:root {
  --white-color: #fff !important;
  --black-color: #1C1B1B !important;
  --primary-color: #909C87;
  --button-color: var(--primary-color);
  --button-hover-color: #86927D;
  --grey-color: #858280;
  --theme-bg-color: #FDF8F4;
  --theme-border-color: #E4DDD7;
  --body-bg: var(--white-color) // #222322;
  --font-family: "Marcellus", serif;
  --font-family-2: "DM Sans", sans-serif;
  --font-awesome: "Font Awesome 6 Free";
  --font-size-default: 16px;
  --font-weight-default: 400;
  --font-size-theme: 17px;
  --line-height-theme: 1.7;
  --font-weight-theme: 700;
  --button-height: 55px;
  --header-height: 100px; }

body {
  background-color: var(--body-bg);
  color: var(--grey-color);
  font-family: var(--font-family-2);
  font-size: var(--font-size-theme);
  font-weight: var(--font-weight-default);
  line-height: var(--line-height-theme); }

h1 {
  color: var(--black-color);
  font-family: var(--font-family);
  font-size: 6.8vw;
  font-weight: var(--font-weight-default);
  line-height: 0.92em;
  letter-spacing: -0.01em; }
  @media (max-width: 575px) {
    h1 {
      font-size: 10vw; } }

h2 {
  color: var(--black-color);
  font-family: var(--font-family);
  font-size: 3.353em;
  font-weight: var(--font-weight-default);
  line-height: 1.03em;
  letter-spacing: -1.8px; }
  @media (max-width: 1199px) {
    h2 {
      font-size: 46px; } }
  @media (max-width: 767px) {
    h2 {
      font-size: 30px; } }

h3 {
  color: var(--black-color);
  font-family: var(--font-family);
  font-size: 2.765em;
  font-weight: var(--font-weight-default);
  line-height: 1.021em;
  letter-spacing: -1.8px; }
  @media (max-width: 1199px) {
    h3 {
      font-size: 30px; } }

h4 {
  color: var(--black-color);
  font-family: var(--font-family);
  font-size: 1.647em;
  font-weight: var(--font-weight-default);
  line-height: 1.214em; }
  @media (max-width: 1199px) {
    h4 {
      font-size: 23px; } }

h5 {
  color: var(--black-color);
  font-family: var(--font-family);
  font-size: 1.118em;
  font-weight: var(--font-weight-default);
  line-height: 1.4em;
  text-transform: uppercase; }
  @media (max-width: 575px) {
    h5 {
      font-size: 16px; } }

h6 {
  color: var(--black-color);
  font-family: var(--font-family);
  font-size: 14px;
  font-weight: var(--font-weight-default);
  line-height: 18px;
  text-transform: uppercase;
  letter-spacing: 1.8px; }

p,
main li,
ol li::marker {
  color: var(--grey-color);
  font-family: var(--font-family-2);
  font-size: var(--font-size-theme);
  font-weight: var(--font-weight-default);
  line-height: var(--line-height-theme); }

p.big {
  font-size: 19px;
  line-height: 1.53em; }
p.small {
  font-size: var(--font-size-default);
  line-height: 1.5; }

main input[type=text],
main input[type=email],
main textarea {
  width: 100%;
  background-color: transparent;
  color: var(--black-color);
  font-family: var(--font-family-2);
  font-size: 16px;
  font-weight: var(--font-weight-default);
  line-height: 1.5em;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: 1px solid var(--theme-border-color);
  padding-block: 13px;
  outline: none; }
  main input[type=text]::placeholder,
  main input[type=email]::placeholder,
  main textarea::placeholder {
    color: #B8B8B8;
    text-transform: capitalize; }

main textarea {
  height: 120px;
  resize: none; }

.header_lang_top {
  display: none; }

.logo {
  max-width: 200px; }

.button:not(.unshow) {
  display: inline-flex;
  align-items: center;
  gap: 0 8px;
  height: var(--button-height);
  background-color: var(--button-color);
  color: var(--white-color);
  font-family: var(--font-family);
  font-size: var(--button-font-size, var(--font-size-default));
  font-weight: var(--font-weight-default);
  line-height: 1;
  border-radius: calc(var(--button-height) / 2);
  padding: 0 var(--button-padding-inline, 57px) 1px;
  transition: all .3s ease; }
  .button:not(.unshow):hover {
    background-color: var(--button-hover-color); }
  .button:not(.unshow).button-white:not(:hover) {
    background-color: var(--white-color);
    color: var(--black-color); }
  .button:not(.unshow).button-white:hover {
    background-color: var(--black-color); }
@media (max-width: 767px) {
  .button {
    --button-height: 47px;
    --button-padding-inline: 40px; } }

.swiper {
  --swiper-pagination-bottom: 0;
  --swiper-pagination-color: var(--primary-color);
  padding-bottom: var(--swiper-padding-bottom, 0); }
  .swiper-pagination-bullet {
    transition: all .3s ease; }

.animated-text {
  display: inline-block;
  min-width: 1em;
  min-height: 1em;
  vertical-align: bottom; }

