@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
/*font-family: "Inter", sans-serif;*/
/* These includes are optional, but helpful. */
{% include "hubspot/styles/responsive/modules.css" %}
{% include "hubspot/styles/patches/recommended.css" %}
body { margin: 0; padding: 0; }
/* .body-container > .row-fluid-wrapper > .row-fluid > .widget-type-cell > div.row-fluid-wrapper:nth-child(2) { display: none; } */

@keyframes fadeRotateScaleIn {
  0% {
    opacity: 0.5;
    transform: rotateX(-30deg) scale(0.9);
  }
  100% {
    opacity: 1;
    transform: rotateX(0deg) scale(1);
  }
}

@keyframes pulseScale {
  0%, 100% {
    content: "";
    transform: scale(1);
  }
  50% {
    content: "";
    transform: scale(1.5);
  }
}

@keyframes bounceDown {
  0%, 100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    transform: none;
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
}
.header-section , .header-section * { font-family: "Inter", sans-serif; box-sizing: border-box; -webkit-box-sizing: border-box; }
.header-section { line-height: 1.4; }
.header-section p { margin: 0 0 10px; }
.header-section p:last-child { margin: 0; }

.header-section .content-wrapper { max-width: 100%;     padding: 0;}
.header-inner { max-width: 1344px; margin: 0 auto; padding:0 32px; background-color: #273c49; border-bottom-right-radius: 24px; border-bottom-left-radius: 24px; }
.header-section a { display: inline-block; color: #fff; text-decoration: none; font-size: 15.6px; font-weight: 600; }
.header-logo a:hover { opacity: 0.8; }
.header-row, .header-row-left { display: flex ; justify-content: space-between; align-items: center; }
.header-menu-lists>ul>li { position: relative; } 
.header-menu-lists>ul>li>ul { position: absolute; top: 89%; left: 0; width: 100%; background-color: #17242c; min-width: 700px; opacity: 0; pointer-events: none; visibility: hidden;padding: 20px; border-radius: 16px; display: flex ; flex-flow: row wrap;}
.header-menu-lists>ul>li>a { padding: 21.1px 16px; display: inline-block; } .header-menu-lists>ul>li { display: inline-block; }
.header-menu-lists ul { margin: 0; padding: 0; list-style:none;}
.header-logo { margin-right: 2rem; }
.header-button a { display: inline-block; border: 1px solid; padding-top: calc(.5rem - 1.5px); padding-bottom: calc(.5rem - 1.5px); padding-left: calc(.75rem - 1.5px); padding-right: calc(.75rem - 1.5px); border-width: 1.5px; border-radius: 10px; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s; font-weight: 500; font-size: 15.6px; line-height: 24px; }
.header-button a svg { height: 20px; vertical-align: middle; width: 20px; margin-left: 4px; position: relative; top: -1px; }
.header-button a:hover { background-color: hsla(0, 0%, 100%, .05); }
.header-logo a img { width: 120px; height: auto; }
.header-logo svg { vertical-align: middle; margin-top: .125rem; }
.header-menu-lists>ul>li>a>svg { margin-left: 4px;transition:ease all .2s; vertical-align: middle; }
.header-menu-lists>ul>li:hover>a>svg {    transform: rotate(-180deg);}
.header-menu-lists>ul>li:hover>ul { opacity: 1; visibility: visible; pointer-events: auto; animation: fadeRotateScaleIn .2s ease; }
.header-menu-lists>ul>li>ul svg { vertical-align: middle; width: 56px; height: 56px; border-radius: 12px; }
.header-menu-lists>ul>li>ul>li:nth-child(2n) { margin-right: 0; } .header-menu-lists>ul>li>ul>li { width: 49%; margin-right: 2%; }
.header-menu-lists>ul>li>ul a { padding: 10px; display: flex ; align-items: center; border-radius: 12px; gap: 12px; }
.header-menu-lists>ul>li>ul a:hover{background-color: #1f303a;}
.mn-flex { display: flex ; /* align-items: center; */ gap: 15px; }
.mn-txt { color: hsla(0, 0%, 100%, .8); font-size: 13.6px; line-height: 20px; margin: 4px 0 0; font-weight: normal; }
.mn-desc { color: #fff; font-weight: 600; font-size: 15.6px; margin: 0 0 8px; }
.header-menu-lists>ul>li>ul:before { height: 16px; width: 16px; background-color: #17242c; border-top-left-radius: 2px; transform: rotate(45deg); top: -5.5px; position: absolute; content: ''; left: 52px; }
.header-menu-lists>ul>li:nth-child(2)>ul { min-width: 400px;     left: -89%; }
.header-menu-lists>ul>li:nth-child(2)>ul>li { width: 100%; margin-right: 0; }
.header-menu-lists>ul>li:nth-child(2)>ul:before { left: 50%; transform: translateX(-50%) rotate(45deg); }
.header-section { position: fixed; top: 0; left: 0; width: 100%; z-index: 9999999; }
.hero-section { background-color: #7dd1d2; }
.mn-ct span { display: inline-block; background-color: #edce68; font-weight: 500; font-size: 11.84px; line-height: 16px; padding: 2px 6px; border-radius: 9999px; color: #001421; }
.mn-ct { line-height: 1.5; display: flex;  flex-wrap: wrap; align-items: center; gap: 8px; }

header.header.header--no-navigation { display: none;}
@media (min-width : 1024px){
 .header-menu-lists>ul>li:last-child>ul { left: -235%; }
 .header-menu-lists>ul>li:last-child>ul:before { transform: rotate(45deg) translateX(-50%); top: -2.5px; left: 50%; }
}

@media (min-width : 768px){
.Mobile_headerMenu { display: none; }
}

@media (max-width : 1024px){
  .header-menu-lists>ul>li>ul { min-width: 410px; }
  .header-menu-lists>ul>li>ul>li { width: 100%; margin-right: 0; }
  .header-menu-lists>ul>li:last-child>ul { left: auto; right: -30px; transform: none; }
  .header-menu-lists > ul > li > ul { gap: 16px; }
  .header-menu-lists>ul>li>ul a { padding: 12px; }
  .header-menu-lists>ul>li:nth-child(3)>ul>li>ul>li:not(:last-child) , .header-menu-lists>ul>li:nth-child(2)>ul>li>ul>li:not(:last-child) { margin-bottom: 8px; }
  .header-menu-lists>ul>li:nth-child(3)>ul { gap: 0; }
  .header-menu-lists>ul>li>ul:before { width: 11px; height: 11px; }
  .header-menu-lists>ul>li:last-child>ul:before { transform: rotate(45deg) translateX(-50%); top: -1.5px; left: 78%; }
  
}

@media (max-width : 767px){
 .header-inner { padding: 0 24px; }
 .desktopmenu { display: none;}
 .MobileMenu { z-index: 1; cursor: pointer; display: block !important; width: 47px;  height: 47px; border-radius: 0.75rem; box-shadow: 0 0 #0000, 0 0 #0000, inset 0 1.5px hsla(0,0%,100%,.15); padding: calc(.75rem - 1.5px); border-color: rgb(31 48 58/1); border-width: 1.5px; border-style: solid; position: relative; color : #fff;}
 .header-inner {  height: 4rem; display: flex; align-items: center; justify-content: space-between; max-width: 100%; width: 100%;}
 .header-inner .content-wrapper {  width: 100%;}
 .header-row-left {  width: 100%;}
 .header-row {  width: 100%;}
 .MobileMenu:after { border-radius: 0.75rem; position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; z-index: -10; }
 .MobileMenu:hover:after { background-color: hsla(0, 0%, 100%, .05); }
 
 .MobileMenu i { width: 16px;  height: 2px; display: block; background: #fff;  margin: 0 auto;}
 .MobileMenu i+* {   margin: 4px auto 0;}
 .Mobile_headerMenu { background-color: #273c49; position: absolute; width: 100%; top: 100%; height: calc(100dvh - 64px); overflow-y: auto;}
 .Mobile_headerMenuInner {  max-width: 25.875rem;  margin: 1.25rem auto 0;padding-bottom:2rem; padding : 0 16px 32px; }
 .Mobile_headerMenuInner .header-button a {  width: 100%; text-align: center; border-radius: 0.75rem;  font-size: 15.6px; padding: calc(.75rem - 1.5px); padding: calc(.75rem - 2.5px); }
 .Mobile_headerMenuInner .header-button a svg {  display: none;}
 .Mobile_headerMenuInner .header-menu ul {  display: flex;  flex-direction: column;  min-width: auto;  pointer-events: all;}
 .Mobile_headerMenuInner .header-menu .header-menu-lists > ul > li > a {  padding: 0;}
 .Mobile_headerMenuInner .header-menu .header-menu-lists > ul > li > a > svg {  display: none;}
 .header-menu {  margin-top: 16px;}
 .header-menu-lists>ul>li >ul {  position: unset; visibility: visible;  opacity: 1; background: transparent;  flex-direction: column;  padding: 0;}
 .header-menu-lists>ul>li >ul > li > ul > .mn-desc {  display: none;}
 .header-menu-lists>ul>li >ul:before {   display: none;}
 .header-menu-lists>ul>li >ul > li {  margin: 0;    width: 100%;}
 .header-menu-lists>ul>li >ul > li > ul >li>a {  padding: 16px;}
 body.menu-open .header-section .header-inner {  border-radius: 0;}
 .header-menu-lists>ul>li:nth-child(2)>ul { min-width : auto }
  
 .header-menu-lists>ul>li:hover>ul { animation: none; }
  
 .Mobile_headerMenu::-webkit-scrollbar-track { background-color: #273c49; }
 .Mobile_headerMenu::-webkit-scrollbar { width: 3px; background-color: #273c49; }
 .Mobile_headerMenu::-webkit-scrollbar-thumb { background-color: #aaaaaae3; background-color: #1f303a; }
 /* .mn-flex { align-items: flex-start; }  */
 .Mobile_headerMenuInner .header-menu .header-menu-lists > ul > li > a { margin-bottom: 8px; } 
 body.menu-open { overflow: hidden; } 
 
 .header-menu-lists>ul>li:last-child>a+ul>li:last-child>ul { display: flex; flex-direction: column-reverse; }
 .header-menu-lists>ul>li:first-child>a+ul>li:last-child>ul { display: flex; flex-direction: column-reverse; }  
  .header-inner { border-bottom-right-radius: 1rem; border-bottom-left-radius: 1rem; }
}