/*!
 * Bootstrap Grid v5.0.2 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
.container,
.container-fluid,
.container-3xl,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
}

body {
  --containerMaxWidth: 100%;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 600px;
  }
  .containerLeftPadding.container-sm, .containerLeftPadding.container {
    --containerPadding: 12px;
    padding-left: calc((100vw - var(--containerMaxWidth)) / 2 + var(--containerPadding));
    max-width: unset;
  }
  .containerLeftPadding.container-sm > .row > *:last-child, .containerLeftPadding.container > .row > *:last-child {
    padding-right: 0;
  }
  .containerRightPadding.container-sm, .containerRightPadding.container {
    --containerPadding: 12px;
    padding-right: calc((100vw - var(--containerMaxWidth)) / 2 + var(--containerPadding));
    max-width: unset;
  }
  .containerRightPadding.container-sm > .row > *:first-child, .containerRightPadding.container > .row > *:first-child {
    padding-left: 0;
  }
  body {
    --containerMaxWidth: 600px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
  .containerLeftPadding.container-md, .containerLeftPadding.container-sm, .containerLeftPadding.container {
    --containerPadding: 12px;
    padding-left: calc((100vw - var(--containerMaxWidth)) / 2 + var(--containerPadding));
    max-width: unset;
  }
  .containerLeftPadding.container-md > .row > *:last-child, .containerLeftPadding.container-sm > .row > *:last-child, .containerLeftPadding.container > .row > *:last-child {
    padding-right: 0;
  }
  .containerRightPadding.container-md, .containerRightPadding.container-sm, .containerRightPadding.container {
    --containerPadding: 12px;
    padding-right: calc((100vw - var(--containerMaxWidth)) / 2 + var(--containerPadding));
    max-width: unset;
  }
  .containerRightPadding.container-md > .row > *:first-child, .containerRightPadding.container-sm > .row > *:first-child, .containerRightPadding.container > .row > *:first-child {
    padding-left: 0;
  }
  body {
    --containerMaxWidth: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 1120px;
  }
  .containerLeftPadding.container-lg, .containerLeftPadding.container-md, .containerLeftPadding.container-sm, .containerLeftPadding.container {
    --containerPadding: 12px;
    padding-left: calc((100vw - var(--containerMaxWidth)) / 2 + var(--containerPadding));
    max-width: unset;
  }
  .containerLeftPadding.container-lg > .row > *:last-child, .containerLeftPadding.container-md > .row > *:last-child, .containerLeftPadding.container-sm > .row > *:last-child, .containerLeftPadding.container > .row > *:last-child {
    padding-right: 0;
  }
  .containerRightPadding.container-lg, .containerRightPadding.container-md, .containerRightPadding.container-sm, .containerRightPadding.container {
    --containerPadding: 12px;
    padding-right: calc((100vw - var(--containerMaxWidth)) / 2 + var(--containerPadding));
    max-width: unset;
  }
  .containerRightPadding.container-lg > .row > *:first-child, .containerRightPadding.container-md > .row > *:first-child, .containerRightPadding.container-sm > .row > *:first-child, .containerRightPadding.container > .row > *:first-child {
    padding-left: 0;
  }
  body {
    --containerMaxWidth: 1120px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1250px;
  }
  .containerLeftPadding.container-xl, .containerLeftPadding.container-lg, .containerLeftPadding.container-md, .containerLeftPadding.container-sm, .containerLeftPadding.container {
    --containerPadding: 12px;
    padding-left: calc((100vw - var(--containerMaxWidth)) / 2 + var(--containerPadding));
    max-width: unset;
  }
  .containerLeftPadding.container-xl > .row > *:last-child, .containerLeftPadding.container-lg > .row > *:last-child, .containerLeftPadding.container-md > .row > *:last-child, .containerLeftPadding.container-sm > .row > *:last-child, .containerLeftPadding.container > .row > *:last-child {
    padding-right: 0;
  }
  .containerRightPadding.container-xl, .containerRightPadding.container-lg, .containerRightPadding.container-md, .containerRightPadding.container-sm, .containerRightPadding.container {
    --containerPadding: 12px;
    padding-right: calc((100vw - var(--containerMaxWidth)) / 2 + var(--containerPadding));
    max-width: unset;
  }
  .containerRightPadding.container-xl > .row > *:first-child, .containerRightPadding.container-lg > .row > *:first-child, .containerRightPadding.container-md > .row > *:first-child, .containerRightPadding.container-sm > .row > *:first-child, .containerRightPadding.container > .row > *:first-child {
    padding-left: 0;
  }
  body {
    --containerMaxWidth: 1250px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1300px;
  }
  .containerLeftPadding.container-xxl, .containerLeftPadding.container-xl, .containerLeftPadding.container-lg, .containerLeftPadding.container-md, .containerLeftPadding.container-sm, .containerLeftPadding.container {
    --containerPadding: 12px;
    padding-left: calc((100vw - var(--containerMaxWidth)) / 2 + var(--containerPadding));
    max-width: unset;
  }
  .containerLeftPadding.container-xxl > .row > *:last-child, .containerLeftPadding.container-xl > .row > *:last-child, .containerLeftPadding.container-lg > .row > *:last-child, .containerLeftPadding.container-md > .row > *:last-child, .containerLeftPadding.container-sm > .row > *:last-child, .containerLeftPadding.container > .row > *:last-child {
    padding-right: 0;
  }
  .containerRightPadding.container-xxl, .containerRightPadding.container-xl, .containerRightPadding.container-lg, .containerRightPadding.container-md, .containerRightPadding.container-sm, .containerRightPadding.container {
    --containerPadding: 12px;
    padding-right: calc((100vw - var(--containerMaxWidth)) / 2 + var(--containerPadding));
    max-width: unset;
  }
  .containerRightPadding.container-xxl > .row > *:first-child, .containerRightPadding.container-xl > .row > *:first-child, .containerRightPadding.container-lg > .row > *:first-child, .containerRightPadding.container-md > .row > *:first-child, .containerRightPadding.container-sm > .row > *:first-child, .containerRightPadding.container > .row > *:first-child {
    padding-left: 0;
  }
  body {
    --containerMaxWidth: 1300px;
  }
}
@media (min-width: 1920px) {
  .container-3xl, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1488px;
  }
  .containerLeftPadding.container-3xl, .containerLeftPadding.container-xxl, .containerLeftPadding.container-xl, .containerLeftPadding.container-lg, .containerLeftPadding.container-md, .containerLeftPadding.container-sm, .containerLeftPadding.container {
    --containerPadding: 12px;
    padding-left: calc((100vw - var(--containerMaxWidth)) / 2 + var(--containerPadding));
    max-width: unset;
  }
  .containerLeftPadding.container-3xl > .row > *:last-child, .containerLeftPadding.container-xxl > .row > *:last-child, .containerLeftPadding.container-xl > .row > *:last-child, .containerLeftPadding.container-lg > .row > *:last-child, .containerLeftPadding.container-md > .row > *:last-child, .containerLeftPadding.container-sm > .row > *:last-child, .containerLeftPadding.container > .row > *:last-child {
    padding-right: 0;
  }
  .containerRightPadding.container-3xl, .containerRightPadding.container-xxl, .containerRightPadding.container-xl, .containerRightPadding.container-lg, .containerRightPadding.container-md, .containerRightPadding.container-sm, .containerRightPadding.container {
    --containerPadding: 12px;
    padding-right: calc((100vw - var(--containerMaxWidth)) / 2 + var(--containerPadding));
    max-width: unset;
  }
  .containerRightPadding.container-3xl > .row > *:first-child, .containerRightPadding.container-xxl > .row > *:first-child, .containerRightPadding.container-xl > .row > *:first-child, .containerRightPadding.container-lg > .row > *:first-child, .containerRightPadding.container-md > .row > *:first-child, .containerRightPadding.container-sm > .row > *:first-child, .containerRightPadding.container > .row > *:first-child {
    padding-left: 0;
  }
  body {
    --containerMaxWidth: 1488px;
  }
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) * -0.5);
  margin-left: calc(var(--bs-gutter-x) * -0.5);
}
.row > * {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0%;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 1920px) {
  .col-3xl {
    flex: 1 0 0%;
  }
  .row-cols-3xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-3xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-3xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-3xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-3xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-3xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-3xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.containerPadding-R0 {
  padding-right: 0;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-grid10-1 {
  flex: 0 0 auto;
  width: 10%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-grid10-2 {
  flex: 0 0 auto;
  width: 20%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-grid10-3 {
  flex: 0 0 auto;
  width: 30%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-grid10-4 {
  flex: 0 0 auto;
  width: 40%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-grid10-5 {
  flex: 0 0 auto;
  width: 50%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-grid10-6 {
  flex: 0 0 auto;
  width: 60%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-grid10-7 {
  flex: 0 0 auto;
  width: 70%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-grid10-8 {
  flex: 0 0 auto;
  width: 80%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-grid10-9 {
  flex: 0 0 auto;
  width: 90%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-grid10-10 {
  flex: 0 0 auto;
  width: 100%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-grid10-11 {
  flex: 0 0 auto;
  width: 110%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.col-grid10-12 {
  flex: 0 0 auto;
  width: 120%;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}

@media (min-width: 576px) {
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .containerPadding-sm-R0 {
    padding-right: 0;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-grid10-sm-1 {
    flex: 0 0 auto;
    width: 10%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-grid10-sm-2 {
    flex: 0 0 auto;
    width: 20%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-grid10-sm-3 {
    flex: 0 0 auto;
    width: 30%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-grid10-sm-4 {
    flex: 0 0 auto;
    width: 40%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-grid10-sm-5 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-grid10-sm-6 {
    flex: 0 0 auto;
    width: 60%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-grid10-sm-7 {
    flex: 0 0 auto;
    width: 70%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-grid10-sm-8 {
    flex: 0 0 auto;
    width: 80%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-grid10-sm-9 {
    flex: 0 0 auto;
    width: 90%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-grid10-sm-10 {
    flex: 0 0 auto;
    width: 100%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-grid10-sm-11 {
    flex: 0 0 auto;
    width: 110%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .col-grid10-sm-12 {
    flex: 0 0 auto;
    width: 120%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .containerPadding-md-R0 {
    padding-right: 0;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-grid10-md-1 {
    flex: 0 0 auto;
    width: 10%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-grid10-md-2 {
    flex: 0 0 auto;
    width: 20%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-grid10-md-3 {
    flex: 0 0 auto;
    width: 30%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-grid10-md-4 {
    flex: 0 0 auto;
    width: 40%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-grid10-md-5 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-grid10-md-6 {
    flex: 0 0 auto;
    width: 60%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-grid10-md-7 {
    flex: 0 0 auto;
    width: 70%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-grid10-md-8 {
    flex: 0 0 auto;
    width: 80%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-grid10-md-9 {
    flex: 0 0 auto;
    width: 90%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-grid10-md-10 {
    flex: 0 0 auto;
    width: 100%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-grid10-md-11 {
    flex: 0 0 auto;
    width: 110%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .col-grid10-md-12 {
    flex: 0 0 auto;
    width: 120%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .containerPadding-lg-R0 {
    padding-right: 0;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-grid10-lg-1 {
    flex: 0 0 auto;
    width: 10%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-grid10-lg-2 {
    flex: 0 0 auto;
    width: 20%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-grid10-lg-3 {
    flex: 0 0 auto;
    width: 30%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-grid10-lg-4 {
    flex: 0 0 auto;
    width: 40%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-grid10-lg-5 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-grid10-lg-6 {
    flex: 0 0 auto;
    width: 60%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-grid10-lg-7 {
    flex: 0 0 auto;
    width: 70%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-grid10-lg-8 {
    flex: 0 0 auto;
    width: 80%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-grid10-lg-9 {
    flex: 0 0 auto;
    width: 90%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-grid10-lg-10 {
    flex: 0 0 auto;
    width: 100%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-grid10-lg-11 {
    flex: 0 0 auto;
    width: 110%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .col-grid10-lg-12 {
    flex: 0 0 auto;
    width: 120%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .containerPadding-xl-R0 {
    padding-right: 0;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-grid10-xl-1 {
    flex: 0 0 auto;
    width: 10%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-grid10-xl-2 {
    flex: 0 0 auto;
    width: 20%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-grid10-xl-3 {
    flex: 0 0 auto;
    width: 30%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-grid10-xl-4 {
    flex: 0 0 auto;
    width: 40%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-grid10-xl-5 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-grid10-xl-6 {
    flex: 0 0 auto;
    width: 60%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-grid10-xl-7 {
    flex: 0 0 auto;
    width: 70%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-grid10-xl-8 {
    flex: 0 0 auto;
    width: 80%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-grid10-xl-9 {
    flex: 0 0 auto;
    width: 90%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-grid10-xl-10 {
    flex: 0 0 auto;
    width: 100%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-grid10-xl-11 {
    flex: 0 0 auto;
    width: 110%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .col-grid10-xl-12 {
    flex: 0 0 auto;
    width: 120%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .containerPadding-xxl-R0 {
    padding-right: 0;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-grid10-xxl-1 {
    flex: 0 0 auto;
    width: 10%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-grid10-xxl-2 {
    flex: 0 0 auto;
    width: 20%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-grid10-xxl-3 {
    flex: 0 0 auto;
    width: 30%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-grid10-xxl-4 {
    flex: 0 0 auto;
    width: 40%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-grid10-xxl-5 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-grid10-xxl-6 {
    flex: 0 0 auto;
    width: 60%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-grid10-xxl-7 {
    flex: 0 0 auto;
    width: 70%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-grid10-xxl-8 {
    flex: 0 0 auto;
    width: 80%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-grid10-xxl-9 {
    flex: 0 0 auto;
    width: 90%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-grid10-xxl-10 {
    flex: 0 0 auto;
    width: 100%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-grid10-xxl-11 {
    flex: 0 0 auto;
    width: 110%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .col-grid10-xxl-12 {
    flex: 0 0 auto;
    width: 120%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1920px) {
  .col-3xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .containerPadding-3xl-R0 {
    padding-right: 0;
  }
  .col-3xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-grid10-3xl-1 {
    flex: 0 0 auto;
    width: 10%;
  }
  .col-3xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-grid10-3xl-2 {
    flex: 0 0 auto;
    width: 20%;
  }
  .col-3xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-grid10-3xl-3 {
    flex: 0 0 auto;
    width: 30%;
  }
  .col-3xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-grid10-3xl-4 {
    flex: 0 0 auto;
    width: 40%;
  }
  .col-3xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-grid10-3xl-5 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-3xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-grid10-3xl-6 {
    flex: 0 0 auto;
    width: 60%;
  }
  .col-3xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-grid10-3xl-7 {
    flex: 0 0 auto;
    width: 70%;
  }
  .col-3xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-grid10-3xl-8 {
    flex: 0 0 auto;
    width: 80%;
  }
  .col-3xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-grid10-3xl-9 {
    flex: 0 0 auto;
    width: 90%;
  }
  .col-3xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-grid10-3xl-10 {
    flex: 0 0 auto;
    width: 100%;
  }
  .col-3xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-grid10-3xl-11 {
    flex: 0 0 auto;
    width: 110%;
  }
  .col-3xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .col-grid10-3xl-12 {
    flex: 0 0 auto;
    width: 120%;
  }
  .offset-3xl-0 {
    margin-left: 0;
  }
  .offset-3xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-3xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-3xl-3 {
    margin-left: 25%;
  }
  .offset-3xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-3xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-3xl-6 {
    margin-left: 50%;
  }
  .offset-3xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-3xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-3xl-9 {
    margin-left: 75%;
  }
  .offset-3xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-3xl-11 {
    margin-left: 91.66666667%;
  }
  .g-3xl-0,
  .gx-3xl-0 {
    --bs-gutter-x: 0;
  }
  .g-3xl-0,
  .gy-3xl-0 {
    --bs-gutter-y: 0;
  }
  .g-3xl-1,
  .gx-3xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-3xl-1,
  .gy-3xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-3xl-2,
  .gx-3xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-3xl-2,
  .gy-3xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-3xl-3,
  .gx-3xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-3xl-3,
  .gy-3xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-3xl-4,
  .gx-3xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-3xl-4,
  .gy-3xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-3xl-5,
  .gx-3xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-3xl-5,
  .gy-3xl-5 {
    --bs-gutter-y: 3rem;
  }
}
.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.order-first {
  order: -1 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

@media (min-width: 576px) {
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
}
@media (min-width: 768px) {
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
}
@media (min-width: 992px) {
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
}
@media (min-width: 1400px) {
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
}
@media (min-width: 1920px) {
  .d-3xl-inline {
    display: inline !important;
  }
  .d-3xl-inline-block {
    display: inline-block !important;
  }
  .d-3xl-block {
    display: block !important;
  }
  .d-3xl-grid {
    display: grid !important;
  }
  .d-3xl-table {
    display: table !important;
  }
  .d-3xl-table-row {
    display: table-row !important;
  }
  .d-3xl-table-cell {
    display: table-cell !important;
  }
  .d-3xl-flex {
    display: flex !important;
  }
  .d-3xl-inline-flex {
    display: inline-flex !important;
  }
  .d-3xl-none {
    display: none !important;
  }
  .flex-3xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-3xl-row {
    flex-direction: row !important;
  }
  .flex-3xl-column {
    flex-direction: column !important;
  }
  .flex-3xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-3xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-3xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-3xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-3xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-3xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-3xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-3xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-3xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-3xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-3xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-3xl-center {
    justify-content: center !important;
  }
  .justify-content-3xl-between {
    justify-content: space-between !important;
  }
  .justify-content-3xl-around {
    justify-content: space-around !important;
  }
  .justify-content-3xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-3xl-start {
    align-items: flex-start !important;
  }
  .align-items-3xl-end {
    align-items: flex-end !important;
  }
  .align-items-3xl-center {
    align-items: center !important;
  }
  .align-items-3xl-baseline {
    align-items: baseline !important;
  }
  .align-items-3xl-stretch {
    align-items: stretch !important;
  }
  .align-content-3xl-start {
    align-content: flex-start !important;
  }
  .align-content-3xl-end {
    align-content: flex-end !important;
  }
  .align-content-3xl-center {
    align-content: center !important;
  }
  .align-content-3xl-between {
    align-content: space-between !important;
  }
  .align-content-3xl-around {
    align-content: space-around !important;
  }
  .align-content-3xl-stretch {
    align-content: stretch !important;
  }
  .align-self-3xl-auto {
    align-self: auto !important;
  }
  .align-self-3xl-start {
    align-self: flex-start !important;
  }
  .align-self-3xl-end {
    align-self: flex-end !important;
  }
  .align-self-3xl-center {
    align-self: center !important;
  }
  .align-self-3xl-baseline {
    align-self: baseline !important;
  }
  .align-self-3xl-stretch {
    align-self: stretch !important;
  }
  .order-3xl-first {
    order: -1 !important;
  }
  .order-3xl-0 {
    order: 0 !important;
  }
  .order-3xl-1 {
    order: 1 !important;
  }
  .order-3xl-2 {
    order: 2 !important;
  }
  .order-3xl-3 {
    order: 3 !important;
  }
  .order-3xl-4 {
    order: 4 !important;
  }
  .order-3xl-5 {
    order: 5 !important;
  }
  .order-3xl-last {
    order: 6 !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}
body {
  font-family: "Unbounded", sans-serif;
  max-width: 100vw;
  background: #FFFBF5;
}
body.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}
body.noscroll {
  overflow: hidden;
  height: 100vh;
}
body.background2 {
  background: #F9F9F9;
}

.customContainer1 {
  max-width: 1712px;
}

.noSelect {
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}

* {
  font-family: "Unbounded", sans-serif;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}
*:focus {
  box-shadow: unset !important;
  outline: unset !important;
}

img {
  max-width: 100%;
}

a {
  color: #000;
  text-decoration: none !important;
  transition: 0.3s ease all;
}
a:hover {
  color: rgba(0, 0, 0, 0.8);
  text-decoration: none !important;
}

::-webkit-scrollbar-track {
  background: #D5CDC4;
}

::-webkit-scrollbar {
  width: 7px;
  background-color: #fff;
}

::-webkit-scrollbar-thumb {
  background: #40b2ab;
}

svg.iconset {
  position: absolute;
  pointer-events: none;
}

.owl-carousel:not(.owl-loaded) .owl-stage {
  display: flex;
}
.owl-carousel:not(.owl-loaded):not(.owl-loading) .owl-nav {
  display: none;
}
.owl-carousel .owl-nav.disabled {
  display: none;
}

.container.container-custom {
  max-width: 1460px;
}
.container.container-custom2 {
  max-width: 990px;
}

.container-zero {
  --bs-gutter-x: 0;
}
.container-zero > .row {
  --bs-gutter-x: 0;
}

.row.pageRow {
  --bs-gutter-x: 3rem;
}
.row.rowCol-0 {
  margin: 0;
}
.row.rowCol-0 > div {
  padding: 0;
}

.text-end {
  text-align: right;
}

.text-center {
  text-align: center;
}

.megaContainer {
  max-width: 1684px;
}

header {
  padding: 50px 0 50px;
  border-bottom: 1px solid rgba(113, 96, 79, 0.15);
  transition: 0.3s ease all;
  z-index: 10;
  position: relative;
}
header .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
  position: relative;
}
header .logo {
  display: block;
  flex-shrink: 0;
  margin-right: auto;
  aspect-ratio: 233/21;
  position: relative;
  height: 22px;
}
header .logo img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  opacity: 1;
  z-index: 2;
}
header .logo img.white {
  opacity: 0;
  z-index: 1;
}
header .logo img.dark {
  opacity: 0;
  z-index: 1;
}
header .search {
  width: 300px;
  height: 41px;
  position: relative;
}
header .search .searchArea {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 300px;
  border-radius: 40px;
  background: rgba(113, 96, 79, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  transition: 0.3s ease all;
}
header .search .searchArea input {
  width: 100%;
  margin-left: 10px;
  padding: 0;
  background: transparent;
  border: 0;
  transition: 0.3s ease all;
  color: #aa9e91;
  font-size: 13px;
}
header .search .searchArea input.placeholder {
  opacity: 1;
  color: #aa9e91;
}
header .search .searchArea input:-moz-placeholder {
  opacity: 1;
  color: #aa9e91;
}
header .search .searchArea input::-moz-placeholder {
  opacity: 1;
  color: #aa9e91;
}
header .search .searchArea input:-ms-input-placeholder {
  opacity: 1;
  color: #aa9e91;
}
header .search .searchArea input::-webkit-input-placeholder {
  opacity: 1;
  color: #aa9e91;
}
header .search .icon {
  width: 16px;
  height: 16px;
  fill: #40b2ab;
  flex-shrink: 0;
  transition: 0.3s ease all;
}
header .searchMobile {
  display: none;
  align-items: center;
  transition: 0.3s ease all;
}
header .searchMobile .mobileSearchArea {
  border-radius: 40px;
  background: rgba(113, 96, 79, 0.1);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s ease all;
  width: 46px;
  height: 36px;
}
header .searchMobile .mobileSearchArea:after {
  content: "";
  position: absolute;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center bottom;
  -webkit-mask-image: url(../img/svg/popupcaret.svg);
  background: white;
  width: 65px;
  height: 35px;
  left: -5px;
  bottom: -90%;
  opacity: 0;
  pointer-events: none;
  transition: 0.3s ease all;
}
header .searchMobile .popup {
  border-radius: 40px;
  position: absolute;
  opacity: 0;
  top: calc(100% + 22px);
  padding: 25px 40px;
  background: #fff;
  transition: 0.3s ease all;
  pointer-events: none;
  width: calc(100vw - 20px);
  left: 50%;
  transform: translateX(-50%);
}
header .searchMobile .popup input {
  padding: 0;
  width: 100%;
  background: transparent;
  border: 0;
  transition: 0.3s ease all;
  color: #aa9e91;
  font-size: 13px;
}
header .searchMobile .popup input.placeholder {
  opacity: 1;
  color: #aa9e91;
}
header .searchMobile .popup input:-moz-placeholder {
  opacity: 1;
  color: #aa9e91;
}
header .searchMobile .popup input::-moz-placeholder {
  opacity: 1;
  color: #aa9e91;
}
header .searchMobile .popup input:-ms-input-placeholder {
  opacity: 1;
  color: #aa9e91;
}
header .searchMobile .popup input::-webkit-input-placeholder {
  opacity: 1;
  color: #aa9e91;
}
header .searchMobile .icon {
  width: 16px;
  height: 16px;
  fill: #40b2ab;
  flex-shrink: 0;
  transition: 0.3s ease all;
}
header .searchMobile.active {
  z-index: 4;
}
header .searchMobile.active .mobileSearchArea {
  background: rgba(113, 96, 79, 0.1);
}
header .searchMobile.active .mobileSearchArea:after {
  bottom: -66%;
  opacity: 1;
  transition-delay: 0.1s;
}
header .searchMobile.active .popup {
  opacity: 1;
  pointer-events: auto;
}
header .searchMobile.active .popup input {
  width: 100%;
}
header .openMegaMenu {
  display: flex;
  position: relative;
  width: 22px;
  height: 22px;
  z-index: 1;
  cursor: pointer;
}
header .openMegaMenu span {
  width: 100%;
  display: block;
  height: 3px;
  border-radius: 4px;
  position: absolute;
  left: 0;
  transition: 0.3s ease all;
  transform: translateY(0%);
}
header .openMegaMenu span:nth-child(1) {
  background: #D5CDC4;
  top: 0;
}
header .openMegaMenu span:nth-child(2) {
  background: #AA9E91;
  width: 70%;
  top: 50%;
  transform: translateY(-50%);
}
header .openMegaMenu span:nth-child(3) {
  background: #40b2ab;
  top: 100%;
  transform: translateY(-100%);
}
header .openMegaMenu:hover span:nth-child(1) {
  top: 100%;
  transform: translateY(-100%);
}
header .openMegaMenu:hover span:nth-child(3) {
  top: 0;
  transform: translateY(0%);
}
header .openMegaMenu:after {
  content: "";
  position: absolute;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center bottom;
  -webkit-mask-image: url(../img/svg/popupcaret.svg);
  background: white;
  width: 65px;
  height: 35px;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
  top: calc(100% + 10px);
  opacity: 0;
  pointer-events: none;
  transition: 0.1s ease all;
}
header .megaMenuArea .megaMenu {
  position: absolute;
  left: 0;
  right: 0;
  background: #fff;
  padding: 70px 90px;
  border-radius: 20px;
  top: calc(100% + 0px);
  display: flex;
  justify-content: space-between;
  gap: 55px;
  opacity: 0;
  pointer-events: none;
  transition: 0.3s ease all;
}
header .megaMenuArea .megaMenu .social {
  display: flex;
  align-items: center;
  gap: 25px;
  margin-top: auto;
}
header .megaMenuArea .megaMenu .social a .icon {
  width: 20px;
  height: 20px;
  fill: #575756;
}
header .megaMenuArea .megaMenu hr {
  margin: 30px 0 40px;
  border: 0;
  border-top: 1px solid #EBEBEB;
}
header .megaMenuArea .megaMenu .left .menu {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
header .megaMenuArea .megaMenu .left .menu li a {
  color: #575756;
  font-size: 18px;
  font-weight: 300;
  display: block;
  position: relative;
  padding-right: 50px;
}
header .megaMenuArea .megaMenu .left .menu li a:hover {
  color: #000;
}
header .megaMenuArea .megaMenu .left .menu li a.active:after {
  opacity: 1;
  right: 0;
}
header .megaMenuArea .megaMenu .left .menu li a:after {
  content: "";
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url("../img/svg/longarrow.svg");
  background: #575756;
  aspect-ratio: 41/10;
  height: 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  transition: 0.3s ease all;
  opacity: 0;
  pointer-events: none;
}
header .megaMenuArea .megaMenu .left .menu li ul {
  max-height: 0;
  overflow: hidden;
  transition: 0.3s ease all;
  padding-left: 20px;
}
header .megaMenuArea .megaMenu .left .menu li ul > li > a {
  font-size: 16px;
  padding: 6px 0;
}
header .megaMenuArea .megaMenu .left .menu li.active > ul {
  max-height: 400px;
  padding: 20px 20px;
}
header .megaMenuArea .megaMenu .subMenu {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
header .megaMenuArea .megaMenu .subMenu li a {
  color: #575756;
  font-size: 18px;
  font-weight: 300;
  display: block;
}
header .megaMenuArea .megaMenu .subMenu li a:hover {
  color: #000;
}
header .megaMenuArea .megaMenu .middle {
  display: flex;
  flex-direction: column;
}
header .megaMenuArea .megaMenu .middle .menuLangSelect {
  display: none;
}
header .megaMenuArea .megaMenu .right {
  width: 500px;
}
header .megaMenuArea .megaMenu .right .text {
  color: #575756;
  font-size: 22px;
  font-weight: 400;
  margin-bottom: 35px;
}
header .megaMenuArea .megaMenu .items {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid #EBEBEB;
}
header .megaMenuArea .megaMenu .items .item {
  display: flex;
  width: 50%;
  align-items: center;
  justify-content: center;
  aspect-ratio: 249/160;
  border-bottom: 1px solid #EBEBEB;
  border-right: 1px solid #EBEBEB;
  border: 1px solid #EBEBEB;
}
header .megaMenuArea .megaMenu .items .item img {
  height: 33px;
}
header .megaMenuArea.active {
  z-index: 4;
}
header .megaMenuArea.active .megaMenu {
  top: calc(100% + 25px);
  opacity: 1;
  pointer-events: auto;
}
header .megaMenuArea.active .openMegaMenu:after {
  top: 100%;
  opacity: 1;
  pointer-events: auto;
  transition: 0.3s 0.2s ease all;
}
header .notification {
  position: relative;
  z-index: 1;
}
header .notification .openNotifications {
  cursor: pointer;
  position: relative;
}
header .notification .openNotifications:before {
  content: "";
  position: absolute;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center bottom;
  -webkit-mask-image: url(../img/svg/popupcaret.svg);
  background: white;
  width: 65px;
  height: 35px;
  bottom: 4px;
  transform: translateY(150%) translateX(-20px);
  opacity: 0;
  transition: 0.3s ease all;
  left: 0;
}
header .notification .openNotifications .icon {
  width: 20px;
  height: 24px;
}
header .notification .openNotifications .icon .path1 {
  fill: #40b2ab;
  transition: 0.3s ease all;
}
header .notification .openNotifications .icon .path2 {
  transition: 0.3s ease all;
  fill: #FF0000;
}
header .notification .openNotifications:hover .icon .path2 {
  fill: #DEC7B0;
}
header .notification .notifications {
  position: absolute;
  border-radius: 20px;
  background: #FFFFFF;
  width: 400px;
  max-width: 100vw;
  left: -100px;
  top: 100%;
  padding: 0 30px;
  opacity: 0;
  transition: 0.3s ease all;
  pointer-events: none;
}
header .notification .notifications .item {
  padding: 34px 9px 34px 37px;
  color: #40b2ab;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 22px;
  display: block;
  position: relative;
}
header .notification .notifications .item:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background: #40b2ab;
}
header .notification .notifications .item b {
  font-weight: 500;
}
header .notification .notifications .item:not(:last-child) {
  border-bottom: 1px solid #F9EDE2;
}
header .notification.active {
  z-index: 4;
}
header .notification.active .openNotifications:before {
  opacity: 1;
  transform: translateY(100%) translateX(-20px);
}
header .notification.active .notifications {
  top: calc(100% + 30px);
  opacity: 1;
  pointer-events: auto;
}
header .cooperationGroup {
  margin-left: 100px;
  display: flex;
  align-items: center;
  gap: 20px;
  flex-shrink: 0;
}
header .cooperationGroup .langueSelect {
  flex-shrink: 0;
}
header .cooperation {
  margin-left: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #40b2ab;
  font-size: 14px;
  font-weight: 600;
  text-transform: capitalize;
}
header .cooperation + .cooperation {
  margin-left: 0;
}
header .cooperation .icon {
  width: 14px;
  height: 13px;
  fill: #40b2ab;
  transition: 0.3s ease all;
}
header .cooperation:hover .icon {
  fill: #FF0000 !important;
}
header .langueSelect {
  cursor: pointer;
  position: relative;
  z-index: 4;
  transition: 0s;
}
header .langueSelect .selectedLangue {
  position: relative;
}
header .langueSelect .selectedLangue:before {
  content: "";
  position: absolute;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center bottom;
  -webkit-mask-image: url(../img/svg/popupcaret.svg);
  background: white;
  width: 65px;
  height: 35px;
  bottom: 0;
  transform: translateY(150%) translateX(-50%);
  opacity: 0;
  transition: 0.3s ease all;
  left: 50%;
}
header .langueSelect a, header .langueSelect .selectedLangue {
  display: flex;
  align-items: center;
  gap: 10px;
  transition: 0.3s ease all;
  white-space: nowrap;
}
header .langueSelect a img, header .langueSelect .selectedLangue img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  aspect-ratio: 1/1;
  width: 15px;
}
header .langueSelect a .lang, header .langueSelect .selectedLangue .lang {
  color: #40b2ab;
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  transition: 0.3s ease all;
}
header .langueSelect a .lang:hover, header .langueSelect .selectedLangue .lang:hover {
  color: #DA415E;
}
header .langueSelect a .icon, header .langueSelect .selectedLangue .icon {
  width: 6px;
  height: 9px;
  transform: rotate(90deg);
  flex-shrink: 0;
  fill: #40b2ab;
  transition: 0.2s ease all;
}
header .langueSelect .otherLangs {
  overflow: hidden;
  position: absolute;
  left: 50%;
  top: calc(100% + 25px);
  transform: translateX(-50%);
  background: #fff;
  opacity: 0;
  max-height: 0;
  pointer-events: none;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 25px 35px;
  border-radius: 20px;
  gap: 15px;
  z-index: 4;
}
header .langueSelect.active {
  border-radius: 15px 15px 0 0;
}
header .langueSelect.active .selectedLangue .icon {
  transform: rotate(-90deg);
}
header .langueSelect.active .selectedLangue:before {
  opacity: 1;
  bottom: 25px;
}
header .langueSelect.active .otherLangs {
  opacity: 1;
  pointer-events: auto;
  max-height: 300px;
}
header .headerbackdrop {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(113, 96, 79, 0.1098039216);
  z-index: 3;
  filter: blur(1px);
  -webkit-backdrop-filter: blur(0px);
          backdrop-filter: blur(0px);
  opacity: 0;
  pointer-events: none;
  transition: 0.3s ease all;
}
header .headerbackdrop.active {
  pointer-events: auto;
  opacity: 1;
}

body.mainpage header {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  border-bottom: 1px solid rgba(113, 96, 79, 0);
}
body.headerWhite header .logo img {
  opacity: 0;
}
body.headerWhite header .logo img.white {
  opacity: 1;
  z-index: 2;
}
body.headerWhite header .search .searchArea {
  background: #453633;
}
body.headerWhite header .search .icon {
  fill: #fff;
}
body.headerWhite header .searchMobile .mobileSearchArea {
  background: #453633;
}
body.headerWhite header .searchMobile .icon {
  fill: #fff;
}
body.headerWhite header .openMegaMenu span:nth-child(1) {
  background: #877C7A;
}
body.headerWhite header .openMegaMenu span:nth-child(2) {
  background: #BAB4B3;
}
body.headerWhite header .openMegaMenu span:nth-child(3) {
  background: #FFFFFF;
}
body.headerWhite header .langueSelect .lang {
  color: #FFFFFF;
}
body.headerWhite header .langueSelect .lang:hover {
  color: #DA415E;
}
body.headerWhite header .langueSelect .icon {
  fill: #FFFFFF;
}
body.headerWhite header .langueSelect .selectedLangue:before {
  background: #40b2ab;
}
body.headerWhite header .langueSelect .otherLangs {
  background: #40b2ab;
}
body.headerWhite header .notification .openNotifications .icon .path1 {
  fill: #fff;
}
body.headerWhite header .cooperation {
  color: #fff;
}
body.headerWhite header .cooperation .icon {
  fill: #fff;
}
body.headerDark header .logo img {
  opacity: 0;
}
body.headerDark header .logo img.dark {
  opacity: 1;
  z-index: 2;
}
body.headerDark header .search .searchArea {
  background: #F6F6F6;
}
body.headerDark header .search .icon {
  fill: #3C483E;
}
body.headerDark header .searchMobile .mobileSearchArea {
  background: #F6F6F6;
}
body.headerDark header .searchMobile .icon {
  fill: #3C483E;
}
body.headerDark header .openMegaMenu span:nth-child(1) {
  background: #C4C8C5;
}
body.headerDark header .openMegaMenu span:nth-child(2) {
  background: #8A918B;
}
body.headerDark header .openMegaMenu span:nth-child(3) {
  background: #3C483E;
}
body.headerDark header .notification .openNotifications .icon .path1 {
  fill: #3C483E;
}
body.headerDark header .langueSelect .lang {
  color: #3C483E;
}
body.headerDark header .langueSelect .lang:hover {
  color: #DA415E;
}
body.headerDark header .langueSelect .icon {
  fill: #3C483E;
}
body.headerDark header .cooperation {
  color: #3C483E;
}
body.headerDark header .cooperation .icon {
  fill: #40b2ab;
}

.footerTop {
  background: #40b2ab;
  padding: 100px 0;
  margin-top: 120px;
}
.footerTop .top {
  margin-bottom: 90px;
  padding-bottom: 80px;
  border-bottom: 1px solid #7E6C59;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footerTop .top .titleArea .title {
  color: #FFF;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 47px; /* 130.556% */
  max-width: 500px;
  margin-bottom: 15px;
}
.footerTop .top .titleArea .description {
  color: #FFF;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 36px; /* 180% */
}
.footerTop .top .next {
  padding: 25px 65px;
  border-radius: 20px;
  background: #FFFBF5;
  transition: 0.3s ease all;
}
.footerTop .top .next .icon {
  fill: #40b2ab;
  width: 46px;
  height: 46px;
}
.footerTop .top .next:hover {
  transform: translateX(10px);
}
.footerTop .bottom {
  display: flex;
  margin-top: 100px;
  gap: 100px;
}
.footerTop .bottom .text {
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  max-width: 600px;
  line-height: 29px; /* 181.25% */
}
.footerTop .bottom .address {
  color: #C3B6A9;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 29px; /* 181.25% */
}
.footerTop .bottom .address b {
  display: flex;
  font-weight: 500;
}
.footerTop .content {
  display: flex;
  align-items: center;
  gap: 20px;
}
.footerTop .content .logoArea {
  aspect-ratio: 286/26;
  height: 26px;
  margin-right: auto;
}
.footerTop .content .logoArea img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
.footerTop .content .dealerBtn {
  padding: 10px 33px;
  color: #40b2ab;
  display: block;
  border-radius: 30px;
  background: #FFFBF5;
  font-size: 13.631px;
  font-style: normal;
  font-weight: 500;
  line-height: 24.706px; /* 181.25% */
  transition: 0.3s ease all;
  border: 1px solid #FFFBF5;
}
.footerTop .content .dealerBtn:hover {
  color: #FFFBF5;
  background: #40b2ab;
  border: 1px solid #FFFBF5;
}
.footerTop .content .social {
  margin-left: 20px;
  display: flex;
  align-items: center;
  gap: 25px;
}
.footerTop .content .social a .icon {
  width: 20px;
  height: 20px;
  fill: #fff;
}