.bg-theme {
  background-image: linear-gradient(130deg, #EDF8FE 0%, #FAEAE4 80%); }

.scroll-to-top {
  position: fixed;
  bottom: -42px;
  right: 2em;
  width: 42px;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--black-color);
  color: var(--white-color);
  font-size: 11px;
  border-radius: 50%;
  opacity: 0;
  cursor: pointer;
  z-index: 9;
  transition: all .3s ease; }
  .scroll-to-top:hover {
    background-color: var(--button-color); }
  .scroll-to-top.visible {
    bottom: 2em;
    opacity: 1; }
  .scroll-to-top span::before {
    width: auto; }

section {
  position: relative; }
  section .decoration {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; }
    section .decoration .decoration-item {
      position: absolute;
      pointer-events: none; }
    @media (max-width: 575px) {
      section .decoration {
        display: none; } }
  section > *:not(.decoration) {
    position: relative;
    z-index: 1; }
  @media (max-width: 991px) {
    section.pt-100 {
      padding-top: 80px; }
    section.pb-100 {
      padding-bottom: 80px; } }

@media (min-width: 992px) {
  .section-default:not(.style-2).img-left .context > .item:nth-of-type(2) {
    padding-left: 100px; } }
@media (min-width: 992px) {
  .section-default:not(.style-2).img-right .context {
    flex-direction: row-reverse; }
    .section-default:not(.style-2).img-right .context > .item:nth-of-type(2) {
      padding-right: 100px; } }
@media (max-width: 991px) {
  .section-default:not(.style-2) .context > .item:nth-of-type(1) {
    order: 2; }
  .section-default:not(.style-2) .context > .item:nth-of-type(2) {
    order: 1; } }
.section-default .content > .item > .img-wrap,
.section-default .content > .item > .sticky {
  position: sticky;
  top: 100px; }
.section-default .text-wrap h6 {
  margin-bottom: 15px; }
.section-default .text-wrap h2:not(:last-child) {
  margin-bottom: 25px; }
.section-default .text-wrap p:not(.mb-0):not(:last-child),
.section-default .text-wrap ul:not(.mb-0):not(:last-child) {
  margin-bottom: 20px; }
.section-default .btn-wrap {
  margin-top: 30px; }
.section-default.style-2 {
  --img-height: 55vw;
  position: relative; }
  .section-default.style-2 .bg-image {
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%; }
    @media (max-width: 991px) {
      .section-default.style-2 .bg-image {
        top: inherit;
        bottom: 0;
        width: 100%;
        height: var(--img-height); } }
  .section-default.style-2.img-left .bg-image {
    left: 0; }
  .section-default.style-2.img-left .content.d-flex {
    justify-content: flex-end; }
    @media (min-width: 992px) {
      .section-default.style-2.img-left .content.d-flex > .item {
        padding-left: 100px; } }
  .section-default.style-2.img-right .bg-image {
    right: 0; }
  @media (min-width: 992px) {
    .section-default.style-2.img-right .content.d-flex > .item {
      padding-right: 100px; } }
  .section-default.style-2 .content.d-flex > .item {
    padding-block: 100px; }
    @media (max-width: 991px) {
      .section-default.style-2 .content.d-flex > .item {
        padding-block: 80px; } }
  @media (max-width: 991px) {
    .section-default.style-2 {
      padding-bottom: var(--img-height); } }

@media (max-width: 991px) {
  .d-flex.content.columns-2,
  .content > .d-flex.columns-2 {
    --columns: 1; }
    .d-flex.content.columns-2.toLeft > .item, .d-flex.content.columns-2.toRight > .item,
    .content > .d-flex.columns-2.toLeft > .item,
    .content > .d-flex.columns-2.toRight > .item {
      width: 100% !important; }
  .d-flex.content.columns-3,
  .content > .d-flex.columns-3 {
    --columns: 2;
    justify-content: center; }
  .d-flex.content.columns-4,
  .content > .d-flex.columns-4 {
    --columns: 1; } }
@media (max-width: 767px) {
  .d-flex.content.columns-3,
  .content > .d-flex.columns-3 {
    --columns: 1; } }

#header {
  --mobile-nav-link-color: var(--black-color);
  --hamburger-lines-color: var(--black-color);
  --hamburger-lines-height: 2px;
  --hamburger-size: 28px;
  --links-color: var(--black-color);
  --button-height: 46px;
  --button-font-size: 15px;
  --button-padding-inline: 40px; }
  #header *:not(i) {
    font-family: var(--font-family); }
  #header .logo-white {
    display: none; }
  #header .nav a:not(.button:not(.unshow)) {
    position: relative;
    color: var(--links-color);
    font-size: var(--font-size-theme);
    font-weight: var(--font-weight-default); }
    #header .nav a:not(.button:not(.unshow))::before {
      content: "";
      position: absolute;
      bottom: -5px;
      left: 0;
      width: 0;
      height: 1px;
      background-color: var(--links-color);
      transition: width .3s ease; }
  #header .nav .button:not(.unshow) {
    transform: translateY(1px); }
  @media (min-width: 992px) {
    #header .nav ul {
      align-items: center; } }
  #header .nav li.active a:not(.button:not(.unshow))::before,
  #header .nav a:not(.button:not(.unshow)):hover::before {
    width: 100%; }
  #header.style-2 {
    --hamburger-lines-color: var(--white-color); }
    @media (min-width: 992px) {
      #header.style-2 {
        --links-color: var(--white-color); } }
    #header.style-2 .logo-black {
      display: none; }
    #header.style-2 .logo-white {
      display: block; }

