body{margin-top: 56px !important}
body.without-second-navigation{margin-top: 56px !important}
body.admin-bar{margin-top: 97px !important}
body.admin-bar.without-second-navigation{margin-top: 56px !important}
body > header{position: fixed;top:0;left:0;width:100%;z-index:20;background-color:white;}
body.admin-bar > header{top:31px;}

.header-clear{display:block;width: 100%;height:1px;}

body > header .container{
    padding-top: 0;
    padding-bottom: 0;
}
body > header .container .navigation{
    padding-left: 0;
    padding-right: 0;
}
body > header .main-menu-top{
    background-color: #FFFFFF;
    border-bottom: 1px solid #eeeeee;
} 
/* Navigation styling******************************************************************** */
.navigation{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:7px 1em;position:relative}
.navigation .nav-list-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}

.navigation #small-nav{padding-top:1em;padding-bottom:1em;position:absolute;top:-500%;right:0;left:0;z-index:20;background-color:var(--color-secondary);width:100%;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;display:none;
    box-shadow: 0px 4px 9px 0px #0000003b;
    border-radius: 0 0 10px 10px;
}

.navigation #small-nav ul{padding:0}
.navigation #small-nav li{text-align:center;padding-block:0.5em}

.navigation #small-nav li.menu-item-has-children a{position:relative}
.navigation #small-nav ul#mobile-nav-menu > li.menu-item-has-children > a:after{
    font-family: "Font Awesome 6 Free"; /* or "Font Awesome 5 Free" */
    content: "\f107";
      font-weight: 900; /* 900 for solid icons */
      margin-left: 5px;
}
.navigation #small-nav ul#mobile-nav-menu > li.menu-item-has-children.active > a:after{
    content: "\f106";
}
.navigation #small-nav li.menu-item-has-children ul.sub-menu{
    display:none;
    background-color: #dcdcfd;
}
.navigation #small-nav li.menu-item-has-children.active ul.sub-menu{
    display: block;
    margin-top: 5px;
}