footer {
  padding-top: 60px;
}
footer .menus {
  display: flex;
  gap: 225px;
}
footer .menus .menu .title {
  color: #40b2ab;
  font-size: 16px;
  margin-bottom: 50px;
  font-style: normal;
  font-weight: 500;
  line-height: 34px; /* 212.5% */
}
footer .menus .menu ul li {
  margin-bottom: 15px;
}
footer .menus .menu ul li a {
  color: #40b2ab;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  transition: 0.3s ease all;
}
footer .menus .menu ul li a:hover {
  color: #000;
}
footer .menus .menu ul li.more {
  margin-top: 30px;
}
footer .menus .menu ul li.more a {
  color: #AEA69E;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 34px; /* 212.5% */
}
footer .goPoliticas {
  margin-top: 60px;
  margin-bottom: 45px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 25px 0;
  border-top: 1px solid #F0E3D6;
  border-bottom: 1px solid #F0E3D6;
}
footer .goPoliticas .links {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 32px;
  flex: 1;
  min-width: 0;
}
footer .goPoliticas .links a {
  color: #40b2ab;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  white-space: nowrap;
  flex-shrink: 0;
}
footer .goPoliticas .imgArea {
  aspect-ratio: 61/72;
}
footer .goPoliticas .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
footer .bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #40b2ab;
  padding-bottom: 50px;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 34px; /* 242.857% */
}
footer .bottom .logoArea {
  aspect-ratio: 91/35;
}
footer .bottom .logoArea img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}

