/* MENU TOGGLE */
 .menu-toggle {
    display: none;
    cursor: pointer;
    justify-content: end;
    z-index: 3;
    position: relative;
  }

  .menu-toggle span {
    height: 3px;
    background: #fff;
    margin: 4px 0;
    width: 25px;
  }


/* SEARCH BUTTON */
  .search-container input[type="text"] {
    display: none;
    transition: all 0.3s ease;
  }

  .search-container input[type="text"].show {
    display: inline-block;
    width: 200px;
    margin-left: 10px;
    padding: 10px 10px;
    outline: none;
    border: none;
  	box-shadow: 1px 1px 6px 2px #cecccc;
  }

  .search-container button {
    background: none;
    border: none;
    cursor: pointer;
  }

.visible-menu {display:block !important;}



/* HEADER STYLES */
.header-top-bar {padding: 10px 0;}
.header-top-bar .hs-menu-wrapper ul {display: flex; list-style: none; gap: 0 40px;}
.header-top-bar .hs-menu-wrapper ul a {text-decoration: none;  font-family: 'GTWalsheimPro'; font-weight: 400;}

.header-top-bar .hs-item-has-children .hs-menu-children-wrapper {display: none !important;}
.header-top-bar .hs-menu-wrapper > ul a {text-decoration: none; color: #fff; font-size: 14px;}
.header-top-bar .hs-menu-wrapper > ul > li {position: relative; }
.header-top-bar .hs-menu-wrapper > ul > li.hs-item-has-children > a::after {content: url('https://2719742.fs1.hubspotusercontent-na1.net/hubfs/2719742/2024/white-down1.png');margin-left: 8px;}
.header-top-bar .hs_cos_wrapper .hs-menu-wrapper > ul > li:hover > .hs-menu-children-wrapper {display: block !important;}

.header-top-bar .hs-menu-wrapper > ul > li.hs-item-has-children.hs-menu-depth-1 > .hs-menu-children-wrapper {position: absolute; width: max-content; background: #fff;top: 18px;box-shadow: 4px 6px 13px 4px #4d4d4d80;}

.header-top-bar .hs-menu-wrapper .hs-menu-depth-2 {border-bottom: 1px solid #c6c6c675;padding: 10px 10px 10px 10px;}
.header-top-bar .hs-menu-wrapper .hs-menu-depth-2 a {color:#565656; !important;}

.header-top-bar .hs-menu-wrapper .hs-menu-depth-2:last-child {border:unset;}

.header-top-bar .hs-menu-wrapper .hs-menu-depth-2 > a {padding: 10px 10px;}
.header-top-bar li.hs-item-has-children.hs-menu-depth-2 > ul {padding: 10px 0px 0px 0px;}
.header-top-bar li.hs-item-has-children.hs-menu-depth-3 > ul {padding: 10px 10px 10px 20px;}

.header-top-bar .hs-menu-wrapper > ul > li.hs-menu-depth-1 > ul > li {padding: 15px 20px 15px 20px;min-width: 200px;}
/*******************/

.main-header {padding: 20px 0;}
.main-header .row {display: flex; justify-content: space-between; align-items:center;}
.main-header .row .col1 {flex: 20%;}
.main-header .row .col2 {flex: 45%;}
.main-header .row .col3 {flex: 10%;}
.main-header .row .col4 {flex: 25%;}


.main-header .row .col1 .site-logo a {display:block;} 

.main-header nav.menu .hs-menu-wrapper > ul {display: flex; list-style: none; gap: 10px 30px; justify-content: cente;}
header .main-header nav.menu .hs-item-has-children .hs-menu-children-wrapper{display:none;}
.main-header nav.menu .hs-menu-wrapper > ul a {text-decoration: none; color: #565656; font-size: 14px;}
.main-header nav.menu .hs-menu-wrapper > ul > li {position: relative; }
.main-header nav.menu .hs-menu-item > a:hover {color:#009FCD !important;}
.main-header nav.menu .hs-menu-wrapper > ul > li.hs-item-has-children > a::after {content: url('https://2719742.fs1.hubspotusercontent-na1.net/hubfs/2719742/down-gray.png');margin-left: 8px;}
.main-header nav.menu .hs-menu-wrapper > ul > li.hs-item-has-children:hover > a::after {content: url('https://2719742.fs1.hubspotusercontent-na1.net/hubfs/2719742/down-blue.png'); }
.main-header nav.menu.desktop-view > .hs_cos_wrapper > .hs-menu-wrapper > ul > li:hover > .hs-menu-children-wrapper {display: block !important;}
.main-header nav.menu.desktop-view .hs-menu-wrapper > ul > li.hs-item-has-children.hs-menu-depth-1 > .hs-menu-children-wrapper {position: absolute; width: max-content; background: #fff;top: 18px;box-shadow: 4px 6px 13px 4px #4d4d4d80;}
.main-header nav.menu .hs-menu-wrapper .hs-menu-depth-2 {border-bottom: 1px solid #c6c6c675;padding: 10px 10px 10px 10px;}
.main-header nav.menu .hs-menu-wrapper .hs-menu-depth-2:last-child {border:unset;}
.main-header nav.menu .hs-menu-wrapper .hs-menu-depth-2 > a {padding: 10px 10px;}
.main-header nav.menu li.hs-item-has-children.hs-menu-depth-2 > ul {padding: 10px 0px 0px 0px;}
.main-header nav.menu li.hs-item-has-children.hs-menu-depth-3 > ul {padding: 10px 10px 10px 20px;}
.main-header nav.menu .hs-menu-depth-3 {padding: 0 10px 0 10px;}
.main-header nav.menu .hs-menu-wrapper > ul > li.hs-menu-depth-1 > ul > li {padding: 15px 20px 15px 20px;min-width: 260px;}
.hs-menu-depth-2.hs-item-has-children > a::after {content: url('https://2719742.fs1.hubspotusercontent-na1.net/hubfs/2719742/blue-arrow-next.png');position: absolute;right: 30px;margin-top: 2px;}
nav.menu .hs-menu-depth-3 .hs-menu-children-wrapper {display: block !important;}

header .main-header nav.menu .hs-menu-depth-3 .hs-menu-children-wrapper{display:block;}
.active-menu-item > a::after {transform: rotate(90deg);}


.main-header nav.menu .hs-menu-wrapper > ul > li.hs-item-has-children .hs-menu-children-wrapper a {color: #565656; display:block;}

.main-header .row .col3 {display: flex; justify-content: center;}
.main-header .col3 .search-container {position: relative;}
.main-header .col3 form input {display:none;}
.main-header .col3 form button {border: none; background: none;}
.main-header .col3 form {display: flex; justify-content: end; position: relative;}
.main-header .col3 form #searchInput {position: absolute; right: 30px;}

.main-header .col4 .btn-wrap {display: flex; display: flex; justify-content: space-between;}
.main-header .col4 .btn-wrap a {text-decoration: none;}
.main-header .col4 .btn-wrap .btn1 a {  color: #009FCD; background: #fff !important; font-weight: 400; font-size: 16px; padding; 16px 24px 16px 24px; border: 1px solid #009FCD !important;border-radius: 4px; display:block;padding: 16px 24px;}

.cus-enroll-now-style {color: #fff; background: #009FCD !important; font-weight: 500; font-size: 16px; border: 1px solid #009FCD !important;
																						border-radius: 4px; display:block; padding: 16px 24px; text-decoration:none; text-align: center;}
.main-header .col4 .btn-wrap .btn2 a#cta_button_2719742_e20cd540-b0dd-428e-a9d7-6e3f3519d244 {padding: 16px 24px !important; border: 1px solid #009FCD; font-size: 16px;}


.main-header .col4 .btn-wrap .btn2 {display: flex; align-items: center;}

/* END HEADER STYLES */

@media only screen and (max-width: 1440px) {
  .main-header .row .col1 {flex: 15%;}
  .main-header .row .col2 {flex: 50%;}
  .main-header .col4 .btn-wrap {justify-content: space-evenly; align-items:center;}
  .main-header .col4 .btn-wrap .btn1 a {font-size: 14px !important; padding: 14px 16px;}
  .main-header .col4 .btn-wrap .btn2 a#cta_button_2719742_e20cd540-b0dd-428e-a9d7-6e3f3519d244 {padding: 14px 16px !important; font-size: 14px;}
  .main-header .col4 .btn-wrap .btn2 a#cta_button_2719742_e20cd540-b0dd-428e-a9d7-6e3f3519d244 span {font-size: 14px !important;}
}

@media only screen and (max-width: 1280px) {
  .container {width: 94% !important;}
  .main-header nav.menu .hs-menu-wrapper > ul {gap: 0 20px;}
	.header-top-bar .hs-menu-wrapper > ul {gap: 0 20px;}
  .main-header .col4 .btn-wrap .btn1 a {padding: 12px 12px;}
  .main-header .col4 .btn-wrap .btn2 a#cta_button_2719742_e20cd540-b0dd-428e-a9d7-6e3f3519d244 {padding: 12px 12px !important;}

  .header-top-bar .hs-item-has-children:last-child .hs-menu-children-wrapper {right:0;}
  .header-top-bar .hs-menu-wrapper > ul > li.hs-menu-depth-1 > ul > li {min-width:150px;}
}

@media only screen and (max-width: 1024px) {
	.main-header .row .col1 .site-logo a img {width: 100%;} 
  .main-header nav.menu .hs-menu-wrapper > ul {gap: 0 10px;}
	.header-top-bar .hs-menu-wrapper > ul {gap: 0 30px;}
  .main-header .row .col2 {flex: 55%;}
  .main-header .row .col3 {flex: 5%;}
	.header-top-bar .hs-menu-wrapper > ul > li.hs-item-has-children.hs-menu-depth-1 > .hs-menu-children-wrapper {z-index: 999 !important;}
	.header-top-bar ul {justify-content: center !important;}
}

@media only screen and (max-width: 964px) {
  .main-header .col4 .btn-wrap .btn1 a {font-size: 12px !important;}
  .main-header .col4 .btn-wrap .btn2 a#cta_button_2719742_e20cd540-b0dd-428e-a9d7-6e3f3519d244 {font-size: 12px !important;}
  .main-header .col4 .btn-wrap .btn2 a#cta_button_2719742_e20cd540-b0dd-428e-a9d7-6e3f3519d244 span {font-size: 12px !important;}
  .main-header nav.menu .hs-menu-wrapper > ul a {font-size: 12px;}
  .main-header .row .col1 {flex: 12%;}
  .main-header .row .col4 {flex: 28%;}
}

@media only screen and (max-width: 810px) {
  .main-header .row {flex-direction: row !important; align-items: center !important;}
  .main-header .row > .col2 {padding: 0;}
}

@media only screen and (max-width: 768px) {
  .main-header .col4 .btn-wrap .btn1 a span {font-size: 12px !important;}
  .main-header .col4 .btn-wrap .btn1 a {font-size: 12px !important;}
  .menu-toggle img {width: 20px; height: auto;padding: 5px 5px;}	
  
	.main-header .row .col1 {flex: 20%; order:1;}
  .main-header .row .col2 {flex: 10%; order: 4;}
  .main-header .row .col3 {flex: 10%; order: 3;}
  .main-header .row .col4 {flex: 50%; order:2;}
  .header-top-bar .hs-menu-wrapper ul {justify-content: space-evenly;flex-wrap: wrap;gap: 10px 20px;}
  .main-header nav .hs-menu-wrapper {position: fixed; background: yellow;left: 0;right: 0; width: 100%;top: 0;bottom: 0;height: 100vh;overflow: auto; z-index:2;}
  .main-header nav.menu.mobile-view .hs-menu-wrapper > ul {gap: 30px 0px; height: 100%; flex-direction: column; justify-content: start;align-items: center;   padding: 90px 0 0 0; text-align:center;}
  body.menu-open {overflow: hidden;height: 100vh;}
  body.menu-open * {overflow: hidden;}
  .main-header .container .row {flex-direction: row !important; flex-flow: unset !important; align-items: center !important;}
  .main-header .container .row .col2 {padding: 0;}

  .menu-toggle {display: flex;}
  .menu-toggle.active-toggle {position: absolute;top: 20px;right: 20px;}
  .menu {display: none;flex-direction: column; width: 100%;}
   .main-header nav.menu.mobile-view  .hs-menu-depth-2.hs-item-has-children > a::after {content: '';}
  .main-header nav.menu.mobile-view .hs-menu-wrapper > ul a {font-size: 22px;} 
  .main-header nav.menu.mobile-view .hs-menu-wrapper .hs-menu-depth-1 > a {font-size: 24px;}
   .main-header nav.menu.mobile-view .hs-menu-wrapper .hs-menu-depth-3 a, .main-header nav.menu.mobile-view .hs-menu-wrapper .hs-menu-depth-4 a {font-size: 18px;}
  .main-header nav.menu.mobile-view .hs-menu-wrapper > ul a {color: #fff;}
  .main-header nav.menu.mobile-view  .hs-menu-wrapper > ul > li.hs-item-has-children .hs-menu-children-wrapper a {color:#fff;}
  .main-header nav.menu.mobile-view .hs-menu-wrapper {background: #1a1a1adb;}
  .main-header nav.menu.mobile-view .hs-menu-wrapper > ul > li {width: 100%;border-bottom: 1px solid #fff;padding: 0 0 30px 0;}
  .main-header nav.menu.mobile-view .hs-menu-wrapper .hs-menu-depth-2 {border-bottom: unset;}
  .main-header nav.menu.mobile-view .hs-menu-wrapper > ul > li.hs-item-has-children > a::after {content: url('https://2719742.fs1.hubspotusercontent-na1.net/hubfs/2719742/2024/chevron-down-white.png');}

  .header-top-bar .hs-menu-wrapper > ul > li.hs-menu-depth-1 > ul > li {min-width:unset;}
}

@media only screen and (max-width: 580px) {
  .main-header .col4 .btn-wrap .btn1 a {font-size: 10px !important; padding: 9px 8px;}
  .main-header .col4 .btn-wrap .btn1 a span {font-size: 10px !important;}
  .main-header .col4 .btn-wrap .btn2 a#cta_button_2719742_e20cd540-b0dd-428e-a9d7-6e3f3519d244 {font-size: 10px !important; padding: 10px 8px !important}
  .main-header .col4 .btn-wrap .btn2 a#cta_button_2719742_e20cd540-b0dd-428e-a9d7-6e3f3519d244 span {font-size: 10px !important; padding: 7px 8px !important}
  .main-header .row .col1 {flex:23%;} 
  .main-header .row .col4 {flex:47%;} 
  .header-top-bar ul {justify-content: start !important;}
  .header-top-bar .hs-menu-wrapper > ul {gap: 0 10px; padding:0px !important;}
  .header-top-bar .hs-menu-children-wrapper {padding:0px;}
	.header-top-bar .hs-menu-wrapper > ul > li.hs-menu-depth-1 > ul > li {padding: 10px 7px 10px 8px;}
  
		
}

@media only screen and (max-width: 360px) {

  .header-top-bar .hs-item-has-children:last-child .hs-menu-children-wrapper {right:0;}

	
}
