@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap');
html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
html, body {
  overflow-x: hidden;
}
#hs-web-interactives-top-anchor,
#hs-interactives-modal-overlay {
  max-width: 100vw !important;
  overflow: hidden !important;
}
[id^="hs-"][class*="go"] {
  max-width: 100vw;
}
.header__skip{
  display:none;
}
#main-content > .container-fluid,
#main-content > .blog-post > .container-fluid,
.container-fluid.body-container.body-container--home,
.my-dnd-area{
  padding-left:0;
  padding-right:0;
}
:root {
  --main: #FFF0CB;
  --darkGreen: #003333;
  --turquoise: #2D8888;  
  --lightGreen: #9ED1A3;   
  --bs-body-font-family: 'Rajdhani', sans-serif;
  --bs-body-color: var(--main);
  --br-big:   70px;
  --br-small: 20px;
}

.br-tl { border-radius: var(--br-big) var(--br-small) var(--br-small) var(--br-small); }
.br-tr { border-radius: var(--br-small) var(--br-big) var(--br-small) var(--br-small); }
.br-br { border-radius: var(--br-small) var(--br-small) var(--br-big) var(--br-small); }
.br-bl { border-radius: var(--br-small) var(--br-small) var(--br-small) var(--br-big);   }

.br-tl-br { border-radius: var(--br-big) var(--br-small) var(--br-big) var(--br-small); }
.br-tr-bl { border-radius: var(--br-small) var(--br-big) var(--br-small) var(--br-big);   }

.br-tl-bl { border-radius: var(--br-big) var(--br-small) var(--br-small) var(--br-big);   }
.br-tr-br { border-radius: var(--br-small) var(--br-big) var(--br-big) var(--br-small); }