@keyframes float1 {
  0% {
    transform: translate(0, 0);
  }
  25% {
    transform: translate(20px, -30px) rotate(15deg);
  }
  50% {
    transform: translate(-40px, 20px) rotate(-10deg);
  }
  75% {
    transform: translate(30px, 40px) rotate(5deg);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes float2 {
  0% {
    transform: translate(0, 0);
  }
  25% {
    transform: translate(-25px, 15px) rotate(-10deg);
  }
  50% {
    transform: translate(50px, -20px) rotate(20deg);
  }
  75% {
    transform: translate(-30px, 30px) rotate(0deg);
  }
  100% {
    transform: translate(0, 0);
  }
}
section.mainSlider {
  position: relative;
  z-index: 1;
  margin-bottom: 40px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
section.mainSlider .swiper-slide {
  position: relative;
  transition: 0s !important;
}
section.mainSlider .swiper-slide.swiper-slide-active {
  opacity: 1;
}
section.mainSlider .swiper-slide .background {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}
section.mainSlider .swiper-slide .background img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
section.mainSlider .swiper-slide .container {
  padding-top: 140px;
  padding-bottom: 40px;
}
section.mainSlider .swiper-slide .contentArea {
  aspect-ratio: 1057/843;
  position: relative;
  z-index: 1;
  padding: 55px;
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  overflow: hidden;
}
section.mainSlider .swiper-slide .contentArea .contentBg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  z-index: -1;
  transition: 0.3s ease all;
}
section.mainSlider .swiper-slide .contentArea .brand {
  margin-bottom: 65px;
}
section.mainSlider .swiper-slide .contentArea .brand img {
  max-height: 20px;
}
section.mainSlider .swiper-slide .contentArea .title {
  font-size: 44px;
  font-weight: 400;
  line-height: 65px;
  color: #fff;
  margin-bottom: 35px;
}
section.mainSlider .swiper-slide .contentArea .subTitle {
  color: #FFF;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px; /* 131.25% */
  margin-bottom: 12px;
}
section.mainSlider .swiper-slide .contentArea .buyNow {
  color: #FFF;
  font-size: 15px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 14px;
}
section.mainSlider .swiper-slide .contentArea .buyNow .arrow {
  width: 23px;
  height: 20px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}
section.mainSlider .swiper-slide .contentArea .buyNow .arrow .icon {
  width: 10px;
  height: 10px;
  fill: #7A6958;
}
section.mainSlider .swiper-slide .contentArea .description {
  color: #FFF;
  font-size: 15px;
  font-weight: 300;
  line-height: 23px; /* 143.75% */
  max-width: 80%;
  min-height: 70px;
}
section.mainSlider .swiper-slide .contentArea .navigation {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-top: auto;
  margin-bottom: 50px;
}
section.mainSlider .swiper-slide .contentArea .navigation .prev, section.mainSlider .swiper-slide .contentArea .navigation .next {
  cursor: pointer;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 60px;
  border: 1px solid #fff;
  transition: 0.3s ease all;
}
section.mainSlider .swiper-slide .contentArea .navigation .prev .icon, section.mainSlider .swiper-slide .contentArea .navigation .next .icon {
  fill: #fff;
}
section.mainSlider .swiper-slide .contentArea .navigation .prev:hover, section.mainSlider .swiper-slide .contentArea .navigation .next:hover {
  opacity: 1;
}
section.mainSlider .swiper-slide .contentArea .navigation .prev {
  width: 53px;
  opacity: 0.5;
}
section.mainSlider .swiper-slide .contentArea .navigation .prev .icon {
  width: 13px;
  height: 10px;
}
section.mainSlider .swiper-slide .contentArea .navigation .next {
  width: 85px;
}
section.mainSlider .swiper-slide .contentArea .navigation .next .icon {
  width: 41px;
  height: 10px;
}
section.mainSlider .swiper-slide .contentArea .navigation .addToFav {
  display: flex;
  margin-left: 10px;
  align-items: center;
  gap: 14px;
  color: #FFE0C8;
  font-size: 14px;
  font-weight: 600;
}
section.mainSlider .swiper-slide .contentArea .navigation .addToFav .icon {
  width: 20px;
  height: 18px;
  fill: #FFE0C8;
}
section.mainSlider .swiper-slide[data-header=dark] .contentArea .title {
  color: #3C483E;
}
section.mainSlider .swiper-slide.swiper-slide-active .contentBg {
  transform: scale(1.1);
  transition: 10s ease all;
}
section.mainSlider .slideWidgets {
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: space-between;
  height: 100%;
}
section.mainSlider .slideWidgets > div:nth-child(1) {
  flex: 2;
}
section.mainSlider .slideWidgets > div:nth-child(2) {
  flex: 1;
}

section.mainShowcase {
  position: relative;
  z-index: 1;
  padding: 50px 0 120px;
  overflow: hidden;
  position: relative;
}
section.mainShowcase .titleArea {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 80px;
}
section.mainShowcase .titleArea .subTitle {
  color: rgba(113, 96, 79, 0.5);
  font-size: 20px;
  font-weight: 300;
}
section.mainShowcase .titleArea .title {
  color: #40b2ab;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 48px;
}
section.mainShowcase .containerLeftPadding {
  padding-right: 0;
}
section.mainShowcase .owl-stage-outer {
  overflow: unset;
}
section.mainShowcase .owl-stage-outer .owl-stage {
  display: flex;
}
section.mainShowcase.owl-grab .owl-item {
  transition: 0.3s ease all;
  pointer-events: none;
}
section.mainShowcase.owl-grab .owl-item.active {
  transition: 0.3s ease transform, 0.2s ease opacity;
  pointer-events: auto;
  transform: scale(1);
}
section.mainShowcase:not(.owl-grab) .owl-item {
  opacity: 0;
  transition: 0.3s ease all;
}
section.mainShowcase:not(.owl-grab) .owl-item.active {
  transition: 0.3s ease transform, 0.2s ease opacity;
  transform: scale(1);
  opacity: 1;
}
section.mainShowcase .owl-carousel .item {
  width: 21vw;
  transition: 0.3s ease all;
}
section.mainShowcase .owl-carousel .item.first {
  transition: 0.3s ease all;
  width: 32vw;
}

section.mainCollection {
  position: relative;
  z-index: 1;
  margin-bottom: 200px;
}
section.mainCollection .title {
  color: #40b2ab;
  font-size: 32px;
  font-weight: 500;
  margin-bottom: 15px;
}
section.mainCollection .subTitle {
  color: #40b2ab;
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 75px;
}

section.mainStory {
  position: relative;
  z-index: 1;
  margin-bottom: 200px;
}
section.mainStory .titleArea {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 85px;
}
section.mainStory .titleArea .title {
  color: #40b2ab;
  font-size: 56px;
  font-weight: 400;
  line-height: 73px; /* 130.357% */
}
section.mainStory .banner {
  height: 335px;
  position: relative;
  margin-bottom: 150px;
}
section.mainStory .banner .background {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
section.mainStory .banner .img {
  position: absolute;
  left: 50%;
  bottom: -160px;
  transform: translateX(-40%);
  aspect-ratio: 690/887;
  width: 39vw;
  pointer-events: none;
}
section.mainStory .storyContent {
  display: flex;
  gap: 140px;
  justify-content: space-between;
}
section.mainStory .storyContent .spotText {
  color: #40b2ab;
  flex: 1;
  font-size: 23px;
  font-style: normal;
  font-weight: 400;
  line-height: 46px;
}
section.mainStory .storyContent .spotText .moreInfo {
  font-size: 16px;
  font-weight: 300;
  display: flex;
  align-items: center;
  gap: 70px;
}
section.mainStory .storyContent .spotText .moreInfo .arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 29px;
  height: 22px;
  border: 1px solid #40b2ab;
  border-radius: 20px;
}
section.mainStory .storyContent .spotText .moreInfo .arrow .icon {
  fill: #40b2ab;
  width: 9px;
  height: 9px;
}
section.mainStory .storyContent .content {
  flex: 1;
  color: #40b2ab;
  font-size: 16px;
  font-weight: 300;
  line-height: 34px; /* 212.5% */
}

section.mainCollaborators {
  position: relative;
  z-index: 1;
  margin-bottom: 270px;
}
section.mainCollaborators .titleArea {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 55px;
}
section.mainCollaborators .titleArea .title {
  color: #40b2ab;
  font-size: 48px;
  font-weight: 300;
  line-height: 65px;
}
section.mainCollaborators .titleArea p {
  color: #40b2ab;
  font-size: 18px;
  max-width: 45%;
  font-weight: 300;
  line-height: 29px;
}
section.mainCollaborators .cooperationForm {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #40b2ab;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 70px;
}
section.mainCollaborators .cooperationForm .icon {
  fill: #FF0000;
  width: 14px;
  height: 13px;
}

section.mainArchitects {
  position: relative;
  z-index: 1;
}
section.mainArchitects .wrapper {
  display: flex;
  align-items: flex-end;
}
section.mainArchitects .wrapper .collectors {
  width: 195px;
  flex-shrink: 0;
  height: 365px;
  background: #fff;
  position: relative;
}
section.mainArchitects .wrapper .collectors a {
  display: block;
  aspect-ratio: 293/48;
  height: 48px;
  position: absolute;
  left: 50%;
  bottom: 5px;
  transform: rotate(-90deg);
  transform-origin: 0 50%;
}
section.mainArchitects .wrapper .owlWrapper {
  width: calc(100% - 195px);
  overflow: hidden;
  padding: 100px 0;
  margin: -100px 0;
}
section.mainArchitects .owlMainArchitects .owl-stage-outer {
  overflow: unset;
}
section.mainArchitects .owl-item .architectItem .imgArea {
  aspect-ratio: 430/553;
  max-height: unset;
  transition: 0.3s ease all;
}
section.mainArchitects .owl-item .architectItem .content {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: 0.3s ease all;
}
section.mainArchitects .owl-item.center .architectItem .imgArea {
  transform: translateY(-85px);
  transition: 0.3s 0.3s ease all;
}
section.mainArchitects .owl-item.center .architectItem .content {
  opacity: 1;
  bottom: -85px;
  filter: drop-shadow(19px 19px 20px rgba(113, 96, 79, 0.05));
  transition: 0.3s 0.3s ease all, 0.3s ease opacity;
}

section.mainPromotion {
  display: flex;
  margin-bottom: 70px;
}
section.mainPromotion .influencer {
  position: relative;
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
}
section.mainPromotion .influencer:before {
  content: "";
  left: 0;
  right: -32.5px;
  top: -300px;
  bottom: 0;
  background: #FFF7EE;
  position: absolute;
  z-index: -1;
}
section.mainPromotion .influencer .acarkon {
  color: #40b2ab;
  text-align: center;
  font-size: 15px;
  font-weight: 300;
}
section.mainPromotion .influencer .title {
  color: #40b2ab;
  text-align: center;
  font-size: 40px;
  font-weight: 500;
  line-height: 50px;
  margin-bottom: 50px;
}
section.mainPromotion .influencer .description {
  color: #40b2ab;
  text-align: center;
  font-size: 18px;
  font-weight: 300;
  line-height: 32px;
  max-width: 560px;
  margin-bottom: 70px;
}
section.mainPromotion .influencer .cooperationForm {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #40b2ab;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 70px;
}
section.mainPromotion .influencer .cooperationForm .icon {
  fill: #FF0000;
  width: 14px;
  height: 13px;
}
section.mainPromotion .promotion {
  padding: 0 120px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
section.mainPromotion .promotion .subTitle {
  color: #40b2ab;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 40px;
}
section.mainPromotion .promotion .title {
  color: #40b2ab;
  text-align: center;
  font-size: 36px;
  font-weight: 300;
  line-height: 54px; /* 150% */
  margin-bottom: 100px;
}
section.mainPromotion .promotion .promotionVideo {
  margin-bottom: 100px;
  position: relative;
}
section.mainPromotion .promotion .promotionVideo:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0px 0px 19.1px 0px rgba(0, 0, 0, 0.05);
  height: calc(100% - 32px);
  width: calc(100% + 32px);
  z-index: -1;
}
section.mainPromotion .promotion .promotionVideo:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0px 0px 19.1px 0px rgba(0, 0, 0, 0.05);
  height: calc(100% - 56px);
  width: calc(100% + 56px);
  z-index: -2;
}
section.mainPromotion .promotion .promotionVideo .imgArea {
  aspect-ratio: 468/311;
  position: relative;
}
section.mainPromotion .promotion .promotionVideo .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
section.mainPromotion .promotion .promotionVideo .imgArea:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.25);
}
section.mainPromotion .promotion .promotionVideo .imgArea .play {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  aspect-ratio: 1/1;
  border-radius: 100%;
  background: #fff;
  outline: 17px solid rgba(217, 217, 217, 0.4) !important;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s ease all;
}
section.mainPromotion .promotion .promotionVideo .imgArea .play .icon {
  width: 18px;
  height: 24px;
  fill: #1C1B1F;
}
section.mainPromotion .promotion .promotionVideo .imgArea .play:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  aspect-ratio: 1/1;
  width: 170%;
  border: 1px solid rgba(255, 245, 245, 0.4);
  border-radius: 100%;
}
section.mainPromotion .promotion .promotionVideo .imgArea .play:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  aspect-ratio: 1/1;
  width: 200%;
  border: 1px solid rgba(255, 245, 245, 0.2);
  border-radius: 100%;
}
section.mainPromotion .promotion .promotionVideo .imgArea .play:hover {
  outline: 17px solid rgba(217, 217, 217, 0.8) !important;
}

section.mainLastProducts .sectionTitle {
  color: #40b2ab;
  font-size: 32px;
  font-weight: 400;
  margin-bottom: 70px;
}

.corporateContent .spotText {
  display: flex;
  align-items: center;
  gap: 100px;
}
.corporateContent .spotText p {
  color: #40b2ab;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 38px;
}
.corporateContent .spotText p b {
  font-weight: 500;
}
.corporateContent hr {
  margin: 100px 0;
  border: 0;
  border-top: 1px solid rgba(113, 96, 79, 0.15);
}

section.politicasBanner .bannerTop {
  background: #FFF;
  padding-top: 70px;
}
section.politicasBanner .bannerTop .container {
  display: flex;
  gap: 80px;
}
section.politicasBanner .bannerTop .bannerContent {
  display: flex;
  flex-direction: column;
}
section.politicasBanner .bannerTop .bannerContent .title {
  padding-top: 40px;
  color: #40b2ab;
  font-size: 48px;
  font-style: normal;
  font-weight: 500;
  line-height: 64px;
  margin-bottom: 40px;
}
section.politicasBanner .bannerTop .bannerContent .description {
  color: #40b2ab;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 38px;
  margin-bottom: 40px;
}
section.politicasBanner .bannerTop .bannerContent .description b {
  display: flex;
  font-weight: 500;
}
section.politicasBanner .bannerTop .bannerContent .goBtn {
  margin-top: auto;
  margin-bottom: 85px;
}
section.politicasBanner .bannerTop .bannerImg {
  aspect-ratio: 338/554;
  flex-shrink: 0;
}
section.politicasBanner .bannerTop .bannerImg img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
section.politicasBanner .bannerBottom {
  aspect-ratio: 1920/280;
  min-height: 180px;
  max-width: 100%;
}
section.politicasBanner .bannerBottom img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

section.qualityContent {
  margin-top: 90px;
}
section.qualityContent .middleImg {
  aspect-ratio: 1488/393;
  position: relative;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-top: 80px;
  margin-bottom: 120px;
}
section.qualityContent .middleImg .imgArea {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
section.qualityContent .middleImg .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
section.qualityContent .middleImg .imgArea:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: #40b2ab;
  mix-blend-mode: color;
}
section.qualityContent .middleImg .content {
  position: relative;
  z-index: 2;
}
section.qualityContent .middleImg .content .text {
  color: #FFF;
  text-align: center;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 65px; /* 162.5% */
  margin-bottom: 10px;
}
section.qualityContent .middleImg .content span {
  color: #FFF;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 34px;
  display: block;
  margin: 0 auto;
  max-width: 860px;
}
section.qualityContent .qualityBottomRow {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 80px 0;
}
section.qualityContent .qualityBottomRow .w-50 {
  width: calc(50% - 105px);
}

section.mediaBanner .bannerTop {
  padding-top: 80px;
  background: #fff;
  padding-bottom: 100px;
}
section.mediaBanner .bannerTop .title {
  color: #40b2ab;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 20px; /* 370% */
  margin-bottom: 40px;
}
section.mediaBanner .bannerTop .description {
  padding-right: 100px;
  color: #40b2ab;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 45px; /* 187.5% */
}
section.mediaBanner .bannerBottom {
  aspect-ratio: 1920/198;
  min-height: 140px;
  max-width: 100%;
}
section.mediaBanner .bannerBottom img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
section.mediaBanner.type2 {
  position: relative;
  background: #fff;
}
section.mediaBanner.type2 .bannerTop {
  background: transparent;
  padding-bottom: 0;
  position: relative;
  z-index: 3;
}
section.mediaBanner.type2 .bannerTop .container {
  display: flex;
  justify-content: space-between;
}
section.mediaBanner.type2 .bannerTop .imgArea {
  aspect-ratio: 437/560;
  display: block;
  height: 560px;
}
section.mediaBanner.type2 .bannerTop .imgArea .img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
section.mediaBanner.type2 .bannerTop .description, section.mediaBanner.type2 .bannerTop .title {
  max-width: 800px;
}
section.mediaBanner.type2 .bannerTop .description b, section.mediaBanner.type2 .bannerTop .title b {
  font-weight: 400;
}
section.mediaBanner.type2 .bannerTop .description {
  color: #40b2ab;
  font-size: 16px;
  display: block;
  font-weight: 300;
  line-height: 32px;
}
section.mediaBanner.type2 .bannerTop .description b {
  display: flex;
}
section.mediaBanner.type2 .bannerTop .title {
  color: #40b2ab;
  font-size: 32px;
  font-style: normal;
  font-weight: 300;
  line-height: 74px;
}
section.mediaBanner.type2 .bannerBottom {
  position: absolute;
  max-width: 100%;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2;
  height: 166px;
  min-height: 80px;
}
section.mediaBanner.type3 {
  position: relative;
  background: #fff;
}
section.mediaBanner.type3 .bannerTop {
  padding-top: 30px;
  position: relative;
  z-index: 3;
  background: unset;
  padding-bottom: 0;
}
section.mediaBanner.type3 .bannerTop .container {
  display: flex;
  justify-content: space-between;
}
section.mediaBanner.type3 .bannerTop .imgArea {
  aspect-ratio: 388/516;
  height: 516px;
  display: block;
}
section.mediaBanner.type3 .bannerTop .imgArea .img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  display: block;
}
section.mediaBanner.type3 .bannerTop .titleArea {
  margin-top: 60px;
}
section.mediaBanner.type3 .bannerTop span {
  color: #40b2ab;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 20px; /* 305% */
}
section.mediaBanner.type3 .bannerTop .partnerTitle {
  color: #40b2ab;
  font-size: 48px;
  font-style: normal;
  font-weight: 500;
  max-width: 610px;
  line-height: 64px;
  margin-bottom: 0;
  margin-top: 10px;
}
section.mediaBanner.type3 .bannerBottom {
  position: absolute;
  max-width: 100%;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2;
  min-height: 198px;
}

.fileItem {
  display: flex;
  align-items: center;
  gap: 110px;
  margin-top: 75px;
  padding-bottom: 75px;
  border-bottom: 1px solid rgba(113, 96, 79, 0.15);
}
.fileItem .icon {
  width: 40px;
  height: 31.837px;
  flex-shrink: 0;
  fill: #40b2ab;
}
.fileItem .content {
  display: block;
  color: #40b2ab;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 33px;
}
.fileItem .content span {
  display: flex;
  font-weight: 400;
}
.fileItem .goBtn {
  margin-left: auto;
}

section.videoArea {
  margin-top: 80px;
}

section.notFound {
  padding-top: 150px;
  border-top: 1px solid rgba(113, 96, 79, 0.15);
  margin-bottom: 125px;
}
section.notFound .title {
  color: #40b2ab;
  text-align: center;
  font-size: 48px;
  font-style: normal;
  font-weight: 500;
  line-height: 36px;
  margin-bottom: 40px;
}
section.notFound .description {
  color: #40b2ab;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 39px; /* 195% */
}
section.notFound .imgArea {
  aspect-ratio: 1019/370;
  max-height: 370px;
  margin: 65px auto 150px;
}
section.notFound .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
section.notFound .subTitle {
  color: #40b2ab;
  text-align: center;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 36.91px; /* 102.527% */
  margin-bottom: 45px;
}
section.notFound .bottomButtons {
  display: flex;
  justify-content: center;
  gap: 22px;
}
section.notFound .bottomButtons .btnReturn {
  display: inline-flex;
  transition: 0.3s ease all;
  color: #40b2ab;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  border-radius: 300px;
  border: 1px solid #EAD9C8;
  background: #FFF;
  padding: 15px 40px;
  text-decoration-line: underline !important;
}
section.notFound .bottomButtons .btnReturn:hover {
  color: #fff;
  background: #40b2ab;
}
section.notFound.type2 {
  margin-bottom: 105px;
  padding-top: 150px;
}
section.notFound.type2 .imgArea {
  aspect-ratio: 987/470;
  max-height: 470px;
}
section.notFound.type2 .description {
  max-width: 1155px;
  margin: 0 auto 125px;
}
section.notFound.type2 .subDescription {
  color: #40b2ab;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 42px;
  margin-top: 90px;
}

section.architectsBanner {
  padding: 110px 0 75px;
  background: #fff;
}
section.architectsBanner .bannerTop {
  display: flex;
  gap: 30px;
  align-items: center;
  padding-bottom: 95px;
  margin-bottom: 65px;
  border-bottom: 1px solid rgba(113, 96, 79, 0.15);
}
section.architectsBanner .bannerTop img {
  aspect-ratio: 210/65;
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  max-width: 210px;
}
section.architectsBanner .bannerTop .text {
  color: #575756;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 33.198px; /* 163.542% */
}
section.architectsBanner .bannerTop .text b {
  font-weight: 500;
}
section.architectsBanner .description {
  color: #575756;
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: 42px;
}
section.architectsBanner .description b {
  font-weight: 400;
}

section.architect {
  margin-top: 50px;
  margin-bottom: 60px;
}

section.laminantContent {
  margin-bottom: 150px;
  position: relative;
  z-index: 2;
}
section.laminantContent .container {
  display: flex;
  gap: 50px;
}
section.laminantContent .pageImgArea {
  aspect-ratio: 595/897;
  height: 897px;
  position: relative;
  z-index: 2;
}
section.laminantContent .pageImgArea img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
section.laminantContent:after {
  content: "";
  left: 0;
  right: 0;
  background: #fff;
  z-index: 0;
  position: absolute;
  height: 50%;
  top: 0;
}

section.laminantBanner {
  background: #fff;
  position: relative;
  padding: 120px 0;
  overflow: hidden;
}
section.laminantBanner .title {
  width: 992px;
  color: #40b2ab;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 59px; /* 147.5% */
  margin-bottom: 25px;
}
section.laminantBanner .description {
  color: #40b2ab;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 32px; /* 200% */
  width: 722px;
}
section.laminantBanner:after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 232px;
  aspect-ratio: 1029/232;
  right: -200px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../img/woodbig2.png");
}

.laminantCards {
  display: flex;
  position: relative;
  z-index: 2;
  flex-wrap: wrap;
}
.laminantCards .item {
  width: 50%;
  padding: 83px 100px 85px;
  background: #fff;
  border: 1px solid #E9DCCF;
  transition: 0.3s ease all;
  display: flex;
  flex-direction: column;
  justify-content: center;
  aspect-ratio: 100/110;
}
.laminantCards .item .productCategory {
  display: block;
  color: #40b2ab;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 55px;
  transition: 0.3s ease all;
}
.laminantCards .item .productCategory b {
  font-weight: 500;
  margin-bottom: 10px;
  display: flex;
}
.laminantCards .item .subCategory {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-left: 20px;
  max-height: 0;
  overflow: hidden;
  transition: 0.3s ease all;
  margin-top: 20px;
}
.laminantCards .item .subCategory li a {
  font-size: 14px;
  position: relative;
  color: #40b2ab;
}
.laminantCards .item .subCategory li a:before {
  content: "";
  position: absolute;
  left: -20px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 5px;
  background: #40b2ab;
  border-radius: 8px;
  transition: 0.3s ease all;
}
.laminantCards .item .subCategory li a:hover {
  color: #DA415E;
}
.laminantCards .item .subCategory li a:hover:before {
  background: #DA415E;
}
.laminantCards .item .goBtn {
  margin-bottom: 0px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
.laminantCards .item .goBtn .iconArea {
  margin: 0;
}
.laminantCards .item .goBtn:hover {
  transform: unset;
}
.laminantCards .item:hover {
  background: #FFF8F0;
  padding: 20px 100px 20px;
}
.laminantCards .item:hover .productCategory {
  margin-bottom: 20px;
}
.laminantCards .item:hover .subCategory {
  max-height: 300px;
}
.laminantCards .item:nth-child(even) {
  border-left: 0;
}
.laminantCards .item:nth-child(1), .laminantCards .item:nth-child(2) {
  border-bottom: 0;
}

.bottomInfo {
  background: #FFF;
  padding: 90px 100px;
  margin-bottom: 20px;
}
.bottomInfo .editorContent p {
  color: #40b2ab;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px; /* 225% */
}

.seoContentExpand {
  position: relative;
}
.seoContentExpand__inner {
  overflow: hidden;
  transition: max-height 0.45s ease;
}
.seoContentExpand__fade {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 56px;
  height: 90px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 85%);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  cursor: pointer;
}
.seoContentExpand__toggle {
  display: none;
  align-items: center;
  gap: 10px;
  margin-top: 28px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #40b2ab;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  cursor: pointer;
  transition: color 0.2s ease;
}
.seoContentExpand__toggle .icon {
  width: 12px;
  height: 12px;
  transform: rotate(90deg);
  transition: transform 0.3s ease;
}
.seoContentExpand__toggle:hover {
  color: #CBBE9D;
}
.seoContentExpand.is-collapsible .seoContentExpand__toggle {
  display: inline-flex;
}
.seoContentExpand.is-collapsed .seoContentExpand__fade {
  opacity: 1;
  pointer-events: auto;
}
.seoContentExpand.is-collapsed .seoContentExpand__inner {
  cursor: pointer;
}
.seoContentExpand.is-expanded .seoContentExpand__toggle .icon {
  transform: rotate(-90deg);
}

section.newsBanner .bannerTop {
  padding-top: 80px;
  background: #fff;
  padding-bottom: 100px;
}
section.newsBanner .bannerTop .title {
  color: #40b2ab;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  margin-bottom: 25px;
  line-height: 24px;
}
section.newsBanner .bannerTop .description {
  color: #40b2ab;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 45px; /* 187.5% */
}
section.newsBanner .bannerBottom {
  aspect-ratio: 1920/308;
  position: relative;
  min-height: 240px;
  max-width: 100%;
}
section.newsBanner .bannerBottom img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
section.newsBanner .bannerBottom:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #40b2ab;
  mix-blend-mode: overlay;
}

section.newsContent {
  margin-top: -158px;
}
section.newsContent .doubleWidget {
  display: flex;
  gap: 20px;
  margin: 20px 0;
}

section.partnerContent {
  margin-top: 65px;
}
section.partnerContent .subTitle {
  color: #40b2ab;
  font-size: 26px;
  font-style: normal;
  font-weight: 300;
  line-height: 34px; /* 246.154% */
  margin-bottom: 10px;
  text-align: center;
}
section.partnerContent .title {
  color: #40b2ab;
  font-size: 40px;
  text-align: center;
  font-style: normal;
  font-weight: 500;
  line-height: 64px; /* 160% */
}
section.partnerContent .partnerDescription {
  margin-top: 60px;
  color: #40b2ab;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 38px;
  margin-bottom: 130px;
}
section.partnerContent .partnerDescription b {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  font-weight: 500;
}
section.partnerContent .widget3 {
  margin-top: 0;
}

section.policiyBanner .bannerTop {
  padding-top: 80px;
  background: #fff;
  padding-bottom: 100px;
}
section.policiyBanner .bannerTop .title {
  color: #40b2ab;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 45px;
}
section.policiyBanner .bannerBottom {
  aspect-ratio: 1920/308;
  position: relative;
}
section.policiyBanner .bannerBottom img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
section.policiyBanner .bannerBottom:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #40b2ab;
  mix-blend-mode: overlay;
}

section.policy {
  margin-top: 50px;
  margin-bottom: 70px;
}
section.policy .sidebar {
  padding: 25px 30px 40px;
  position: sticky;
  top: 175px;
  border-radius: 20px;
  border: 9px solid #FFFBF5;
  background: #40b2ab;
  transform: translateY(-150px);
}
section.policy .sidebar .title {
  color: #FFF;
  font-size: 20px;
  font-weight: 500;
  line-height: 45px; /* 225% */
  padding-bottom: 25px;
  border-bottom: 1px solid rgba(219, 207, 194, 0.15);
}
section.policy .sidebar ul {
  margin-top: 50px;
  padding-left: 10px;
}
section.policy .sidebar ul li {
  margin-bottom: 35px;
}
section.policy .sidebar ul li a {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 22px;
}
section.policy .sidebar ul li a .icon {
  width: 9px;
  fill: #fff;
  transition: 0.3s ease all;
  margin-right: 25px;
  height: 15px;
  flex-shrink: 0;
}
section.policy .sidebar ul li a.active, section.policy .sidebar ul li a:hover {
  color: #FAE6D2;
}
section.policy .sidebar ul li a.active .icon, section.policy .sidebar ul li a:hover .icon {
  fill: #FAE6D2;
}
section.policy .sidebar ul li a:hover .icon {
  transform: translateX(5px);
}