#footer {
  background-color: #1A1B19; }
  #footer *:not(h5) {
    font-family: var(--font-family-2); }
  #footer h5 {
    color: var(--white-color);
    text-transform: inherit;
    margin-bottom: 20px; }
    @media (max-width: 991px) {
      #footer h5 {
        margin-bottom: 10px; } }
  #footer .img-wrap {
    margin-bottom: 20px; }
    @media (max-width: 991px) {
      #footer .img-wrap {
        margin-bottom: 15px; } }
  #footer ul li {
    margin-bottom: 15px; }
    @media (max-width: 991px) {
      #footer ul li {
        margin-bottom: 8px; } }
  #footer p, #footer ul li {
    color: #D6D6D6;
    font-size: var(--font-size-default);
    line-height: var(--line-height-theme); }
    #footer p:last-of-type, #footer ul li:last-of-type {
      margin-bottom: 0; }
    #footer p a, #footer ul li a {
      position: relative;
      display: inline-block;
      color: #D6D6D6;
      transition: all .3s ease; }
      #footer p a::before, #footer ul li a::before {
        content: "";
        position: absolute;
        bottom: -3px;
        left: 0;
        width: 0;
        height: 1px;
        background-color: var(--white-color);
        transition: width .3s ease; }
      #footer p a:hover, #footer ul li a:hover {
        color: var(--white-color);
        transform: translateX(8px); }
        #footer p a:hover::before, #footer ul li a:hover::before {
          width: 100%; }
  #footer .d-flex.columns-4 {
    padding-block: 100px 90px;
    border-bottom: 1px solid #373837; }
    @media (max-width: 991px) {
      #footer .d-flex.columns-4 {
        padding-block: 50px 30px; } }
  #footer .copyright {
    padding-block: 25px 22px; }
    @media (max-width: 991px) {
      #footer .copyright {
        padding-block: 15px; } }
    #footer .copyright * {
      color: #A2A4A2; }

#home.section-1 {
  padding-block: calc(var(--header-height) + 80px) 50px; }
  @media (max-width: 991px) {
    #home.section-1 {
      padding-top: calc(var(--header-height) + 30px); } }
  #home.section-1 .decoration-item.img-1 {
    top: -4vw;
    right: -13.8vw;
    width: 42vw;
    transform: rotate(58deg); }
  #home.section-1 .decoration-item.img-2 {
    bottom: -16vw;
    left: 30%;
    width: 27vw; }
  #home.section-1 .content h1 {
    margin-bottom: 120px; }
    @media (max-width: 991px) {
      #home.section-1 .content h1 {
        margin-bottom: 35px; } }
#home.section-14 {
  --overlay-color: #0e0e0e;
  --overlay-opacity: .4; }
  #home.section-14 .content {
    padding-block: calc(var(--header-height) + 60px) 60px; }
    @media (max-width: 991px) {
      #home.section-14 .content {
        padding-top: calc(var(--header-height) + 30px); } }
    @media (max-width: 991px) {
      #home.section-14 .content .text-right {
        text-align: center; } }
#home.section-20 {
  --img-height: 55vw;
  position: relative;
  padding-block: calc(var(--header-height) + 200px) 80px; }
  @media (max-width: 991px) {
    #home.section-20 {
      padding-block: calc(var(--header-height) + 30px) calc(var(--img-height) + 50px); } }
  #home.section-20::before {
    content: "";
    position: absolute;
    top: var(--header-height);
    right: 0;
    width: 57%;
    height: calc(100% - var(--header-height));
    background-image: url("../img/pexels-shkrabaanthony-6728394.jpg");
    background-position: center 60%;
    background-size: cover; }
    @media (max-width: 991px) {
      #home.section-20::before {
        top: inherit;
        bottom: 0;
        left: 0;
        right: inherit;
        width: 100%;
        height: var(--img-height); } }
  #home.section-20 .decoration-item.img-1 {
    top: 0;
    left: 0;
    width: 30vw;
    opacity: .2; }

#ebooks.section-9 {
  --swiper-padding-bottom: 50px;
  overflow: hidden; }
  #ebooks.section-9 .swiper {
    width: 120%;
    transform: translateX(-10%); }
    @media (max-width: 575px) {
      #ebooks.section-9 .swiper {
        width: calc(100% - 30px);
        transform: translateX(0); } }

#tarifs.section-11 .decoration-item.img-1 {
  top: 5vw;
  left: -12vw;
  width: 22vw; }
#tarifs.section-11 .decoration-item.img-2 {
  top: 0;
  right: -12vw;
  width: 45vw;
  transform: rotate(140deg); }
#tarifs.section-11 .context .item {
  background-color: var(--white-color);
  text-align: center;
  padding: 60px 30px 70px; }
  #tarifs.section-11 .context .item .text-wrap {
    margin-bottom: 35px; }
    #tarifs.section-11 .context .item .text-wrap h4 {
      font-size: 24px;
      line-height: 1.25em;
      margin-bottom: 25px; }
    #tarifs.section-11 .context .item .text-wrap h2 {
      margin-bottom: 10px;
      transition: color .3s ease; }
    #tarifs.section-11 .context .item .text-wrap p {
      color: #B8B8B8;
      margin-bottom: 30px; }
    #tarifs.section-11 .context .item .text-wrap li::after {
      content: "\f00c";
      color: var(--button-color);
      font-family: var(--font-awesome);
      font-weight: 700;
      margin-left: 8px; }
    #tarifs.section-11 .context .item .text-wrap li:not(:last-of-type) {
      margin-bottom: 8px; }
  #tarifs.section-11 .context .item:not(.popular):not(:hover) .button {
    background-color: transparent;
    color: var(--black-color);
    box-shadow: inset 0 0 0 2px var(--black-color); }
  #tarifs.section-11 .context .item:hover h2 {
    color: var(--button-color); }
#tarifs.section-11.style-2 .context .item h4,
#tarifs.section-11.style-2 .context .item h2 {
  color: var(--black-color); }
#tarifs.section-11.style-2 .context .item p,
#tarifs.section-11.style-2 .context .item li {
  color: #858280; }
#tarifs.section-11.style-2 .context .item:hover h2 {
  color: var(--button-color); }

#contact.section-13 .button {
  --button-padding-inline: 35px; }
@media (min-width: 992px) {
  #contact.section-13 .img-wrap {
    margin-right: -100px; } }