body{
  font-family:var(--bs-body-font-family);
  font-style:normal;
  font-weight:400;
  background-color:var(--main);
  color:var(--darkGreen);
}
h1, .h1 {
  font-size: 54px;
  font-weight: 500;
}
h2, .h2 {
  font-size: 35px;
  font-weight: 500;
}
p, .lead {
  font-size: 18px;
  font-weight: 400;
}
.img-round{
  border-radius:20px;
}
.btn{
  transition:all 200ms ease-in-out;
  border-radius: 5px;
  font-size:17px;
  text-transform:uppercase;
  font-weight:500;
  letter-spacing:15%;
  padding:10px 30px;
}
.btn:hover{
  text-decoration:none;
}
.btn-cream{
  background: var(--main);
  color:var(--darkGreen);
  &:hover{
    background:var(--darkGreen);
    color:var(--main);
  }
}
.btn-dark-green{
  background: var(--darkGreen);
  color:var(--main);
  &:hover{
    background:var(--main);
    color:var(--darkGreen);
  }
}
.btn-turquoise{
  background: var(--turquoise);
  color:var(--main);
  &:hover{
    background:var(--main);
    color:var(--turquoise);
  }
}
.btn-light-green{
  background: var(--lightGreen);
  color:var(--darkGreen);
  &:hover{
    background:var(--darkGreen);
    color:var(--lightGreen);
  }
}
.sg-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  padding: 12px 0;
  transition: all 0.3s ease;
  &.is-scrolled {
    padding: 0;
    background: linear-gradient(180deg, #000000 12.58%, rgba(0, 0, 0, 0) 100%);
  }
  .navbar-nav{
    margin-left: auto;
    margin-right:50px;
    li a.nav-link{
      text-align: center;
      letter-spacing: 0.15em;
      text-transform: uppercase;
      color: #FFFFFF;
      transition:all 200ms ease-in-out;
      &.active{
        color:var(--main);
      }
      &:hover{
        color:var(--lightGreen);
      }
      &.dropdown-toggle:after{
        border:0;
        width:6px;
        height:6px;
        background-image:url('data:image/svg+xml,<svg width="6" height="6" viewBox="0 0 6 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.174389 4.33813L4.32797 0.175334C4.70144 -0.198968 5.34119 0.0658886 5.34177 0.593524L5.34638 4.75171C5.34675 5.08017 5.08148 5.34603 4.75476 5.34465L0.594825 5.351C0.0671896 5.35159 -0.199084 4.71243 0.174389 4.33813Z" fill="white"/></svg>');
        background-position:bottom right;
        background-size:contain;
        position: absolute;
        bottom: 15px;
      }
    }
  }
  .sg-toggler {
    border: none;
    background: transparent;
    padding: 0.5rem;
    display: flex;
    flex-direction: column;
    gap: 5px;
    cursor: pointer;
    box-shadow: none;
    .sg-toggler-bar {
      display: block;
      width: 24px;
      height: 1px;
      background: var(--main);
      transition: transform 0.25s ease, opacity 0.2s ease;
    }
    &[aria-expanded="true"] .sg-toggler-bar:nth-child(1) {
      transform: translateY(6px) rotate(45deg);
    }
    &[aria-expanded="true"] .sg-toggler-bar:nth-child(2) {
      opacity: 0;
    }
    &[aria-expanded="true"] .sg-toggler-bar:nth-child(3) {
      transform: translateY(-6px) rotate(-45deg);
    }
  }
  @media (max-width: 991.98px) {
    #sgNavCollapse {
      background: rgba(7, 19, 26, 0.98);
      border-top: 0;
      padding: 1rem 0;
      margin-top: 0;
      .navbar-nav{
        margin-right:0;
        .dropdown-menu.show{
          background:transparent;
          li a{
            text-align:center;
          }
        }
      }
      .navbar-text{
        display:block;
        text-align:center;
        margin-top: 40px;
      }
    }
  }
}
.hero-container{
  min-height:50vh;
  display: flex;
  justify-content: center;
  align-items: center;
  &.full{
    min-height:100vh;
  }
  background-size:cover;
  background-position:top center;
  padding-top:150px;
  padding-bottom:100px;
  h1{
    font-weight: 700;
    font-size: 165px;
    line-height: 145px;
    text-transform: uppercase;
    color: var(--main);
    max-width: 80%;
    span{
      color:var(--lightGreen);
    }
  }
  .hero-text p{
    font-weight: 400;
    font-size: 30px;
    line-height: 40px;
    color: #FFFFFF;
  }
  .buttons{
    margin-top:40px;
  }
  @media (max-width: 991.98px) {
    h1{
      font-size: 100px;
      line-height:110px;
      max-width:100%;
    }
  }
  @media (max-width: 830px) {
    h1{
      font-size: 70px;
      line-height:75px;
      max-width:100%;
    }
  }
}
.about-module{
  padding-top:100px;
  padding-bottom:100px;
  .row{
    flex-wrap:nowrap;
    .featured-img{
      position: relative;
      z-index: 2;
      margin-right: -14%;
      img{
        border-radius:100px;
        width:100%;
      }
    }
    .about-text{
      position: relative;
      z-index: 5;
      border-radius:100px;
      background-color:var(--main);
      padding:50px;
      margin-top: 30%;
      h4{
        color:var(--darkGreen);
        text-transform:uppercase;
        font-size:20px;
      }
      h2{
        color:var(--darkGreen);
        font-size:30px;
        font-weight:800;
        margin-bottom:25px;
      }
      .button{
        display:block;
        margin-top:30px;
      }
    }
  }
  @media (max-width: 991.98px) {
    .row{
      flex-wrap:wrap;
      .about-text{
        border-radius:0;
        margin-top:0;
      }
    }
  }
}
.services{
  padding-top:100px;
  padding-bottom:100px;
  background:var(--darkGreen);
  .title{
    margin-bottom:20px;
    h4{
      color:var(--main);
      text-transform:uppercase;
      font-size:20px;
    }
    h2{
      color:var(--main);
      font-size:30px;
      font-weight:800;
      margin-bottom:25px;
    }
  }
  .sg-services-row{
    .sg-service-col {
      flex: 1 1 0;
      min-width: 0;
      .sg-service-card{
        background:transparent;
        border:1px solid var(--main);
        padding:0;
        overflow:hidden;
        border-radius:70px 20px 20px 20px;
        min-height: 500px;
        .sg-service-card__image img{
          outline:1px solid var(--main);
          border-radius: 70px 20px 70px 20px;
          width:100%;
          height:210px;
          object-fit:cover;
        }
        .sg-service-card__body{
          padding:25px;
          .sg-service-card__eyebrow{
            font-size:20px;
            color:var(--main);
            margin-bottom:20px;
            display:block;
          }
          h3{
            color:var(--main);
            font-size:25px;
            font-weight:700;
          }
          .sg-service-card__description{
            color:var(--main);
            font-size:18px;
            margin:20px 0 30px;
            display:block;
          }
        }
      }
    }
    .sg-service-col:last-child {
      flex: 0 0 auto;
      width: calc(5 / 12 * 100%);
    }
  }
  @media (max-width: 991.98px) {
    .sg-services-row .sg-service-col, .sg-services-row .sg-service-col:last-child{flex: auto; width:100%;}
  }
}
.numbers{
  padding-top:100px;
  &.no-margin{
    padding-top:0;
  }
  padding-bottom:100px;
  .title{
    margin-bottom:50px;
    h2{
      color:var(--darkGreen);
      font-size:30px;
      font-weight:800;
      margin-bottom:25px;
    }
  }
  .numbers-row{
    .card{
      background:transparent;
      border:1px solid var(--darkGreen);
      .counter{
        font-size:100px;
        font-weight:700;
        color:var(--darkGreen);
        line-height: 100px;
        &[data-prefix]::after {
          content: attr(data-prefix);
          margin-left: .25rem; 
        }
      }
      h4{
        font-size:30px;
        font-weight:700;
        color:var(--darkGreen);
      }
    }
  }
  @media (max-width: 991.98px) {
    .numbers-row .card-container{
      min-height:250px;
      margin-bottom:30px;
    }
  }
}
.testimonials{
  padding-top:100px;
  padding-bottom:100px;
  .title{
    margin-bottom:50px;
    h2{
      color:var(--darkGreen);
      font-size:30px;
      font-weight:800;
    }
  }
  .testimonial-item{
    p{
      font-size:25px;
      line-height:30px;
    }
    h5{
      font-size:18px;
      font-weight:700;
    }
    .position{
      font-size:18px;
      font-weight:400;
    }
  }
  @media (max-width: 991.98px) {
    padding-top:0;
  }
}
.cta-element{
  padding-top:55px;
  padding-bottom:55px;
  background:var(--darkGreen);
  h2{
    color:var(--main);
    font-weight:700;
    font-size:40px;
    text-transform:uppercase;
  }
  h3{
    color:var(--main);
    font-weight:500;
    font-size:30px;
  }
  @media (max-width: 830px) {
    padding-left:30px;
    padding-right:30px;
    h3{
      margin-bottom:30px;
    }
  }
}
.cards-module{
  padding-top:55px;
  padding-bottom:55px;
  background:var(--darkGreen);
  .title{
    h3{
      color:var(--main);
      font-size:30px;
      font-weight:700;
    }
    h4{
      color:var(--main);
      font-size:20px;
      text-transform:uppercase;
      font-weight:700;
    }
  }
  .cards{
    margin-top:40px;
    .card{
      background:transparent;
      border:1px solid var(--main);
      border-radius:70px 20px 20px;
      padding:45px 20px;
      .card__icon{
        display:block;
        margin:0 auto 20px;
      }
      h3{
        color:var(--main);
        font-size:28px;
        font-weight:700;
        text-align:center;
      }
      .text{
        color:var(--main);
        text-align:center;
      }
      &.card--side {
        flex-direction: row;
        align-items: flex-start;
        text-align: left;
        gap: 20px;
        .card__icon {
          flex-shrink: 0;
          img {
            width: 75px;
            height: 75px;
          }
        }
        h3, .text{
          text-align:left;
        }
      }
    }
  }
}
.faq {
  padding: 100px 0;
  .accordion {
    --bs-accordion-bg: transparent;
    --bs-accordion-border-color: transparent;
    --bs-accordion-btn-focus-box-shadow: none;
    --bs-accordion-active-bg: transparent;
    --bs-accordion-active-color: inherit;
    .accordion-item {
      background: #fff;
      border: 0;
      border-radius: 18px;
      box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
      overflow: hidden;
      & + .accordion-item {
        margin-top: 22px;
      }
      .accordion-header {
        margin: 0;
        .accordion-button {
          background: #fff;
          padding: 26px 70px 26px 28px; 
          font-weight: 700;
          font-size: 20px;
          color: var(--darkGreen);
          border-radius: 18px;
          box-shadow: none;
          &::after {
            width: 44px;
            height: 44px;
            margin-left: auto;
            position: absolute;
            right: 22px;
            top: 50%;
            transform: translateY(-50%) rotate(-90deg);
            border-radius: 999px;
            background-color: var(--main);
            background-size: 10px;
            background-position: center;
            background-image: url("data:image/svg+xml,<svg width='16' height='28' viewBox='0 0 16 28' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M15.02 12.7002L3.34 0.980213C2.66 0.340214 1.62 0.340214 0.98 0.980213C0.34 1.62021 0.34 2.70021 0.98 3.34021L11.5 13.8602L0.98 24.3802C0.34 25.0602 0.34 26.1002 0.98 26.7402C1.62 27.3802 2.66 27.3802 3.34 26.7402L15.02 15.0602C15.66 14.3802 15.66 13.3402 15.02 12.7002Z' fill='%239ED1A3' stroke='%239ED1A3'/></svg>");
            transition:all 200ms ease-in-out;
            transform: translateY(-50%);
          }
          &:not(.collapsed)::after {
            background-image: url("data:image/svg+xml,<svg width='16' height='28' viewBox='0 0 16 28' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M15.02 12.7002L3.34 0.980213C2.66 0.340214 1.62 0.340214 0.98 0.980213C0.34 1.62021 0.34 2.70021 0.98 3.34021L11.5 13.8602L0.98 24.3802C0.34 25.0602 0.34 26.1002 0.98 26.7402C1.62 27.3802 2.66 27.3802 3.34 26.7402L15.02 15.0602C15.66 14.3802 15.66 13.3402 15.02 12.7002Z' fill='%23003333' stroke='%23003333'/></svg>");
            background-color: var(--main);
            transform: translateY(-50%) rotate(90deg);
          }
        }
      }
      .accordion-body {
        padding: 0 28px 26px;
        color: var(--darkGreen);
        line-height: 1.7;
        p:last-child {
          margin-bottom: 0;
        }
      }
    }
  }
}
.text-block{
  padding: 100px 0;
  .title{
    margin-bottom:20px;
    h2{
      color:var(--darkGreen);
      font-size:30px;
      font-weight:700;
    }
    h3{
      color:var(--darkGreen);
      font-size:20px;
      text-transform:uppercase;
      font-weight:700;
    }
  }
}
.contact-form{
  padding: 100px 0;
  .title{
    margin-bottom:50px;
    h2{
      color:var(--darkGreen);
      font-size:40px;
      font-weight:700;
    }
    h3{
      color:var(--darkGreen);
      font-size:20px;
      font-weight:700;
    }
  }
  .form .hsfc-Step__Content{
    padding:0 !important;
  }
  .form button.hsfc-Button{
    padding: 14px 30px !important;
    line-height: 20px;
    font-size: 18px !important;
    font-weight: 400;
    text-transform: uppercase;
  }
  .cards{
    margin-top:40px;
    .card{
      background:transparent;
      border:1px solid var(--darkGreen);
      border-radius:70px 20px 20px;
      padding:45px 20px;
      margin-bottom:20px;
      .card__icon{
        display:block;
        margin:0 auto 20px;
      }
      h3{
        color:var(--darkGreen);
        font-size:28px;
        font-weight:700;
        text-align:center;
      }
      .text{
        color:var(--darkGreen);
        text-align:center;
      }
      &.card--side {
        flex-direction: row;
        align-items: flex-start;
        text-align: left;
        gap: 20px;
        .card__icon {
          flex-shrink: 0;
          img {
            width: 75px;
            height: 75px;
          }
        }
        h3, .text{
          text-align:left;
        }
      }
    }
  }
}
footer{
  padding-top:55px;
  padding-bottom:55px;
  background:var(--turquoise);
  .footer-brand {
    display: flex;
    align-items: center;
    gap: 30px;
    .footer-brand__logo {
      flex-shrink: 0;
      width: auto;
    }
    .sg-social-list {
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      flex-direction: column;
      gap: 16px;
      .sg-social-icon {
        width: 48px;
        height: 48px;
        border-radius: 50%;
        background: var(--darkGreen);
        color: var(--main);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.1rem;
        text-decoration: none;
        transition: background 0.2s ease;
        &:hover {
          background: var(--turquoise);
        }
      }
    }
    }
  }
  .hubspot-form{
    h3{
      font-family: 'Rajdhani' !important;
      font-style: normal;
      font-weight: 700;
      font-size: 30px;
      line-height: 30px;
      color: var(--main) !important;
    }
    .hsfc-Step__Content{
      padding:0 !important;
    }
    .hsfc-Step__Content .hsfc-Row label{
      display:none !important;
    }
    .hsfc-Step__Content .hsfc-Row:nth-child(2){
      width:70%;
      float:left;
      input{
        padding:12px 20px !important;
      }
    }
    .hsfc-Step__Content .hsfc-NavigationRow{
      margin-top:0 !important;
      button.hsfc-Button{
        padding: 14px 30px !important;
        line-height: 20px;
        font-size: 18px !important;
        font-weight: 400;
        text-transform: uppercase;
      }
    }
  }
  .second-level{
    border-top:1px solid var(--main);
    padding-top:20px;
    .list-inline a{
      color:var(--main);
      text-decoration:none;
      font-size:15px;
      &:hover{
        text-decoration:underline;
      }
    }
    .text-end{
      color:var(--main);
      font-size:15px;
    }
  }
  @media (max-width: 767.98px) {
    footer .footer-brand{
      justify-content:center;
      margin-bottom:50px;
      gap: 100px;
    }
    footer .hsfc-Step__Content .hsfc-Row:nth-child(2){
      width: 100% !important;
      float: none !important;
    }
    footer .hsfc-Step__Content .hsfc-NavigationRow{
      margin-top:20px;
    }
    footer .second-level{
      .list-inline{
        text-align:center;
      }
      .text-end{
        text-align:center !important;
      }
    }
  }
}