@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Outfit:wght@100..900&display=swap");
:root {
  --font-family: "DM Sans", sans-serif;
  --font-family-2: "Outfit", sans-serif;
  --font-awesome: 'Font Awesome 6 Free';
  --normal-font-size: 17px;
  --text-strong: 500;
  --font-weight-family-2: 500;
  --primary-color: #16202A;
  --secondary-color: #ffb039;
  --white-color: #fff;
  --darker-white-color: #8C96A1;
  --white-color-on-dark: #ccd1d9;
  --black-color: #131C26;
  --grey-color: #5A5A67;
  --bg-color: #F4F8FA;
  --border-color: #D3DCE0; }

*:not(i) {
  color: var(--black-color);
  font-family: var(--font-family);
  font-weight: 400; }

body {
  background-color: var(--bg-color); }

h1,
h1 * {
  font-family: var(--font-family-2);
  font-size: var(--h1-size, 86px);
  font-weight: var(--font-weight-family-2);
  line-height: 1;
  letter-spacing: -2px; }
  @media (max-width: 1199px) {
    h1,
    h1 * {
      --h1-size: 70px; } }
  @media (max-width: 767px) {
    h1,
    h1 * {
      --h1-size: 56px; } }

h2,
h2 * {
  font-family: var(--font-family-2);
  font-size: var(--h2-size, 56px);
  font-weight: var(--font-weight-family-2);
  line-height: 1;
  letter-spacing: -1.7px; }
  @media (max-width: 1199px) {
    h2,
    h2 * {
      --h2-size: 48px; } }

h3,
h3 * {
  font-family: var(--font-family-2);
  font-size: var(--h3-size, 60px);
  font-weight: 100;
  line-height: 1;
  letter-spacing: -1px; }

h4,
h4 * {
  font-family: var(--font-family-2);
  font-size: var(--h4-size, 34px);
  font-weight: var(--font-weight-family-2);
  line-height: 1; }

h5,
h5 * {
  color: var(--primary-color);
  font-family: var(--font-family-2);
  font-size: var(--h5-font-size, 24px);
  font-weight: var(--font-weight-family-2);
  line-height: 1; }

h6 {
  font-family: var(--font-family-2);
  font-size: 14px;
  font-weight: var(--font-weight-family-2);
  line-height: 1.2;
  letter-spacing: .8px;
  text-transform: uppercase; }

p,
p *,
li,
li * {
  color: var(--grey-color);
  font-size: var(--normal-font-size);
  line-height: 1.6; }
  p.big,
  p *.big,
  li.big,
  li *.big {
    font-size: 19px; }

hr {
  height: 2px;
  background-color: var(--black-color);
  border: none; }

.container-fluid {
  padding-right: 50px;
  padding-left: 50px; }
  @media (max-width: 767px) {
    .container-fluid {
      padding-right: 15px;
      padding-left: 15px; } }

.w-50 {
  width: 50%; }

.bg-primary {
  background-color: var(--primary-color); }

.text-white p,
.text-white p * {
  color: var(--white-color-on-dark); }

.text-darker-white {
  color: var(--darker-white-color); }

.header {
  --nav-link-font-size: 17px;
  --nav-link-text-transform: capitalize; }
  .header .logo {
    max-width: 220px; }
  .header .nav a {
    position: relative; }
    .header .nav a::before {
      content: "";
      position: absolute;
      left: 1px;
      bottom: -4px;
      width: 0;
      height: 2px;
      background-color: var(--white-color);
      transition: width .3s ease; }
  .header .nav li.active a::before,
  .header .nav a:hover::before {
    width: calc(100% - 2px); }

.section-1 {
  --gap: 50px;
  padding-top: calc(var(--header-height, 100px) + 60px); }
  .section-1 h1 {
    max-width: 1000px; }
  .section-1 .img {
    margin-top: -125px; }
  .section-1 .swiper {
    --button-width: 42px; }
    .section-1 .swiper-slide {
      opacity: 0 !important; }
      .section-1 .swiper-slide .item .text-wrap {
        overflow: hidden; }
        .section-1 .swiper-slide .item .text-wrap h3 {
          opacity: 0;
          transform: translateY(100%);
          transition-duration: 0s; }
      .section-1 .swiper-slide .img-wrap {
        opacity: 0;
        transition: opacity .25s ease; }
      .section-1 .swiper-slide-active {
        opacity: 1 !important; }
        .section-1 .swiper-slide-active .item .text-wrap h3 {
          opacity: 1;
          transform: translateY(0);
          transition: opacity .25s ease-out .15s, transform .4s ease-out; }
        .section-1 .swiper-slide-active .img-wrap {
          opacity: 1; }
    .section-1 .swiper-button-prev, .section-1 .swiper-button-next {
      top: inherit;
      bottom: var(--arrows-bottom, 50px);
      width: var(--button-width);
      height: auto;
      transition: opacity .25s ease; }
      .section-1 .swiper-button-prev::after, .section-1 .swiper-button-next::after {
        display: none; }
      .section-1 .swiper-button-prev:hover, .section-1 .swiper-button-next:hover {
        opacity: .7; }
    .section-1 .swiper-button-prev {
      left: 0; }
    .section-1 .swiper-button-next {
      left: calc(var(--button-width) + 18px);
      right: auto; }
  @media (max-width: 991px) {
    .section-1 {
      --arrows-bottom: 0px; }
      .section-1 .swiper {
        padding-bottom: 42px; } }
  @media (max-width: 575px) {
    .section-1 {
      --gap: 10px; }
      .section-1 .d-flex.columns-2 > .item {
        --columns: 1; }
      .section-1 .mb-80 {
        margin-bottom: 50px; }
      .section-1 .img {
        margin-top: 0; }
      .section-1 .swiper {
        padding-bottom: 50px; } }

.section-2 .bg-image {
  background-size: 200%;
  background-position: 20% top;
  width: 78px;
  height: 78px;
  border-radius: 50%; }
.section-2 .d-flex.custom {
  --gap: 20px; }
@media (max-width: 991px) {
  .section-2 .d-flex.columns-2:not(.custom) > .item {
    --columns: 1; }
  .section-2 .mw-375 {
    max-width: none; } }

.section-3 .bg-image {
  height: var(--item-height, 400px);
  padding: 8px; }
  .section-3 .bg-image .text-wrap {
    background-color: rgba(255, 255, 255, 0.85);
    padding: 20px; }
@media (max-width: 1199px) {
  .section-3 .d-flex.columns-4 > .item {
    --columns: 2; } }
@media (max-width: 767px) {
  .section-3 {
    --gap: 15px; } }
@media (max-width: 575px) {
  .section-3 .d-flex.columns-4 > .item {
    --columns: 1; } }

.section-4 svg {
  fill: var(--border-color); }
.section-4 .context .d-flex.columns-3.custom {
  border-bottom: 1px solid var(--border-color);
  padding: 40px 0; }
  .section-4 .context .d-flex.columns-3.custom > .item:nth-of-type(1) {
    width: calc(15% - (var(--gap, 30px) / var(--columns, 1)) * (var(--columns, 1) - 1)); }
  .section-4 .context .d-flex.columns-3.custom > .item:nth-of-type(2) {
    width: calc(35% - (var(--gap, 30px) / var(--columns, 1)) * (var(--columns, 1) - 1)); }
  .section-4 .context .d-flex.columns-3.custom > .item:nth-of-type(3) {
    width: calc(50% - (var(--gap, 30px) / var(--columns, 1)) * (var(--columns, 1) - 1)); }
@media (max-width: 767px) {
  .section-4 .d-flex.columns-3 > .item {
    width: 100% !important; } }

.section-5 {
  --gap: 0px;
  position: relative; }
  .section-5 .bg-image {
    position: sticky;
    top: 0;
    height: 100vh; }
  .section-5 hr {
    height: 1px;
    background-color: var(--border-color); }
  .section-5 h3 {
    color: var(--border-color);
    font-size: 100px;
    font-weight: var(--text-strong); }
  .section-5 .d-flex.columns-2 {
    padding: 20px 0; }
  @media (max-width: 991px) {
    .section-5.d-flex.columns-2 > .item {
      --columns: 1; }
      .section-5.d-flex.columns-2 > .item .custom > .item {
        --columns: 2; }
    .section-5 .bg-image {
      position: relative;
      height: 500px; }
    .section-5 .vh-100 {
      min-height: auto; }
    .section-5 .context.d-flex {
      display: block; } }

.section-7 .bg-image {
  margin-right: var(--image-space, 100px); }
.section-7 .accordion {
  border-top: 1px solid var(--border-color);
  padding: 20px 0;
  cursor: pointer; }
  .section-7 .accordion:last-of-type {
    border-bottom: 1px solid var(--border-color); }
  .section-7 .accordion .space {
    height: 15px; }
  .section-7 .accordion .desc {
    height: 0;
    overflow: hidden;
    transition: height .3s ease; }
  .section-7 .accordion .label {
    position: relative;
    padding-right: 35px; }
    .section-7 .accordion .label .icon-wrap {
      position: absolute;
      top: 1px;
      right: 0;
      width: 22px; }
      .section-7 .accordion .label .icon-wrap svg.open {
        display: none; }
  .section-7 .accordion.visible .icon-wrap svg.open {
    display: block; }
  .section-7 .accordion.visible .icon-wrap svg.close {
    display: none; }
@media (max-width: 1199px) {
  .section-7 {
    --image-space: 0px; } }
@media (max-width: 991px) {
  .section-7 .d-flex.columns-2 > .item {
    --columns: 1; }
  .section-7 .bg-image {
    height: 500px;
    background-position: center top;
    margin-bottom: 50px; }
  .section-7 .item.pt-100 {
    padding-top: 0; }
  .section-7 .item.pb-100 {
    padding-bottom: 0; } }

.footer {
  --footer-bg-color: var(--primary-color);
  --footer-padding: 50px 0 40px; }
  .footer * {
    font-size: 15px; }
  .footer a:hover {
    text-decoration: underline; }
  @media (max-width: 767px) {
    .footer .d-flex.columns-3 > .item {
      --columns: 1; }
      .footer .d-flex.columns-3 > .item:nth-of-type(1) {
        order: 3; }
      .footer .d-flex.columns-3 > .item:nth-of-type(2) {
        order: 1; }
      .footer .d-flex.columns-3 > .item:nth-of-type(3) {
        order: 2; } }