#contact.section-13 .form-wrap {
  background-color: var(--white-color);
  padding: 60px 70px 70px; }
  @media (max-width: 1199px) {
    #contact.section-13 .form-wrap {
      padding: 35px 40px 40px; } }
  @media (max-width: 575px) {
    #contact.section-13 .form-wrap {
      padding: 20px 30px 30px; } }
  #contact.section-13 .form-wrap .new-validate__line:not(:last-of-type) {
    margin-bottom: 30px; }
    @media (max-width: 575px) {
      #contact.section-13 .form-wrap .new-validate__line:not(:last-of-type) {
        margin-bottom: 15px; } }

#testimonials.section-10 {
  --img-height: 55vw;
  position: relative; }
  @media (max-width: 991px) {
    #testimonials.section-10 {
      padding-bottom: calc(var(--img-height) + 80px); } }
  #testimonials.section-10::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background-image: url("../img/image-mas2-copyright.jpg");
    background-position: center center;
    background-size: cover;
    z-index: 1; }
    @media (max-width: 991px) {
      #testimonials.section-10::before {
        top: inherit;
        bottom: 0;
        left: 0;
        right: inherit;
        width: 100%;
        height: var(--img-height); } }
  #testimonials.section-10 .decoration-item.img-1 {
    top: 15%;
    left: 39vw;
    width: 23vw; }
  @media (min-width: 992px) {
    #testimonials.section-10 .slider-wrap {
      padding-right: 100px; } }
  #testimonials.section-10 .swiper {
    --author-pic-size: 78px;
    --swiper-navigation-size: 56px; }
    @media (max-width: 767px) {
      #testimonials.section-10 .swiper {
        --swiper-navigation-size: 46px; } }
    #testimonials.section-10 .swiper-slide > .img-wrap {
      margin-bottom: 40px; }
    #testimonials.section-10 .swiper-slide > .text-wrap {
      margin-bottom: 30px; }
      #testimonials.section-10 .swiper-slide > .text-wrap h4 {
        font-size: 24px;
        margin-bottom: 25px; }
    #testimonials.section-10 .swiper-slide .d-flex .img-wrap {
      width: var(--author-pic-size);
      height: var(--author-pic-size); }
      #testimonials.section-10 .swiper-slide .d-flex .img-wrap img {
        border-radius: 50%; }
    #testimonials.section-10 .swiper-slide .d-flex .text-wrap {
      width: calc(100% - var(--author-pic-size) - var(--gapX)); }
      #testimonials.section-10 .swiper-slide .d-flex .text-wrap h4 {
        font-size: 19px;
        line-height: 1.3em; }
    #testimonials.section-10 .swiper-navigation {
      display: flex;
      gap: 0 10px;
      margin-top: 30px; }
      #testimonials.section-10 .swiper-navigation .swiper-button-next,
      #testimonials.section-10 .swiper-navigation .swiper-button-prev {
        position: inherit;
        width: var(--swiper-navigation-size);
        color: var(--black-color);
        border: 1px solid var(--theme-border-color);
        border-radius: 50%;
        margin: 0;
        z-index: inherit;
        transition: color .3s ease; }
        #testimonials.section-10 .swiper-navigation .swiper-button-next::after,
        #testimonials.section-10 .swiper-navigation .swiper-button-prev::after {
          display: none; }
        #testimonials.section-10 .swiper-navigation .swiper-button-next:hover,
        #testimonials.section-10 .swiper-navigation .swiper-button-prev:hover {
          color: var(--primary-color); }
#testimonials.section-18 {
  overflow: hidden; }
  @media (min-width: 992px) {
    #testimonials.section-18 .swiper {
      width: 120%;
      margin-left: -10%; } }
  @media (max-width: 991px) {
    #testimonials.section-18 .swiper {
      width: calc(100% - 30px); } }
  #testimonials.section-18 .swiper-slide {
    background-color: var(--body-bg);
    padding: 70px 30px; }
    #testimonials.section-18 .swiper-slide .icon-wrap {
      display: flex;
      gap: 1px;
      color: #FFC107;
      margin-bottom: 40px; }
    #testimonials.section-18 .swiper-slide > *:nth-child(2) {
      margin-bottom: 40px; }
    #testimonials.section-18 .swiper-slide h4 {
      font-size: 19px;
      line-height: 1.3em; }
#testimonials.section-25 .swiper {
  --swiper-navigation-color: var(--black-color); }
  #testimonials.section-25 .swiper-slide {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto; }
    #testimonials.section-25 .swiper-slide > .text-wrap {
      width: calc(100% - 100px);
      max-width: 930px;
      text-align: center;
      margin-bottom: 30px; }
    #testimonials.section-25 .swiper-slide .d-flex .img-wrap img {
      width: 70px;
      height: 70px;
      border-radius: 50%; }
  #testimonials.section-25 .swiper-navigation .swiper-button-prev,
  #testimonials.section-25 .swiper-navigation .swiper-button-next {
    font-size: 24px;
    transition: color .3s ease; }
    #testimonials.section-25 .swiper-navigation .swiper-button-prev::after,
    #testimonials.section-25 .swiper-navigation .swiper-button-next::after {
      display: none; }
    #testimonials.section-25 .swiper-navigation .swiper-button-prev span::before,
    #testimonials.section-25 .swiper-navigation .swiper-button-next span::before {
      width: auto; }
    #testimonials.section-25 .swiper-navigation .swiper-button-prev:hover,
    #testimonials.section-25 .swiper-navigation .swiper-button-next:hover {
      --swiper-navigation-color: var(--primary-color); }
