body {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
  }
  /*  */
  :root {
      --primary-color: #12498C;
      --color-dark: #272343;
      --color-light: #636270;
      --text-gray: #505760;
      --secondary-color: #C1272D;
      --c-text-red: #eb5757;
      --c-text-green: #27ae60;
  }
  a, a:hover {
      transition: all .3s ease-in;
  }
  a:focus, a:hover, button:focus:not(:focus-visible) {
      outline: 0;
      box-shadow: none !important;
  }
  nav.navbar-dark .navbar-nav a.btn-white {
      background-color: #fff;
      color: var(--primary-color);
  }
  nav.navbar-dark .navbar-nav a.btn-white:hover {
      color: #fff;
  }
  nav.navbar-dark .navbar-nav a.btn-white:focus {
      color: var(--primary-color);
  }
  div .btn-primary {
      background-color: var(--primary-color);
      border-color: var(--primary-color);
      font-weight: 600;
  }
  .navbar-light .navbar-nav .nav-link.btn-primary:focus {
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
  }
  .btn.btn-custom:hover, .btn.btn-custom-white:hover {
      border-color: var(--secondary-color);
      box-shadow: 0 7px 10px 0 rgba(0,0,0,.25);
      color: #fff !important;
  }
  .btn.btn-custom:hover, .nav-link.btn:hover {
      background-color: var(--secondary-color) !important;
      border-color: var(--secondary-color) !important;
      box-shadow: 0 7px 10px 0 rgba(0,0,0,.25);
  }
  .btn.btn-custom-white:hover {
      background-color: var(--secondary-color);
  }
  a img, button img, .btn svg {
      transition: all .3s ease-in;
  }
  a:hover img, button:hover img, .btn:hover svg {
      transition: all .3s ease-in;
      translate: 4px 0;
  }
  .select2-container--default .select2-results>.select2-results__options {
    max-height: 185px!important;
  }
  #main-banner {
      background-image: url('../img/banner-enhanced.jpg');
      background-repeat: no-repeat;
      background-position: center bottom;
      background-size: cover;
      color: #fff;
      transition: linear 1s;
      background-color: var(--primary-color);
  }
  .c-bg-primary {
      background-color: var(--primary-color) !important;
  }
  .c-text-primary {
      color: var(--primary-color);
  }
  
  .section .btn {
      font-weight: bold;
  }
  .section .card .btn {
      font-weight: 600;
      margin: 0 auto;
      min-width: 280px;
  }
  .navbar {
      background: transparent;
      z-index: 99;
  }
  #main-banner {
      position: relative;
  }
  #main-banner:before {
      content: '';
      height: 99px;
      width: 100%;
      background: rgb(0,0,0);
      background: linear-gradient(360deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.47) 50%, rgba(0,0,0,1) 100%);
      position: absolute;
      left: 0;
      top: 0;
      display: inline-block;
  }
  #main-banner:after {
      content: '';
      max-width: 82%;
      width: 100%;
      height: 100%;
      background-image: url(../img/blue-wrap.png);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      position: absolute;
      left: 0;
      top: 0;
  }
  #main-banner .container {
      z-index: 9;
  }
  a.nav-link {
      color: #fff;
      font-weight: 600;
      font-size: 18px;
  }
  .dropdown-item {
      position: relative;
      z-index: 99;
  }
  a {
      color: var(--primary-color);
  }
  .fw-semibold {
      font-weight: 600;
  }
  .fw-medium {
      font-weight: 500;
  }
  .btn.btn-custom {
      font-size: 20px;
      background-color: var(--primary-color);
      padding: 10px 25px;
      border-color: var(--primary-color);
  }
  .section-features p {
      margin-bottom: 0;
  }
  .content p {
      color: var(--primary-color);
  }
  .content p + p {
      font-size: 14px;
      color: var(--color-light);
  }
  #features {
      margin-top: -80px;
      z-index: 99;
  }
  .text-gray {
      color: var(--text-gray);
  }
  section {
      padding: 40px 0;
  }
  /*  */
  .section-sub-text {
      color: var(--secondary-color);
      font-weight: bold;
  }
  .section h2 {
      color: var(--primary-color);
      font-weight: bold;
  }
  .section-description {
      font-size: 18px;
      color: var(--color-light);
  }
  .card {
      height: 100%;
      border-color: #f2f2f2;
  }
  .card-content {
      height: 100%;
      align-items: flex-start;
      display: flex;
      flex-wrap: wrap;
  }
  .card-content div {
      height: calc(100% - 52px);
  }
  .card-content .img-card {
      border-radius: 6px;
      overflow: hidden;
  }
  .card-content h5 {
      font-size: 24px;
      font-weight: 600;
      color: var(--color-dark);
  }
  .card-content p {
      color: var(--color-light);
  }
  a.btn.btn-custom {
      width: auto;
      font-size: 17px;
      font-weight: 600;
      padding: 10px 18px;
      gap: 10px;
      text-transform: capitalize;
      /* max-width: 382px; */
      justify-content: center;
  }
  .card-content a.btn.btn-custom img {
      width: 30px;
  }
  .para-div {
      font-size: 24px;
  }
  .card .icon-card {
      width: 100px;
      display: inline-block;
  }
  #guiding .card p {
      color: var(--color-light);
  }
  .btn-custom-white.btn {
      background-color: #fff;
      color: var(--primary-color) !important;
      font-weight: 600;
  }
  .btn-custom-white.btn.btn-arrw-icon svg path {
      stroke: var(--primary-color);
  }
  .btn-custom-white.btn:hover svg path {
      stroke: white;
  }
  .btn-custom-white.btn:hover svg.icon-tabler-send-2 path[stroke="none"] {
      stroke: none;
  }
  /* .btn-custom-white svg path {
      stroke: var(--primary-color);
  } */
  /* .btn-custom-white:hover svg path {
      stroke: #fff;
  } */
  .logo-announcement img {
      max-width: 260px;
      width: 100%;
  }
  footer a, footer span {
      color: #fff;
      text-decoration: none;
  }
  footer a:hover {
      color: #f2f2f2;
  }
  .navbar-nav .nav-link {
      position: relative;
  }
  .navbar-nav .nav-link:before {
      position: absolute;
      background-color: #fff;
      content:'';
      left: 0;
      bottom: 0;
      display: inline-block;
      transition: all .3s ease-in;
      height: 2px;
      width:0;
  }
  .navbar-nav .nav-link.btn:before, 
  .navbar-nav .nav-link.btn:hover:before {
      transition: all .3s ease-in;
      width: 0;
  }
  .navbar-nav .nav-link:hover:before {
      transition: all .3s ease-in;
      width: 100%;
  }
  .navbar-nav .nav-link:hover {
      color: #f2f2f2;
  }
  nav.navbar-dark .navbar-nav .nav-link {
      color: rgba(255, 255, 255, 1);
  }
  .navbar-dark .navbar-toggler {
      background: rgba(255,255,255,.1);
  }
  div .navbar-toggler:focus {
      box-shadow: none;
  }
  /*  */
  body .navbar-nav .nav-link.nav-link-other {
      color: var(--primary-color);
  }
  .ul-partners, .ul-partners li {
      list-style-type: none;
  }
  .ul-partners {
      padding-left: 0;
  }
  .ul-partners li {
      padding-left: 25px;
      position: relative;
      color: var(--color-light);
      font-size: 18px;
      margin-bottom: 5px;
  }
  .ul-partners li:before {
      content:'';
      background-image: url(../img/shield.png);
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      display: inline-block;
      width: 18px;
      height: 18px;
      position: absolute;
      left: 0;
      top: 5px;
  }
  /*  */
  /* nav .navbar-brand {
      height: 72px; 
  } */
  nav .navbar-brand img {
      height: 72px;
      position: static;
      opacity: 1;
      transition: opacity 0s linear;
  }
  nav.navbar-dark .navbar-nav.navbar-inner .nav-link {
      color: var(--primary-color);
  }
  nav.navbar-dark .navbar-nav.navbar-inner .nav-link.btn{
      color: #fff;
  }
  .c-radio-wrap label {
      font-weight: 600;
      padding-left: 3px;
  }
  .c-radio-wrap div {
      margin-right: 20px
  }
  .c-text-green {
      color: var(--c-text-green);
  }
  .c-text-red {
      color: var(--c-text-red);
  }
  .c-radio input {
      visibility: hidden;
      width: 1px;
  }
  .c-radio input:checked + label:before {
      border-color: var(--primary-color);
  }
  .c-radio input:checked + label:after {
      background-color: var(--primary-color);
      content:'';
      position: absolute;
      left: 5px;
      top: 7px;
      width: 14px;
      height: 13.8px;
      border-radius: 11px;
  }
  .c-radio label {
      position: relative;
      padding-left: 35px;
  }
  .c-radio label:before {
      width: 24px;
      height: 24px;
      border: 2px solid var(--text-gray);
      border-radius: 18px;
      content:'';
      position: absolute;
      left: 0;
      top: 2px;    
  }
  .terms-section {
      background-color: rgba(18,73,140,.1);
      color: var(--text-gray);
      font-size: 14px;
  }
  form .form-control {
      height: 48px;
      border-radius: 10px;
  }
  .form-group select.form-control {
      position: relative;
  }
  .form-group select.form-control:after {
      display: inline-block;
      position: absolute;
      content: '';
      background-image: url('../img/caret-down.svg');
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      width: 16px;
      height: 16px;
      right: 0;
      top: 0;
  }
  .float-section {
      left: 0;
      top: 0;
      background-image: url('../img/float-bg.jpg');
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
  }
  .nav-inner.navbar-light .nav-link.btn, .nav-inner.navbar-light .nav-link.btn:hover {
      color: #fff;
  }
  .navbar-nav ul.dropdown-menu {
      z-index: 999;
      min-width: 220px;
  }
  .dropdown-toggle {
      display: flex;
      align-items: center;
      gap: 10px;
  }
  ul.dropdown-menu a.dropdown-item {
      font-size: 16px;
      padding: .5rem 1rem;
  }
  .dropdown-toggle::after {
      position: relative;
      top: 3px;
  }
  #contact h3 {
      color: var(--primary-color);
  }
  #contact a {
      color: var(--primary-color);
  }
  #contact .btn-close {
      top: 12px;
      right: 12px;
      background-size: 12px;
  }
  .icon img {
      width: 39px;
      height: 39px;
  }
  .card-grid .card {
      border-radius: 10px;
  }
  .card-grid .img-card {
      overflow: hidden;
      border-radius: 8px;
      display: inline-block;
      min-height: 200px;
  }
  .card-grid .img-card:hover img {
      translate: 0;
  }
  .logo-announcement {
      width: 161px;
      display: inline-block;
  }
  /* funnel updates  */
  .btn-funnel {
      max-width: 427px;
  }
  .card-procedure p {
      color: var(--color-light);
  }
  #section-legal-announcement p {
      color: var(--text-gray);
  }
  #form-outer .form-group p,
  #form-outer .form-group label {
      font-size: 18px;
  }
  .icon-world-class {
      top: 3px;
      position: relative;
  }
  .hide {
      display: none !important;
  }
  .form-custom .select2-container .select2-selection--single {
      height: 44px;
      display: block;
      width: 100%;
      padding: .375rem .75rem;
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.5;
      color: #212529;
      background-color: #fff;
      background-clip: padding-box;
      border: 1px solid #ced4da;
      border-radius: 10px;
  }
  .form-custom .select2-container--default .select2-selection--single .select2-selection__arrow {
      top: 10px;
      right: 2px;
  }
  .select2-search--dropdown {
      display: none !important;
  }
  .rounded-top-3 {
      border-radius: 5px 5px 0 0;
  }
  .form-custom .select2-container {
      width: 100% !important;
  }
  .thanks-outer {
      text-align: center;
      background-color: #f5f5f5;
  }
  /*  */
  textarea.form-control.textarea-min-height {
      min-height: 100px;
  }
  .rounded-top-3 {
      border-radius: 3px 3px 0 0;
  }
  .datepicker-days {
      padding: 10px;
      background-color: #fff;
      font-size: 14px;
  }
  .new-thank-wrap .middle-gray-container {
      min-height: 1371.11px;
  }
  /*  */
  .hasError, .form-custom .hasError + .select2-container .select2-selection--single {
      border: none;
      outline: 0 !important;
      box-shadow: 0 0 0 0.15rem #e77979 !important;
      border-radius: 10px;
  }
  .call-assistance {
    max-width: 320px;
    display: inline-block;
  }
  .call-assistance a, .call-assistance a span {
    text-decoration: none;
    color: var(--primary-color);
  }
  .call-assistance a {
    display: inline-flex;
    align-items: center;
  }
  .navbar a:hover img, .call-assistance a:hover img {
    translate: 0;
}
.logo-announcement {
    width: 161px;
    display: inline-block;
}
/* funnel updates  */
.btn-funnel {
    max-width: 427px;
}
.card-procedure p {
    color: var(--color-light);
}
#section-legal-announcement p {
    color: var(--text-gray);
}
#form-outer .form-group p,
#form-outer .form-group label {
    font-size: 18px;
}
.icon-world-class {
    top: 3px;
    position: relative;
}
/*  */
/*  */
@media (min-width: 992px) {
    .float-section {
        height: 24.5%;
    }
    .float-section-roundup {
        height: 480px;
    }
    .float-section-hair {
        height: 34.5%;
    }
    .guiding-princi-primary {
        position: relative;
    }
    .guiding-princi-primary:before {
        background-image: url(../img/bottom-img.jpg);
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        display: inline-block;
        width: 50%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: right center;
        background-size: cover;
    }
    .collage-img {
        padding-left: 3rem;
    }
    .collage-img img {
        max-width: 80%;
    }
    .dropdown:hover>.dropdown-menu {
        display: block;
    }
    
    .dropdown>.dropdown-toggle:active {
    /*Without this, clicking will make it sticky*/
        pointer-events: none;
    }
}
@media (min-width: 1200px) {
    .main-title {
        font-size: 68px;
        line-height: 110%;
    }
    .title-round-up {
        font-size: 55px;
    }
    
    h1.title-round-up {
        font-size: 55px;
    }
    .main-title-inner {
        font-size: 64px;
        line-height: 110%;
    }
    .section h2 {
        font-size: 46px;
        line-height: 110%;
    }
    .section .font-40 {
        font-size: 40px;
    }
    section {
        padding: 80px 0;
    }
    .float-section {
        height: 34%;
    }
}
@media (min-width: 1400px) {
    #main-banner {
        min-height: 820px;
    }
    #main-banner .row-h {
        min-height: 520px;
        align-items: center;
    }
    .float-section {
        height: 30%;
    }
}
/*  */
  
  .call-assistance a img {
    width: 30px;
  }
  div .b-radius {
    border-radius: 10px !important;
  }
  /*  */
  @media (min-width: 992px) {
      .float-section {
          height: 24.5%;
      }
      .float-section-mva {
          height: 31%;
      }
      .float-section-roundup {
          height: 480px;
      }
      .float-section-hair {
          height: 34.5%;
      }
      .float-section-afff {
          height: 28.5%;
      }
      .guiding-princi-primary {
          position: relative;
      }
      .guiding-princi-primary:before {
          background-image: url(../img/bottom-img.jpg);
          content: '';
          position: absolute;
          top: 0;
          right: 0;
          display: inline-block;
          width: 50%;
          height: 100%;
          background-repeat: no-repeat;
          background-position: right center;
          background-size: cover;
      }
      .collage-img {
          padding-left: 3rem;
      }
      .collage-img img {
          max-width: 80%;
      }
      .dropdown:hover>.dropdown-menu {
          display: block;
      }
      
      .dropdown>.dropdown-toggle:active {
      /*Without this, clicking will make it sticky*/
          pointer-events: none;
      }
  }
  @media (min-width: 1200px) {
      .main-title {
          font-size: 68px;
          line-height: 110%;
      }
      .title-round-up {
          font-size: 55px;
      }
      h1.title-afff {
          font-size: 58px;
      }
      div.float-section-roundup {
          height: 444px;
      }
      h1.title-round-up {
          font-size: 55px;
      }
      .main-title-inner {
          font-size: 64px;
          line-height: 110%;
      }
      .section h2 {
          font-size: 46px;
          line-height: 110%;
      }
      .section .font-40 {
          font-size: 40px;
      }
      section {
          padding: 80px 0;
      }
      .float-section {
          height: 34%;
      }
      div.float-section-mva {
          height: 31%;
      }
      .float-section-afff {
          height: 30%;
      }
  }
  @media (min-width: 1400px) {
      #main-banner {
          min-height: 820px;
      }
      #main-banner .row-h {
          min-height: 520px;
          align-items: center;
      }
      .float-section {
          height: 35%;
      }
      div.float-section-mva {
          height: 26%;
      }
      .float-section-afff {
          height: 29%;
      }
  }
  /*  */
  
  
  @media (max-width: 1199.98px) {
      .section .card .btn {
          min-width: auto;
      }
      #features {
          margin-top: -40px;
      }
      .placeholder img {
          height: 100%;
      }
  }
  @media (max-width: 991.98px) {
      .img-card img {
          width: 100%;
      }
      .navbar-nav .nav-link {
          display: inline-block;
          margin-bottom: 10px;
      }
      #main-banner:after {
          max-width: 100%;
      }
      .float-section {
          height: 10.5%;
      }
      .card-content {
          height: auto;
      }
      .float-section-hair {
          height: 13.5%;
      }
  }
  @media (max-width: 767.98px) {
      .card .icon-card {
          width: 80px;
      }
      .float-section {
          height: 12.2%;
      }
      div.float-section-mva {
          height: 11.2%;
      }
      .float-section-hair {
          height: 15.5%;
      }
  }
  @media (max-width: 575.98px) { 
      .float-section {
          height: 12.2%;
      }
      #features {
          padding: 0 15px;
      }
      div.float-section-mva {
          height: 13.2%;
      }
      .float-section-hair {
          height: 15.5%;
      }
  }
  @media (max-width: 479.98px) { 
      .float-section {
          height: 13.2%;
      }
      .float-section-hair {
          height: 16.5%;
      }
      .float-section-afff {
          height: 14%;
      }
      .call-assistance {
        max-width: 133px;
      }
      .call-assistance span {
        font-size: 10px;
      }
      .call-assistance a img {
        width: 20px;
      }
      .call-assistance a span {
        font-size: 15px;
      }
  }