/* Theme base styles */

/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600&family=Poppins:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Waterfall&display=swap'); */


body {
  margin: 0;
  font-family:'Montserrat', sans-serif;
  color: white;
  background-color: #000;
  overflow-x: hidden;
  box-sizing: border-box;
}

.fonts-loading body {
  visibility: hidden;
}

html {
  overflow-x: hidden;
  scroll-behavior: smooth!important;
}

a {
    color: inherit;
    text-decoration: none;
  }

* {
    box-sizing: border-box;
  }

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
    monospace;
}


$primary-color-brand:#F5CC82;

$primary-color-dark:#000000;

$background-color: #1d1d1d;


@mixin tablet {
    @media (min-width:676px) {
        @content;
    }
}

@mixin desktop {
    @media (min-width:980px) {
        @content;
    }
}

@mixin desktop-large {
    @media (min-width:1380px) {
        @content;
    }
}


@mixin flex-column {
    display: flex;
    flex-direction: column;
    @content;
}

@mixin flex-row {
    display: flex;
    flex-direction: row;
    @content;
}


@mixin section-title {
    font-size: 25px;
    line-height: 37px;
    font-weight: 400;
    margin-bottom: 2rem;
    text-align: center;
    text-transform: uppercase;
    @content;

    @include desktop {
        font-size: 42px;
        line-height: 55px;
        margin-bottom: 3rem;
        @content;
    }
}