.navigation .logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:2em}
.navigation #hamburger{cursor:pointer;background-color:var(--color-primary);border:0;font-size:1.5rem;color:var(--color-white);width:40px;height:40px;border-radius:6px;display:none;-webkit-transition:opacity ease-in-out .3s;-o-transition:opacity ease-in-out .3s;transition:opacity ease-in-out .3s}
.navigation #hamburger.active{opacity:.8}
.navigation .menu-menu-primary-container{
        width: -webkit-fill-available;
    display: flex;
    align-items: center;
    justify-content: center;
}
.navigation .nav-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0;margin: 0;}
.navigation .nav-list li{position:relative;padding:10px 0}
.navigation .nav-list>li>a{color:#305EF9B2;padding-inline:0.5em;font-weight:500;font-size:1rem;line-height:22px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}
.navigation .nav-list>li:hover>a{text-shadow:0 0 1px var(--color-primary)}

.navigation .nav-list>li.current-menu-parent>a,
.navigation .nav-list>li.current-menu-item>a{color:#305ef9;text-shadow:0 0 1px var(--color-primary)}

.navigation .nav-list>li.menu-item-has-children>a::after{content:url('../assets/arrow-top.svg')}
.navigation .nav-list>li.menu-item-has-children.active>a::after{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);margin-bottom:-8px}
.navigation .nav-list>li.menu-item-has-children.active>a,
.navigation .nav-list>li.menu-item-has-children:hover  a{color: #305EF9;}
.navigation .nav-list ul{min-width:160px;width:-webkit-max-content;width:-moz-max-content;width:max-content;position:absolute;top:40px;left:10px;background:#fff;z-index:5;border:1.14px solid #eae7e6;-webkit-box-shadow:0 2.27px 2.27px 0 #6f72F726;box-shadow:0 2.27px 2.27px 0 #6f72F726;border-radius:8px;padding:20px 15px;display:none}
.navigation .nav-list ul li{display:block;padding-top:0;padding-bottom:16px}
.navigation .nav-list ul li:last-child{padding-bottom:0}
.navigation .nav-list ul li::before{display:none}
.navigation .nav-list ul li a{padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;font-weight:500;font-size:1rem;line-height:22px;color:#646464}
.navigation .nav-list ul li a:hover,.navigation .nav-list ul li.active a,.navigation .nav-list ul li.current a,.navigation .nav-list ul li.current-page a{color:#305ef9}
.navigation .nav-list ul li a img,.navigation .nav-list ul li a::before{width:32px;height:32px;border-radius:8px;border:1.14px solid #eae7e6;-webkit-box-shadow:0 2.27px 2.27px 0 #6f72F726;box-shadow:0 2.27px 2.27px 0 #6f72F726;padding:4px;color:var(--color-primary);font-family:"Font Awesome 6 Free";font-weight:700;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:1.125rem}
.navigation .nav-list ul li.fa-file-alt a::before{content:"\f15c"}
.navigation .nav-list ul li.fa-audio-description a::before{content:"\f29e"}
.navigation .nav-list ul li.fa-link a::before{content:"\f0c1"}
.navigation .nav-list ul li.fa-repeat a::before{content:"\f363"}

.navigation .nav-list ul li.fa-gears a::before       { content: "\f085"; } /* gears */
.navigation .nav-list ul li.fa-brain a::before       { content: "\f5dc"; } /* brain */
.navigation .nav-list ul li.fa-microchip a::before   { content: "\f2db"; } /* microchip */
.navigation .nav-list ul li.fa-flask a::before       { content: "\f0c3"; } /* flask */
.navigation .nav-list ul li.fa-comments a::before    { content: "\f086"; } /* comments */
.navigation .nav-list ul li.fa-file-code a::before   { content: "\f1c9"; } /* file-code */
.navigation .nav-list ul li.fa-keyboard a::before    { content: "\f11c"; } /* keyboard */
.navigation .nav-list ul li.fa-pen-nib a::before     { content: "\f5ad"; } /* pen-nib */
.navigation .nav-list ul li.fa-robot a::before       { content: "\f544"; } /* robot */
.navigation .nav-list ul li.fa-globe a::before       { content: "\f0ac"; } /* globe */

.navigation .nav-list ul li.fa-youtube a::before { content: "\f167"; font-family: "Font Awesome 6 Brands";} /* youtube */

.navigation .btn,header .actionBtns .btn{border-radius:4px;padding:9px 20px}
.navigation .Btns{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1em;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}
.navigation .btn:first-child,header .actionBtns .btn:first-child{border:1px solid var(--color-primary);background-color:var(--color-secondary);color:var(--color-darkest);font-weight:400;font-size:1rem;text-align:center;cursor:pointer;-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s;transition:all ease-in-out .3s}
.navigation .btn.active,.navigation .btn:first-child:focus,.navigation .btn:first-child:hover,header .actionBtns .btn.active,header .actionBtns .btn:first-child:focus,header .actionBtns .btn:first-child:hover{background-color:var(--color-primary);color:var(--color-white)}
.navigation .btn:last-child,header .actionBtns .btn:last-child{background-color:var(--color-primary);border:1px solid var(--color-primary);color:var(--color-white);font-weight:400;font-size:1rem;text-align:center;cursor:pointer;-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s;transition:all ease-in-out .3s}
.navigation .btn:last-child:focus,.navigation .btn:last-child:hover,header .actionBtns .btn:last-child:focus,header .actionBtns .btn:last-child:hover{opacity:.8}
.second-navigation{position:relative;overflow:hidden;background-color:var(--color-primary)}
.second-navigation .menu-wrapper{overflow-x:auto;white-space:nowrap;scroll-behavior:smooth;max-width:100%;-ms-overflow-style:none;scrollbar-width:none}
.second-navigation .menu-wrapper::-webkit-scrollbar{display:none}
.second-navigation button{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:0;border:none;background-color:var(--color-primary);padding:.6em .8em;color:var(--color-white);font-size:1.5rem;cursor:pointer}
.second-navigation button:hover{outline:0;text-shadow:1px 0 1px var(--color-white)}
.second-navigation ul{margin:0;list-style:none;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:2em;padding:10px 1em;padding-right:4em;background-color:var(--color-primary)}
.second-navigation ul a{color:var(--color-white);font-weight:400;font-size:1rem;line-height:22px;text-align:center}
.second-navigation ul a:hover,.second-navigation ul li.active a,.second-navigation ul li.current a,.second-navigation ul li.current-page a{text-shadow:1px 0 1px var(--color-white)}
header .actionBtns{padding:0 .5em .5em 0;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:none;gap:1em}
@-webkit-keyframes spin{
0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}
100%{-webkit-transform:rotateZ(-360deg);transform:rotateZ(-360deg)}
}
@keyframes spin{
0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}
100%{-webkit-transform:rotateZ(-360deg);transform:rotateZ(-360deg)}
}
/* Media Queries *************************************************************************/
@media screen and (min-width:1400px){
  .navigation .nav-list>li>a{font-size:1.125rem}
  }
@media screen and (min-width:992px) and (max-width:1200px){
  .navigation .nav-list>li>a {
    padding-inline: 0.5em;
    font-size: 0.9rem;
    gap: 8px;
}
  }
  @media screen and (max-width:992px){
  .navigation #hamburger{display:block}
  .navigation #nav-list{display:none}
  .navigation .logo{margin-right:0;gap:25px}
  .navigation #small-nav{top:54px}
  }
  @media screen and (max-width:782px){
  body.admin-bar{margin-top:120px!important}
  body.admin-bar>header{top:46px}
  }
  @media screen and (max-width:600px){
  body.admin-bar,body.admin-bar.without-second-navigation,body.without-second-navigation{margin-top:0!important}
  body.admin-bar>header{top:0;position:relative}
  }
  @media screen and (max-width:500px){
  .navigation .nav-list-container{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}
  header .actionBtns{display:none}
  .navigation .logo{gap:15px}
  }
  @media screen and (max-width:500px){
  .navigation .logo{gap:10px}
  .navigation .Btns{gap:10px}
  }

/* Header login box */
body.login-box-oppend{overflow:hidden;width:100%;height:100vw;position:relative}
div.login-box{position:fixed;top:0;left:0;width:100%;height:100%;display:block;z-index:20}
div.login-box .fade{position:absolute;top:0;left:0;width:100%;height:100%;display:block;background-color:rgba(0,0,0,.3)}
div.login-box .error{color: red;}
div.login-box .box-container{position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
div.login-box .box{width:600px;padding:30px 46px;border-radius:29.09px;border:1.14px solid #e6e7ea;-webkit-box-shadow:0 -3.41px 0 1.14px #f3f3f4 inset;box-shadow:0 -3.41px 0 1.14px #f3f3f4 inset;-webkit-box-shadow:0 10.22px 14.76px -5.68px #0d162F1A;box-shadow:0 10.22px 14.76px -5.68px #0d162F1A;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:25px;z-index:20}
div.login-box .box img{margin:0 20px auto;max-height:100px}
div.login-box .box h2{font-family:Plus Jakarta Sans;font-weight:600;font-size:2.25rem;color:#323232;margin-top:10px;margin-bottom:10px}
div.login-box .box .input-group{position:relative}
.box .keep-signin-forgotten a,.box .keep-signin-forgotten p,div.login-box .box label{font-family:Plus Jakarta Sans;font-weight:500;font-size:1.125rem;color:#323232}
div.login-box .box input[type=email],div.login-box .box input[type=password],div.login-box .box input[type=text]{border:1px solid #bfc4d6;color:#323232;border-radius:8px!important;padding:14px 12px;width:100%;margin-top:5px;font-family:Plus Jakarta Sans;font-weight:500;font-size:1.125rem;-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s;transition:all ease-in-out .3s}
div.login-box .box input[type=email]:focus,div.login-box .box input[type=password]:focus,div.login-box .box input[type=text]:focus{outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}
div.login-box .box .toggle-password{position:absolute;top:0;right:0;cursor:pointer}
div.login-box .box .toggle-password.hide{color:#32323299}
div.login-box .box .keep-signin-forgotten{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:-10px}
div.login-box .box .keep-signin-forgotten label{display:-webkit-box;display:-ms-flexbox;display:flex;gap:5px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
div.login-box .box button[type=submit]{display:block;background-color:var(--color-primary);color:var(--color-white);border:1px solid #bfc4d6;border-radius:8px;padding:12px 12px;font-family:Plus Jakarta Sans;font-weight:700;font-size:1.625rem;text-align:center;-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s;transition:all ease-in-out .3s}
div.login-box .box button[type=submit]:focus,.box button[type=submit]:hover{opacity:.8}
div.login-box .box p.or{text-align:center}
div.login-box .box button[type=button], div.login-box .box a.signin-google, div.login-box .box a.signin-linkedin{display:-webkit-box;display:-ms-flexbox;display:flex;min-width:100%;border-radius:8px;border:1px solid #bfc4d6;gap:5px;font-family:Plus Jakarta Sans;font-weight:500;font-size:1.125rem;line-height:100%;text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:12px;background-color:transparent;-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s;transition:all ease-in-out .3s}
div.login-box .box button[type=button]:focus,.box button[type=button]:hover, 
div.login-box .box a.signin-google:hover, 
div.login-box .box a.signin-linkedin:hover,
div.login-box .box a.signin-google:focus, 
div.login-box .box a.signin-linkedin:focus
{background-color:var(--color-secondary)}
div.login-box p.dont-have-account{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:30px}
div.login-box p.dont-have-account a{font-weight:500;text-decoration:underline;color:#323232}
div.login-box .box .keep-signin-forgotten a:focus,.box .keep-signin-forgotten a:hover,p.dont-have-account a:focus,p.dont-have-account a:hover{color:var(--color-primary)}
@media screen and (max-width:1600px){
div.login-box .box {
    gap: 20px;
}
}
@media screen and (max-width:768px){
div.login-box div.login-box .box{max-width:95vw;padding:20px 20px;border-radius:20px;gap:18px}
}
/* End header login box */