header
{
position:absolute;
width:100%;
height:60px;
line-height:60px;
vertical-align:middle;
z-index:3000 !important;	
}
#header-logo
{
float:left;
width:100px;
position:absolute!important;
z-index:10;
}
#header-logo #white-logo, #header-logo #dark-logo, #nav-logo #dark-logo
{
width:100%;	
}
#dark-logo
{
display:none !important;
}
.fixed-header #white-logo
{
display:none !important;
}
.fixed-header #dark-logo
{
display:inline-block !important;
}
nav
{
position:relative;
float:left;
width:100% !important;
text-align:center !important;
padding:0px !important;
height:60px !important;
}
nav ul
{
display:inline !important;
float:left;	
width:100% !important;
list-style:none;
}
nav ul li
{
display:inline !important;
position:relative;	
color:white;
font-weight: 600;
font-family: "Jost", sans-serif !important;
font-size:15px;
}
nav ul li a
{
display:inline-block;
position:relative;	
padding:0px 15px !important;
color:white;
text-decoration:none;
}
nav ul li a ion-icon
{
margin-bottom:-3px;
margin-right:-10px;
padding:0px !important;	
}
nav ul li:hover, nav ul li a:hover
{
color:var(--webiste-primary-color) !important;
text-decoration:none !important;
}
nav ul ul
{
left:0px !important;
position:absolute;
line-height:initial !important;
width:240px !important;
top:40px;
background:white;
border-radius:10px !important;
padding:20px 0px !important;
border:1px solid rgba(0,0,0,0.05);
box-shadow:0px 3px 5px 0px rgba(0,0,0,0.1);	
text-align:left !important;
display:none !important;	
}
nav ul li:hover ul
{
display:block !important;
}
nav ul ul li
{
float:left;
width:100%;
padding:0px !important;	
}
nav ul ul li a
{
color:var(--webiste-footer-color) !important;
text-transform: capitalize !important;
padding:8px 15px !important;
font-size:13px !important;
width:100% !important;
float:left !important;
}
nav ul ul li a:hover
{
background:var(--webiste-primary-color) !important;
color:white !important;	
}
nav ul li ul li a ion-icon
{
margin-right:0px !important;	
}
a.right-link
{
display:inline;
position:relative;	
color:white;
font-family:Montserrat;
font-size:13px;
text-transform: uppercase;
font-weight:700;
text-decoration:none;
background:var(--webiste-primary-color) !important;
padding:15px 15px;
border-radius:10px;
border:1px solid var(--webiste-primary-color) !important;
margin-left:30px;
}
a.right-link:hover
{
background:transparent !important;
border:1px solid white !important;	
}
a.first-right-link
{
background:transparent !important;
border:1px solid white !important;
}
a.second-right-link
{
margin-left:10px !important;
}
header.fixed-header
{
position:fixed;	
background:white;
box-shadow:0px 3px 5px 0px rgba(0,0,0,0.04);
-webkit-animation: animatfade 0.5s;
animation: animatfade 0.5s;	
top:0px !important;
}
@-webkit-keyframes animatfade {
from {-webkit-transform: scale(0)} 
to {-webkit-transform: scale(1)}
}
@keyframes animatfade {
from { opacity:0.5; top:-70px;} 
to { opacity: 1; top:0px;}
}
header.fixed-header nav ul li, header.fixed-header nav ul li a
{
color:var(--webiste-footer-color) !important;
}
header.fixed-header nav ul li a:hover
{
color:var(--webiste-primary-color) !important;
}
header.fixed-header nav ul li ul li a:hover
{
color:white !important;
}
header.fixed-header nav ul ul
{	
border-bottom:0px solid transparent !important;
}
header.fixed-header nav ul ul:before
{	
display:none;
}
header.fixed-header a.right-link:hover
{
background:var(--webiste-third-color) !important;
border:1px solid var(--webiste-third-color) !important;	
}
#home-banner
{
float:left;
width:100%;
/*background:var(--webiste-third-color) !important;*/
background-position:center;
background-repeat:no-repeat;
background-size:cover;
background-blend-mode: multiply;
background-color:rgba(7,47,69,0.9) !important;
}
.home-search-container
{
float:left;
width:100%;
padding:150px 20%;
padding-bottom:170px !important;
}
.home-search-container h1
{
float:left;
width:100%;
color:white !important;
text-align:center;
text-transform:uppercase;
font-family:Montserrat !important;
font-weight:900;
font-size:30px !important;	
}
.home-search-container p
{
float:left;
width:100%;
color:white !important;
text-align:center;
font-weight:500;
font-size:20px !important;	
margin-top:15px !important;
}
.imgFlag
{
display:inline-block;
width:20px;	
margin-top:0px;
margin-right:5px;
}
li ul li .imgFlag
{
margin-right:8px;
}
#nav-btn, #close-menu-button, #nav-logo
{
display:none !important;
}