@mixin cta-button {
    font-weight: 600;
    font-size: 13px;
    line-height: 17px;
    background: linear-gradient(133.67deg, #F5CC82 -24.83%, #282828 120.67%);
    border-radius: 3px;
    padding: 13px 32px;
    color: #fff;
    border: none;
    box-shadow: none;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    text-decoration: none;

    @include desktop {
        font-size: 16px;
    }

    @content;

    &:hover {
        background: #F5CC82;
        color: #000;
    }
}

@mixin secondary-button {
    border: 1px solid #F5CC82;
    border-radius: 3px;
    padding: 12px 18px;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    line-height: 17px;
    box-shadow: none;
    outline: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;

    @include desktop {
        font-size: 16px;
    }

    @content;

    &:hover {
        background: #F5CC82;
        color: #121212;
        border: 1px solid transparent;
        transition: all 0.5s;
    }
}


@mixin animation-transition-in {
    @keyframes transition-in {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }
}

@mixin animation-slide-down {
    @keyframes slide-down {
        0% {
            opacity: 0;
            transform: translateY(-60px);
        }

        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }
}

/* NAVBAR */

.navbar { 
  padding: 1rem 0;
  background-color: #000000;
  position: fixed;
  top: 0;
  z-index: 100;
  opacity: .95;
}
.navbar { 
      width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.navbarMobileMenu { 
      display: flex;
    position: relative;
}

.navbarLogo {
  width:144px
}

@media (min-width: 980px) {
.navbarMobileMenu {
    display: none;
}
}
.navbarContainer {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
      max-width: 1260px;
    padding: 0 1rem;
}
@media (min-width: 980px) {
  .navbarContainer {
      padding: 0 32px;
  }
}
.navbarMobileMenuButton {
    width: 50px;
    height: 50px;
}
.navbarMobileMenuButton img { 
 width: 100% 
}
.navbarOption {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.navbarMenu {
    display: none;
}
@media (min-width: 980px) {

  .navbarMenu {
      height: 6rem;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      flex-grow:1;
  }
}
.navbarMenuList {
    margin-right: auto;
    padding-left:40px;
    height: 100%;
    gap: 1.5rem;
    display: flex;
    flex-direction: row;
    flex-grow:1;
    align-items: center;
}
.navbarButtonLong {
    margin-left: auto;
    flex-grow:0;
    padding: 0 16px;
}
.navbarButtonMedium {
    margin-left: auto;
    flex-grow:0;
    padding: 0 16px;
}
.module_lang{
    margin-left:auto; 
}
button{
    font-family: Montserrat;
}

.RoundButton_roundButton,
.hs-form input[type=submit],
.btn{
    font-family: Montserrat;
    padding: 12px 20px;
    font-size: 14px;
    font-weight: 600;
    background: #F5CC82;
    border-radius: 25px;
    color: #000;
    text-align: center;
    display:inline-block;
    cursor:pointer;
}
.RoundButton_roundButton:hover,
.hs-form input[type=submit]:hover,
.btn:hover{
    background: #FCEED5;
}
.btn.style--2{
  font-size: 16px;
  font-weight: 600;
}
.btn.style--3{
  font-size: 16px;
  font-weight: 600;
  color:#fff;
  background:#000;
}
@media (min-width: 676px) {
.RoundButton_roundButton,
.hs-form input[type=submit] {
    font-size: 16px;
  }}
.RoundButton_roundButton_secondary {
    padding: 0.8rem;
    border: 1px #FCEED5 solid;
    font-size: 14px;
    border-radius: 25px;
    color: #FCEED5;
    text-align: center;
}
.RoundButton_roundButton_secondary:hover {
    background-color: #fceed5;
  color:#000;
}
@media (min-width: 676px) {
.RoundButton_roundButton_secondary {
    padding: 12px 18px;
    font-size: 16px;
}
}
.navbarMenuItem {
    list-style: none;
    display: flex;
    justify-content: center;
    padding-bottom:3px;
}
.navbarMenuItem:hover,
.navbarMenuDropdown:hover,
.navbarMenuDropdownContentLink:hover{
    padding-bottom:2px;
    border-bottom:1px solid #f5cc82;
}
.navbarMenuDropdown {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    padding-bottom:3px;
}
.navbarMenuDropdownContentLink{
    padding-bottom:3px;
}
.navbarMenuDropdownButton {
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    position:relative;
    padding-right:30px;
}
.navbarMenuDropdownButton:after{
    content:'';
    height:20px;
    width:20px;
    display:block;
    position:absolute;
    right:0;
    top:0;
    background:url('/hubfs/raw_assets/public/XepptSept/images/icon-caret-white.svg');
    transform: rotateX(0deg);
}
.navbarMenuDropdown:hover .navbarMenuDropdownButton:after{
   transform: rotateX(180deg);
}
.navbarMenuDropdownContent {
    display: none;
    position: absolute;
    top: 4.5rem;
    background-color: #000;
    padding: 2rem 1rem;
    width: 15rem;
    min-width: 160px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.2);
    z-index: 1;
    left: 50%;
    transform: translateX(-50%);
}
.navbarCollaspe {
    width: 100%;
    background: #272728;
    padding:30px;
    padding-top: 20px;
    height: 100vh;
    position: absolute;
    top: 5rem;
    left: 0;
    z-index: 2;
    animation: NavBar_transition-in__93RYb .5s;
}
.navbarCollaspeList {
    border-bottom: 1px solid #f5cc82;
    padding-bottom: 40px;
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    animation: NavBar_slide-down__2W6wU .3s ease-in-out forwards;
}
.navbarCollaspeItem {
    list-style: none;
    padding: 10px;
    font-size: 22px;
    font-weight: 800;
    line-height: 50px;
}

.navbarCollaspeItemButton {
    list-style: none;
    color: #f5cc82;
    padding: 10px;
    font-size: 22px;
    font-weight: 800;
    line-height: 36px;
    border: 1px #f5cc82 solid;
    border-radius: 25px;
    text-align: center;
    width:50%;
    margin-top:10px;
}

.navbarMenuDropdown:hover .navbarMenuDropdownContent {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 1rem;
}
.active.menu-item { 
      color: #f5cc82;
}
.hs_error_rollup { 
 display: none 
}
.hs-form label {
  font-family: Montserrat;
    font-size: 16px;
    color: #F5CC82;
    display: block;
    float: none;
    width: auto;
    font-weight: 500;
    line-height: 20px;
    padding-top: 0;
    margin-bottom: 4px;
}
.hs-form input[type="email"], .hs-form input[type="text"], .hs-form input[type="tel"], .hs-form input[type="number"] {
    width: 100%;
    padding: 12px 14px;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
    box-sizing: border-box;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    border-radius: 25px;
    background-color: #ffffff;
    display: block;
    margin-bottom:16px;
    font-family: Montserrat;
}
.hs-form .hs-fieldtype-booleancheckbox.hs-form-field ul{
  padding-left:0;
  list-style:none;
}
.hs-form .hs-fieldtype-booleancheckbox.hs-form-field label span{
  font-size:14px;
  line-height:20px;
  color:#b1b1b1;
  padding-left:0;
}
.hs-form .actions {
     margin-top: 18px;
    margin-bottom: 18px;
    padding: 17px 0px; 
}
.body-container--home-custom p.form-required-fields-text{
   font-size:14px;
}
body .navbar .hs-language-switcher__button { 
      background: none;
    border: none;
    color: #fff!important;
    margin-left: 2.9rem;
}
body .navbar .hs-language-switcher__button .hs-language-switcher__icon {
    fill: #fff!important;
}
body .navbar .hs-language-switcher__button .hs-language-switcher__icon--dropdown {
    fill: #fff!important;
}
.toggle_list ul li a {
    color: #A1A1A1;
    text-transform: uppercase;
    font-weight: 600;
  transition: 0.5s;
}
.toggle_list ul li a:hover { 
  color: #f5cc82;
}
.toggle_list ul li a.en:before { 
  content: " ";
}
.toggle_list { 
  
}
.toggle_list ul { 
  display: flex;
   list-style: none;
  padding-left:16px;
}
.toggle_list ul li:first-child { 
      margin-right: 10px;
    border-right: none;
    padding-right: 0;
}
.toggle_list ul li.active a { 
  color: #f5cc82;
  border-bottom:1px solid #f5cc82;
}

/* HIDING UNWANTED GLOBAL ELEMENT FROM OLD DESIGN */

.body-container--home-custom .ctaBanner{
  display:none;
}

/* GENERAL */

.container-style-1{
  padding:95px 0;
  margin:0 auto;
  width:100%;
  max-width:1200px;
  display:block;
}

/* TEXT */

p {
  font-family: Montserrat;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
  color:#f6f6f6;
}
p strong{
    font-weight: bold;
}
p.subtitle{
  font-weight: 400;
  font-size: 36px;
  line-height: 44px;
  letter-spacing: -0.5px;
}
.body-container--home-custom ul li {
 font-weight: 300;
}
p.paragraph--large-1 {
  font-size: 36px;
  font-weight: 500;
  line-height: 44px;
  letter-spacing: -0.02em;
  margin-bottom:20px;
}
@media (max-width:1024px) {
  p.paragraph--large-1,
  p.subtitle{
    font-size: 28px;
    line-height: 1.25;
  }
}
@media (max-width: 768px) {
   p.paragraph--large-1,
  p.subtitle{
    font-size: 26px;
  }
}
@media (max-width:950px) {
  p.subtitle{
    margin-bottom:10px;
  }
}
@media (max-width:768px) {
  font-size: 26px;
  line-height: 33px;
}
h1{
  font-size:72px;
  line-height:90px;
  margin-bottom:20px;
  color:#f5cc82;
}
@media (max-width: 1100px){
  h1{
    font-size:64px;
    line-height:70px;
  }
}
@media (max-width: 950px){
  h1{
    font-size:54px;
    line-height:68px;
  }
}
h2,
p.large{
  font-family: Montserrat;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: -0.02em;
}
h2.h2--style-1{
  font-family: Montserrat;
  font-size: 72px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.02em;
  text-align: left;
  margin: 16px 0;
}
@media (max-width:1024px) {
  h2,
  p.large{
    font-size: 42px;
  }
  h2.h2--style-1{
    font-size: 64px;
  }
}
@media (max-width: 768px){
  h2,
  p.large{
    font-size: 36px;
  }
  h2.h2--style-1{
    font-size: 48px;
  }
}
@media (max-width: 480px){
  h2.h2--style-1{
    font-size: 44px;
  }
}
h3{
  font-family: Montserrat;
}

/* LANDING PAGE LAYOUT */
/* LANDING PAGE LAYOUT */
.body-container--home-custom .section-form-with-image-2 {
  padding-top:162px;
}
.body-container--home-custom .section-image-overlapping-text {
  padding-bottom: 88px;
}
.body-container--home-custom .section-visa-features {
  padding-top: 80px;
  padding-bottom: 26px;
}
.body-container--home-custom .section-centered-text-and-cta{
  padding-top: 96px;
}
.body-container--home-custom .section-image-feature-blocks {
  padding-top: 64px;
  padding-bottom: 96px;
}
.body-container--home-custom .section-testimonial-slider {
  padding-bottom: 96px;
}
.body-container--home-custom .section-two-col-feat-list {
  padding-top: 112px;
  padding-bottom: 112px;
}
.body-container--home-custom .section-large-titled-image {
  padding-top: 112px;
}
.body-container--home-custom .section-faq-accordion {
  padding-bottom: 96px;
}
.body-container--home-custom .section-reliable-support-cta {
  padding-top: 96px;
  padding-bottom: 96px; 
}
.body-container--home-custom .section-form-with-image{
  padding-top:128px;
}
@media (max-width: 1024px){
  .body-container--home-custom .section-visa-features{
    padding-top: 40px;
    padding-bottom: 56px;
  }
  .body-container--home-custom .section-form-with-image-2 {
    padding-top: 84px;
  }
  .body-container--home-custom .section-image-overlapping-text {
    padding-bottom: 48px;
  }
  .body-container--home-custom .section-testimonial-slider {
    padding-bottom: 56px;
  }
  .body-container--home-custom .section-two-col-feat-list {
    padding-top:62px;
    padding-bottom:62px;
  }
  .body-container--home-custom .section-large-titled-image {
   padding-top:62px; 
  }
  .body-container--home-custom .section-faq-accordion {
    padding-bottom:56px;
  }
  .body-container--home-custom .section-secure-payments-cta {
    padding-top:56px;
    padding-bottom:66px;
  }
  .body-container--home-custom .section-form-with-image{
    padding-top:68px;
  }
}

/* MODIFIERS */

.weight--500{
  font-weight:500;
}
.color--white{
  color:#F6F6F6;
}
.color--gold,
.text--orange,
.highlight--orange{
  color:#F5CC82;
}
.text--center{
  text-align:center;
}
.padding--bottom-0 {
  padding-bottom:0!important;
}
.display--block {
  display:block;
}
.display-inline-block-centered{
  display:block;
  margin:0 auto;
}
.width--100{
 width:100%; 
}
.width--max-900{
  max-width:900px;
}
@media (min-width:768px) {
  .width--max-480{
    max-width:480px;
  }
}

/* FOOTER */

/* FOOTER */

.footer {
    background-color: #000;
    padding: 64px 32px 48px 32px; 2.5rem;
    margin-top: 5rem;
  border-top: 1px solid #f5CC82;
}
.footerContainer {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
    display: flex;
    flex-direction: column;
}
@media (min-width: 980px) {
.footerContainer {
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
}
.footerColumnLogo {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
@media (min-width: 676px) {
.footerColumnLogo {
    padding-top: 1.5rem;
    align-items: flex-start;
    justify-content: flex-start;
}
}
.footerColumn {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.footerColumnHeader {
    font-weight: 400;
    margin-bottom: 14px;
    text-transform: uppercase;
}
.footerColumnText {
    padding: 0;
    margin: 0;
    text-align: left;
    color: #b3b3b3;
}
.footerSocialContainer {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 1rem;
}
.footerSocialLink {
    width: 30px;
    height: 30px;
}
.footerSocialLink img { 
 width: 100% 
}
.footerPrivacyContainer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 5rem;
    color: #b3b3b3;
}
.footerPrivacyLinkContainer {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap:2rem;
}
.footerPrivacyLink {
    text-decoration: underline;
    color: #b3b3b3;
    font-size: 14px;
}
.footerPrivacyText {
    color: #b3b3b3;
    font-size: 12px;
    margin: 0.5rem;
}

.footer-1_container,
.footer-2_container{
    display:flex;
    flex-direction: row;
    flex-grow: 1;
    justify-content: space-between;
    gap:64px;
    width:100%;
    max-width:1200px;
  margin:0 auto;
}

.footer-1_container{
  padding-bottom:64px;
}
.footer-2_container{
    border-top:1px solid;
    border-color:rgba(245, 204, 130, 0.5);
    padding-top:32px;
}
.footer-1_column-logo{
    flex-grow: 1;
    height: 100%;
    margin-right: auto;
}
.footer-tagline{
  font-size:18px;
  line-height:28px;
}
.footer-1_column-links-1,
.footer-1_column-links-2{
    margin-left: auto;
}
.footer-1_column-logo img{
    width:145px;
}
.footer-1_column-links-1 a,
.footer-1_column-links-2 a{
    display:block;
}
.footer-2_container{
    display:flex;
}
.footer-link--style-1{
    color: #f5cc82;
    font-size:18px;
    line-height:28px;
    font-weight:600;
    margin-bottom:16px;
}
.footer-link--style-2{
    color: #f6f6f6;
    font-size:16px;
    line-height:24px;
    margin-bottom:12px;
}
.footer-2_column-copyright p{
    font-size:16px;
    line-height:24px;
    margin:0;
}
.footer-2_column-social{
    display:flex;
}
.footer-2_column-social a{
    width:24px;
    margin-left:24px;
}
.footer-1_contact-cont {
  display:flex;
  margin-top:80px;
  gap:32px;
}
.footer-1_contact-cont p{
  font-size: 16px;
  line-height:24px;
  font-weight:300;
}
.footer-1_contact-cont a{
  color:#f5cc82;
  text-decoration:underline;
}
.footer-1_contact-cont > div{
  width: auto;
}
@media (max-width:768px) {
  .footer-1_container{
    flex-wrap:wrap;
  }
  .footer-1_column-logo{
    width:100%;
  }
  .footer-1_column-links-1,
  .footer-1_column-links-2{
    margin-left:0;
  }
  .footer-1_contact-cont {
    flex-direction:column;
    margin-top:22px;
    gap:0;
  }
  .footer-1_container, 
  .footer-2_container{
    gap:32px;
  }
}
@media (max-width:480px) {
  .footer-2_container
    flex-direction:column;
  }
  .footer-2_column-social a:nth-type(1){
    margin-left:0;
  }
}
.anchor-link-container{
  height:0;
}

/* FORMS */
.hs-form label.hs-form-booleancheckbox-display{
  display:flex;    
  align-items:flex-start;
  gap:5px;
}
.submitted-message{
  color: #f5cc82;
  font-size: 20px;
}
/* FONTS */
p.font--cursive{
  font-family: "Waterfall", cursive;
}