section.brandDetail {
  margin: 115px 0;
}
section.brandDetail .logoArea {
  aspect-ratio: 217/56;
  margin-top: 85px;
}
section.brandDetail .imgArea {
  width: 100%;
  height: 477px;
}
section.brandDetail .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
section.brandDetail .editorContent {
  margin-top: 110px;
}

section.seminarBanner .bannerTop {
  background: #FFF;
  padding-top: 70px;
}
section.seminarBanner .bannerTop .container {
  display: flex;
  align-items: center;
}
section.seminarBanner .bannerTop .bannerContent {
  max-width: 1010px;
}
section.seminarBanner .bannerTop .bannerContent .title {
  color: #40b2ab;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 38px; /* 211.111% */
  margin-bottom: 15px;
}
section.seminarBanner .bannerTop .bannerContent .description {
  color: #40b2ab;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  padding-bottom: 100px;
  line-height: 56px; /* 175% */
}
section.seminarBanner .bannerTop .bannerImg {
  aspect-ratio: 492/465;
  margin-top: auto;
  height: 465px;
  flex-shrink: 0;
}
section.seminarBanner .bannerTop .bannerImg img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}

section.seminarContent {
  margin: 20px 0 70px;
}

.seminarCard {
  padding: 55px;
  border-radius: 20px;
  background: #F6EADE;
  margin-bottom: 20px;
  border: 2px solid #F6EADE;
  display: block;
  height: 100%;
}
.seminarCard .date {
  color: #40b2ab;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  display: flex;
  align-items: center;
}
.seminarCard .date .icon {
  margin-right: 20px;
  width: 17px;
  height: 18px;
  flex-shrink: 0;
  fill: #40b2ab;
}
.seminarCard .info {
  color: #40b2ab;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 37px;
  margin: 40px 0;
}
.seminarCard .bottom {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 35px;
}
.seminarCard .bottom > span {
  color: #40b2ab;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  display: flex;
  align-items: center;
}
.seminarCard .bottom > span .icon {
  margin-right: 20px;
  width: 20px;
  height: 15px;
  flex-shrink: 0;
  fill: #40b2ab;
}
.seminarCard.white {
  background: #fff;
}

.seminarImgCard {
  position: relative;
  aspect-ratio: 1488/425;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}
.seminarImgCard .imgArea {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 20px;
  overflow: hidden;
}
.seminarImgCard .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.seminarImgCard .text {
  position: relative;
  z-index: 3;
  color: #FFF;
  font-size: 22px;
  font-weight: 300;
  max-width: 500px;
  padding-left: 60px;
  line-height: 37px; /* 168.182% */
}

section.timelineBanner .content {
  background: #40b2ab;
  padding: 110px 0 110px;
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}
section.timelineBanner .content .title {
  max-width: 600px;
  color: #FFF;
  font-size: 48px;
  font-style: normal;
  font-weight: 500;
  line-height: 61px;
  margin-bottom: 20px;
}
section.timelineBanner .content .description {
  max-width: 605px;
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 35px; /* 194.444% */
}
section.timelineBanner .content:after {
  content: "";
  background: #40b2ab;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100vw;
  position: absolute;
  z-index: -1;
}
section.timelineBanner .tabs {
  display: flex;
  height: 100%;
  background: #8A7764;
}
section.timelineBanner .tabs .imgArea {
  width: 100%;
  height: 100%;
}
section.timelineBanner .tabs .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
section.timelineBanner .tabs .timelineArea {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
section.timelineBanner .tabs .timelineArea .text {
  color: #B2997F;
  font-size: 16px;
  font-weight: 300;
  position: relative;
  padding-bottom: 40px;
  margin-bottom: 45px;
}
section.timelineBanner .tabs .timelineArea .text:after {
  content: "";
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url("../img/svg/angle.svg");
  background: #F9D9B8;
  width: 40px;
  height: 19px;
  position: absolute;
}
section.timelineBanner .tabs .timelineArea .owlTimeline {
  position: relative;
}
section.timelineBanner .tabs .timelineArea .owlTimeline:before {
  content: "";
  position: absolute;
  left: 0;
  top: -20px;
  bottom: -20px;
  width: 120px;
  background: rgb(0, 0, 0);
  background: linear-gradient(90deg, #8A7764 30%, rgba(255, 255, 255, 0) 95%);
  z-index: 2;
  pointer-events: none;
}
section.timelineBanner .tabs .timelineArea .owlTimeline:after {
  content: "";
  position: absolute;
  right: 0;
  top: -20px;
  bottom: -20px;
  width: 120px;
  background: rgb(0, 0, 0);
  background: linear-gradient(-90deg, #8A7764 30%, rgba(255, 255, 255, 0) 95%);
  z-index: 2;
  pointer-events: none;
}
section.timelineBanner .tabs .timelineArea .owlTimeline .owl-item .year {
  font-size: 35px;
  font-weight: 200;
  color: #fff;
  text-align: center;
  transition: 0.3s ease all;
  min-height: 50px;
}
section.timelineBanner .tabs .timelineArea .owlTimeline .owl-item.center .year {
  font-size: 48px;
  font-weight: 400;
}
section.timelineBanner .row > div {
  padding: 0;
}

section.timelineContent {
  display: none;
}
section.timelineContent.active {
  display: block;
}
section.timelineContent .row > div {
  padding: 0;
}
section.timelineContent .content {
  padding-top: 105px;
}
section.timelineContent .content .title {
  max-width: 430px;
  color: #40b2ab;
  font-size: 29px;
  font-style: normal;
  font-weight: 400;
  line-height: 43px; /* 148.276% */
}
section.timelineContent .content .year {
  position: relative;
  display: inline-flex;
  margin-bottom: 95px;
}
section.timelineContent .content .year span {
  color: #F3E7DB;
  font-size: 96px;
  font-style: normal;
  font-weight: 900;
  transform: translateY(-5px);
  transition: 0.3s ease all;
}
section.timelineContent .content .year:after {
  content: "";
  left: 0;
  height: 40%;
  top: 0;
  width: 100%;
  background: #FFFBF5;
  position: absolute;
}
section.timelineContent .content .info {
  color: #40b2ab;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 33px;
  max-width: 647px;
}
section.timelineContent .content:hover .year span {
  transform: translateY(45%);
}
section.timelineContent .imgArea {
  aspect-ratio: 646/500;
}
section.timelineContent .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

section.referancesContent {
  margin-top: 35px;
}

section.blogBanner .bannerTop {
  padding-top: 80px;
  background: #fff;
  padding-bottom: 100px;
}
section.blogBanner .bannerTop .title {
  color: #40b2ab;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  margin-bottom: 25px;
  line-height: 24px;
}
section.blogBanner .bannerTop .description {
  color: #40b2ab;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 45px; /* 187.5% */
}
section.blogBanner .bannerBottom {
  aspect-ratio: 1920/308;
  position: relative;
  filter: grayscale(0.5);
}
section.blogBanner .bannerBottom img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
section.blogBanner .bannerBottom:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #40b2ab;
  mix-blend-mode: overlay;
}

section.blogContent {
  margin-top: -160px;
  z-index: 2;
  position: relative;
}

.blogCard {
  padding: 25px 20px;
  background: #fff;
  height: 100%;
  border-radius: 20px;
  display: block;
}
.blogCard .imgArea {
  border-radius: 20px;
  overflow: hidden;
  width: 100%;
  height: 285px;
}
.blogCard .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  transition: 0.3s ease all;
}
.blogCard:hover .imgArea img {
  transform: scale(1.1);
}
.blogCard .content {
  margin-top: 35px;
  padding: 0 25px 35px;
}
.blogCard .content .date {
  margin-bottom: 25px;
  color: #B1A08E;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 47px; /* 391.667% */
}
.blogCard .content .editorContent h1 {
  color: #40b2ab;
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: 44px;
}
.blogCard .content .editorContent p {
  color: #40b2ab;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
}

section.blogDetailBanner .bannerTop {
  padding-top: 80px;
  background: #fff;
  padding-bottom: 100px;
}
section.blogDetailBanner .bannerTop .title {
  color: #40b2ab;
  font-size: 48px;
  font-style: normal;
  font-weight: 500;
  line-height: 64px;
  max-width: 760px;
  margin-bottom: 20px;
}
section.blogDetailBanner .bannerTop .description {
  color: #40b2ab;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 38px; /* 190% */
}
section.blogDetailBanner .bannerBottom {
  aspect-ratio: 1920/308;
  max-width: 100%;
  position: relative;
  filter: grayscale(0.5);
  min-height: 240px;
}
section.blogDetailBanner .bannerBottom img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

section.blogDetailContent {
  position: relative;
  z-index: 2;
}
section.blogDetailContent .content {
  margin-top: -210px;
}
section.blogDetailContent .content .imgArea {
  border-radius: 20px;
  overflow: hidden;
  aspect-ratio: 1057/648;
}
section.blogDetailContent .content .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
section.blogDetailContent .content .view {
  color: #40b2ab;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 30px; /* 214.286% */
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 55px 0 40px;
}
section.blogDetailContent .content .view .icon {
  width: 19px;
  height: 13px;
  flex-shrink: 0;
  fill: #40b2ab;
}
section.blogDetailContent .content .title {
  color: #40b2ab;
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 64px; /* 133.333% */
  margin-bottom: 40px;
}

.blogSlider {
  padding-top: 80px;
  margin-top: 110px;
}
.blogSlider .swiperButtons {
  top: 0;
  left: 0;
  position: absolute;
  display: flex;
  gap: 15px;
}
.blogSlider .swiper-button-next, .blogSlider .swiper-button-prev {
  position: relative;
  top: unset;
  left: unset;
  right: unset;
  bottom: unset;
  margin: 0;
  border: 1px solid #40b2ab;
  padding: 16px 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 57px;
  width: auto;
}
.blogSlider .swiper-button-next span, .blogSlider .swiper-button-prev span {
  height: 2px;
  width: 0px;
  margin-right: -1px;
  opacity: 0.8;
  background: #40b2ab;
  display: flex;
  position: relative;
  transition: 0.3s ease all;
}
.blogSlider .swiper-button-next span:after, .blogSlider .swiper-button-prev span:after {
  content: "";
}
.blogSlider .swiper-button-next .icon, .blogSlider .swiper-button-prev .icon {
  width: 15px;
  fill: #40b2ab;
  height: 14px;
  flex-shrink: 0;
  transition: 0.3s ease all;
}
.blogSlider .swiper-button-next:after, .blogSlider .swiper-button-prev:after {
  display: none;
}
.blogSlider .swiper-button-next:hover span, .blogSlider .swiper-button-prev:hover span {
  width: 32px;
}
.blogSlider .swiper-button-next {
  transform: rotate(-180deg);
}

.blogMiniCard .title {
  color: rgba(113, 96, 79, 0.8);
  font-size: 21.125px;
  font-style: normal;
  font-weight: 400;
  line-height: 35.75px; /* 169.231% */
  display: block;
}
.blogMiniCard .description {
  color: rgba(113, 96, 79, 0.8);
  font-size: 11.862px;
  font-style: normal;
  font-weight: 300;
  line-height: 28.172px; /* 237.5% */
  margin-top: 15px;
}
.blogMiniCard .date {
  color: #40b2ab;
  font-size: 14px;
  margin-top: 90px;
  font-style: normal;
  font-weight: 400;
  line-height: 47px; /* 335.714% */
}

section.photoGalleryBanner .bannerTop {
  padding-top: 80px;
  background: #fff;
  padding-bottom: 100px;
}
section.photoGalleryBanner .bannerTop .title {
  color: #40b2ab;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  margin-bottom: 25px;
  line-height: 24px;
}
section.photoGalleryBanner .bannerTop .description {
  color: #40b2ab;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 45px; /* 187.5% */
}
section.photoGalleryBanner .bannerBottom {
  position: relative;
  height: 200px;
  display: flex;
  align-items: center;
}
section.photoGalleryBanner .bannerBottom img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
section.photoGalleryBanner .bannerBottom .linkDropdown {
  max-width: 410px;
}

section.galleryContent {
  margin-top: 115px;
}
section.galleryContent .galeryCategory {
  padding-bottom: 115px;
  margin-top: 115px;
  border-bottom: 1px solid rgba(113, 96, 79, 0.15);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 60px;
}
section.galleryContent .galeryCategory .imgArea {
  aspect-ratio: 842/250;
  height: 250px;
  border-radius: 300px;
  overflow: hidden;
  display: block;
  transition: 0.3s ease all;
}
section.galleryContent .galeryCategory .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
section.galleryContent .galeryCategory .imgArea:hover {
  border-radius: 50px;
}
section.galleryContent .galeryCategory .content {
  display: flex;
  flex-direction: column;
}
section.galleryContent .galeryCategory .content .title {
  color: #40b2ab;
  font-size: 40px;
  display: block;
  font-style: normal;
  font-weight: 300;
  line-height: 23px;
  margin-bottom: 25px;
}
section.galleryContent .galeryCategory .content span {
  color: #40b2ab;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px; /* 143.75% */
}
section.galleryContent .galeryCategory .content .goBtn {
  margin-top: 40px;
  border-radius: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 25px;
  background: #40b2ab;
}
section.galleryContent .galeryCategory .content .goBtn .icon {
  fill: #fff;
  transition: 0.3s ease all;
  width: 11px;
  height: 11px;
}
section.galleryContent .galeryCategory .content .goBtn:hover .icon {
  animation: slideOutIn 1.5s ease infinite;
}
section.galleryContent .galeryCategory:nth-child(even) .imgArea {
  order: 2;
}
section.galleryContent .galeryCategory:nth-child(even) .content {
  order: 1;
}

section.catalogContent .info {
  color: #40b2ab;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 36px; /* 200% */
  margin: 70px 0;
}

section.projectBanner .bannerTop {
  padding-top: 80px;
  background: #fff;
  padding-bottom: 100px;
}
section.projectBanner .bannerTop .title {
  color: #40b2ab;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 20px; /* 370% */
  margin-bottom: 40px;
}
section.projectBanner .bannerTop .description {
  color: #40b2ab;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 45px; /* 187.5% */
}
section.projectBanner .bannerBottom {
  aspect-ratio: 1920/383;
  min-height: 240px;
  max-width: 100%;
}
section.projectBanner .bannerBottom img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

section.projectsContent {
  margin-top: -120px;
  margin-bottom: 120px;
}

.projectsCard {
  background: #fff;
  border-radius: 20px;
  padding: 45px 45px 65px;
  margin-bottom: 20px;
}
.projectsCard .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 50px;
  color: #40b2ab;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.projectsCard .title .goBtn {
  border-radius: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 25px;
  border: 1px solid #40b2ab;
}
.projectsCard .title .goBtn .icon {
  fill: #40b2ab;
  transition: 0.3s ease all;
  width: 11px;
  height: 11px;
}
.projectsCard .title:hover .goBtn {
  transform: translateX(20px);
}
.projectsCard .imgArea {
  overflow: hidden;
  aspect-ratio: 652/276;
  border-radius: 20px;
  display: block;
}
.projectsCard .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.projectsCard .bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 60px;
  flex-wrap: wrap;
  gap: 20px;
}
.projectsCard .bottom .detail {
  display: flex;
  gap: 15px;
  align-items: center;
  color: #40b2ab;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}
.projectsCard .bottom .detail b {
  font-weight: 600;
}
.projectsCard .bottom .detail .icon {
  width: 24px;
  height: 24px;
  stroke: #40b2ab;
  fill: none;
}

section.projectBanner {
  background: #fff;
}
section.projectBanner.type2 .title {
  color: #40b2ab;
  font-size: 26px;
  font-style: normal;
  font-weight: 300;
  line-height: 48px; /* 184.615% */
}
section.projectBanner.type2 .projectsInfo {
  padding-bottom: 140px;
}
section.projectBanner.type2 .projectsInfo .bottom {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-between;
}
section.projectBanner.type2 .projectsInfo .bottom .projectName {
  color: #40b2ab;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
section.projectBanner.type2 .projectsInfo .bottom .detail {
  display: flex;
  gap: 15px;
  align-items: center;
  color: #40b2ab;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}
section.projectBanner.type2 .projectsInfo .bottom .detail b {
  font-weight: 600;
}
section.projectBanner.type2 .projectsInfo .bottom .detail .icon {
  width: 24px;
  height: 24px;
  fill: #40b2ab;
}
section.projectBanner.type2 .bannerBottom {
  position: relative;
}
section.projectBanner.type2 .bannerBottom:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #40b2ab;
  mix-blend-mode: overlay;
}

section.projectDetailContent {
  overflow: hidden;
  margin-bottom: 20px;
  position: relative;
  transform: translateY(-280px);
}
section.projectDetailContent .projectInfo {
  display: flex;
  align-items: center;
  margin-bottom: 100px;
  padding: 70px 0;
  border-bottom: 1px solid rgba(113, 96, 79, 0.15);
}
section.projectDetailContent .projectInfo span {
  color: #40b2ab;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}
section.projectDetailContent .projectInfo .name {
  color: #40b2ab;
  margin-left: 130px;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
}
section.projectDetailContent .projectInfo .right {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 32px;
}
section.projectDetailContent .projectInfo .right .architectName {
  color: #40b2ab;
  font-size: 15px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px; /* 163.542% */
}
section.projectDetailContent .projectInfo .right .architectName b {
  display: flex;
  font-weight: 600;
}
section.projectDetailContent .info {
  color: #40b2ab;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 41px; /* 227.778% */
  text-transform: capitalize;
  padding-left: 20px;
}
section.projectDetailContent .editorContent {
  padding-right: 40px;
}
section.projectDetailContent .usedProducts {
  margin: 120px 0 0;
  overflow: hidden;
}
section.projectDetailContent .usedProducts .title {
  color: #40b2ab;
  margin-bottom: 95px;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 29px; /* 90.625% */
}
section.projectDetailContent .usedProducts .usedProductsSlide {
  overflow: unset;
}
section.projectDetailContent .usedProducts .usedProductsSlide .swiper-slide {
  width: 310px;
}
section.projectDetailContent .projectDetailSlide {
  overflow: unset;
  position: relative;
  z-index: 3;
}
section.projectDetailContent .projectDetailSlide .swiper-slide {
  width: 100vw;
  max-width: 626px;
}
section.projectDetailContent .projectDetailSlide .swiper-slide .imgArea {
  aspect-ratio: 626/510;
  border-radius: 20px;
  overflow: hidden;
}
section.projectDetailContent .projectDetailSlide .swiper-slide .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.videoGalleryItem {
  width: 100%;
  height: 601px;
  position: relative;
  display: flex;
  border-radius: 20px;
  overflow: hidden;
  transition: 0.3s ease all;
  margin-bottom: 20px;
}
.videoGalleryItem .playIcon {
  position: absolute;
  width: 100%;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 75px;
  color: #FFF;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 36px; /* 180% */
}
.videoGalleryItem .playIcon .iconArea {
  position: relative;
  width: 71px;
  height: 71px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #fff;
}
.videoGalleryItem .playIcon .iconArea .icon {
  width: 15px;
  height: 19px;
  fill: #40b2ab;
  z-index: 1;
  margin-left: 4px;
}
.videoGalleryItem .playIcon .iconArea:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid #fff;
  width: 122px;
  height: 122px;
  opacity: 0.5;
  border-radius: 50%;
  z-index: 0;
}
.videoGalleryItem .playIcon .iconArea:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid #fff;
  width: 147px;
  height: 147px;
  opacity: 0.3;
  border-radius: 50%;
  z-index: 0;
}
.videoGalleryItem img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.videoGalleryItem:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgba(113, 96, 79, 0.75);
  transition: 0.3s ease all;
  z-index: 1;
}
.videoGalleryItem.type2 {
  height: 435px;
  width: 100%;
}
.videoGalleryItem.type2 .playIcon {
  flex-direction: column;
  font-weight: 400;
}
.videoGalleryItem.type2 .playIcon span {
  color: rgba(255, 255, 255, 0.5);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 36px; /* 225% */
  display: block;
  margin-bottom: -10px;
}

.videoGalleryMiniItem {
  height: 266px;
  position: relative;
  margin-bottom: 20px;
  display: flex;
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  transition: 0.3s ease all;
  margin-bottom: 20px;
  flex-direction: column;
  justify-content: center;
  padding: 0 60px;
}
.videoGalleryMiniItem .imgArea {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.videoGalleryMiniItem .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.videoGalleryMiniItem .info {
  display: flex;
  position: relative;
  z-index: 2;
  margin-top: 35px;
  color: #FFF;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px; /* 125% */
}
.videoGalleryMiniItem .playIcon {
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 75px;
  color: #FFF;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 36px; /* 180% */
}
.videoGalleryMiniItem .playIcon .iconArea {
  position: relative;
  width: 54px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #fff;
}
.videoGalleryMiniItem .playIcon .iconArea .icon {
  width: 15px;
  height: 19px;
  fill: #000;
  z-index: 1;
  margin-left: 4px;
}
.videoGalleryMiniItem.type2 {
  aspect-ratio: 841/266;
}
.videoGalleryMiniItem:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 60.53%);
  transition: 0.3s ease all;
  z-index: 1;
}

section.videoGalery .content {
  padding-top: 60px;
  padding-right: 60px;
  margin-bottom: 120px;
}
section.videoGalery .content .miniTitle {
  color: rgba(113, 96, 79, 0.5);
  font-size: 14px;
  margin-bottom: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: 36px; /* 257.143% */
}
section.videoGalery .content .title {
  color: #40b2ab;
  margin-bottom: 45px;
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 47px; /* 117.5% */
}
section.videoGalery .content .description {
  color: #40b2ab;
  font-size: 22px;
  font-style: normal;
  font-weight: 300;
  line-height: 36px; /* 163.636% */
}
section.videoGalery .content .description b {
  font-weight: 500;
  display: flex;
}
section.videoGalery .videoGalleryItem {
  margin-top: -220px;
}

section.architectBanner .bannerTop {
  padding-top: 40px;
  background: #fff;
}
section.architectBanner .bannerTop .container {
  display: flex;
  align-items: center;
}
section.architectBanner .bannerTop .left {
  max-width: 575px;
  padding-bottom: 70px;
}
section.architectBanner .bannerTop .left span {
  color: rgba(113, 96, 79, 0.7);
  font-size: 16.535px;
  font-style: normal;
  font-weight: 200;
  display: block;
  margin-bottom: 7px;
  line-height: 42.519px; /* 257.143% */
}
section.architectBanner .bannerTop .left .name {
  color: #40b2ab;
  font-size: 30.708px;
  font-style: normal;
  font-weight: 400;
  line-height: 42.519px;
  display: flex;
  align-items: center;
}
section.architectBanner .bannerTop .left .name .followBtn {
  color: #FFF;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  background: #40b2ab;
  padding: 7px 25px;
  margin-left: 40px;
  cursor: pointer;
  border-radius: 30px;
}
section.architectBanner .bannerTop .left .info {
  color: #40b2ab;
  font-size: 23px;
  font-style: normal;
  font-weight: 200;
  line-height: 42px;
}
section.architectBanner .bannerTop .left .title {
  color: #40b2ab;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  margin-top: 30px;
}
section.architectBanner .bannerTop .middle {
  margin-left: 10px;
}
section.architectBanner .bannerTop .middle .imgArea {
  aspect-ratio: 481/411;
  height: 411px;
}
section.architectBanner .bannerTop .middle .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
section.architectBanner .bannerTop .right {
  display: flex;
  align-items: center;
  color: #575756;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 20.548px; /* 163.542% */
  margin-left: auto;
}
section.architectBanner .bannerTop .right .imgArea {
  aspect-ratio: 129/40;
  margin-right: 20px;
  height: 40px;
}
section.architectBanner .bannerTop .right .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
section.architectBanner .bannerTop .right b {
  font-weight: 500;
}
section.architectBanner .bannerBottom {
  aspect-ratio: 1920/383;
}
section.architectBanner .bannerBottom img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