#testimonials.section-26 {
  --swiper-padding-bottom: 50px; }
  #testimonials.section-26 .swiper-slide {
    background-color: var(--white-color);
    padding: 30px; }
    #testimonials.section-26 .swiper-slide > .icon-wrap {
      color: #D3A294;
      font-size: 24px;
      margin-bottom: 20px; }
    #testimonials.section-26 .swiper-slide > .text-wrap {
      margin-bottom: 25px; }
    #testimonials.section-26 .swiper-slide h4 {
      font-size: 19px;
      line-height: 1.78em; }
    #testimonials.section-26 .swiper-slide .img-wrap img {
      width: 78px;
      height: 78px;
      border-radius: 50%; }

#faq.section-24 .gapX-200 {
  --gapX: 200px; }
#faq.section-24 .accordion-container .accordion:not(:last-of-type) {
  border-bottom: 1px solid var(--theme-border-color); }
#faq.section-24 .accordion-container .accordion .accordion-title {
  display: flex;
  gap: 0 15px;
  padding-block: 20px 15px;
  cursor: pointer; }
  #faq.section-24 .accordion-container .accordion .accordion-title h4 {
    font-size: 19px;
    line-height: 22px; }
#faq.section-24 .accordion-container .accordion-description {
  height: 0;
  overflow: hidden;
  transition: height .3s ease; }
#faq.section-24 .accordion-container .accordion-content {
  padding-bottom: 20px; }
#faq.section-24:not(.style-2) .accordion-container .accordion .icon-wrap i {
  line-height: inherit;
  transform: translateY(-3px); }
  #faq.section-24:not(.style-2) .accordion-container .accordion .icon-wrap i.fa-minus {
    display: none; }
#faq.section-24:not(.style-2) .accordion-container .accordion.active .accordion-title .icon-wrap i.fa-plus {
  display: none; }
#faq.section-24:not(.style-2) .accordion-container .accordion.active .accordion-title .icon-wrap i.fa-minus {
  display: block; }
#faq.section-24 .item {
  position: relative; }
  #faq.section-24 .item > .d-flex {
    position: absolute;
    left: -120px;
    bottom: 40px;
    width: calc(100% + 80px); }
    @media (max-width: 991px) {
      #faq.section-24 .item > .d-flex {
        left: 0;
        bottom: -40px;
        width: 100%; } }
    #faq.section-24 .item > .d-flex .item {
      padding: 25px; }
      #faq.section-24 .item > .d-flex .item:nth-of-type(1) {
        background-color: var(--primary-color); }
      #faq.section-24 .item > .d-flex .item:nth-of-type(2) {
        background-color: #222322; }
      #faq.section-24 .item > .d-flex .item * {
        color: var(--white-color); }
      #faq.section-24 .item > .d-flex .item h4 {
        font-size: 19px;
        line-height: 1.4em; }
      #faq.section-24 .item > .d-flex .item h2 {
        font-size: 3.611em;
        line-height: 1em;
        margin-block: 10px; }
        @media (max-width: 575px) {
          #faq.section-24 .item > .d-flex .item h2 {
            font-size: 2.8em; } }
#faq.section-24.style-2 .content > .item:nth-of-type(1) {
  padding-right: 100px; }
#faq.section-24.style-2 .accordion-container {
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color); }
  #faq.section-24.style-2 .accordion-container .accordion .accordion-title {
    justify-content: space-between; }
    #faq.section-24.style-2 .accordion-container .accordion .accordion-title h4 {
      font-size: 24px;
      line-height: 1.2em; }
    #faq.section-24.style-2 .accordion-container .accordion .accordion-title .icon-wrap {
      transform: translateY(2px); }
      #faq.section-24.style-2 .accordion-container .accordion .accordion-title .icon-wrap svg {
        width: 1em;
        height: 1em;
        fill: var(--black-color);
        transform: rotate(-90deg);
        transition: transform .3s ease; }
  #faq.section-24.style-2 .accordion-container .accordion.active .accordion-title .icon-wrap svg {
    transform: rotate(0); }
@media (max-width: 991px) {
  #faq .img-wrap {
    text-align: center; } }

.section-2 .video-wrap {
  position: relative;
  height: 41.7vw; }
  @media (max-width: 991px) {
    .section-2 .video-wrap {
      height: 55vw; } }
  .section-2 .video-wrap video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    object-fit: cover;
    transform: translate(-50%, -50%); }
.section-2.style-2 {
  height: 41.7vw; }
  @media (max-width: 991px) {
    .section-2.style-2 {
      height: 55vw; } }

.section-3 .decoration-item.img-1 {
  top: -13vw;
  left: -21vw;
  width: 45vw; }
.section-3 .decoration-item.img-2 {
  bottom: 0;
  right: -28vw;
  width: 45vw;
  transform: rotate(125deg); }
.section-3 .context .item .bg-image {
  width: 60%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  margin: 0 auto 30px; }
.section-3 .context .item .text-wrap {
  text-align: center; }
  .section-3 .context .item .text-wrap h4 {
    margin-block: 15px; }