/*----- Mobile -------*/
@media screen and (max-width: 760px)
{
header
{
height:60px;
line-height:60px;	
}
#header-logo
{
float:left;
width:100px;
margin-left:calc(50% - 70px) !important;
margin-top:-2px !important;
}
#menu-nav-overlay
{
display:none;
position:fixed;
inset:0;
background:rgba(15, 35, 80, 0.42);
backdrop-filter:blur(8px);
-webkit-backdrop-filter:blur(8px);
z-index:999;
opacity:0;
transition:opacity 0.35s ease;
}
body.mobile-nav-open #menu-nav-overlay
{
display:block;
opacity:1;
}
#nav-logo img
{
width:100%;	
}
#nav-logo
{
display:block !important;
float:none;
width:88px;
margin:0 auto !important;
}
#menu-nav
{
position:fixed;
top:0;
left:0;
right:auto !important;
width:min(320px, 88vw) !important;
height:100vh !important;
height:100dvh !important;
background:#ffffff !important;
box-shadow:12px 0 48px rgba(21, 42, 82, 0.14);
transform:translateX(-100%);
transition:transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
display:none;
flex-direction:column;
padding:0 !important;
margin:0 !important;
line-height:initial !important;
overflow:hidden;
z-index:1000;
animation:none !important;
}
#menu-nav.is-open
{
transform:translateX(0);
}
#menu-nav > a
{
flex-shrink:0;
padding:22px 24px 18px;
border-bottom:1px solid rgba(21, 42, 82, 0.08);
text-decoration:none;
}
#close-menu-button
{
display:flex !important;
align-items:center;
justify-content:center;
position:absolute;
right:16px;
top:16px;
width:40px;
height:40px;
border-radius:50%;
cursor:pointer;
font-size:22px;
font-weight:400;
color:#1b2f55 !important;
background:#f4f8fc;
z-index:10;
transition:background 0.2s ease, transform 0.2s ease;
}
#close-menu-button:hover
{
background:#e8eef6;
transform:scale(1.04);
}
#close-menu-button ion-icon
{
font-size:24px;
pointer-events:none;
}
#menu-nav > ul
{
flex:1;
overflow-y:auto;
-webkit-overflow-scrolling:touch;
float:none;
width:100%;
padding:8px 0 12px !important;
text-align:left;
line-height:initial !important;
}
#menu-nav > ul > li
{
float:none;
width:100%;
border-bottom:1px solid rgba(21, 42, 82, 0.06);
}
#menu-nav > ul > li:last-child
{
border-bottom:none;
}
header.fixed-header #menu-nav > ul > li,
header.fixed-header #menu-nav > ul > li > a,
#menu-nav > ul > li > a
{
color:#1b2f55 !important;
}
#menu-nav > ul > li > a
{
display:flex;
align-items:center;
justify-content:space-between;
float:none;
width:100%;
padding:16px 24px !important;
font-weight:600;
font-size:15px;
text-decoration:none;
transition:background 0.2s ease, color 0.2s ease;
}
#menu-nav > ul > li > a:hover,
#menu-nav > ul > li.is-expanded > a
{
color:var(--webiste-primary-color) !important;
background:rgba(30, 64, 127, 0.04);
}
#menu-nav > ul > li > a ion-icon
{
float:none;
margin:0 !important;
font-size:18px;
color:#6b7c96;
transition:transform 0.25s ease, color 0.2s ease;
}
#menu-nav > ul > li.is-expanded > a ion-icon
{
transform:rotate(180deg);
color:var(--webiste-primary-color);
}
#menu-nav ul li ul
{
position:relative;
float:none;
width:100% !important;
top:0;
padding:4px 0 10px !important;
box-shadow:none !important;
border:0 !important;
display:none !important;
background:#f8fafc !important;
}
#menu-nav ul li.is-expanded > ul
{
display:block !important;
}
#menu-nav ul li ul li a
{
display:flex;
align-items:center;
gap:8px;
padding:12px 24px 12px 36px !important;
color:#6b7c96 !important;
font-size:14px !important;
font-weight:500;
}
#menu-nav ul li ul li a:hover
{
color:var(--webiste-primary-color) !important;
background:rgba(30, 64, 127, 0.05) !important;
}
#menu-nav ul li ul li a ion-icon
{
float:none !important;
margin:0 !important;
font-size:14px !important;
color:var(--webiste-primary-color);
opacity:0.7;
}
#menu-nav .imgFlag
{
width:22px;
border-radius:3px;
overflow:hidden;
}
a.right-link
{
float:left;
width:calc(100% - 48px);
margin:16px 24px 24px !important;
text-align:center;
background:var(--webiste-primary-color) !important;
border:1px solid var(--webiste-primary-color) !important;
border-radius:100px;
}
a.right-link:hover
{
background:var(--webiste-third-color) !important;
border:1px solid var(--webiste-third-color) !important;	
}
#nav-btn
{
display:flex !important;
align-items:center;
justify-content:center;
width:44px !important;
height:44px !important;
position:absolute;
right:12px;
top:8px;
border-radius:12px;
cursor:pointer;
background:rgba(255, 255, 255, 0.14);
backdrop-filter:blur(8px);
-webkit-backdrop-filter:blur(8px);
transition:background 0.2s ease, transform 0.2s ease;
}
#nav-btn:hover
{
transform:scale(1.03);
}
#nav-btn ion-icon
{
font-size:26px !important;
color:#ffffff;
}
header.fixed-header #nav-btn,
body:has(.ddr-home) #nav-btn
{
background:#f4f8fc;
}
header.fixed-header #nav-btn ion-icon,
body:has(.ddr-home) #nav-btn ion-icon
{
color:#1b2f55;
}
#nav-btn span
{
display:none;
}
body.mobile-nav-open
{
overflow:hidden;
}
}
/*----- Mobile -------*/