section.architectContent {
  overflow: hidden;
  margin-bottom: -280px;
  position: relative;
  transform: translateY(-280px);
}
section.architectContent .projectInfo {
  display: flex;
  align-items: center;
  margin-bottom: 100px;
  padding: 70px 0;
  border-bottom: 1px solid rgba(113, 96, 79, 0.15);
}
section.architectContent .projectInfo span {
  color: #40b2ab;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}
section.architectContent .projectInfo .name {
  color: #40b2ab;
  margin-left: 130px;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
}
section.architectContent .projectInfo .right {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 32px;
}
section.architectContent .projectInfo .right .architectName {
  color: #40b2ab;
  font-size: 15px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px; /* 163.542% */
}
section.architectContent .projectInfo .right .architectName b {
  display: flex;
  font-weight: 600;
}
section.architectContent .info {
  color: #40b2ab;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 41px; /* 227.778% */
  text-transform: capitalize;
  padding-left: 20px;
}
section.architectContent .editorContent {
  padding-right: 40px;
}
section.architectContent .usedProducts {
  margin: 120px 0 0;
  overflow: hidden;
}
section.architectContent .usedProducts .title {
  color: #40b2ab;
  margin-bottom: 95px;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 29px;
  /* 90.625% */
}
section.architectContent .usedProducts .title b {
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
}
section.architectContent .usedProducts .architectProduct {
  overflow: unset;
}
section.architectContent .usedProducts .architectProduct .swiper-slide {
  width: 22vw;
}
section.architectContent .projectDetailSlide {
  overflow: unset;
  position: relative;
  z-index: 3;
}
section.architectContent .projectDetailSlide .swiper-slide {
  width: 100vw;
  max-width: 626px;
}
section.architectContent .projectDetailSlide .swiper-slide .imgArea {
  aspect-ratio: 626/510;
  border-radius: 20px;
  overflow: hidden;
}
section.architectContent .projectDetailSlide .swiper-slide .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

section.contactBanner {
  background: #fff;
  padding: 200px 0;
}
section.contactBanner .title {
  color: #40b2ab;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 38px; /* 211.111% */
  margin-bottom: 25px;
}
section.contactBanner .description {
  max-width: 1290px;
  color: #40b2ab;
  font-size: 34px;
  font-style: normal;
  font-weight: 400;
  line-height: 56px; /* 164.706% */
}

section.contactContent .mapArea {
  aspect-ratio: 1920/280;
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
}
section.contactContent .mapArea .imgArea {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
section.contactContent .mapArea .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
section.contactContent .mapArea .mapCursor {
  position: relative;
  align-items: center;
  background: #40b2ab;
  z-index: 3;
  display: inline-flex;
  border-radius: 30px;
  border: 1px solid #40b2ab;
}
section.contactContent .mapArea .mapCursor span {
  color: #40b2ab;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  padding: 18px 18px 18px 30px;
  display: flex;
  background: #fff;
  border-radius: 30px 0 25px 30px;
}
section.contactContent .mapArea .mapCursor .iconArea {
  height: 100%;
  border-radius: 0 30px 30px 0;
  padding: 0 12px;
  display: flex;
  align-items: center;
  position: relative;
}
section.contactContent .mapArea .mapCursor .iconArea .icon {
  width: 24px;
  height: 24px;
  fill: #fff;
}
section.contactContent .mapArea .mapCursor .iconArea:before {
  content: "";
  width: 115px;
  height: 115px;
  position: absolute;
  border-radius: 50%;
  left: 50%;
  z-index: -3;
  background-image: url("../img/svg/maplines.svg");
  background-repeat: no-repeat;
  background-size: contain;
  top: 50%;
  transform: translate(-50%, -50%);
}
section.contactContent .mapArea:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0) 100%);
  z-index: 2;
}
section.contactContent .contactForm {
  padding: 150px 0;
  background: #fff;
}
section.contactContent .contactForm .content {
  max-width: 520px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
section.contactContent .contactForm .content .customcheckbox1 {
  margin-top: auto;
}
section.contactContent .contactForm .content .icon {
  width: 27px;
  height: 24px;
  margin-bottom: 30px;
  fill: #40b2ab;
}
section.contactContent .contactForm .content .title {
  color: #40b2ab;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 56px; /* 175% */
  margin-bottom: 40px;
}
section.contactContent .contactForm .content .description {
  color: #40b2ab;
  font-size: 22px;
  font-style: normal;
  font-weight: 300;
  line-height: 40px; /* 181.818% */
}
section.contactContent .contactForm .form .BtnSend {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  padding: 18px 50px;
  display: block;
  border: 0;
  background: #40b2ab;
  cursor: pointer;
}
section.contactContent .contactInfo {
  padding: 115px 0 165px;
}
section.contactContent .contactInfo .title {
  color: #40b2ab;
  font-size: 32px;
  font-style: normal;
  font-weight: 200;
  line-height: 50px;
  padding-bottom: 115px;
  margin-bottom: 80px;
  border-bottom: 1px solid rgba(113, 96, 79, 0.15);
}
section.contactContent .contactInfo .title b {
  font-weight: 400;
}
section.contactContent .contactInfo .infos {
  display: flex;
  gap: 35px;
  justify-content: space-between;
}
section.contactContent .contactInfo .infos .item {
  display: block;
}
section.contactContent .contactInfo .infos .item .icon {
  width: 24px;
  height: 24px;
  margin-bottom: 35px;
  fill: #40b2ab;
}
section.contactContent .contactInfo .infos .item span, section.contactContent .contactInfo .infos .item p {
  display: flex;
  color: #40b2ab;
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: 27.501px; /* 155.556% */
}
section.contactContent .contactInfo .infos .item span.name, section.contactContent .contactInfo .infos .item p.name {
  margin-bottom: 30px;
}
section.contactContent .contactInfo .infos .item span b, section.contactContent .contactInfo .infos .item p b {
  font-weight: 400;
}
section.contactContent .contactInfo .infos .item span a, section.contactContent .contactInfo .infos .item p a {
  white-space: nowrap;
  color: #40b2ab;
}

section.pointBanner {
  background: #fff;
  padding: 115px 0 0;
}
section.pointBanner .title {
  color: #40b2ab;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 38px; /* 211.111% */
  margin-bottom: 25px;
}
section.pointBanner .description {
  max-width: 1370px;
  color: #40b2ab;
  font-size: 34px;
  font-style: normal;
  font-weight: 400;
  line-height: 56px; /* 164.706% */
  margin-bottom: 130px;
}
section.pointBanner .bottom {
  display: flex;
  align-items: center;
  color: #40b2ab;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  gap: 25px;
  line-height: 30px;
  margin-bottom: 90px;
}
section.pointBanner .bottom .logoArea {
  aspect-ratio: 262/17;
  height: 17px;
}
section.pointBanner .bottom .logoArea img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
section.pointBanner .imgArea {
  aspect-ratio: 1488/158;
}
section.pointBanner .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

section.pointContent {
  margin-bottom: 200px;
}
section.pointContent .dealerCard {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 80px 0;
  border-bottom: 1px solid rgba(113, 96, 79, 0.15);
}
section.pointContent .dealerCard .iconArea {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 7.5px;
  background: #FFF6EC;
  margin-bottom: auto;
}
section.pointContent .dealerCard .iconArea .icon {
  width: 13px;
  height: 16px;
  fill: #40b2ab;
}
section.pointContent .dealerCard .left {
  margin-right: auto;
}
section.pointContent .dealerCard .left .titleArea {
  color: #40b2ab;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  gap: 25px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
section.pointContent .dealerCard .left .titleArea .location {
  color: #40b2ab;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 30px; /* 214.286% */
  text-decoration-line: underline !important;
  display: flex;
  align-items: center;
}
section.pointContent .dealerCard .left .titleArea .location .icon {
  width: 16px;
  fill: #40b2ab;
  height: 16px;
  margin-right: 10px;
}
section.pointContent .dealerCard .left .titleArea .dealer {
  color: #40b2ab;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px; /* 214.286% */
  text-decoration-line: underline !important;
  display: flex;
  flex-shrink: 0;
  align-items: center;
}
section.pointContent .dealerCard .left .titleArea .dealer .icon {
  margin-right: 10px;
  width: 22px;
  fill: #40b2ab;
  height: 14px;
}
section.pointContent .dealerCard .left .address {
  color: #40b2ab;
  margin-top: 15px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px; /* 187.5% */
  display: inline-flex;
}
section.pointContent .dealerCard .dealerBtn {
  padding: 24px 20px;
  width: 260px;
  display: flex;
  gap: 15px;
  justify-content: center;
  align-items: center;
  background: #FFF6EC;
  color: #40b2ab;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  white-space: nowrap;
  line-height: normal;
}
section.pointContent .dealerCard .dealerBtn .icon {
  width: 24.5px;
  height: 25.5px;
  fill: #40b2ab;
}
section.pointContent .dealerCard.deActive {
  opacity: 0.3;
}

section.expertBanner {
  background: #fff;
  padding-top: 45px;
  padding-bottom: 195px;
  margin-bottom: -195px;
}
section.expertBanner .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
section.expertBanner .imgArea {
  aspect-ratio: 393/433;
  height: 433px;
}
section.expertBanner .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
section.expertBanner .titleArea {
  max-width: 860px;
}
section.expertBanner .titleArea .title {
  color: #40b2ab;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 25px;
  line-height: 38px; /* 118.75% */
}
section.expertBanner .titleArea .description {
  color: #40b2ab;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 32px; /* 200% */
}
section.expertBanner .titleArea .description b {
  font-weight: 400;
}
section.expertBanner.type2 {
  padding-bottom: 0;
  margin-bottom: 0;
}
section.expertBanner.type2 .titleArea {
  max-width: 1070px;
}
section.expertBanner.type2 .titleArea .title {
  margin-bottom: 0;
  margin-top: 25px;
  color: #40b2ab;
  font-size: 34px;
  font-style: normal;
  font-weight: 400;
  line-height: 56px; /* 164.706% */
}
section.expertBanner.type2 .imgArea {
  aspect-ratio: 332/508;
  height: 508px;
  margin-top: auto;
}
section.expertBanner.type2 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}

section.expertContent .expertCard {
  display: flex;
  margin-bottom: 20px;
  flex-direction: column;
  border-radius: 20px;
  background: #40b2ab;
  padding: 65px 85px;
}
section.expertContent .expertCard .titleArea {
  display: flex;
  margin-bottom: 20px;
  align-items: flex-start;
  justify-content: space-between;
}
section.expertContent .expertCard .titleArea .title {
  color: #FFF;
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
  line-height: 37px; /* 142.308% */
}
section.expertContent .expertCard .titleArea .btnApply {
  margin-top: 5px;
  display: flex;
  gap: 15px;
  align-items: center;
  color: #FFC90A;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 30.039px; /* 200.26% */
}
section.expertContent .expertCard .titleArea .btnApply .iconArea {
  width: 29px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s ease all;
  border-radius: 20px;
  background: #FFC90A;
}
section.expertContent .expertCard .titleArea .btnApply .iconArea .icon {
  width: 11px;
  height: 11px;
  fill: #40b2ab;
}
section.expertContent .expertCard .titleArea .btnApply:hover .iconArea {
  transform: translateX(10px);
}
section.expertContent .expertCard .location {
  color: #EED5BB;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 29px; /* 181.25% */
  margin-bottom: 40px;
}
section.expertContent .expertCard .description {
  color: #FFF;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 23px; /* 164.286% */
  max-width: 535px;
}

section.expert2Content {
  margin-top: 55px;
  margin-bottom: 115px;
}
section.expert2Content .expertForm .sendBtn {
  background: #40b2ab;
  display: inline-flex;
  padding: 18px 50px;
  color: #FFF;
  font-size: 18px;
  border: 0;
  margin-top: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px; /* 166.667% */
}
section.expert2Content .expertForm .title {
  margin-bottom: 55px;
  color: #40b2ab;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 190% */
  display: flex;
  position: relative;
}
section.expert2Content .expertForm .title:after {
  content: "";
  position: absolute;
  bottom: 2px;
  right: 0;
  left: 210px;
  height: 1px;
  background: rgba(113, 96, 79, 0.15);
}
section.expert2Content .expertForm .form1 {
  margin-bottom: 90px;
}
section.expert2Content .expertForm .form1 .wood {
  display: flex;
  align-items: center;
  color: #40b2ab;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 38px;
  gap: 40px;
}
section.expert2Content .expertForm .form1 .wood b {
  font-weight: 500;
}
section.expert2Content .expertForm .form1 .wood .imgArea {
  aspect-ratio: 195/64;
  height: 64px;
}
section.expert2Content .expertForm .form1 .wood .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}

section.productBanner {
  aspect-ratio: 1920/631;
  width: 100%;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  min-height: 500px;
}
section.productBanner .imgArea {
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  bottom: 0;
}
section.productBanner .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
section.productBanner .imgArea:after {
  content: "";
  background: rgba(0, 0, 0, 0.6);
  mix-blend-mode: darken;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
section.productBanner .content {
  position: relative;
  z-index: 2;
}
section.productBanner .content .filter .productSearch {
  position: relative;
}
section.productBanner .content .filter .productSearch button {
  position: absolute;
  left: 30px;
  top: 50%;
  transform: translateY(-50%);
  border: 1px solid #5F4D3B;
  background: linear-gradient(180deg, #B9AA9B 0%, #40b2ab 100%);
  box-shadow: 0px 0px 18.4px 0px #564433;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  border-radius: 25px;
}
section.productBanner .content .filter .productSearch button .icon {
  fill: #fff;
  width: 24px;
  height: 24px;
}
section.productBanner .content .filter .productSearch input {
  width: 100%;
  border: 0;
  background: #40b2ab;
  border-radius: 20px;
  height: 110px;
  color: #FFF;
  font-size: 16px;
  font-weight: 300;
  padding: 0 30px 0 120px;
}
section.productBanner .content .filter .productSearch input.placeholder {
  opacity: 1;
  color: #fff;
}
section.productBanner .content .filter .productSearch input:-moz-placeholder {
  opacity: 1;
  color: #fff;
}
section.productBanner .content .filter .productSearch input::-moz-placeholder {
  opacity: 1;
  color: #fff;
}
section.productBanner .content .filter .productSearch input:-ms-input-placeholder {
  opacity: 1;
  color: #fff;
}
section.productBanner .content .filter .productSearch input::-webkit-input-placeholder {
  opacity: 1;
  color: #fff;
}
section.productBanner .content .filter .productSearch.white button {
  box-shadow: none;
}
section.productBanner .content .filter .productSearch.white input {
  color: #40b2ab;
  background: #EFE3D7;
}
section.productBanner .content .filter .productSearch.white input.placeholder {
  opacity: 1;
  color: #40b2ab;
}
section.productBanner .content .filter .productSearch.white input:-moz-placeholder {
  opacity: 1;
  color: #40b2ab;
}
section.productBanner .content .filter .productSearch.white input::-moz-placeholder {
  opacity: 1;
  color: #40b2ab;
}
section.productBanner .content .filter .productSearch.white input:-ms-input-placeholder {
  opacity: 1;
  color: #40b2ab;
}
section.productBanner .content .filter .productSearch.white input::-webkit-input-placeholder {
  opacity: 1;
  color: #40b2ab;
}
section.productBanner .content .title {
  color: #FFF;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 44px; /* 183.333% */
  margin-bottom: 65px;
  max-width: 860px;
}
section.productBanner .content .name {
  color: #FFF;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 44px; /* 183.333% */
  margin-bottom: 45px;
}
section.productBanner .content .description {
  margin-top: 55px;
  max-width: 900px;
  color: #FFF;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 34px; /* 170% */
}

section.productContent {
  margin-bottom: 80px;
}
section.productContent .productPiece {
  color: #40b2ab;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 31px;
  margin: 40px 0;
}
section.productContent .productPiece b {
  font-weight: 400;
}

section.productCategoryContent {
  margin: 105px 0;
}
section.productCategoryContent .categoryItems {
  display: flex;
  flex-wrap: wrap;
}
section.productCategoryContent .categoryItems .item {
  width: 33.3%;
  border-bottom: 1px solid rgba(113, 96, 79, 0.2);
  border-left: 1px solid rgba(113, 96, 79, 0.2);
}
section.productCategoryContent .categoryItems .item:nth-last-child(1), section.productCategoryContent .categoryItems .item:nth-last-child(2), section.productCategoryContent .categoryItems .item:nth-last-child(3) {
  border-bottom: none;
}
section.productCategoryContent .categoryItems .item:nth-child(3n+1) {
  border-left: none;
}

section.productDetailBanner {
  background: #fff;
  padding: 130px 0;
}
section.productDetailBanner > .container {
  position: relative;
}
section.productDetailBanner .getInfoPopup {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #fff;
  box-shadow: 0px 0px 200px 0px rgba(113, 96, 79, 0.3);
  z-index: 3;
  display: flex;
  align-items: flex-end;
  padding: 0 100px;
  opacity: 0;
  pointer-events: none;
  transition: 0.3s ease all;
}
section.productDetailBanner .getInfoPopup.active {
  opacity: 1;
  pointer-events: auto;
}
section.productDetailBanner .getInfoPopup .content {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
}
section.productDetailBanner .getInfoPopup .content .title {
  color: #40b2ab;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 61px; /* 152.5% */
  max-width: 560px;
  margin-bottom: 25px;
}
section.productDetailBanner .getInfoPopup .content .description {
  max-width: 550px;
  color: #40b2ab;
  font-size: 22px;
  font-style: normal;
  font-weight: 300;
  line-height: 30px; /* 181.818% */
}
section.productDetailBanner .getInfoPopup .content .callUs {
  margin-top: 80px;
  color: #40b2ab;
  font-size: 22.414px;
  font-style: normal;
  font-weight: 500;
  line-height: 43.427px; /* 193.75% */
  display: flex;
  align-items: center;
  gap: 25px;
  text-decoration-line: underline !important;
}
section.productDetailBanner .getInfoPopup .content .callUs .icon {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  fill: #40b2ab;
  transition: 0.3s ease all;
}
section.productDetailBanner .getInfoPopup .content .callUs:hover .icon {
  animation: shake 1s linear;
}
section.productDetailBanner .getInfoPopup .closeBtn {
  position: absolute;
  right: 45px;
  top: 40px;
  aspect-ratio: 1/1;
  width: 50px;
  cursor: pointer;
  border-radius: 100%;
  border: 1px solid #40b2ab;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
section.productDetailBanner .getInfoPopup .closeBtn .icon {
  width: 19px;
  height: 18px;
  fill: #40b2ab;
}
section.productDetailBanner .getInfoPopup .helpMan {
  margin-top: auto;
  aspect-ratio: 883/589;
  max-height: 589px;
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: 700px;
}
section.productDetailBanner .getInfoPopup .helpMan img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
section.productDetailBanner .name {
  margin-bottom: 25px;
  color: #BEAE9E;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 44px; /* 275% */
}
section.productDetailBanner .title {
  color: #40b2ab;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px; /* 166.667% */
  margin-bottom: 25px;
}
section.productDetailBanner .code {
  margin-bottom: 20px;
  color: #40b2ab;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 50px; /* 312.5% */
}
section.productDetailBanner .colorSelect span {
  color: #40b2ab;
  font-size: 15px;
  font-style: normal;
  font-weight: 300;
  line-height: 50px; /* 333.333% */
}
section.productDetailBanner .colorSelect .colors {
  display: flex;
  gap: 10px;
}
section.productDetailBanner .colorSelect .colors .colorCheckbox {
  width: 30px;
  height: 30px;
  border-radius: 5px;
}
section.productDetailBanner .buttons {
  display: flex;
  gap: 1px;
  margin-top: 40px;
  margin-bottom: 30px;
}
section.productDetailBanner .buttons .buyBtn {
  color: #F9F2E7;
  padding: 18px 0;
  width: 100%;
  justify-content: center;
  display: flex;
  align-items: center;
  gap: 13px;
  background: #40b2ab;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px; /* 162.5% */
  transition: 0.3s ease all;
}
section.productDetailBanner .buttons .buyBtn:hover {
  color: #40b2ab;
  background: #F9F2E7;
}
section.productDetailBanner .buttons .infoBtn {
  background: #F9F2E7;
  padding: 18px 40px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 13px;
  color: #40b2ab;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px; /* 162.5% */
  cursor: pointer;
  transition: 0.3s ease all;
}
section.productDetailBanner .buttons .infoBtn .icon {
  fill: #40b2ab;
  width: 20px;
  height: 20px;
}
section.productDetailBanner .buttons .infoBtn:hover {
  color: #F9F2E7;
  background: #40b2ab;
}
section.productDetailBanner .buttons .infoBtn:hover .icon {
  fill: #F9F2E7;
}
section.productDetailBanner .cargo {
  display: flex;
  align-items: center;
  gap: 15px;
  color: #40b2ab;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px; /* 200% */
  text-transform: capitalize;
}
section.productDetailBanner .cargo .icon {
  width: 18px;
  height: 20px;
  flex-shrink: 0;
  fill: #40b2ab;
  margin-right: 20px;
}
section.productDetailBanner .brand {
  color: #BEAE9E;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 185.714% */
  margin-top: 30px;
}
section.productDetailBanner .brand b {
  font-weight: 700;
}
section.productDetailBanner .imgArea {
  width: 100%;
  height: 557px;
  border-radius: 20px;
  overflow: hidden;
  display: block;
  margin-bottom: 20px;
}
section.productDetailBanner .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

section.productDetailContent .tryArea {
  background: #F9F2E7;
  padding: 105px 0;
}
section.productDetailContent .tryArea .imgArea {
  position: relative;
  aspect-ratio: 544/357;
}
section.productDetailContent .tryArea .imgArea .circle {
  background: #DEDC00;
  width: 195px;
  height: 195px;
  position: absolute;
  border-radius: 50%;
  color: #000;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  top: -44px;
  left: -80px;
  line-height: 23px;
}
section.productDetailContent .tryArea .imgArea .circle b {
  font-weight: 700;
}
section.productDetailContent .tryArea .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
section.productDetailContent .tryArea .content {
  max-width: 730px;
}
section.productDetailContent .tryArea .content .title {
  color: #40b2ab;
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: 49px; /* 188.462% */
  margin-bottom: 35px;
}
section.productDetailContent .tryArea .content .description {
  margin-bottom: 60px;
  color: #40b2ab;
  font-size: 22px;
  font-style: normal;
  font-weight: 300;
  line-height: 42px; /* 190.909% */
}
section.productDetailContent .tryArea .content .tryBtn {
  color: #F9F2E7;
  padding: 18px 40px;
  background: #40b2ab;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px; /* 162.5% */
  display: inline-block;
}
section.productDetailContent .stages {
  display: flex;
  align-items: center;
  margin-bottom: 65px;
}
section.productDetailContent .stages .item {
  padding: 100px 0;
  width: 100%;
  border-bottom: 1px solid rgba(113, 96, 79, 0.15);
  border-left: 1px solid rgba(113, 96, 79, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
section.productDetailContent .stages .item .icon {
  margin-right: 50px;
  width: 66px;
  height: 60px;
  flex-shrink: 0;
  fill: #40b2ab;
}
section.productDetailContent .stages .item .description {
  color: #40b2ab;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 31px; /* 155% */
}
section.productDetailContent .stages .item:nth-child(1) {
  border-left: 0;
}
section.productDetailContent .productTabs {
  margin: 85px 0;
}
section.productDetailContent .productTabs .title {
  color: #40b2ab;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 57px; /* 190% */
  max-width: 970px;
  margin-bottom: 50px;
}
section.productDetailContent .productTabs .productGallery {
  display: flex;
  gap: 30px;
}
section.productDetailContent .productTabs .productGallery .item {
  width: calc(25% - 15px);
  display: block;
}
section.productDetailContent .productTabs .productGallery .item .imgArea {
  aspect-ratio: 348/341;
  border-radius: 20px;
  overflow: hidden;
}
section.productDetailContent .productTabs .productGallery .item .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  transition: 0.3s ease all;
}
section.productDetailContent .productTabs .productGallery .item:hover .imgArea img {
  transform: scale(1.05) rotate(1deg);
}
section.productDetailContent .viewPdf {
  margin-bottom: 85px;
}
section.productDetailContent .viewPdf .title {
  margin-bottom: 85px;
  color: #40b2ab;
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: 57px; /* 219.231% */
}
section.productDetailContent .viewPdf .files {
  display: flex;
  align-items: center;
  gap: 30px;
}
section.productDetailContent .viewPdf .files .file {
  width: calc(25% - 15px);
  padding: 50px 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  border: 1px solid rgba(113, 96, 79, 0.3);
  transition: 0.3s ease all;
}
section.productDetailContent .viewPdf .files .file .icon {
  width: 44px;
  height: 50px;
  flex-shrink: 0;
  margin-right: 30px;
  transition: 0.3s ease all;
}
section.productDetailContent .viewPdf .files .file .name {
  color: #40b2ab;
  font-size: 15px;
  font-style: normal;
  font-weight: 300;
  line-height: 23px; /* 153.333% */
  transition: 0.3s ease all;
}
section.productDetailContent .viewPdf .files .file .name b {
  display: flex;
  font-weight: 500;
}
section.productDetailContent .viewPdf .files .file:hover {
  background: #40b2ab;
}
section.productDetailContent .viewPdf .files .file:hover .name {
  color: #fff;
}
section.productDetailContent .viewPdf .files .file:hover .icon {
  fill: #fff;
}
section.productDetailContent .tutorial {
  margin-bottom: 85px;
}
section.productDetailContent .tutorial .title {
  margin-bottom: 85px;
  color: #40b2ab;
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: 57px; /* 219.231% */
}
section.productDetailContent .questions {
  margin-bottom: 115px;
}
section.productDetailContent .questions .title {
  color: #40b2ab;
  font-size: 25px;
  font-style: normal;
  font-weight: 500;
  line-height: 48.218px;
  padding-bottom: 60px;
  border-bottom: 1px solid rgba(113, 96, 79, 0.15);
}
section.productDetailContent .similarProducts {
  margin-bottom: 70px;
}
section.productDetailContent .similarProducts .title {
  margin-bottom: 70px;
  color: #40b2ab;
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: 29px; /* 90.625% */
}

.technicTable {
  width: 100%;
  border-collapse: separate;
  border-spacing: 20px;
}
.technicTable thead tr th {
  text-align: left;
  padding: 22px 55px;
  color: #40b2ab;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 31px; /* 172.222% */
  background: #F9F2E7;
}
.technicTable tbody tr td {
  padding: 22px 20px 22px 55px;
  border-bottom: 2px solid rgba(113, 96, 79, 0.15);
  color: #40b2ab;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 31px; /* 206.667% */
  vertical-align: middle;
}
.technicTable tbody tr td span {
  font-weight: 500;
  margin-right: auto;
  width: 70%;
  display: inline-flex;
}
.technicTable tbody tr td b {
  font-weight: 600;
}

section.dealerBanner {
  background: #fff;
  padding: 75px 0;
}
section.dealerBanner .title {
  color: #40b2ab;
  font-family: Unbounded;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 64px; /* 160% */
  margin-bottom: 30px;
}
section.dealerBanner .description {
  color: #40b2ab;
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  line-height: 40px; /* 166.667% */
  max-width: 950px;
  margin-bottom: 100px;
}
section.dealerBanner .logoArea {
  aspect-ratio: 262/17;
  height: 17px;
  margin-bottom: 65px;
}
section.dealerBanner .imgArea {
  height: 322px;
  max-width: 100%;
  aspect-ratio: 1488/322;
}
section.dealerBanner .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
section.dealerBanner .bottom {
  display: flex;
  align-items: flex-end;
  gap: 64px;
  margin-top: 60px;
}
section.dealerBanner .bottom .info {
  max-width: 445px;
  color: #40b2ab;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 56px; /* 155.556% */
}
section.dealerBanner .bottom p {
  max-width: 900px;
  color: #40b2ab;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 34px; /* 170% */
}

section.dealerContent {
  margin-top: 55px;
}
section.dealerContent .dealerForm .sendBtn {
  background: #40b2ab;
  display: inline-flex;
  padding: 18px 50px;
  color: #FFF;
  font-size: 18px;
  border: 0;
  margin-top: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px; /* 166.667% */
}
section.dealerContent .dealerForm .title {
  margin-bottom: 45px;
  color: #40b2ab;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 190% */
  display: flex;
  position: relative;
}
section.dealerContent .dealerForm .title:after {
  content: "";
  position: absolute;
  bottom: 2px;
  right: 0;
  left: 210px;
  height: 1px;
  background: rgba(113, 96, 79, 0.15);
}
section.dealerContent .dealerForm .form {
  margin-bottom: 15px;
}
section.dealerContent .dealerForm .checboxArea {
  display: flex;
  gap: 45px;
  margin-bottom: 45px;
}
section.dealerContent .dealerForm .dealerType {
  background: #FFF;
  align-items: center;
  justify-content: space-between;
  display: flex;
  padding: 0 45px 0 35px;
}
section.dealerContent .dealerForm .dealerType .typeTitle {
  color: #40b2ab;
  border-right: 1px solid #F8F8F8;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 38px; /* 172.727% */
  padding: 30px 190px 30px 0;
}
section.dealerContent .dealerForm .dealerType .content {
  display: flex;
  border-right: 1px solid #F8F8F8;
  gap: 75px;
  white-space: nowrap;
  padding: 30px 100px 30px 55px;
}
section.dealerContent .dealerForm .dealerType .description {
  color: #40b2ab;
  padding-left: 60px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px; /* 187.5% */
}
section.dealerContent .dealerForm textarea {
  height: 159px;
}
section.dealerContent .bottomNumbers {
  margin-top: 90px;
  margin-bottom: 20px;
}
section.dealerContent .bottomNumbers .imgArea {
  border-radius: 0 0 20px 20px;
  aspect-ratio: 1488/168;
  overflow: hidden;
}
section.dealerContent .bottomNumbers .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

section.questionsContent {
  margin-top: 125px;
}
section.questionsContent .questionAccordions .titleArea {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 120px;
  gap: 60px;
}
section.questionsContent .questionAccordions .titleArea .description {
  max-width: 628px;
  color: #40b2ab;
  text-align: right;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 32px; /* 160% */
}
section.questionsContent .questionAccordions .titleArea .title {
  color: #40b2ab;
  width: 100%;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 48.218px;
}
section.questionsContent .questionAccordions .items {
  display: flex;
  justify-content: space-between;
  gap: 60px;
}
section.questionsContent .questionAccordions .items .item {
  border-top: 1px solid rgba(113, 96, 79, 0.15);
  max-width: 646px;
}

.careerForm {
  padding: 150px 0;
  background: #fff;
}
.careerForm .content {
  max-width: 520px;
  display: flex;
  flex-direction: column;
  height: 100%;
  align-items: flex-start;
}
.careerForm .content .customcheckbox1 {
  margin-top: 110px;
}
.careerForm .content .imgArea {
  height: 267px;
  aspect-ratio: 237/267;
  position: relative;
}
.careerForm .content .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
.careerForm .content .imgArea:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFF 100%);
  height: 150px;
}
.careerForm .content .title {
  color: #40b2ab;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 56px; /* 175% */
  margin-bottom: 40px;
}
.careerForm .content .description {
  color: #40b2ab;
  font-size: 22px;
  font-style: normal;
  font-weight: 300;
  line-height: 40px; /* 181.818% */
}
.careerForm .form {
  margin-top: 80px;
}
.careerForm .form .fileDowland {
  display: flex;
  background: #FFFBF5;
  color: #40b2ab;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px; /* 187.5% */
  padding: 15px 15px 15px 35px;
  align-items: center;
  justify-content: space-between;
}
.careerForm .form .fileDowland .btn {
  pointer-events: auto;
  padding: 12px 140px;
  border-radius: 300px;
  background: #F1E7DC;
  color: #40b2ab;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 30px; /* 187.5% */
}
.careerForm .form .BtnSend {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  padding: 18px 50px;
  display: block;
  border: 0;
  background: #40b2ab;
  cursor: pointer;
  margin-top: 40px;
}

section.storeBanner {
  background: #fff;
  padding: 130px 0 210px;
  margin-bottom: 130px;
}
section.storeBanner .container {
  display: flex;
  align-items: center;
}
section.storeBanner .container .titleArea {
  max-width: 710px;
}
section.storeBanner .container .titleArea .title {
  color: #40b2ab;
  font-size: 48px;
  font-style: normal;
  font-weight: 500;
  line-height: 70px; /* 145.833% */
  margin-bottom: 100px;
}
section.storeBanner .container .titleArea .viewBtn {
  display: flex;
  color: #40b2ab;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  align-items: center;
  gap: 5px;
}
section.storeBanner .container .titleArea .viewBtn b {
  text-decoration: underline !important;
  font-weight: 500;
}
section.storeBanner .container .titleArea .viewBtn .img {
  aspect-ratio: 124/55;
  height: 55px;
  overflow: hidden;
  border-radius: 55px;
  position: relative;
  margin-right: 30px;
}
section.storeBanner .container .titleArea .viewBtn .img img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
section.storeBanner .container .titleArea .viewBtn .img:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 13px;
  height: 18px;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url("../img/svg/play.svg");
  background: #fff;
}
section.storeBanner .container .titleArea .description {
  margin-top: 100px;
  color: #40b2ab;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 35px;
}
section.storeBanner .container .titleArea .description b {
  font-weight: 400;
}
section.storeBanner .container .imgArea {
  aspect-ratio: 775/688;
  max-height: 688px;
}
section.storeBanner .container .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}