.section-4 * {
  color: #D3A294; }
.section-4 .text-wrap span {
  font-family: var(--font-family);
  font-size: 130px;
  font-weight: 400;
  line-height: 1.08em;
  white-space: nowrap; }
  @media (max-width: 1199px) {
    .section-4 .text-wrap span {
      font-size: 70px; } }
  @media (max-width: 767px) {
    .section-4 .text-wrap span {
      font-size: 40px; } }
.section-4 .icon-wrap span {
  font-size: 157px;
  line-height: 1.08em; }
  @media (max-width: 1199px) {
    .section-4 .icon-wrap span {
      font-size: 90px; } }
  @media (max-width: 767px) {
    .section-4 .icon-wrap span {
      font-size: 60px; } }
.section-4.line {
  --line-width: 0px;
  overflow: hidden; }
  .section-4.line .d-flex {
    flex-wrap: nowrap; }
.section-4 .img-wrap {
  width: max-content;
  margin-inline: 40px; }
  @media (max-width: 767px) {
    .section-4 .img-wrap {
      margin-inline: 14px 20px; } }

@keyframes slide-line {
  0% {
    transform: translateX(0%); }
  100% {
    transform: translateX(calc(-1 * var(--line-width))); } }
.section-5 .decoration-item.img-1 {
  top: 2vw;
  right: 3vw;
  width: 17vw; }

.section-6 .decoration-item.img-1 {
  top: 2vw;
  right: 28vw;
  width: 18vw; }
  @media (max-width: 991px) {
    .section-6 .decoration-item.img-1 {
      top: 8vw;
      right: 25px; } }
.section-6 .context {
  background-color: var(--white-color);
  border: 1px solid var(--theme-border-color);
  border-right: none;
  border-bottom: none; }
  .section-6 .context .item {
    border: 1px solid var(--theme-border-color);
    border-left: none;
    border-top: none;
    padding: 65px 50px; }
    @media (max-width: 991px) {
      .section-6 .context .item {
        padding: 25px 25px 40px; } }
    .section-6 .context .item .icon-wrap {
      margin-bottom: 20px; }
      @media (max-width: 991px) {
        .section-6 .context .item .icon-wrap {
          margin-bottom: 0; } }
      .section-6 .context .item .icon-wrap span {
        color: var(--button-color);
        font-size: 4em; }
    .section-6 .context .item h4 {
      margin-bottom: 20px; }
@media (max-width: 1199px) and (min-width: 992px) {
  .section-6 .d-flex.columns-4 {
    --columns: 2; } }

.section-7 .decoration-item.img-1 {
  top: -5vw;
  right: -11vw;
  width: 27vw; }
.section-7 .decoration-item.img-2 {
  bottom: -4vw;
  left: -11vw;
  width: 45vw;
  transform: rotate(25deg); }
.section-7 .decoration-item.img-3 {
  bottom: 1vw;
  right: -9vw;
  width: 22vw; }
.section-7 .context .d-flex .item span {
  display: block;
  color: var(--black-color);
  font-family: var(--font-family);
  font-size: 5.3em;
  line-height: 1em;
  letter-spacing: -0.01em;
  border-bottom: 1px solid var(--theme-border-color);
  padding-bottom: 20px;
  margin-bottom: 20px; }
  @media (max-width: 1199px) {
    .section-7 .context .d-flex .item span {
      font-size: 3.5em; } }
.section-7 .context .d-flex .item h4 {
  font-size: 1.412em;
  line-height: 1.417em; }
  @media (max-width: 1199px) {
    .section-7 .context .d-flex .item h4 {
      font-size: 19px; } }

.section-12 .decoration-item.img-1 {
  top: 4.5vw;
  left: -1vw;
  width: 26vw; }
.section-12 .decoration-item.img-2 {
  bottom: 3vw;
  right: -3vw;
  width: 25vw; }
@media (min-width: 992px) {
  .section-12 .content {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-areas: "item-1 item-1 item-1 item-1 item-2 item-2 item-3 item-3 item-3 item-3 item-3 item-3" "item-1 item-1 item-1 item-1 item-2 item-2 item-3 item-3 item-3 item-3 item-3 item-3" "item-4 item-4 item-5 item-5 item-5 item-5 item-3 item-3 item-3 item-3 item-3 item-3" "item-6 item-7 item-5 item-5 item-5 item-5 item-8 item-8 item-8 item-9 item-10 item-10" "item-11 item-11 item-5 item-5 item-5 item-5 item-8 item-8 item-8 item-12 item-12 item-12" "item-11 item-11 item-5 item-5 item-5 item-5 item-8 item-8 item-8 item-12 item-12 item-12" "item-13 item-13 item-14 item-14 item-15 item-16 item-16 item-16 item-16 item-16 item-16 item-16" "item-13 item-13 item-14 item-14 item-17 item-16 item-16 item-16 item-16 item-16 item-16 item-16";
    grid-auto-rows: 1fr;
    aspect-ratio: 12 / 8;
    gap: 25px; }
    .section-12 .content .item-1 {
      grid-area: item-1; }
    .section-12 .content .item-2 {
      grid-area: item-2; }
    .section-12 .content .item-3 {
      grid-area: item-3; }
    .section-12 .content .item-4 {
      grid-area: item-4; }
    .section-12 .content .item-5 {
      grid-area: item-5; }
    .section-12 .content .item-6 {
      grid-area: item-6; }
    .section-12 .content .item-7 {
      grid-area: item-7; }
    .section-12 .content .item-8 {
      grid-area: item-8; }
    .section-12 .content .item-9 {
      grid-area: item-9; }
    .section-12 .content .item-10 {
      grid-area: item-10; }
    .section-12 .content .item-11 {
      grid-area: item-11; }
    .section-12 .content .item-12 {
      grid-area: item-12; }
    .section-12 .content .item-13 {
      grid-area: item-13; }
    .section-12 .content .item-14 {
      grid-area: item-14; }
    .section-12 .content .item-15 {
      grid-area: item-15; }
    .section-12 .content .item-16 {
      grid-area: item-16; }
    .section-12 .content .item-17 {
      grid-area: item-17; }
    .section-12 .content .text-wrap {
      padding-left: 80px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .section-12 .content .text-wrap {
        padding-left: 30px; } }

@media (max-width: 991px) {
  .section-12 .content > *:not(.item-3):not(.item-5) {
    display: none; }
  .section-12 .content .item-3 {
    margin-bottom: 50px; }
  .section-12 .content .item-5 {
    aspect-ratio: 1/1; } }

.section-15 {
  background-color: #1A1B19;
  overflow: hidden; }
  .section-15 .decoration-item.img-1 {
    top: -15vw;
    left: -35vw;
    width: 70vw; }
  .section-15 .decoration-item.img-2 {
    bottom: -20vw;
    right: -35vw;
    width: 70vw; }
  .section-15 .swiper {
    overflow: visible; }
  .section-15 .context {
    --items-count: 3; }
    @media (max-width: 991px) {
      .section-15 .context {
        --items-count: 2; } }
    @media (max-width: 767px) {
      .section-15 .context {
        --items-count: 1; } }
    .section-15 .context .item {
      counter-increment: itemCounter;
      position: relative;
      display: flex;
      align-items: flex-end;
      width: calc(100% / var(--items-count) - 30px / var(--items-count) * (var(--items-count) - 1));
      height: 450px;
      padding: 30px; }
      .section-15 .context .item::before {
        content: counter(itemCounter,decimal-leading-zero) ".";
        position: absolute;
        top: 30px;
        left: 30px;
        color: var(--white-color);
        font-family: var(--font-family);
        font-size: 1.333em;
        line-height: 1em;
        font-weight: 400;
        z-index: 1; }
      .section-15 .context .item .bg-image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
        .section-15 .context .item .bg-image::before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6)); }
      .section-15 .context .item .text-wrap {
        position: relative;
        z-index: 1; }
        .section-15 .context .item .text-wrap h4 {
          margin-bottom: 15px; }
        .section-15 .context .item .text-wrap p {
          font-size: 16px;
          line-height: 1.5; }

