/* =================================
Header Layout & Core
=================================
*/
.header__container{position:relative;z-index:999999;}
.header__wrapper{align-items:center;display:flex;margin:0 auto;}
.header__top{padding:0.7rem 20px;}
.header__bottom{padding:20px;background:linear-gradient(180deg,rgba(41,41,41,0.5) 0%,rgba(0,0,0,0) 100%);transition:background-color 0.3s ease;}
/* Layout - left */
.header__container--left .header__language-switcher-col{margin-left:auto;}
.header__container--left .header__wrapper--bottom{justify-content:space-between;}
.header__container--left .header__menu-col{margin-left:auto;text-align:right;}
.header__container--left .header__button-col{margin-left:1rem;}
/* Layout - centered */
.header__container--centered .header__button-col{margin-left:auto;}
.header__container--centered .header__wrapper--bottom{flex-wrap:wrap;text-align:center;}
.header__container--centered .header__logo-col{margin-bottom:1.4rem;width:100%;}
.header__container--centered .header__menu-col{width:100%;}
/* =================================
Logo
=================================
*/
.header__logo img{height:auto;max-width:100%;}
/* Default logo state */
.header__logo .logo--hover{display:none;}
.header__logo .logo--default{display:inline-block;/*Or block, depending on your layout*/}
/* =================================
Core Mega Menu
=================================
*/
.mega-menu{width:100%;position:relative;font-family:Arial,sans-serif;}
.mega-menu__nav-list{width:auto;display:block;text-align:center;margin:0;padding:0;list-style:none;position:relative;z-index:999999990;}
.mega-menu__nav-item{display:inline-block;position:static;margin:0.7rem 0;}
.mega-menu__nav-link{font-family:Arial,sans-serif;font-style:normal;display:block;padding:12px 25px;text-decoration:none;color:white;font-size:14px;font-weight:400;border-bottom:3px solid transparent;transition:all 0.3s ease;}
.mega-menu__nav-link div{color:white;}
.mega-menu__nav-link:hover{color:#0F145B;border-bottom-color:#00B7F1;text-decoration:none;font-family:Arial,sans-serif;font-style:normal;font-weight:400;text-shadow:0 0 0.5px currentColor,0 0 0.5px currentColor;}
.mega-menu__nav-item.has-dropdown>.mega-menu__nav-link{cursor:pointer;}
/* Merged rule for menu titles */
.mega-menu__menu-title,.mega-menu__menu-title .hs_cos_wrapper{font-family:Arial,sans-serif;color:white!important;font-weight:600;}
/* =================================
Search & Members Buttons
=================================
*/
/* Pushes buttons to the right */
.mega-menu__nav-item--search{margin-left:auto;}
.mega-menu__nav-item--members{margin-left:0.5rem;align-items:center;}
/* Style for both buttons */
.mega-menu__nav-item--search .mega-menu__nav-link,.mega-menu__button--members{display:flex;align-items:center;padding:6px 14px;border:1px solid rgba(255,255,255,0.5);/*Default white border*/border-radius:5px;text-decoration:none;transition:all 0.3s ease;/*This overrides the default nav link padding*/padding-top:6px!important;padding-bottom:6px!important;line-height:1.5;font-size:14px;color:#ffffff;}
/* Remove bottom border hover from search link */
.mega-menu__nav-item--search .mega-menu__nav-link:hover{border-bottom-color:#0F145B!important;/*Overrides default hover*/}
/* Style for icons inside buttons */
.mega-menu__nav-item--search .mega-menu__nav-link svg,.mega-menu__button--members svg{margin-left:8px;width:18px;height:18px;fill:currentColor;transition:fill 0.3s ease;}
/* =================================
Dropdown Panel (General)
=================================
*/
.mega-menu__dropdown{display:none;position:absolute;background:url('https://441680386.fs1.hubspotusercontent-ap1.net/hubfs/441680386/Dot%20Background2.webp') #0F145B no-repeat center right;padding:30px;z-index:1000;width:100vw;left:-24vw;right:0;top:100%;box-sizing:border-box;margin-top:14px;}
.mega-menu__nav-item.is-open>.mega-menu__dropdown{display:block;}
.mega-menu__dropdown-inner{max-width:1200px;margin:0 auto;padding:20px 0 0;text-align:left;}
.mega-menu__dropdown-subs{display:flex;gap:40px;margin-top:25px;}
.mega-menu__column{flex:1;min-width:200px;}
.mega-menu__column-content ul{list-style:none;margin:0;padding:0;}
.mega-menu__column-content li{margin:0 0 40px!important;background:#00B7F1;padding:20px;border-radius:5px;}
.mega-menu__column-content ul a:hover{text-decoration:none;}
.mega-menu__column-content ul li:hover{background:#00B7F1;background:linear-gradient(90deg,rgba(0,183,241,1) 0%,rgba(0,170,171,1) 100%);}
.mega-menu__column-content ul a{background:url('https://441680386.fs1.hubspotusercontent-ap1.net/hubfs/441680386/arrow_forward_ios.png') no-repeat;background-position:center right;display:block;}
.mega-menu__sub-item-title{display:block;font-size:16px;color:#0f145b;font-weight:600;}
.mega-menu__sub-item-desc{display:block;font-size:14px;color:#0f145b;line-height:1.4;}
/* =================================
Search Dropdown Styles
=================================
*/
.mega-menu__dropdown--search .mega-menu__dropdown-inner{margin:0 auto;max-width:1200px;padding:20px 0 0;text-align:left;}
.mega-menu__dropdown--search .hs-search-field{display:flex;max-width:700px;margin-top:2rem;}
.my-search-form{border:0px none #00AAAB;padding:30px 0px 40px;border-radius:0px;display:flex;gap:30px;}
.my-search-form input{padding:12px 25px;border-radius:5px;}
::placeholder{color:#0f145b!important;font-weight:500;font-size:14px;}
.my-search-form button{white-space:nowrap;border:1px solid white;border-radius:5px;padding:12px 35px;}
/* =================================
Open / Active Header States
=================================
*/
/* Logo switching */
.header-is-active .header__logo .logo--hover{display:inline-block;}
.header-is-active .header__logo .logo--default{display:none;}
/* General nav item open state */
.mega-menu__nav-item.is-open>.mega-menu__nav-link{border-bottom-color:#007a9b;}
/* Search/Members button open state */
.mega-menu__nav-item--search.is-open,.mega-menu__nav-item--members.has-dropdown.is-open{background:#00B7F1;border-radius:5px;}
/* Header active (white) background */
.header__bottom.header-is-active{background:linear-gradient(180deg,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%);/*white 100%*/}
/* General nav link text color on active header */
.header__bottom.header-is-active .mega-menu__nav-link div{color:#0F145B;}
/* General nav link hover on active header */
.header__bottom.header-is-active .mega-menu__nav-link:hover{color:#0F145B;/*Stays dark blue*/border-bottom-color:#00B7F1;}
.header__bottom.header-is-active .mega-menu__nav-link div:hover{color:#0F145B;/*Stays dark blue*/}
/* Search/Members buttons on active header */
.header-is-active .mega-menu__nav-item--search .mega-menu__nav-link,.header-is-active .mega-menu__button--members{border-color:#0F145B;/*Dark blue border*/color:#0F145B!important;}
.header-is-active .mega-menu__button--members:hover{text-decoration:none!important;}
.ui-mobile{display:none;}
/* =================================
Mobile Responsive
=================================
*/
/* --- Mobile Toggle Button --- */
.mega-menu__mobile-toggle{display:none;/*Hidden on desktop*/background:transparent;border:none;padding:10px;cursor:pointer;position:relative;/*top: 15px;right: 15px;*/z-index:1002;white-space:nowrap;}
.mega-menu__mobile-toggle span{display:block;width:25px;height:3px;background:#fff;margin:5px 0;transition:all 0.3s ease;}
/* Mobile Toggle Active State */
.mega-menu__mobile-toggle.is-active span:nth-child(1){transform:rotate(45deg) translate(5px,5px);}
.mega-menu__mobile-toggle.is-active span:nth-child(2){opacity:0;}
.mega-menu__mobile-toggle.is-active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px);}
/* --- Mobile Layout (991px and down) --- */
@media (max-width:991px){
/*This fixes the mobile menu, which should always be white*/
.header__bottom,.header__bottom.header-is-active{background-color:white;}
/*This makes the nav links dark blue on mobile (but not search/members)*/
.mega-menu__nav-item:not(.mega-menu__nav-item--search):not(.mega-menu__nav-item--members) .mega-menu__nav-link,.header__bottom.header-is-active .mega-menu__nav-link,.header__bottom.header-is-active .mega-menu__nav-link div{color:#0F145B;}
/*Show mobile toggle*/
.mega-menu__mobile-toggle{display:block;}
/*Mobile menu list*/
.mega-menu__nav-list{display:none;position:absolute;top:100%;left:0;right:0;width:100%;flex-direction:column;z-index:1001;box-shadow:0 5px 10px rgba(0,0,0,0.1);}
.mega-menu__nav-list.is-open{display:flex;}
.mega-menu__nav-link{border-bottom:1px solid #e0e0e0;}
.mega-menu__nav-item--members .mega-menu__dropdown {display:none; !important}
/*On mobile, dropdowns become part of the main flow*/
.mega-menu__dropdown{display:none;position:static;width:100%;max-width:100%;transform:none;border:none;box-shadow:none;padding:0 0 0 20px;/*Indent mobile sub-items*/}
.mega-menu__dropdown-inner{flex-direction:column;gap:0;}
.mega-menu__column{border-bottom:1px solid #ddd;padding:10px 0;}
.mega-menu__column:last-child{border-bottom:none;}
}

/***Responsive****/

@media (max-width:1080px){
  .mega-menu__nav-link {
    padding: 12px 0.6vw !important;
    font-size: 11px !important;
  }
}

@media (max-width: 1214px) {
.mega-menu__nav-link, .mega-menu__nav-item--search .mega-menu__nav-link, .mega-menu__button--members {
    font-size: 12px;
}
}

/* --- Tablet Layout (767px) --- */
@media (max-width:1391px){
  .mega-menu__nav-link {
    padding: 12px 1vw;
  }
}

/* --- Tablet Layout (767px) --- */
@media (min-width:767px){
.header__container--left .header__logo-col{flex:1 0 0;}
.header__container--left .header__menu-col{flex:4 0 0;}
}
/* --- Small Mobile Layout (767px and down) --- */
@media (max-width:767px){
.mega-menu{position:absolute;left:0;right:0;top:100%;}
.mega-menu__nav-list.is-open{display:flex;}
.ui-desktop{display:none!important;flex-direction:row;gap:10px;}
.mega-menu__nav-item.has-dropdown.is-open>.mega-menu__dropdown{display:block!important;/*Forces the dropdown to show when 'is-open' is on the <li>*/padding:0 20px 0 20px;/*Use the mobile padding style*/}
.ui-mobile{display:flex!important;flex-direction:row;gap:10px;position:relative!important;width:auto;box-shadow:none;}
.ui-mobile .mega-menu__nav-item--search.is-open,.ui-mobile .mega-menu__nav-item--members.has-dropdown.is-open{background:#0F145B;border-radius:50px;}
.header-is-active .mega-menu__nav-item--search.is-open .mega-menu__nav-link svg,.header-is-active .mega-menu__nav-item--members.is-open .mega-menu__button--members svg{fill:#FFFFFF;}
.ui-mobile .mega-menu__nav-item--members .mega-menu__menu-title{display:block;margin:0 0 14px!important;}
.ui-mobile .mega-menu__menu-title{display:block;margin:0px;}
.ui-mobile .mega-menu__nav-item{position:relative;}
.ui-mobile .mega-menu__dropdown--search{position:absolute;top:212%;left:-76vw;width:100vw;right:0;max-width:inherit;}
.ui-mobile .mega-menu__nav-item--members .mega-menu__dropdown{position:absolute;top:212%;left:-86vw;width:100vw;right:0;max-width:inherit;}
.my-search-form{flex-direction:column;gap:20px;}
.my-search-form form input[type='search']{padding:13px;border-radius:5px;}
.my-search-form button{text-align:center;display:block;}
.header-is-active .mega-menu__nav-item--search .mega-menu__nav-link svg,.header-is-active .mega-menu__button--members svg{fill:#0F145B;}
.ui-mobile .mega-menu__nav-item--search .mega-menu__nav-link,.ui-mobile .mega-menu__button--members{border:none;background:transparent;}
.mega-menu__nav-item--search .mega-menu__nav-link svg,.mega-menu__button--members svg{margin-left:0!important;}
.mega-menu__nav-item--search .mega-menu__nav-link,.mega-menu__button--members{padding:7px!important;text-align:center;border-radius:50px;position:relative;}
.mega-menu__nav-item--search .mega-menu__nav-link::after{display:none!important;}
.mega-menu__dropdown{background:url('https://441680386.fs1.hubspotusercontent-ap1.net/hubfs/441680386/Dot%20Background2.webp') #0F145B no-repeat center center;padding:0 20px 0 20px;margin-top:0px;}
.mega-menu__dropdown-subs{display:flex;gap:0;margin-top:0;flex-direction:column;}
.mega-menu__nav-item{margin:0;}
.mega-menu__nav-list{text-align:left;}
.mega-menu__nav-link{font-size:18px;padding:20px 30px;border-bottom:1px solid #00B7F1;}
.mega-menu__column-content li{margin:0 0 25px!important;}
.mega-menu__column{border-bottom:none;padding:0;}
.mega-menu__menu-title{display:none;}
.header__top{display:none;}
.header__bottom{padding:20px 0px;}
.header__container--left .header__menu-col{margin-left:auto;text-align:left;width:50%;display:flex;gap:10px;justify-content:flex-end;}
.header__bottom{background:linear-gradient(180deg,rgba(41,41,41,0.5) 0%,rgba(0,0,0,0) 100%);transition:background-color 0.3s ease;}
.header__bottom.header-is-active .mega-menu__nav-link,.header__bottom.header-is-active .mega-menu__nav-link div,.mega-menu__nav-item:not(.mega-menu__nav-item--search):not(.mega-menu__nav-item--members) .mega-menu__nav-link{color:#fff;}
.mega-menu__mobile-toggle{background:transparent;color:#FFF;padding:8px 20px;border-radius:5px;border:none!important;font-size:16px;}
.header-is-active .mega-menu__mobile-toggle,.mega-menu__mobile-toggle.is-active{background:#0F145B;color:white!important;padding:8px 20px;border-radius:5px;border:none!important;}
/*Centered layout adjustments*/
.header__container--centered .header__wrapper--bottom{justify-content:space-around;text-align:left;}
.header__container--centered .header__logo-col,.header__container--centered .header__menu-col{margin-bottom:0;width:auto;}
.mega-menu__nav-link{align-items:center;background-color:#0F145B;border-bottom:2px solid #00c7ff;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:500;justify-content:space-between;margin:0px auto;padding:1.5rem 1.5rem;position:relative;text-decoration:none;width:100%;}
.mega-menu__nav-link::after{/*SVG Data URI: Up-Pointing Chevron with white stroke (%23ffffff) and stroke-width 3*/content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 15l7-7 7 7'/%3E%3C/svg%3E");display:block;/*Important for sizing SVG content*/width:1rem;/*Sets the size of the SVG*/height:1rem;/*Sets the size of the SVG*/line-height:1;margin-left:10px;/*Apply a smooth transition to the rotation*/transition:transform 0.3s ease;/*Default State (Closed): Rotate the up-chevron 180deg to make it point DOWN*/transform:rotate(180deg);transform-origin:center center;/*Adjustments for better visual alignment*/position:relative;top:-1px;}
.mega-menu__nav-link[aria-expanded="true"]::after{/*Expanded State (Open): Rotate it back to 0deg to make it point UP*/transform:rotate(0deg);}
}
/* --- Smaller Mobile Layout (480px) --- */
@media (max-width:480px){
.header__container--left .header__menu-col{justify-content:space-around;}
    .ui-mobile .mega-menu__dropdown--search {
        left: -84vw;
        max-width: inherit;
        position: absolute;
        right: 0;
        top: 212%;
        width: 100vw;
    }
  
}
/* --- Smaller Mobile Layout (390px) --- */
@media (max-width:390px){
.ui-mobile .mega-menu__dropdown--search {left: -75vw;}
.header__logo img {max-width: 85%;}
.slide-heading {font-size: 2.8rem !important;}  
}