section.storeContent .title {
  max-width: 1340px;
  margin: 0 auto 130px;
  color: #40b2ab;
  text-align: center;
  font-size: 32px;
  font-style: normal;
  font-weight: 200;
  line-height: 53px; /* 165.625% */
}
section.storeContent .numberArea {
  max-width: 1690px;
  margin: 0 auto;
}
section.storeContent .numberArea .imgArea {
  aspect-ratio: 1693/664;
}
section.storeContent .numberArea .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
section.storeContent .numberArea .container {
  padding: 0;
}
section.storeContent .numberArea .cardArea {
  display: flex;
  transform: translateY(-200px);
  margin-bottom: -30px;
  gap: 20px;
  flex-wrap: wrap;
}
section.storeContent .numberArea .cardArea .item {
  max-width: calc(50% - 10px);
}
section.storeContent .numberArea .cardArea .item2 {
  max-width: calc(44% - 10px);
}
section.storeContent .dealerArea {
  position: relative;
  padding-top: 140px;
}
section.storeContent .dealerArea .imgArea {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 250px;
  top: 0;
  z-index: 0;
}
section.storeContent .dealerArea .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
section.storeContent .dealerArea .container {
  z-index: 2;
  position: relative;
}
section.storeContent .dealerArea .dealerTitleArea {
  margin-bottom: 140px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
section.storeContent .dealerArea .dealerTitleArea .dealerTitle {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 42px;
}
section.storeContent .dealerArea .dealerTitleArea .dealerTitle .iconArea {
  padding: 25px;
  background: #000;
  border-radius: 29px;
}
section.storeContent .dealerArea .dealerTitleArea .dealerTitle .iconArea .icon {
  width: 35px;
  height: 33px;
  stroke: #fff;
}
section.storeContent .dealerArea .dealerTitleArea .dealerTitle .text {
  color: #FFF;
  font-size: 64px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px; /* 50% */
}
section.storeContent .dealerArea .dealerTitleArea .img {
  aspect-ratio: 262/17, 25;
  height: 17px;
}
section.storeContent .dealerArea .dealerTitleArea .img img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
section.storeContent .dealerArea .blackCard {
  background: #000;
  padding: 90px 95px;
  border-radius: 20px;
}
section.storeContent .dealerArea .blackCard .icon {
  width: 29px;
  height: 35px;
  fill: #fff;
}
section.storeContent .dealerArea .blackCard .cardTitle {
  margin: 50px 0 40px;
  color: #FFF;
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
  line-height: 42px; /* 140% */
}
section.storeContent .dealerArea .blackCard .description {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 32px;
}
section.storeContent .dealerOpentabs {
  margin-top: 140px;
}
section.storeContent .dealerOpentabs .titleArea {
  display: flex;
  align-items: flex-end;
  gap: 110px;
  margin-bottom: 80px;
}
section.storeContent .dealerOpentabs .titleArea .openTitle {
  color: #40b2ab;
  font-size: 34px;
  font-style: normal;
  font-weight: 500;
  line-height: 58px; /* 170.588% */
}
section.storeContent .dealerOpentabs .titleArea .openDescription {
  color: #9E8D8A;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 36px; /* 200% */
  max-width: 875px;
}
section.storeContent .dealerOpentabs .titleArea .openDescription b {
  font-weight: 400;
}
section.storeContent .dealerOpentabs .tabs .navlist1 {
  margin-bottom: 80px;
}
section.storeContent .dealerOpentabs .dealerGallery .imgArea {
  aspect-ratio: 348/341;
  border-radius: 20px;
  overflow: hidden;
}
section.storeContent .dealerOpentabs .dealerGallery .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
section.storeContent .dealerOpentabs .storeVideoCard {
  position: relative;
  aspect-ratio: 1488/671;
  display: flex;
  border-radius: 20px;
  overflow: hidden;
  transition: 0.3s ease all;
  flex-direction: column;
  justify-content: center;
  padding: 0 60px;
}
section.storeContent .dealerOpentabs .storeVideoCard span {
  color: rgba(255, 255, 255, 0.5);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 36px; /* 225% */
}
section.storeContent .dealerOpentabs .storeVideoCard .name {
  color: #FFFBF6;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 55px; /* 229.167% */
}
section.storeContent .dealerOpentabs .storeVideoCard .imgArea {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
section.storeContent .dealerOpentabs .storeVideoCard .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
section.storeContent .dealerOpentabs .storeVideoCard .playIcon {
  position: absolute;
  width: 100%;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  gap: 95px;
  flex-direction: column;
  justify-content: center;
}
section.storeContent .dealerOpentabs .storeVideoCard .playIcon .iconArea {
  position: relative;
  width: 71px;
  height: 71px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #fff;
}
section.storeContent .dealerOpentabs .storeVideoCard .playIcon .iconArea .icon {
  width: 15px;
  height: 19px;
  fill: #000;
  z-index: 1;
  margin-left: 4px;
}
section.storeContent .dealerOpentabs .storeVideoCard .playIcon .iconArea:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid #fff;
  width: 122px;
  height: 122px;
  opacity: 0.5;
  border-radius: 50%;
  z-index: 0;
}
section.storeContent .dealerOpentabs .storeVideoCard .playIcon .iconArea:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid #fff;
  width: 147px;
  height: 147px;
  opacity: 0.3;
  border-radius: 50%;
  z-index: 0;
}
section.storeContent .storeAdvantages {
  margin-top: 120px;
}
section.storeContent .storeAdvantages > .row {
  --bs-gutter-x: 120px;
}
section.storeContent .storeAdvantages .titleArea {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
section.storeContent .storeAdvantages .titleArea .advantagesTitle {
  margin-bottom: 75px;
  color: #000;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 58px; /* 145% */
}
section.storeContent .storeAdvantages .titleArea .advantagesTitle small {
  font-size: 20px;
}
section.storeContent .storeAdvantages .titleArea .description {
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 39px;
}
section.storeContent .storeAdvantages .titleArea .description b {
  font-weight: 400;
}
section.storeContent .storeAdvantages .advantagesArea {
  border-radius: 20px;
  overflow: hidden;
}
section.storeContent .storeAdvantages .advantagesArea .row > div:nth-child(1) .storeNumberCard {
  border-radius: 20px 0px 0px 0px;
}
section.storeContent .storeAdvantages .advantagesArea .row > div:nth-child(2) .storeNumberCard {
  border-radius: 0px 20px 0px 0px;
}
section.storeContent .storeAdvantages .advantagesArea .row > div:nth-last-child(2) .storeNumberCard {
  border-radius: 0px 0px 0px 20px;
}
section.storeContent .storeAdvantages .advantagesArea .row > div:nth-last-child(1) .storeNumberCard {
  border-radius: 0px 0px 20px 0px;
}
section.storeContent .bottomApply {
  background: #fff;
  position: relative;
  padding: 155px 0;
  margin-top: 130px;
}
section.storeContent .bottomApply .container {
  display: flex;
  justify-content: space-between;
}
section.storeContent .bottomApply .imgArea {
  aspect-ratio: 862/356;
  max-height: 356px;
  position: absolute;
  right: 0;
}
section.storeContent .bottomApply .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
section.storeContent .bottomApply .titleArea {
  max-width: 590px;
}
section.storeContent .bottomApply .titleArea span {
  color: #40b2ab;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 39px; /* 195% */
}
section.storeContent .bottomApply .titleArea .applyTitle {
  color: #40b2ab;
  font-size: 55px;
  font-style: normal;
  font-weight: 500;
  line-height: 39px; /* 70.909% */
  margin: 50px 0 20px;
}
section.storeContent .bottomApply .titleArea .applyDescription {
  color: #40b2ab;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 39px; /* 195% */
  margin-bottom: 65px;
}
section.storeContent .bottomApply .titleArea .applyBtn {
  display: inline-flex;
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px; /* 166.667% */
  background: #40b2ab;
  padding: 18px 60px;
}

.form-group {
  margin-bottom: 30px;
}
.form-group textarea {
  padding: 25px 35px;
  background: #FFFBF5;
  border: 0;
  border-bottom: 2px solid rgba(113, 96, 79, 0.5);
  width: 100%;
  color: #40b2ab;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 30px;
  height: 248px;
  min-height: 81px;
}
.form-group textarea.white {
  background: #fff;
  height: 209px;
}

.customInput1 {
  padding: 25px 35px 32px;
  background: #FFFBF5;
  border: 0;
  border-bottom: 2px solid rgba(113, 96, 79, 0.5);
  width: 100%;
  color: #40b2ab;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 30px;
}
.customInput1::-moz-placeholder {
  color: #40b2ab;
  font-size: 16px;
}
.customInput1::placeholder {
  color: #40b2ab;
  font-size: 16px;
}
.customInput1.white {
  background: #fff;
}

textarea.form-control {
  height: unset;
}

.customcheckbox1 {
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  display: flex;
  padding: 0;
  align-items: flex-start;
  gap: 16px;
  text-align: left;
}
.customcheckbox1 input {
  display: none;
}
.customcheckbox1 input:checked ~ .checkmark {
  background: #40b2ab;
}
.customcheckbox1 input:checked ~ .checkmark:after {
  display: block;
  background: #fff;
}
.customcheckbox1 .checkboxText {
  color: #40b2ab;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 26px; /* 185.714% */
}
.customcheckbox1 .checkboxText a {
  font-weight: 500;
  color: #40b2ab;
  text-decoration: underline !important;
}
.customcheckbox1 .checkmark {
  width: 28px;
  height: 28px;
  transition: 0.3s ease all;
  flex-shrink: 0;
  position: relative;
  border-radius: 5px;
  border: 2px solid #40b2ab;
  background: #fff;
}
.customcheckbox1 .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url("../img/svg/check.svg");
  border-radius: 6px;
  top: 50%;
  background: #fff;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 14px;
  height: 11px;
}

.colorCheckbox {
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  display: flex;
  padding: 0;
  align-items: flex-start;
  gap: 16px;
  text-align: left;
}
.colorCheckbox input {
  display: none;
}
.colorCheckbox input:checked ~ .checkmark {
  border: 2px solid #40b2ab;
}
.colorCheckbox .checkmark {
  width: 29px;
  height: 29px;
  transition: 0.3s ease all;
  flex-shrink: 0;
  position: relative;
  border-radius: 5px;
  background: var(--color);
  border: 2px solid var(--color);
}
.colorCheckbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url("../img/svg/check.svg");
  border-radius: 6px;
  top: 50%;
  background: #fff;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 14px;
  height: 11px;
}

select + .select2 {
  width: 100% !important;
}

.select2-container.select2-container--default .select2-selection--single {
  display: flex;
  align-items: center;
  border-radius: 10px;
  border: 1px solid #EEE;
  background: #FFF;
  height: 100px;
}
.select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #000;
  font-size: 20px;
  font-weight: 800;
  padding: 0 40px;
}
.select2-container.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #D6D6D6;
  font-size: 20px;
  font-weight: 800;
}
.select2-container.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  height: 14px;
  width: 25px;
  background: #D6D6D6;
  right: 25px;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url("../img/svg/caret.html");
  transition: 0.3s ease all;
}
.select2-container.select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}
.select2-container.select2-container--default.select2-container--open .select2-selection__arrow {
  transform: translateY(-50%) rotate(180deg);
}
.select2-container.select2-container--default .select2-dropdown {
  border: 0;
  border-radius: 0 0 10px 10px;
  padding-bottom: 10px;
  overflow: hidden;
}
.select2-container.select2-container--default .select2-dropdown.select2-dropdown--above {
  border-radius: 10px 10px 0 0;
  padding-top: 10px;
  padding-bottom: 0px;
}
.select2-container.select2-container--default .select2-dropdown .select2-search {
  padding: 4px 10px 10px;
}
.select2-container.select2-container--default .select2-dropdown .select2-search .select2-search__field {
  border: 0;
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  border-radius: 4px;
  background: #f9f9f9;
  padding: 14px 20px;
}
.select2-container.select2-container--default .select2-dropdown .select2-results {
  padding-right: 20px;
}
.select2-container.select2-container--default .select2-dropdown .select2-results .select2-results__options {
  max-height: 350px;
}
.select2-container.select2-container--default .select2-dropdown .select2-results .select2-results__options .select2-results__option {
  padding: 15px 20px 15px 40px;
  color: #7F7F7F;
  font-size: 17px;
  font-weight: 500;
  transition: 0.3s ease all;
}
.select2-container.select2-container--default .select2-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__option--selected {
  color: #000;
  background: #fff;
}
.select2-container.select2-container--default .select2-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__message {
  text-align: center;
  padding: 15px 20px;
  font-size: 16px;
}
.select2-container.select2-container--default .select2-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted {
  background-color: rgba(1, 62, 102, 0.031372549);
}
.select2-container.productfilter .select2-selection--single {
  border-radius: 20px;
  background: #fff;
  height: 110px;
  border: 0;
}
.select2-container.productfilter .select2-selection--single .select2-selection__rendered {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 80px 0 60px;
  width: 100%;
}
.select2-container.productfilter .select2-selection--single .select2-selection__rendered span {
  color: #40b2ab;
  font-size: 20px;
  font-weight: 500;
}
.select2-container.productfilter .select2-selection--single .select2-selection__rendered .previmg {
  width: 100px;
  height: 35px;
  border-radius: 40px;
  overflow: hidden;
}
.select2-container.productfilter .select2-selection--single .select2-selection__rendered .previmg img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.select2-container.productfilter .select2-selection--single .select2-selection__placeholder {
  color: #00416B;
  font-size: 18px;
  font-weight: 500;
}
.select2-container.productfilter .select2-selection--single .select2-selection__arrow {
  transform: translateY(-50%) rotate(90deg);
  height: 20px;
  width: 11px;
  background: #40b2ab;
  right: 40px;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url("../img/svg/chevron.svg");
}
.select2-container.productfilter.select2-container--open.select2-container--above .select2-selection--single {
  border-top: 0;
}
.select2-container.productfilter.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: 0;
}
.select2-container.productfilter.select2-container--open .select2-selection__arrow {
  transform: translateY(-50%) rotate(270deg);
}
.select2-container.productfilter .select2-dropdown {
  border: 0;
  border-radius: 0 0 20px 20px;
  overflow: hidden;
  background: #FFFBF5;
}
.select2-container.productfilter .select2-dropdown.select2-dropdown--below {
  border-top: 0;
}
.select2-container.productfilter .select2-dropdown.select2-container--above {
  border-bottom: 0;
}
.select2-container.productfilter .select2-dropdown .select2-results .select2-results__options .select2-results__option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 40px 50px 40px 60px;
  border-top: 1px solid #F5EBE0;
}
.select2-container.productfilter .select2-dropdown .select2-results .select2-results__options .select2-results__option span {
  color: #40b2ab;
  font-size: 20px;
  font-weight: 400;
}
.select2-container.productfilter .select2-dropdown .select2-results .select2-results__options .select2-results__option .previmg {
  width: 100px;
  height: 35px;
  border-radius: 40px;
  overflow: hidden;
}
.select2-container.productfilter .select2-dropdown .select2-results .select2-results__options .select2-results__option .previmg img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.select2-container.productfilter .select2-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__option--selected {
  background-color: rgba(255, 255, 255, 0.3);
}
.select2-container.productfilter .select2-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__option--selected .optiontype1 .text {
  color: #fff;
}
.select2-container.productfilter .select2-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted {
  background-color: rgba(255, 255, 255, 0.1411764706);
}
.select2-container.productfilter .select2-dropdown.select2-dropdown--above {
  border-radius: 10px 10px 0 0;
}
.select2-container.productfilter .select2-dropdown.select2-dropdown--above .select2-results .select2-results__options .select2-results__option {
  border-top: unset;
  border-bottom: 1px solid #F5EBE0;
}