.section-16 h3 {
  font-size: 2.059em;
  line-height: 1.086em; }
.section-16 h4 {
  font-size: 1.412em;
  margin-bottom: 15px; }
.section-16 .icon-wrap {
  margin-bottom: 20px; }
  .section-16 .icon-wrap svg path {
    fill: var(--primary-color); }
@media (min-width: 1200px) {
  .section-16 .content > .item:nth-of-type(2) {
    padding-top: 200px; } }
.section-16 .sticky {
  --gapX: 20px; }
  .section-16 .sticky .d-flex {
    gap: var(--gapX);
    min-height: 310px;
    margin-bottom: var(--gapX); }
    @media (max-width: 575px) {
      .section-16 .sticky .d-flex {
        --columns: 1; } }
  .section-16 .sticky .bg-image.text-wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    background-color: var(--primary-color);
    padding: 30px; }
  @media (max-width: 575px) {
    .section-16 .sticky .bg-image.h-100 {
      min-height: 280px; } }

.section-17-18 {
  background-color: #1A1B19; }
  .section-17-18 .decoration-item.img-1 {
    top: -13vw;
    right: -35vw;
    width: 70vw; }
  .section-17-18 .decoration-item.img-2 {
    top: 30%;
    left: -35vw;
    width: 70vw; }

.section-17 .before-after-slider {
  position: relative;
  width: 100%;
  height: 600px;
  overflow: hidden;
  touch-action: pan-y; }
  @media (max-width: 991px) {
    .section-17 .before-after-slider {
      height: 55vw; } }
  .section-17 .before-after-slider .bg-image {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%; }
    .section-17 .before-after-slider .bg-image.before {
      z-index: 2;
      clip-path: inset(0 50% 0 0); }
    .section-17 .before-after-slider .bg-image.after {
      z-index: 1; }
  .section-17 .before-after-slider .slider-line {
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    z-index: 3;
    pointer-events: none; }
  .section-17 .before-after-slider .handle {
    --handle-size: 68px;
    position: absolute;
    top: 50%;
    left: calc(-1 * (var(--handle-size) / 2));
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--handle-size);
    height: var(--handle-size);
    background: var(--white-color);
    color: var(--black-color);
    font-size: .8em;
    border-radius: 50%;
    cursor: pointer;
    pointer-events: all;
    transform: translateY(-50%); }
    .section-17 .before-after-slider .handle span::before {
      width: auto; }

.section-19 {
  --overlay-opacity: .1; }
  .section-19 .content {
    display: flex;
    align-items: center;
    min-height: 41.7vw;
    padding-block: 100px; }
    @media (max-width: 991px) {
      .section-19 .content {
        min-height: 55vw; } }
    .section-19 .content .btn-wrap {
      margin-top: 30px; }

.section-21 .context .item {
  background-color: var(--white-color);
  padding: 30px; }
  .section-21 .context .item h4 {
    text-align: center; }
    @media (max-width: 767px) {
      .section-21 .context .item h4 br {
        display: none; } }
  .section-21 .context .item p,
  .section-21 .context .item li {
    font-size: 16px; }
  .section-21 .context .item .img-wrap {
    margin-block: 25px 30px; }

