.top-header-bar {background-color: #002339; color: #fff; padding: 10px 0;}
.top-header-bar ul {display: flex; flex-direction: row; margin: 0; padding: 0;}
.top-header-bar ul > li {padding: 0 10px;}
.top-header-bar ul > li:last-child {margin-right: 0;}
.top-header-bar ul > li > a::after {content: ''; position: absolute; top: 0; width: 1px; right: -10px; height: 100%; background-color: #fff;}
.top-header-bar ul > li:last-child > a::after {display: none;}
.top-header-bar ul > li > a {position:relative;display: inline-block;color: #fff; font-size: 14px; font-weight: 500;}
.top-header-bar ul > li > a:hover {color: #039788;}
.top-bar-wrapper {display: flex;flex-flow: row wrap;justify-content: space-between;align-items: center;}
.top-bar-wrapper .contact-info > a {color: #fff;font-size: 14px;font-weight: 500;}
.lang-select {position: relative;}
.lang-select select {background: transparent;border: 0;color: #fff;font-size: 14px;font-weight: 500;padding: 0 0 0 3px;}
.lang-select select * {color: #1f1f1f;}
.lang-select::before {content: "\f0ac";font-family: "Font Awesome 6 Free";font-weight: 900;color: #fff;}


.navigation-bar{position:relative;padding:20px 0;z-index:1040;background:#fff;box-shadow: 0 -3px 18px 0 rgba(0,0,0,0.16);-webkit-transition: 0.25s all linear;-moz-transition: 0.25s all linear;-ms-transition: 0.25s all linear;transition: 0.25s all linear;}
nav.navigation-bar.fixed-top {position: fixed;top: 0;left: 0;right: 0;width: 100%;z-index: 1040;padding: 10px 0;border-bottom: 1px solid #039788;}
.navigation-bar .nav-wrapper {display:flex;justify-content:space-between;align-items:center;}
.navigation-bar .nav-logo>a{width:250px;display:block}
.navigation-bar .nav-logo>a img{width:100%}
.navigation-bar .menu{float:left}
.navigation-bar .menu > li{position:relative;padding:5px 15px; display: inline-block;}
.navigation-bar .menu > li:first-child{padding-left:0}
.navigation-bar .menu > li:last-child{padding-right:0}
.navigation-bar .menu > li > a{color:#1f1f1f;position:relative;font-size:16px;font-weight:600;line-height:19px}
.navigation-bar .menu > li.active > a, .navigation-bar .menu > li > a:hover, .navigation-bar .menu > li > a:active {color: #0170B9;}
.navigation-bar .menu > li > a::after {content: '';display: block;width: 0%;height: 2px;background-color: #039788;position: absolute;top: 100%;left: 0;-webkit-transition: 0.3s all linear;-moz-transition: 0.3s all linear;-ms-transition: 0.3s all linear;transition: 0.3s all linear; margin-top: 10px;}
.navigation-bar .menu > li.active > a::after, .navigation-bar .menu > li > a.active::after, .navigation-bar .menu > li > a:hover::after {width: 100%;right: 0;}
/* .navigation-bar.mobile-menu-open .menu li.active a, .navigation-bar.mobile-menu-open .menu li a:hover, .navigation-bar.mobile-menu-open .menu li a:active {color: #fff;} */
.toggle-menu-btn{position:relative;box-shadow:none;border: 0;border-radius: 3px;padding: 4px 8px; box-shadow: none !important; background-color: #039788;}
.toggle-menu-btn .bar1,.toggle-menu-btn .bar2,.toggle-menu-btn .bar3{width:20px;height:2px;background-color:#fff;margin:4px 0;transition:.4s}
.navigation-bar.home-nav .toggle-menu-btn .bar1,.navigation-bar.home-nav .toggle-menu-btn .bar2,.navigation-bar.home-nav .toggle-menu-btn .bar3 {background-color: #fff;}
.toggle-menu-btn.change .bar1{-webkit-transform:rotate(-45deg) translate(-4px,5px);transform:rotate(-45deg) translate(-4px,5px)}
.toggle-menu-btn.change .bar2{opacity:0}
.toggle-menu-btn.change .bar3{-webkit-transform:rotate(45deg) translate(-3px,-4px);transform:rotate(45deg) translate(-3px,-4px)}
.navigation-bar .menu > li.login-btn > a {background-color: #039788;color: #fff;padding: 10px 25px;border-radius: 4px;}
.navigation-bar .menu > li.login-btn > a:hover {background-color: #0170B9;}
.navigation-bar .menu > li.login-btn > a::after,.navigation-bar .profile-dropdown > a::after {display: none !important;}

.navigation-bar .profile-dropdown > a {margin: 0;}
.profile-dropdown span {display: inline-block; vertical-align: middle;}
.profile-dropdown span.user-name {position: relative;max-width: 150px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; margin-left: 5px;padding-right: 15px;}
.profile-dropdown span.user-name::after {content: "\f078";position: absolute;font-family: "Font Awesome 6 Free";font-weight: 900;color: #1f1f1f;font-size: 12px;top: 0;right: 0;-webkit-transition: 0.3s all ease;-moz-transition: 0.3s all ease;transition: 0.3s all ease;}
.profile-dropdown > a.active span.user-name::after {-webkit-transform: rotate(-180deg);-moz-transform: rotate(-180deg);-ms-transform: rotate(-180deg);transform: rotate(-180deg);}
.profile-dropdown > a:hover .user-name::after {color: #0170B9;}
.profile-dropdown span.avatar {display: inline-block;width: 40px;height: 40px;line-height: 40px;}
.profile-dropdown span.avatar img {width: 100%; height: 100%; object-fit: cover; border-radius: 100%;}
.navigation-bar .profile-dropdown > a::after {content: '';position: absolute;top: 5px;background: url("/static/images/dropdown-arrow-red.png") no-repeat;width: 11px;}
.navigation-bar .profile-dropdown-menu.open { transform: rotateX(0deg); opacity: 1; visibility: visible; pointer-events: auto;}
.navigation-bar .profile-dropdown-menu { position: absolute; right: 0; top: 100%; min-width: 100%; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; -webkit-transform: rotateX(-90deg);-moz-transform: rotateX(-90deg);transform: rotateX(-90deg); opacity: 0;visibility: hidden;pointer-events: none;transform-origin: top;  z-index: 100;background: #fff;    box-shadow: 0 3px 6px rgb(0 0 0 / 16%); -webkit-box-shadow: 0 3px 6px rgb(0 0 0 / 16%); -moz-box-shadow: 0 3px 6px rgba(0,0,0,0.16); border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; overflow: hidden; margin-top: 26px; min-width: 100%; list-style: none; padding: 5px 15px; z-index: 99999;min-width: 150px;}
.navigation-bar.fixed-top .profile-dropdown-menu {margin-top: 18px;}
.navigation-bar .profile-dropdown-menu li {line-height: 1;}
.navigation-bar .profile-dropdown-menu li > a {font-family: 'Montserrat', sans-serif; color: #1f1f1f; font-size: 14px !important; font-weight: 600; margin: 0; border: 0; line-height: 1; padding: 10px 0; border-bottom: 1px solid #e5e5e5; display: block;}
.navigation-bar .profile-dropdown-menu li:last-child > a {border-bottom: 0;}
.navigation-bar .profile-dropdown-menu li > a::after {display: none;}
.navigation-bar .profile-dropdown { position: relative; }
.navigation-bar .profile-dropdown-menu li.active a, .navigation-bar .profile-dropdown-menu li a.active { color: #0170B9; font-weight: bold;}
.navigation-bar .profile-dropdown a:hover { color: #0170B9;}


footer{background:#002339; color:#fff;padding:30px 0 0 0}
footer p,footer a{color:#fff}
footer ul{list-style:none;padding:0;margin:0}
.footer-widget-area{margin-bottom:16px}
.footer-widget-area .logo{display:block;width:250px;margin-bottom:20px;}
.footer-widget-area p{font-family:'Montserrat',sans-serif;font-size:14px;font-weight:400;line-height:22px;text-align:left;color:#fff;margin-top: 0;}
.footer-widget-area h2{position: relative; font-family:'Montserrat',sans-serif;font-size:16px;font-weight:500;line-height:25px;text-align:left;color:#fff;margin-bottom:40px}
.footer-widget-area h2::after {content: ''; display: block; width: 25%; height: 2px; background-color: #039788; position: absolute; top: 100%; left: 0; border-radius: 5px; margin-top: 10px;}
footer ul>li{display:block}
footer ul>li>a{display:block;color:#fff;font-family:'Montserrat',sans-serif;font-size:16px;font-weight:400;line-height:30px;text-align:left}
footer ul>li>a:hover,footer ul>li>a:active{color:#039788}
footer .social-media-links>li{display:inline-block}
footer .social-media-links>li>a, footer .social-media-links>li>a:not(.btn) {font-size:16px;color: #fff;margin-right:10px; display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; background-color: #0170B9; border-radius: 100%;}
footer .social-media-links>li>a i {line-height: inherit;}
footer .social-media-links>li:last-child>a {margin-right: 0;}
footer .social-media-links>li>a:hover{color:#fff; background-color: #039788;}
.footer_bottom{border-top:1px solid rgba(255,255,255,0.4);padding:20px 0;text-align:center}
.footer_bottom p{font-family:'Montserrat',sans-serif;font-size:14px;font-weight:400;line-height:30px;color:#fff}

.footer-widget-area a, .footer-widget-area a:not(.btn) {color: #fff !important;font-family: 'Montserrat', sans-serif;font-size: 16px;font-weight: 400;line-height: 30px;text-align: left;}
footer a:hover {color: #039788 !important;}
footer ul.social-media-links>li>a:hover {color: #fff !important;}

/*--Responsive--*/

@media (max-width: 1024px) and (min-width: 768px) {
    .navigation-bar .menu > li {padding: 5px 10px;}
}

@media (min-width: 768px) {
    .navbar-links {display: block;}
    .toggle-menu-btn{display:none}
}

@media (max-width: 991px) {
    .navigation-bar .nav-logo>a {width: 225px;}
    .navigation-bar {padding: 15px 0;}
    .footer-logo {width: 100% !important; max-width: 100% !important;}
    footer .col-3 {width: 33.33%; max-width: 33.33%;}    
}

@media (max-width: 767px) {
    .navbar-links {position: absolute;top: 100%;left: 0;right: 0;width: 100%;z-index: 1040;background-color: #0170B9;display: none;}
    .navbar-links .menu {width: 100%;}
    .navbar-links .menu > li {display: block;padding: 15px;border-bottom: 1px solid #fff;}
    .navbar-links .menu > li:first-child {padding-left: 15px;}
    .navbar-links .menu > li:last-child {padding-right: 15px;}
    .navbar-links .menu > li > a, .navbar-links .menu > li > a:not(.btn) {color: #fff;display: block;}
    .navbar-links .menu > li > a::after {display: none !important;}
    .navigation-bar .profile-dropdown-menu {position: relative;margin-top: 10px;border-radius: 0;display: none;}
    .navigation-bar .profile-dropdown-menu.open {display: block;}
    .profile-dropdown span.avatar {width: 30px; height: 30px;}
    .profile-dropdown span.user-name::after {color: #fff;}
    .profile-dropdown > a:hover .user-name::after {color: #fff;}
    .navigation-bar .menu > li.login-btn > a {text-align: center;}
    .navigation-bar .menu > li.login-btn > a:hover {color: #039788;background-color: #fff;}
    footer {padding: 35px 0 0 0;}
    footer .social-media-links>li>a {margin-right: 5px; margin-bottom: 5px;}
}



@media (max-width: 575px) {
    .footer-logo {width: 100% !important; max-width: 100% !important;}
    footer .col-3 {width: 100%; max-width: 100%;}
    .footer-widget-area h2 {font-size: 18px;margin-bottom: 30px;}
    .footer-widget-area {margin-bottom: 30px;}
    .footer_bottom p {font-size: 14px;}
    
}

@media (max-width: 479px) {
    .contact-info {display: none;}
    .top-bar-wrapper {flex-flow: column wrap;align-items: flex-end;}
    .navigation-bar .nav-logo>a {width: 180px;}
    .footer-widget-area .logo {width: 180px;}
}