.customFileSelect {
  display: flex;
  padding: 0 30px;
  align-items: center;
  background: #F5E9DD;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.customFileSelect input {
  display: none;
}
.customFileSelect .inputName {
  border-right: 1px solid #E7D6C5;
  width: 50%;
  color: #40b2ab;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px; /* 166.667% */
  margin: 0;
}
.customFileSelect .inputName:after {
  display: none;
}
.customFileSelect .upload {
  display: flex;
  justify-content: center;
  gap: 20px;
  padding: 35px 0;
  width: 50%;
  align-items: center;
  cursor: pointer;
}
.customFileSelect .upload .fileName b {
  color: #40b2ab;
  font-size: 16px;
}
.customFileSelect .upload .fileName span {
  color: rgba(113, 96, 79, 0.5);
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
}
.customFileSelect .upload .fileName.selected {
  display: none;
}
.customFileSelect .upload.active .fileName {
  display: none;
}
.customFileSelect .upload.active .fileName.selected {
  display: block;
}
.customFileSelect .upload .icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  fill: #40b2ab;
}

.gImageArea120 {
  width: 120%;
  transform: translateX(-50%);
  position: relative;
  left: 50%;
  max-width: 100vw;
  margin: 50px 0;
}
.gImageArea120 img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.editorContent b, .editorContent strong {
  font-weight: 400;
}
.editorContent ul li {
  color: #40b2ab;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 37px;
}
.editorContent ul li b {
  font-weight: 500;
}
.editorContent h1 {
  color: #40b2ab;
  font-size: 48px;
  font-style: normal;
  font-weight: 300;
  margin-bottom: 30px;
}
.editorContent h2 {
  color: #40b2ab;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 36px;
}
.editorContent h3 {
  color: #40b2ab;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 64px; /* 200% */
}
.editorContent p {
  color: #40b2ab;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 45px; /* 225% */
}
.editorContent p b, .editorContent p strong {
  font-weight: 500;
}
.accordionItem {
  width: 100%;
  transition: 0.3s ease all;
  border-bottom: 1px solid rgba(113, 96, 79, 0.15);
  padding: 40px 0;
}
.accordionItem .accordionHeader {
  padding-right: 30px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  color: #40b2ab;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 37px; /* 168.182% */
  position: relative;
  cursor: pointer;
}
.accordionItem .accordionHeader:after {
  content: "";
  display: none;
  width: 20px;
  height: 2px;
  background: #40b2ab;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s ease all;
  right: 0;
}
.accordionItem .accordionHeader:before {
  content: "";
  width: 2px;
  display: none;
  height: 20px;
  background: #40b2ab;
  position: absolute;
  top: 50%;
  transform: translate(50%, -50%);
  transition: 0.3s ease all;
  right: 10px;
}
.accordionItem .accordionBody {
  max-height: 0;
  overflow: hidden;
  transition: 0.3s linear all;
  opacity: 0;
}
.accordionItem.active {
  padding: 50px 0 60px;
  transition: 0.3s ease border, 0.3s ease background;
}
.accordionItem.active .accordionHeader:before {
  transform: translate(0, -50%) rotate(90deg);
  height: 12px;
  right: 9px;
}
.accordionItem.active .accordionHeader:after {
  width: 12px;
  right: 4px;
}
.accordionItem.active .accordionBody {
  padding-top: 20px;
  opacity: 1;
  transition: 0.5s ease all;
  max-height: 1500px;
}
.accordionItem.type2 .accordionHeader:after {
  display: flex;
}
.accordionItem.type2 .accordionHeader:before {
  display: flex;
}

.breadcrumb {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 25px 0;
}
.breadcrumb li a {
  color: rgba(113, 96, 79, 0.5);
  font-size: 12px;
  font-weight: 300;
}
.breadcrumb li a:before {
  content: "";
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url("../img/svg/arrow_short.svg");
  background: rgba(113, 96, 79, 0.5);
  width: 6px;
  height: 6px;
  position: relative;
  display: inline-block;
  left: -10px;
}
.breadcrumb li:last-child a {
  color: #40b2ab;
}
.breadcrumb li:last-child a:before {
  background: #40b2ab;
}
.breadcrumb li:first-child a:before {
  display: none;
}

.toc-list {
  align-items: center;
  line-height: 20px;
}
.toc-list li a {
  color: rgba(113, 96, 79, 0.5);
  font-size: 16px;
  font-weight: 300;
}
.toc-list li a:before {
  content: "";
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url("../img/svg/arrow_short.svg");
  background: rgba(113, 96, 79, 0.5);
  width: 6px;
  height: 6px;
  position: relative;
  display: inline-block;
  left: -10px;
}

.toc-title {
  color: #40b2ab;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 47px;
}

section.corporateBanner {
  border-bottom: 1px solid rgba(113, 96, 79, 0.15);
  margin-bottom: 100px;
}
section.corporateBanner .imgArea {
  width: 100%;
  height: 100%;
}
section.corporateBanner .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
section.corporateBanner .content .acarkon {
  color: rgba(113, 96, 79, 0.5);
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 44px;
}
section.corporateBanner .content .title {
  color: #40b2ab;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 44px;
  margin-bottom: 40px;
}
section.corporateBanner .content .description {
  color: #40b2ab;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 32px;
  margin-bottom: 50px;
}
section.corporateBanner .content .subDescription {
  color: #40b2ab;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
}

section.widgetShowroom {
  padding: 200px 0 100px;
  display: flex;
  justify-content: space-between;
  gap: 50px;
  position: relative;
  z-index: 1;
}
section.widgetShowroom .content {
  max-width: 400px;
  padding: 100px 0;
}
section.widgetShowroom .content .subTitle {
  color: rgba(113, 96, 79, 0.5);
  font-size: 32px;
  font-weight: 300;
  margin-bottom: 35px;
}
section.widgetShowroom .content .title {
  color: #40b2ab;
  font-size: 64px;
  font-weight: 300;
  margin-bottom: 50px;
}
section.widgetShowroom .content .description {
  color: #40b2ab;
  font-size: 20px;
  font-weight: 300;
  line-height: 38px; /* 190% */
  margin-bottom: 100px;
}
section.widgetShowroom .content .view {
  display: flex;
  align-items: center;
  gap: 25px;
  color: #40b2ab;
  font-size: 16px;
  font-weight: 400;
}
section.widgetShowroom .content .view .iconArea {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border: 1px solid #40b2ab;
  width: 30px;
  height: 22px;
}
section.widgetShowroom .content .view .iconArea .icon {
  width: 9px;
  height: 9px;
  fill: #40b2ab;
}
section.widgetShowroom .images {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 20px;
  position: relative;
}
section.widgetShowroom .images img {
  max-width: 100%;
  height: auto;
  border-radius: 20px;
}
section.widgetShowroom .images img:nth-child(1), section.widgetShowroom .images img:nth-child(1) {
  grid-column: 1;
}
section.widgetShowroom .images img:nth-child(3) {
  grid-column: 2;
  grid-row: 1/span 2;
  align-self: center;
  justify-self: center;
}
section.widgetShowroom .imageAnimation1 {
  position: absolute;
  aspect-ratio: 207/243;
  left: 25%;
  top: 40px;
  z-index: -1;
  animation: float2 10s infinite alternate ease-in-out;
}
section.widgetShowroom .imageAnimation2 {
  position: absolute;
  aspect-ratio: 592/645;
  left: -300px;
  top: 20%;
  z-index: -1;
  animation: float1 10s infinite alternate ease-in-out;
}

section.widgetOurBrands {
  border-radius: 20px 20px 0px 0px;
  background: #FFF;
  padding: 90px 0;
}
section.widgetOurBrands .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 100px;
}
section.widgetOurBrands .content {
  max-width: 340px;
  flex-shrink: 0;
}
section.widgetOurBrands .content .title {
  color: #40b2ab;
  font-size: 46px;
  font-weight: 300;
  margin-bottom: 35px;
}
section.widgetOurBrands .content .description {
  color: #40b2ab;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 30px; /* 166.667% */
}
section.widgetOurBrands .items {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 60px 50px;
  justify-items: end;
  width: 100%;
}
section.widgetOurBrands .items .item img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
section.widgetOurBrands .items .item:not(.allBrands) {
  aspect-ratio: 125/55;
  width: 125px;
}
section.widgetOurBrands .items .item.allBrands {
  color: #40b2ab;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  grid-column: span 2;
  display: flex;
  align-items: center;
  gap: 25px;
  text-align: right;
}
section.widgetOurBrands .items .item.allBrands .iconArea {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border: 1px solid #40b2ab;
  width: 30px;
  height: 22px;
}
section.widgetOurBrands .items .item.allBrands .iconArea .icon {
  width: 9px;
  height: 9px;
  fill: #40b2ab;
}

section.widgetPromotion1 {
  aspect-ratio: 1712/679;
  display: flex;
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 0 0 20px 20px;
  align-items: flex-end;
  padding: 150px 0;
}
section.widgetPromotion1 .background {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}
section.widgetPromotion1 .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
}
section.widgetPromotion1 .content p {
  color: #FFF;
  font-size: 40px;
  font-weight: 400;
  line-height: 56px; /* 140% */
  max-width: 880px;
}
section.widgetPromotion1 .content .play {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 94px;
  aspect-ratio: 1/1;
  border-radius: 100%;
  background: #fff;
  outline: 17px solid rgba(217, 217, 217, 0.4) !important;
  position: relative;
}
section.widgetPromotion1 .content .play .icon {
  width: 18px;
  height: 24px;
  fill: #1C1B1F;
}
section.widgetPromotion1 .content .play:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  aspect-ratio: 1/1;
  width: 170%;
  border: 1px solid rgba(255, 245, 245, 0.4);
  border-radius: 100%;
}
section.widgetPromotion1 .content .play:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  aspect-ratio: 1/1;
  width: 200%;
  border: 1px solid rgba(255, 245, 245, 0.2);
  border-radius: 100%;
}
section.widgetPromotion1 .content .play:hover {
  outline: 17px solid rgba(217, 217, 217, 0.8) !important;
}

.widget1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 100px 0 75px;
  border-radius: 20px;
  background: #FFF;
  margin-bottom: 20px;
}
.widget1 .imgArea {
  aspect-ratio: 292/245;
}
.widget1 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.widget1 .text {
  color: #40b2ab;
  font-size: 32px;
  font-weight: 500;
  line-height: 42px; /* 131.25% */
  max-width: 580px;
}
.widget1 .formBtn {
  border-radius: 10px;
  background: #FFF6EC;
  padding: 25px 45px;
  color: #40b2ab;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  display: flex;
  align-items: center;
}
.widget1 .formBtn .icon {
  margin-right: 10px;
  fill: #40b2ab;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

.widget2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 20px;
  background: #FFF;
  padding-left: 65px;
  height: 100%;
  gap: 20px;
}
.widget2 .content span {
  color: #40b2ab;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 27px; /* 192.857% */
}
.widget2 .content .text {
  color: #40b2ab;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  margin: 5px 0 25px;
  line-height: 31px; /* 172.222% */
}
.widget2 .content .dealerBtn {
  color: #40b2ab;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 30.039px;
  display: flex;
  align-items: center;
}
.widget2 .content .dealerBtn .iconArea {
  margin-left: 25px;
  border-radius: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 25px;
  background: #40b2ab;
  transition: 0.3s ease all;
}
.widget2 .content .dealerBtn .iconArea .icon {
  fill: #fff;
  width: 11px;
  height: 11px;
}
.widget2 .content .dealerBtn:hover .iconArea {
  transform: translateX(10px);
}
.widget2 .imgArea {
  margin-top: auto;
  flex-shrink: 0;
}
.widget2 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.widget3 {
  position: relative;
  aspect-ratio: 1488/245;
  display: flex;
  margin-top: 65px;
  align-items: center;
}
.widget3 .imgArea {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  border-radius: 20px;
  overflow: hidden;
}
.widget3 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.widget3 .content {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding: 0 100px;
  z-index: 2;
}
.widget3 .content .text {
  color: #FFF;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 42px; /* 131.25% */
  max-width: 580px;
}
.widget3 .content .formBtn {
  display: flex;
  padding: 25px 45px;
  background: #fff;
  color: #40b2ab;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  align-items: center;
  gap: 15px;
  border-radius: 10px;
}
.widget3 .content .formBtn .icon {
  width: 18px;
  height: 17px;
  flex-shrink: 0;
  fill: #40b2ab;
}

.widget4 {
  width: 100%;
  height: 316px;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.widget4 .imgArea {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.widget4 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.widget4 .imgArea:after {
  content: "";
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.widget4 .content {
  width: 100%;
  z-index: 2;
  padding: 0 125px;
}
.widget4 .content .arrow {
  width: 75px;
  height: 75px;
  flex-shrink: 0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 60px;
  right: 70px;
  background: #40b2ab;
  transition: 0.3s ease all;
}
.widget4 .content .arrow .icon {
  fill: #fff;
  width: 32px;
  height: 34px;
  flex-shrink: 0;
  transform: rotate(-45deg);
}
.widget4 .content .date {
  color: #FFF2E4;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 15px;
  display: block;
  margin-bottom: 25px;
}
.widget4 .content .title {
  color: #FFF;
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: 44px; /* 169.231% */
  width: 575px;
  display: block;
}
.widget4.type2 {
  width: 100%;
  height: 467px;
  border-radius: 0;
}
.widget4.type2 .content {
  padding: 80px 90px;
  display: flex;
  height: 100%;
  flex-direction: column;
}
.widget4.type2 .content .arrow {
  position: relative;
  top: unset;
  margin-bottom: auto;
  right: unset;
}
.widget4:hover .arrow {
  transform: translate(10px, -10px);
}

.widget5 {
  border-radius: 20px;
  background: #FFF;
  padding: 60px 0;
  display: flex;
  flex-direction: column;
}
.widget5 .title {
  color: #40b2ab;
  font-size: 26px;
  font-weight: 200;
  line-height: 34px; /* 130.769% */
  padding: 0 44px;
}
.widget5 .title b {
  font-weight: 400;
}
.widget5 .goshop {
  padding: 0 44px;
  margin-top: auto;
}
.widget5 .goshop > span {
  color: #40b2ab;
  font-size: 15px;
  font-weight: 300;
  margin-bottom: 10px;
  display: block;
}
.widget5 .goshop a {
  display: flex;
  align-items: center;
  gap: 16px;
  color: #40b2ab;
  font-size: 15px;
  font-weight: 700;
}
.widget5 .goshop a .iconArea {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  width: 30px;
  height: 22px;
  background: #40b2ab;
}
.widget5 .goshop a .iconArea .icon {
  width: 9px;
  height: 9px;
  fill: #fff;
}

.widget6 {
  border-radius: 20px;
  background: #FFF;
  padding: 48px 44px;
  display: flex;
  flex-direction: column;
  position: relative;
}
.widget6 img {
  position: absolute;
  right: 0;
  z-index: 0;
  bottom: 0;
  width: 70%;
}
.widget6 .title {
  color: #40b2ab;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
  position: relative;
}
.widget6 .description {
  color: #40b2ab;
  font-size: 14px;
  font-weight: 300;
  line-height: 22px; /* 157.143% */
  max-width: 165px;
  margin-bottom: 26px;
  position: relative;
}
.widget6 a {
  display: flex;
  position: relative;
  align-items: center;
  gap: 16px;
  color: #40b2ab;
  font-size: 15px;
  font-weight: 700;
  margin-top: auto;
}
.widget6 a .iconArea {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  width: 30px;
  height: 22px;
  background: #40b2ab;
}
.widget6 a .iconArea .icon {
  width: 9px;
  height: 9px;
  fill: #fff;
}

.goBtn {
  color: #40b2ab;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  display: flex;
  align-items: center;
  transition: 0.3s ease all;
}
.goBtn .iconArea {
  margin-left: 25px;
  border-radius: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 29px;
  height: 22px;
  border: 1px solid #40b2ab;
  transition: 0.3s ease all;
}
.goBtn .iconArea .icon {
  fill: #40b2ab;
  width: 11px;
  height: 11px;
}
.goBtn:hover {
  transform: translateX(10px);
}

.nextBtn {
  display: flex;
  margin-top: 40px;
  color: #40b2ab;
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  align-items: center;
  transition: 0.3s ease all;
}
.nextBtn .iconArea {
  padding: 5px 10px;
  border-radius: 10px;
  border: 1px solid #40b2ab;
  margin-left: 25px;
  display: inline-flex;
}
.nextBtn .iconArea .icon {
  width: 10px;
  min-width: 10px;
  min-height: 9px;
  height: 9px;
  fill: #40b2ab;
  transition: none;
  transform: translateX(0);
}
.nextBtn:hover {
  transform: translateX(10px);
}

.stagesCard {
  --background: #fff;
  background: var(--background);
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 50px 50px 10px;
  align-items: flex-end;
  margin-bottom: 20px;
  border: 1px solid rgba(113, 96, 79, 0.1);
}
.stagesCard .number {
  color: #40b2ab;
  font-size: 50px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  position: relative;
  transition: 0.5s ease all;
}
.stagesCard .number:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 55%;
  background: var(--background);
  width: 100%;
  transition: 0.5s ease all;
}
.stagesCard .content {
  margin-right: auto;
}
.stagesCard .content .title {
  color: #40b2ab;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 20px;
}
.stagesCard .content .description {
  color: #40b2ab;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 34px; /* 161.111% */
  height: 102px;
}
.stagesCard:hover .number {
  transform: translateY(-30px);
}
.stagesCard:hover .number:after {
  transform: translateY(20px);
}
.stagesCard.type2 {
  padding: 0;
  align-items: flex-start;
  background: transparent;
  border: none;
}
.stagesCard.type2 .number {
  color: rgba(113, 96, 79, 0.3);
  font-size: 64px;
  font-weight: 300;
}
.stagesCard.type2 .number:after {
  display: none;
}
.stagesCard.type2 .content .title {
  font-size: 60px;
  line-height: 71px;
  font-weight: 300;
}
.stagesCard.type2 .content .description {
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
  max-width: 715px;
}

.stagesImgCard {
  aspect-ratio: 626/560;
  position: relative;
}
.stagesImgCard img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.stagesImgCard:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateX(-50%);
  width: 510px;
  aspect-ratio: 1/1;
  background-image: url("../img/qualitybottomcardimg2.png");
  background-size: contain;
  background-repeat: no-repeat;
}

.numberCard {
  --background: #40b2ab;
  border-radius: 20px;
  background: var(--background);
  display: flex;
  gap: 40px;
  padding: 50px 50px 70px;
  margin-bottom: 30px;
  align-items: flex-start;
  transition: 0.3s ease all;
}
.numberCard .number {
  color: #fff;
  font-size: 70px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  position: relative;
  transition: 0.3s ease all;
}
.numberCard .number:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 55%;
  background: var(--background);
  width: 100%;
  transition: 0.3s ease all;
}
.numberCard .content {
  margin-top: 20px;
}
.numberCard .content .title, .numberCard .content .cardTitle {
  color: #FFF;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 20px;
}
.numberCard .content .description {
  color: #ECDCCB;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px; /* 161.111% */
  height: 72px;
  overflow: hidden;
}
.numberCard.type2 {
  --background: #fff;
  padding: 100px 50px 20px;
  height: 100%;
  gap: 0;
  margin: 0;
}
.numberCard.type2 .content {
  margin-top: 10px;
  padding-left: 30px;
}
.numberCard.type2 .content .cardTitle {
  color: #40b2ab;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 35px;
}
.numberCard.type2 .content .description {
  color: #40b2ab;
  font-size: 20px;
  font-weight: 300;
  height: auto;
  line-height: 33px;
}
.numberCard.type2 .number {
  padding-right: 30px;
  font-size: 52px;
  color: #40b2ab;
  border-right: 1px solid #F8F0E8;
}
.numberCard.type2:hover {
  --background:#40b2ab ;
}
.numberCard.type2:hover .content .cardTitle {
  color: #fff;
}
.numberCard.type2:hover .content .description {
  color: #fff;
}
.numberCard.type2:hover .number {
  color: #fff;
}
.numberCard:hover .number {
  transform: translateY(calc(50% - 20px));
}
.numberCard:hover .number:after {
  opacity: 0;
  top: 100%;
}

.numberCardRow > div:nth-child(4n+2) .numberCard, .numberCardRow > div:nth-child(4n+3) .numberCard {
  --background: #fff;
}
.numberCardRow > div:nth-child(4n+2) .number, .numberCardRow > div:nth-child(4n+3) .number {
  color: #40b2ab;
}
.numberCardRow > div:nth-child(4n+2) .content .title, .numberCardRow > div:nth-child(4n+2) .content .description, .numberCardRow > div:nth-child(4n+2) .content .cardTitle, .numberCardRow > div:nth-child(4n+3) .content .title, .numberCardRow > div:nth-child(4n+3) .content .description, .numberCardRow > div:nth-child(4n+3) .content .cardTitle {
  color: #40b2ab;
}