.section-22 {
  --img-height: 55vw;
  position: relative; }
  @media (max-width: 991px) {
    .section-22 {
      overflow: hidden; } }
  @media (min-width: 992px) {
    .section-22 .sticky {
      position: sticky;
      top: 0;
      width: 100%;
      height: 100vh; } }
  @media (max-width: 991px) {
    .section-22 .sticky {
      position: relative; } }
  .section-22 .bg-image {
    position: absolute;
    top: 0; }
    @media (min-width: 992px) {
      .section-22 .bg-image {
        right: 0;
        width: 50vw;
        height: 100%; } }
    @media (max-width: 991px) {
      .section-22 .bg-image {
        left: 50%;
        width: 100vw;
        height: var(--img-height);
        transform: translateX(-50%); } }
  .section-22 .text-wrap {
    display: flex;
    flex-direction: column;
    justify-content: flex-end; }
    @media (min-width: 992px) {
      .section-22 .text-wrap {
        min-height: 100vh;
        padding-block: 80px;
        padding-left: 100px; } }
    @media (max-width: 991px) {
      .section-22 .text-wrap:not(:last-of-type) {
        margin-bottom: 50px; } }
    .section-22 .text-wrap .d-flex {
      justify-content: space-between;
      align-items: center;
      border-top: 1px solid var(--theme-border-color);
      padding-top: 30px;
      margin-top: 80px; }
      @media (max-width: 991px) {
        .section-22 .text-wrap .d-flex {
          margin-top: 30px; } }
      .section-22 .text-wrap .d-flex h2 {
        color: var(--theme-border-color);
        font-size: 120px;
        line-height: 1em;
        letter-spacing: -0.01em; }
        @media (max-width: 1199px) {
          .section-22 .text-wrap .d-flex h2 {
            font-size: 80px; } }
      .section-22 .text-wrap .d-flex h4 {
        width: min-content;
        font-size: 1.412em;
        text-align: right; }
    .section-22 .text-wrap h6 {
      margin-bottom: 15px; }
  @media (max-width: 991px) {
    .section-22 .content.d-flex > .item:nth-of-type(2) {
      padding-top: calc(var(--img-height) + 100px); } }

.section-23 .context .d-flex {
  counter-increment: itemCounter; }
  .section-23 .context .d-flex:not(:last-of-type) {
    border-bottom: 1px solid var(--theme-border-color);
    padding-bottom: 35px;
    margin-bottom: 35px; }
  .section-23 .context .d-flex h4 {
    font-size: 2.059em;
    line-height: 1.086em; }
    @media (max-width: 991px) {
      .section-23 .context .d-flex h4 {
        font-size: 21px;
        line-height: 26px; } }
    .section-23 .context .d-flex h4::before {
      content: counter(itemCounter,decimal-leading-zero) ". ";
      color: var(--theme-border-color); }
@media (max-width: 991px) {
  .section-23 p {
    font-size: 16px; } }
@media (max-width: 767px) {
  .section-23 .d-flex.columns-2 {
    --columns: 1; } }

.section-27 .decoration-item.img-1 {
  bottom: 17vw;
  left: -6vw;
  width: 20vw; }
.section-27.section-default .content > .item > .img-wrap {
  position: inherit; }
@media (min-width: 992px) {
  .section-27.section-default.img-right .context > .item:nth-of-type(1) {
    padding-left: 100px; }
  .section-27.section-default.img-right .context > .item:nth-of-type(2) {
    padding-right: 0; } }
@media (max-width: 991px) {
  .section-27 .img-wrap img,
  .section-27 .img-wrap img.mw-375 {
    width: 100%;
    max-width: 375px; }
  .section-27 .content > .item:nth-of-type(1) {
    margin-top: -400px; } }
@media (max-width: 767px) {
  .section-27 .img-wrap img,
  .section-27 .img-wrap img.mw-375 {
    max-width: 325px; }
  .section-27 .content > .item:nth-of-type(1) {
    margin-top: -325px; } }
@media (max-width: 575px) {
  .section-27 .img-wrap img,
  .section-27 .img-wrap img.mw-375 {
    max-width: 60vw; }
  .section-27 .content > .item:nth-of-type(1) {
    margin-top: -60vw; } }

.section-28 .decoration-item.img-1 {
  top: 0;
  right: -7vw;
  width: 21vw; }
.section-28 .context h4 {
  margin-bottom: 25px; }
.section-28 .context .item {
  position: relative;
  counter-increment: itemCounter; }
  .section-28 .context .item::before {
    content: counter(itemCounter,decimal-leading-zero);
    position: absolute;
    top: -55px;
    left: -15px;
    color: rgba(40, 46, 36, 0.03);
    font-family: var(--font-family);
    font-size: 8em;
    line-height: 1em;
    font-weight: 500; }

.section-29 .bg-image {
  aspect-ratio: 1/1.5; }
  @media (max-width: 991px) {
    .section-29 .bg-image {
      aspect-ratio: 1/1; } }
  @media (max-width: 575px) {
    .section-29 .bg-image {
      aspect-ratio: 1/0.5; } }
@media (max-width: 991px) and (min-width: 576px) {
  .section-29 .d-flex.columns-4 {
    --columns: 2; } }

.section-30 {
  --icon-size: 56px; }
  .section-30 .decoration-item.img-1 {
    bottom: -4vw;
    left: -8vw;
    width: 20vw; }
  .section-30 .context .item {
    position: relative;
    counter-increment: itemCounter; }
    .section-30 .context .item::before {
      content: "";
      position: absolute;
      top: calc(var(--icon-size) / 2);
      right: 0;
      width: calc(100% - var(--icon-size) - 15px);
      height: 1px;
      background-color: var(--theme-border-color); }
    .section-30 .context .item .icon-wrap {
      display: flex;
      justify-content: center;
      align-items: center;
      width: var(--icon-size);
      height: var(--icon-size);
      background-color: #F9F7F6;
      color: var(--black-color);
      font-size: 1.25em;
      border-radius: 50%;
      margin-bottom: 25px; }
    .section-30 .context .item .text-wrap {
      position: relative; }
      .section-30 .context .item .text-wrap::before {
        content: counter(itemCounter,decimal-leading-zero);
        display: block;
        color: var(--grey-color);
        font-family: var(--font-family-2);
        font-size: var(--font-size-default); }
      .section-30 .context .item .text-wrap h4 {
        margin-bottom: 15px; }