.numbercard2 {
  --background: #fff;
  background: var(--background);
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 20px;
  padding: 0;
  align-items: flex-start;
  background: transparent;
  border: none;
}
.numbercard2 .number {
  color: #40b2ab;
  font-style: normal;
  line-height: normal;
  position: relative;
  transition: 0.5s ease all;
  color: rgba(113, 96, 79, 0.3);
  font-size: 64px;
  font-weight: 300;
}
.numbercard2 .content {
  margin-right: auto;
}
.numbercard2 .content .title {
  color: #40b2ab;
  font-style: normal;
  margin-bottom: 20px;
  font-size: 60px;
  line-height: 71px;
  font-weight: 300;
}
.numbercard2 .content .description {
  color: #40b2ab;
  font-style: normal;
  font-weight: 300;
  font-size: 20px;
  line-height: 30px;
  max-width: 715px;
}

.numberCard3 {
  --background: #FFFBF5;
  background: var(--background);
  display: flex;
  padding: 70px 60px;
  align-items: flex-start;
  flex-direction: column;
  transition: 0.3s ease all;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.numberCard3 .number {
  color: rgba(113, 96, 79, 0.3);
  text-align: center;
  font-size: 41.146px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  position: relative;
  transition: 0.3s ease all;
}
.numberCard3 .number:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 55%;
  background: var(--background);
  width: 100%;
  transition: 0.3s ease all;
}
.numberCard3 .content .title {
  color: #40b2ab;
  font-size: 22.065px;
  font-style: normal;
  font-weight: 500;
  line-height: 44.13px; /* 200% */
}
.numberCard3 .content .description {
  color: #40b2ab;
  font-size: 14.185px;
  font-style: normal;
  font-weight: 300;
  line-height: 21.308px; /* 150.22% */
}
.numberCard3:hover .number {
  transform: translateY(-30%);
}
.numberCard3:hover .number:after {
  opacity: 0;
  top: 100%;
}

.storeNumberCard {
  border: 1px solid #E2E2E2;
  padding: 90px 45px;
  display: flex;
  gap: 20px;
  align-items: flex-start;
  position: relative;
  height: 100%;
}
.storeNumberCard .number {
  color: #585858;
  text-align: center;
  font-size: 41px;
  font-weight: 600;
  line-height: normal;
  position: relative;
  transition: 0.3s ease all;
}
.storeNumberCard .number:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 55%;
  background: #FFFBF5;
  width: 100%;
  transition: 0.3s ease all;
}
.storeNumberCard .content {
  color: #585858;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 160% */
}
.storeNumberCard .mainContent {
  position: absolute;
  padding: 0 30px;
  opacity: 0;
  pointer-events: none;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #585858;
  color: #FFF;
  font-size: 16px;
  transition: 0.3s ease all;
  font-style: normal;
  font-weight: 300;
  line-height: 26px; /* 162.5% */
}
.storeNumberCard:hover .mainContent {
  opacity: 1;
  pointer-events: auto;
}

.videoItem {
  width: 100%;
  height: 639px;
  position: relative;
  display: flex;
  border-radius: 20px;
  overflow: hidden;
  transition: 0.3s ease all;
  margin-bottom: 20px;
}
.videoItem .playIcon {
  position: absolute;
  z-index: 2;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
}
.videoItem .playIcon .icon {
  width: 15px;
  height: 19px;
  fill: #000;
  z-index: 1;
  margin-left: 4px;
}
.videoItem .playIcon:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  width: 70px;
  height: 70px;
  opacity: 0.5;
  border-radius: 50%;
  z-index: 0;
}
.videoItem .playIcon:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  width: 90px;
  height: 90px;
  opacity: 0.3;
  border-radius: 50%;
  z-index: 0;
}
.videoItem img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.videoItem:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: #000;
  opacity: 0;
  transition: 0.3s ease all;
  z-index: 1;
}
.videoItem:hover:after {
  opacity: 0.3;
}

.help {
  background: #fff;
  padding-top: 95px;
}
.help .content {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
}
.help .content .title {
  color: #40b2ab;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 61px; /* 152.5% */
  max-width: 560px;
  margin-bottom: 25px;
}
.help .content .description {
  max-width: 550px;
  color: #40b2ab;
  font-size: 22px;
  font-style: normal;
  font-weight: 300;
  line-height: 30px; /* 181.818% */
}
.help .content .callUs {
  margin-top: 80px;
  color: #40b2ab;
  font-size: 22.414px;
  font-style: normal;
  font-weight: 500;
  line-height: 43.427px; /* 193.75% */
  display: flex;
  align-items: center;
  gap: 25px;
  text-decoration-line: underline !important;
}
.help .content .callUs .icon {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  fill: #40b2ab;
  transition: 0.3s ease all;
}
.help .content .callUs:hover .icon {
  animation: shake 1s linear;
}
.help .imgArea {
  margin-top: auto;
  aspect-ratio: 883/589;
  max-height: 589px;
}
.help .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

@keyframes shake {
  0% {
    transform: translate(1px, 1px) rotate(0deg);
  }
  10% {
    transform: translate(1px, 1px) rotate(-4deg);
  }
  20% {
    transform: translate(0px, 0px) rotate(4deg);
  }
  30% {
    transform: translate(1px, 1px) rotate(-4deg);
  }
  40% {
    transform: translate(0px, 0px) rotate(4deg);
  }
  50% {
    transform: translate(1px, 1px) rotate(-4deg);
  }
  60% {
    transform: translate(0px, 0px) rotate(4deg);
  }
  70% {
    transform: translate(1px, 1px) rotate(-4deg);
  }
  80% {
    transform: translate(0px, 0px) rotate(-3deg);
  }
  90% {
    transform: translate(1px, 1px) rotate(-2deg);
  }
  100% {
    transform: translate(0px, 0px) rotate(1deg);
  }
}
.newsCard {
  padding: 75px 65px 55px 85px;
  background: #fff;
  display: block;
  border: 1px solid rgba(113, 96, 79, 0.1);
}
.newsCard .editorContent {
  padding-right: 70px;
}
.newsCard .editorContent h2 {
  color: #40b2ab;
  font-size: 24px;
  font-weight: 500;
  line-height: 37px;
}
.newsCard .editorContent p {
  color: rgba(113, 96, 79, 0.6);
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 29px; /* 181.25% */
}
.newsCard .bottom {
  margin-top: 55px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.newsCard .bottom .date {
  color: #40b2ab;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
}
.newsCard .bottom .number {
  color: rgba(113, 96, 79, 0.3);
  font-size: 40px;
  font-style: normal;
  font-weight: 300;
  line-height: 26px;
}

.newsSlider {
  position: relative;
  padding-top: 100px;
  overflow: unset;
  padding-bottom: 80px;
}
.newsSlider .swiper-slide {
  transition: 0.3s ease all;
  opacity: 0;
}
.newsSlider .swiper-slide.swiper-slide-next .trendsItem {
  transform: translateX(-32.5px);
}
.newsSlider .swiper-slide.swiper-slide-next .trendsItem .content {
  padding-left: 110px;
}
.newsSlider .swiper-slide.swiper-slide-next .newsCard {
  padding-left: 120px;
  transform: translateX(-32.5px);
}
.newsSlider .swiper-slide.swiper-slide-active {
  transform: translate(0, 80px);
  z-index: 2;
  opacity: 1;
}
.newsSlider .swiper-slide.swiper-slide-next {
  opacity: 1;
}
.newsSlider .swiper-slide .trendsItem {
  width: calc(100% + 32.5px);
}
.newsSlider .swiper-slide .newsCard {
  width: calc(100% + 32.5px);
}
.newsSlider .swiper-slide:nth-child(even) .trendsItem {
  flex-direction: column-reverse;
}
.newsSlider .swiperButtons {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  display: flex;
  gap: 15px;
}
.newsSlider .swiper-button-next, .newsSlider .swiper-button-prev {
  position: relative;
  top: unset;
  left: unset;
  right: unset;
  bottom: unset;
  margin: 0;
  border: 1px solid #40b2ab;
  padding: 16px 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 57px;
  width: auto;
}
.newsSlider .swiper-button-next span, .newsSlider .swiper-button-prev span {
  height: 2px;
  width: 0;
  transform: translateX(-2px);
  margin-right: -1px;
  opacity: 0.8;
  background: #40b2ab;
  display: flex;
  position: relative;
  transition: 0.3s ease all;
}
.newsSlider .swiper-button-next span:after, .newsSlider .swiper-button-prev span:after {
  content: "";
}
.newsSlider .swiper-button-next .icon, .newsSlider .swiper-button-prev .icon {
  width: 15px;
  fill: #40b2ab;
  height: 14px;
  flex-shrink: 0;
  transition: 0.3s ease all;
}
.newsSlider .swiper-button-next:after, .newsSlider .swiper-button-prev:after {
  display: none;
}
.newsSlider .swiper-button-next:hover span, .newsSlider .swiper-button-prev:hover span {
  width: 32px;
}
.newsSlider .swiper-button-next {
  transform: rotate(-180deg);
}

.newsSlide {
  overflow: hidden;
  width: 100%;
  margin-top: 120px;
  margin-bottom: 120px;
}
.newsSlide .titleArea {
  margin: 35px auto 75px;
}
.newsSlide .titleArea .title {
  text-align: center;
  color: #40b2ab;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 65% */
  margin-top: 25px;
}
.newsSlide .titleArea .description {
  text-align: center;
  color: rgba(113, 96, 79, 0.8);
  font-size: 16px;
  font-style: normal;
  width: 1000px;
  margin: 35px auto 75px;
  font-weight: 300;
  line-height: 29px; /* 181.25% */
}
.newsSlide .titleArea .acarkon {
  color: rgba(113, 96, 79, 0.5);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  text-align: center;
}

.logos {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.logos .items {
  width: 33%;
  padding: 12px 0;
  border: 1px solid rgba(113, 96, 79, 0.05);
}
.logos .items img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  aspect-ratio: 264/166;
  max-height: 166px;
}
.logos .items:nth-child(3n) {
  border-left: none;
}
.logos .items:nth-child(3n+1) {
  border-right: none;
}
.logos .items:nth-child(n+4):nth-child(-n+6) {
  border-top: 0;
  border-bottom: 0;
}
.logos.type2 {
  margin: 100px 0;
}
.logos.type2 .items {
  padding: 45px 0;
}
.logos.type2 .items img {
  aspect-ratio: 159/100;
  max-height: 100px;
}

.fastLinks {
  padding-bottom: 75px;
  border-bottom: 1px solid rgba(113, 96, 79, 0.05);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.fastLinks .items {
  aspect-ratio: 125/54;
}
.fastLinks .items img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}

.productcard1 {
  border: 1px solid #FAEEE3;
  padding: 40px;
  background: #FFF;
  aspect-ratio: 373/450;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  position: relative;
}
.productcard1 .newTag {
  background: #EBFA92;
  color: #000;
  font-size: 13px;
  font-weight: 700;
  text-transform: capitalize;
  position: absolute;
  right: 30px;
  top: 30px;
  padding: 5px 12px;
}
.productcard1 .discountTag {
  background: #FAB792;
  color: #000;
  font-size: 13px;
  font-weight: 700;
  text-transform: capitalize;
  position: absolute;
  right: 30px;
  top: 30px;
  padding: 5px 12px;
}
.productcard1 .brand {
  font-size: 12px;
  line-height: 26px;
  color: #BEAE9E;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 15px;
}
.productcard1 .brand b {
  font-weight: 700;
}
.productcard1 .name {
  color: #40b2ab;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 145% */
  text-transform: capitalize;
  max-width: 260px;
  margin-bottom: 30px;
}
.productcard1 .imgArea {
  aspect-ratio: 313/153;
  margin: auto 0;
  max-width: 313px;
}
.productcard1 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.productcard1 .code {
  display: block;
  color: #BEAE9E;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px; /* 207.143% */
  margin-top: 30px;
}
.productcard1 .code b {
  color: #40b2ab;
  font-size: 14px;
}
.productcard1.type2 .imgArea {
  aspect-ratio: 189/123;
  max-width: 189px;
}
.productcard1.radius {
  border-radius: 20px;
  border: 0;
  aspect-ratio: 411/478;
  max-width: 411px;
}

.productCard2 {
  border-radius: 20px;
  overflow: hidden;
  display: block;
  border: 1px solid #EDE7E1;
  margin-bottom: 150px;
}
.productCard2 .imgArea {
  display: block;
  aspect-ratio: 411/226;
  width: 100%;
  background: #fff;
}
.productCard2 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.productCard2 .content {
  padding: 50px;
  border-top: 1px solid #EDE7E1;
  background: #FFF;
}
.productCard2 .content .title {
  color: #40b2ab;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 40px;
  line-height: 29px; /* 145% */
  max-width: 285px;
}
.productCard2 .content .date {
  color: #40b2ab;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 29px;
  max-width: 285px;
}
.productCard2 .content .nextBtn {
  margin-top: 40px;
  transition: 0.3s ease all;
}
.productCard2 .content .nextBtn .iconArea {
  margin: 0;
  background: #40b2ab;
}
.productCard2 .content .nextBtn .icon {
  fill: #fff;
}

.productcategoryCard {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  aspect-ratio: 495/499;
  padding: 60px 65px 40px;
}
.productcategoryCard .piece {
  margin-bottom: 85px;
  color: #40b2ab;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 44px; /* 275% */
  display: inline-block;
  padding: 0 20px;
  border-radius: 500px;
  background: #FCF2E8;
  transition: 0.3s ease all;
}
.productcategoryCard .imgArea {
  aspect-ratio: 364/131;
  margin-bottom: 40px;
  max-width: 100%;
}
.productcategoryCard .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.productcategoryCard .name {
  margin-top: auto;
  margin-bottom: 25px;
  color: #40b2ab;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px; /* 183.333% */
}
.productcategoryCard .viewAll {
  color: #40b2ab;
  text-align: right;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 344.415% */
  display: flex;
  gap: 20px;
  max-height: 0;
  opacity: 0;
  transition: 0.3s ease all;
}
.productcategoryCard .viewAll .iconArea {
  border-radius: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 29px;
  height: 22px;
  border: 1px solid #40b2ab;
  transition: 0.3s ease all;
}
.productcategoryCard .viewAll .iconArea .icon {
  fill: #40b2ab;
  width: 11px;
  height: 11px;
}
.productcategoryCard .viewAll:hover .iconArea {
  transform: translateX(20px);
}
.productcategoryCard:hover {
  background: #FCF2E8;
}
.productcategoryCard:hover .piece {
  background: #fff;
}
.productcategoryCard:hover .viewAll {
  max-height: 23px;
  opacity: 1;
}

.showcaseItem {
  height: 266px;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 25px;
}
.showcaseItem .imgArea {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}
.showcaseItem .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.showcaseItem .subTitle {
  color: #FFF;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
}
.showcaseItem .title {
  color: #FFF;
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 5px;
}
.showcaseItem .arrow {
  margin-bottom: 25px;
  width: 30px;
  height: 25px;
  border: 3px solid #fff;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.showcaseItem .arrow .icon {
  width: 9px;
  height: 9px;
  fill: #fff;
}

.customTabContent {
  position: relative;
  margin-top: 45px;
}
.customTabContent .tab {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.customTabContent .tab.active {
  position: relative;
  opacity: 1;
  pointer-events: auto;
  overflow: unset;
}

.navlist1 {
  display: flex;
  gap: 20px;
  margin-bottom: 60px;
}
.navlist1 a {
  display: block;
  padding: 18px 48px;
  border-radius: 150px;
  border: 1px solid #F6E6E3;
  background: #FFF;
  color: #40b2ab;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  opacity: 0.5;
  line-height: 36px; /* 225% */
  transition: 0.3s ease all;
}
.navlist1 a:hover, .navlist1 a.active {
  opacity: 1;
}

.navlist2 {
  display: flex;
  justify-content: center;
  gap: 95px;
  align-items: center;
}
.navlist2 a {
  color: rgba(113, 96, 79, 0.5);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 31px; /* 172.222% */
}
.navlist2 a.active, .navlist2 a:hover {
  color: #40b2ab;
}

.collectionItem {
  display: flex;
  flex-direction: column;
  height: 100%;
  border: 1px solid rgba(113, 96, 79, 0.05);
  aspect-ratio: 1/1;
  justify-content: center;
  padding: 20px 80px;
  transition: 0.3s ease all;
  gap: 0px;
}
.collectionItem .img {
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: left center;
  -webkit-mask-image: var(--img);
  height: 55px;
  background: #40b2ab;
  transition: 0.3s ease all;
}
.collectionItem .subCategory {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-left: 20px;
  max-height: 0;
  overflow: hidden;
  transition: 0.3s ease all;
}
.collectionItem .subCategory li a {
  font-size: 14px;
  position: relative;
  color: #40b2ab;
}
.collectionItem .subCategory li a:before {
  content: "";
  position: absolute;
  left: -20px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 5px;
  background: #40b2ab;
  border-radius: 8px;
  transition: 0.3s ease all;
}
.collectionItem .subCategory li a:hover {
  color: #DA415E;
}
.collectionItem .subCategory li a:hover:before {
  background: #DA415E;
}
.collectionItem .showproducts {
  transition: 0.3s ease all;
  color: #40b2ab;
  display: flex;
  align-items: center;
  gap: 35px;
  opacity: 0;
  margin-bottom: -25px;
}
.collectionItem .showproducts .arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 29px;
  height: 22px;
  border: 1px solid #40b2ab;
  border-radius: 20px;
  transition: 0.3s ease all;
}
.collectionItem .showproducts .arrow .icon {
  fill: #40b2ab;
  width: 9px;
  height: 9px;
  transition: 0.3s ease all;
}
.collectionItem:hover {
  gap: 20px;
  background: #FFF8F0;
}
.collectionItem:hover .img {
  background: #DA415E;
}
.collectionItem:hover .subCategory {
  opacity: 1;
  max-height: 500px;
}
.collectionItem:hover .showproducts {
  margin-top: 0;
  opacity: 1;
  color: #DA415E;
}
.collectionItem:hover .showproducts .arrow {
  border-color: #DA415E;
}
.collectionItem:hover .showproducts .arrow .icon {
  fill: #DA415E;
}

.collaboratorItem {
  outline: 1px solid #FAEEE3;
  background: #FFF;
  aspect-ratio: 372/489;
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  overflow: hidden;
}
.collaboratorItem .info {
  position: absolute;
  left: -1px;
  right: -1px;
  bottom: -1px;
  background: rgba(255, 255, 255, 0.5);
  -webkit-backdrop-filter: blur(45px);
          backdrop-filter: blur(45px);
  padding: 30px 60px;
}
.collaboratorItem .info .tag {
  color: #40b2ab;
  font-size: 13px;
  font-weight: 250;
}
.collaboratorItem .info .name {
  color: #40b2ab;
  font-size: 20px;
  font-weight: 400;
}
.collaboratorItem img {
  transform: scale(1);
  transition: 0.3s ease all;
  max-height: 100%;
}
.collaboratorItem:hover img {
  transform: scale(1.1);
}

.architectItem {
  position: relative;
  z-index: 1;
}
.architectItem .imgArea {
  aspect-ratio: 499/477;
  padding-top: 20px;
  display: flex;
  max-height: 477px;
  align-items: center;
  justify-content: center;
  background: linear-gradient(197deg, #FFF1EB -1.28%, #F4D9CC 66.1%);
  overflow: hidden;
}
.architectItem .imgArea img {
  aspect-ratio: 321/438;
  transition: 0.3s ease all;
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
.architectItem .content {
  padding: 35px 55px;
  background: #fff;
  display: flex;
  flex-direction: column;
}
.architectItem .content .work {
  color: rgba(113, 96, 79, 0.7);
  font-size: 15px;
  font-weight: 300;
  font-style: normal;
}
.architectItem .content .name {
  color: #40b2ab;
  font-size: 27px;
  font-style: normal;
  font-weight: 400;
  margin: 15px 0 10px;
  line-height: 30px;
}
.architectItem .content .branch {
  color: #40b2ab;
  font-size: 21px;
  font-style: normal;
  font-weight: 300;
}
.architectItem .nextBtn .iconArea {
  transition: 0.3s ease all;
}
.architectItem .nextBtn:hover {
  transform: translateX(0);
}
.architectItem .nextBtn:hover .iconArea {
  transform: translateX(10px);
}
.architectItem:hover .imgArea {
  animation: waveAnimation 5s linear infinite;
}
.architectItem:hover .imgArea img {
  transform: scale(1.1);
}

.bottomForm {
  padding: 150px 0;
  background: #fff;
}
.bottomForm .content {
  max-width: 520px;
  display: flex;
  flex-direction: column;
  height: 100%;
  align-items: flex-start;
}
.bottomForm .content .customcheckbox1 {
  margin-top: auto;
}
.bottomForm .content .imgArea {
  height: 64px;
  aspect-ratio: 195/64;
  margin-bottom: 45px;
}
.bottomForm .content .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
.bottomForm .content .title {
  color: #40b2ab;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 56px; /* 175% */
  margin-bottom: 40px;
}
.bottomForm .content .description {
  color: #40b2ab;
  font-size: 22px;
  font-style: normal;
  font-weight: 300;
  line-height: 40px; /* 181.818% */
}
.bottomForm .form .BtnSend {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  padding: 18px 50px;
  display: block;
  border: 0;
  background: #40b2ab;
  cursor: pointer;
}

.linkDropdown {
  width: 100%;
  border-radius: 20px;
  background: #FFFBF5;
  box-shadow: 6px 12px 14.4px 0px rgba(17, 17, 17, 0.3);
  position: relative;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.linkDropdown .list {
  display: flex;
  background: #fff;
  flex-direction: column;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  border-radius: 0 0 20px 20px;
  border: 1px solid #F5EBE0;
  border-top: 0;
  opacity: 0;
  pointer-events: none;
}
.linkDropdown .list a {
  border-top: 1px solid #F5EBE0;
  padding: 20px 40px;
  display: block;
}
.linkDropdown .list a:hover {
  background: #FFFBF5;
}
.linkDropdown .selected {
  color: #40b2ab;
  font-size: 20px;
  font-weight: 500;
  padding: 29px 55px 29px 40px;
  position: relative;
  cursor: pointer;
}
.linkDropdown .selected:after {
  content: "";
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url("../img/svg/arrow_short.svg");
  width: 15px;
  height: 13px;
  transform: translateY(-50%) rotate(90deg);
  position: absolute;
  top: 50%;
  right: 40px;
  background: #40b2ab;
  transition: 0.3s ease all;
}
.linkDropdown.active {
  border-radius: 20px 20px 0 0;
}
.linkDropdown.active .list {
  opacity: 1;
  pointer-events: auto;
}
.linkDropdown.active .selected:after {
  transform: translateY(-50%) rotate(270deg);
}

.trendsItem {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
}
.trendsItem .content {
  border: 1px solid rgba(113, 96, 79, 0.1);
  background: #FFF;
  border-bottom: 0;
  padding: 40px 80px;
  position: relative;
  display: flex;
  flex-direction: column;
  transition: 0.3s ease all;
}
.trendsItem .content .title {
  color: #40b2ab;
  font-size: 24px;
  font-weight: 500;
  line-height: 40px; /* 166.667% */
  margin-bottom: 15px;
}
.trendsItem .content .description {
  color: rgba(113, 96, 79, 0.6);
  font-size: 16px;
  font-weight: 300;
  line-height: 26px; /* 162.5% */
}
.trendsItem .content .number {
  position: absolute;
  right: 30px;
  bottom: 40px;
  color: rgba(113, 96, 79, 0.3);
  font-size: 40px;
  font-weight: 250;
}
.trendsItem .content .readMore {
  margin-top: auto;
}
.trendsItem .imgArea {
  aspect-ratio: 775/450;
}
.trendsItem .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}/*# sourceMappingURL=style.css.map */