@import url("../webfonts/CosiTimes/stylesheet.css");
@import url("https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
:root {
  --white-clr:#ffffff;
  --base-clr: #D07F7B;
  --body-clr: #777777;
  --light-clr: #FFFFFF;
  --dark-clr: #413C3C;
  --title-clr: #282525;
  --clr-sand:#F2EDE7;
  --clr-gold:#CBAA7C;
  --clr-mono900:#282525;
  --clr-mono800:#413C3C;
  --clr-mono600:#A9A2A2;
  --clr-mono700:#776E6E;
  --clr-mono400:#DAD7D7;
  --clr-mono300:#F0EFEE;
  --clr-mono100:#FFFFFF;
  --clr-mono500:#C2BDBD;
  --dark-clr-rgb: 24,24,24;
  --section-gray: #FAFAFA;
  --ff-1:"Cosi Times";
  --ff-2:"Work Sans", sans-serif;
  --container-space:3.75rem;
  --sec-space:7.55rem;
  --sec-md-space:5rem;
  --small-size:12px;
}
@media only screen and (max-width: 767.98px) {
  :root {
    --container-space:20px;
    --sec-space:50px;
    --sec-md-space:30px;
  }
}

body, html {
  padding: 0;
  margin: 0;
  font-size: 16px;
  color: var(--clr-mono900);
  line-height: 140%;
  font-family: var(--ff-2);
  background: var(--white-clr);
  font-weight: 300;
}
@media screen and (max-width:1350px) and (min-width: 991.98px) {
  body, html {
    font-size: 1.185vw;
  }
}
@media only screen and (max-width: 991.98px) {
  body, html {
    font-size: 14px;
  }
}

.base-typo {
  font-size: 16px;
  line-height: 140%;
}
@media screen and (max-width:1350px) and (min-width: 991.98px) {
  .base-typo {
    font-size: 1.185vw;
  }
}
@media only screen and (max-width: 991.98px) {
  .base-typo {
    font-size: 14px;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  color: var(--title-clr);
  font-family: var(--ff-1);
  line-height: 110%;
  font-weight: 500;
}
@media only screen and (max-width: 767.98px) {
  h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 140%;
  }
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: currentColor;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
  color: var(--title-clr);
}

h1, .title-h1, .title-h1 h1 {
  font-size: 7.5rem;
}
@media only screen and (max-width: 991.98px) {
  h1, .title-h1, .title-h1 h1 {
    font-size: 4rem;
  }
}

h2, .title-h2, .title-h2 h2 {
  font-size: 7.5rem;
  font-family: var(--ff-2);
}
@media only screen and (max-width: 991.98px) {
  h2, .title-h2, .title-h2 h2 {
    font-size: 5.714rem;
  }
}

h3, .title-h3, .title-h3 h3 {
  font-size: 3.75rem;
}
@media only screen and (max-width: 991.98px) {
  h3, .title-h3, .title-h3 h3 {
    font-size: 2.85rem;
  }
}

h4, .title-h4, .title-h4 h4 {
  font-size: 1.5rem;
}
@media only screen and (max-width: 991.98px) {
  h4, .title-h4, .title-h4 h4 {
    font-size: 2.285rem;
  }
}

h5, .title-h5, .title-h5 h5 {
  font-size: 1.5rem;
}
@media only screen and (max-width: 991.98px) {
  h5, .title-h5, .title-h5 h5 {
    font-size: 1.71rem;
  }
}

h6, .title-h6, .title-h6 h6 {
  font-size: 1.14rem;
}

small, .text-small, .text-sm {
  font-size: var(--small-size);
}

.ls-10 {
  letter-spacing: 10px;
}
@media only screen and (max-width: 991.98px) {
  .ls-10 {
    letter-spacing: 6px;
  }
}

.ls-2 {
  letter-spacing: 2px;
}

.ff-base {
  font-family: var(--ff-2);
}

.ff-heading {
  font-family: var(--ff-1);
}

@media only screen and (min-width: 991.98px) {
  .text-lg-sm {
    font-size: var(--small-size);
  }
}

@media only screen and (max-width: 991.98px) {
  .text-sm-h5 {
    font-size: 1.71rem;
  }
  .text-sm-h5 h1, .text-sm-h5 h2, .text-sm-h5 h3, .text-sm-h5 h4, .text-sm-h5 h5, .text-sm-h5 h6 {
    font-size: 1.71rem;
  }
}

@media only screen and (max-width: 991.98px) {
  .text-sm-32 {
    font-size: 32px;
  }
}

.fw-100 {
  font-weight: 100;
}
.fw-100 h1, .fw-100 h2, .fw-100 h3, .fw-100 h4, .fw-100 h5, .fw-100 h6 {
  font-weight: 100;
}

.fw-200 {
  font-weight: 200;
}
.fw-200 h1, .fw-200 h2, .fw-200 h3, .fw-200 h4, .fw-200 h5, .fw-200 h6 {
  font-weight: 200;
}

.fw-200 {
  font-weight: 200;
}
.fw-200 h1, .fw-200 h2, .fw-200 h3, .fw-200 h4, .fw-200 h5, .fw-200 h6 {
  font-weight: 200;
}

.fw-400 {
  font-weight: 400;
}
.fw-400 h1, .fw-400 h2, .fw-400 h3, .fw-400 h4, .fw-400 h5, .fw-400 h6 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}
.fw-500 h1, .fw-500 h2, .fw-500 h3, .fw-500 h4, .fw-500 h5, .fw-500 h6 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}
.fw-600 h1, .fw-600 h2, .fw-600 h3, .fw-600 h4, .fw-600 h5, .fw-600 h6 {
  font-weight: 600;
}

.fw-700 {
  font-weight: 700;
}
.fw-700 h1, .fw-700 h2, .fw-700 h3, .fw-700 h4, .fw-700 h5, .fw-700 h6 {
  font-weight: 700;
}

.fw-800 {
  font-weight: 800;
}
.fw-800 h1, .fw-800 h2, .fw-800 h3, .fw-800 h4, .fw-800 h5, .fw-800 h6 {
  font-weight: 800;
}

.fw-900 {
  font-weight: 900;
}
.fw-900 h1, .fw-900 h2, .fw-900 h3, .fw-900 h4, .fw-900 h5, .fw-900 h6 {
  font-weight: 900;
}

@media only screen and (max-width: 991.98px) {
  .fw-sm-100 {
    font-weight: 100;
  }
  .fw-sm-100 h1, .fw-sm-100 h2, .fw-sm-100 h3, .fw-sm-100 h4, .fw-sm-100 h5, .fw-sm-100 h6 {
    font-weight: 100;
  }

  .fw-sm-200 {
    font-weight: 200;
  }
  .fw-sm-200 h1, .fw-sm-200 h2, .fw-sm-200 h3, .fw-sm-200 h4, .fw-sm-200 h5, .fw-sm-200 h6 {
    font-weight: 200;
  }

  .fw-sm-200 {
    font-weight: 200;
  }
  .fw-sm-200 h1, .fw-sm-200 h2, .fw-sm-200 h3, .fw-sm-200 h4, .fw-sm-200 h5, .fw-sm-200 h6 {
    font-weight: 200;
  }

  .fw-sm-400 {
    font-weight: 400;
  }
  .fw-sm-400 h1, .fw-sm-400 h2, .fw-sm-400 h3, .fw-sm-400 h4, .fw-sm-400 h5, .fw-sm-400 h6 {
    font-weight: 400;
  }

  .fw-sm-500 {
    font-weight: 500;
  }
  .fw-sm-500 h1, .fw-sm-500 h2, .fw-sm-500 h3, .fw-sm-500 h4, .fw-sm-500 h5, .fw-sm-500 h6 {
    font-weight: 500;
  }

  .fw-sm-600 {
    font-weight: 600;
  }
  .fw-sm-600 h1, .fw-sm-600 h2, .fw-sm-600 h3, .fw-sm-600 h4, .fw-sm-600 h5, .fw-sm-600 h6 {
    font-weight: 600;
  }

  .fw-sm-700 {
    font-weight: 700;
  }
  .fw-sm-700 h1, .fw-sm-700 h2, .fw-sm-700 h3, .fw-sm-700 h4, .fw-sm-700 h5, .fw-sm-700 h6 {
    font-weight: 700;
  }

  .fw-sm-800 {
    font-weight: 800;
  }
  .fw-sm-800 h1, .fw-sm-800 h2, .fw-sm-800 h3, .fw-sm-800 h4, .fw-sm-800 h5, .fw-sm-800 h6 {
    font-weight: 800;
  }

  .fw-sm-900 {
    font-weight: 900;
  }
  .fw-sm-900 h1, .fw-sm-900 h2, .fw-sm-900 h3, .fw-sm-900 h4, .fw-sm-900 h5, .fw-sm-900 h6 {
    font-weight: 900;
  }
}
.bg-dark {
  background-color: var(--dark-clr);
}

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

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

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

.text-mono900 {
  color: var(--clr-mono900);
}

.text-mono800 {
  color: var(--clr-mono800);
}

.text-mono600 {
  color: var(--clr-mono600);
}

.text-mono400 {
  color: var(--clr-mono400);
}

.text-gold {
  color: var(--clr-gold);
}

.text-gradiend-gold {
  background: var(--gradient-epoca, linear-gradient(90deg, #CBAA7C 0%, #F8D4A1 59%, #F8D4A1 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.text-gradiend-gold .text-white {
  -webkit-text-fill-color: #fff;
}

.bg-blur2 {
  backdrop-filter: blur(2px);
}

.bg-dark-alpha2, .bg-dark-alpha2.btn.btn-light-outline {
  background-color: rgba(0, 0, 0, 0.2);
}

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6 {
  color: #fff;
}

.reset-ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.bg-cover {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media only screen and (min-width: 991.98px) {
  .container-area {
    padding: var(--container-space);
  }
}
@media only screen and (max-width: 991.98px) {
  .container-area {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.container-fluid, .container-lg {
  padding-left: var(--container-space);
  padding-right: var(--container-space);
}

.splitting .word, .splitting .char {
  display: inline-block;
}

.title-h1.splitting .char {
  letter-spacing: -6px;
}

.mx-dif-hover:hover {
  mix-blend-mode: difference;
}

.space-t-20 {
  margin-top: 1.25rem;
}

.space-t-30 {
  margin-top: 1.875rem;
}

.space-t-40 {
  margin-top: 2.8125rem;
}

.space-t-70 {
  margin-top: 4.375rem;
}

.space-t-80 {
  margin-top: 5rem;
}

.space-b-10 {
  margin-bottom: 0.71rem;
}

.space-t-10 {
  margin-top: 0.71rem;
}

.space-b-20 {
  margin-bottom: 1.25rem;
}

.space-b-30 {
  margin-bottom: 1.875rem;
}

.space-b-40 {
  margin-bottom: 2.8125rem;
}

.space-b-70 {
  margin-bottom: 4.375rem;
}

.space-b-80 {
  margin-bottom: 5rem;
}

.sec-t-space {
  padding-top: var(--sec-space);
}

.sec-b-space {
  padding-bottom: var(--sec-space);
}

.sec-t-md-space {
  padding-top: 3.75rem;
}
@media only screen and (max-width: 991.98px) {
  .sec-t-md-space {
    padding-top: 45px;
  }
}

.sec-b-md-space {
  padding-bottom: 3.75rem;
}
@media only screen and (max-width: 991.98px) {
  .sec-b-md-space {
    padding-bottom: 45px;
  }
}

.sec-t-sm-space {
  padding-top: 3rem;
}
@media only screen and (max-width: 991.98px) {
  .sec-t-sm-space {
    padding-top: 30px;
  }
}

.sec-b-sm-space {
  padding-bottom: 3rem;
}
@media only screen and (max-width: 991.98px) {
  .sec-b-sm-space {
    padding-bottom: 30px;
  }
}

img {
  max-width: 100%;
}

.has-b-sep {
  position: relative;
  margin-bottom: 40px;
}
.has-b-sep::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: 1px;
  background-color: currentColor;
  bottom: -20px;
  width: 100%;
}

div p:last-child {
  margin-bottom: 0;
}

.has-sec-bt {
  border-top: 1px solid #776E6E;
}

.mx-b-normal {
  mix-blend-mode: normal !important;
}
.mx-b-normal:hover {
  mix-blend-mode: normal !important;
}

::-moz-selection {
  /* Code for Firefox */
  color: #fff;
  background: var(--clr-mono900);
}

::selection {
  color: #fff;
  background: var(--clr-mono900);
}

.round-colors {
  padding: 0;
  margin: 0;
  list-style: none;
  display: inline-flex;
  flex-wrap: wrap;
}
.round-colors li {
  height: 32px;
  width: 32px;
  margin-right: 16px;
  background-color: var(--clr-code);
  border-radius: 50%;
  margin-top: 8px;
}
@media only screen and (max-width: 991.98px) {
  .round-colors li {
    height: 20px;
    width: 20px;
    margin-right: 8px;
  }
}
.round-colors li:last-child {
  margin-right: 0;
}

.map-md-area {
  min-height: 271px;
  height: 100%;
  border-radius: 309px;
  overflow: hidden;
}
@media only screen and (max-width: 767.98px) {
  .map-md-area {
    min-height: 150px;
  }
}
.map-md-area iframe {
  width: 100%;
  height: 100%;
}

.btn-tags-list > li {
  margin-bottom: 16px;
}

@media (max-width: 575.98px) {
  .w-sm-100 {
    width: 100%;
  }
}
.pre-load-wrap {
  height: 100%;
  width: 100%;
  position: fixed;
  background-color: var(--clr-sand);
  z-index: 2100;
  transform: translateY(100%);
  top: 0;
  left: 0;
}

.btn {
  --color: #fff;
  --btn-transition:all .5s cubic-bezier(.19,1,.22,1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-size: 12px;
  background-color: var(--clr-mono900);
  border-radius: 8em;
  line-height: 1.1666666667em;
  overflow: hidden;
  text-decoration: none;
  font-family: var(--ff-1);
  text-align: center;
  color: var(--color);
  border: 1px solid var(--clr-mono900);
  text-transform: uppercase;
  font-weight: bold;
  padding: 0.8333333333em 2.5em;
  transition: all 0.3s ease-out;
}
.btn .btn-text {
  position: relative;
  display: inline-block;
  color: transparent;
  z-index: 2;
  overflow: hidden;
}
.btn .btn-text::before, .btn .btn-text::after {
  content: attr(data-title);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: var(--color);
  transition: var(--btn-transition);
}
.btn .btn-text::after {
  transform: translateY(150%);
}
.btn .btn-arrow {
  display: inline-flex;
  height: 1.333em;
  width: 1.3333em;
  background-color: #FFFFFF;
  border-radius: 50px;
  position: relative;
  overflow: hidden;
}
.btn .btn-arrow svg {
  width: 0.4583em;
  height: auto;
  transform: translateX(0.0583em);
}
.btn .btn-arrow .arrow-left svg {
  transform: translateX(-1px);
}
.btn .btn-arrow .icon {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--btn-transition);
}
.btn .btn-arrow .icon-2 {
  position: absolute;
  left: 0;
  top: 0;
  transform: translateX(-100%);
}
.btn .btn-badge {
  height: 26px;
  width: 26px;
  background-color: var(--clr-mono900);
  border-radius: 50%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
  font-size: 14px;
  transition: all 0.3s ease-out;
}
.btn:hover {
  background-color: #333030;
  border-color: transparent;
  color: var(--color);
}
.btn:hover .btn-text::before, .btn:hover .btn-text::after {
  color: var(--color);
}
.btn:hover .btn-text::after {
  transform: translateY(0);
}
.btn:hover .btn-text::before {
  transform: translateY(-150%);
}
.btn:hover .btn-arrow .icon-2 {
  transform: translateX(0);
}
.btn:hover .btn-arrow .icon-1 {
  transform: translateX(100%);
}

.ff-base.btn {
  font-family: var(--ff-2);
  font-weight: 400;
}

.btn-outline {
  background-color: transparent;
  border-color: var(--clr-mono900);
  --color:var(--clr-mono900);
}
.btn-outline .btn-arrow {
  background-color: var(--clr-mono900);
}
.btn-outline .btn-arrow svg path {
  stroke: #fff;
}
.btn-outline:hover {
  --color:#fff;
}
.btn-outline:hover .btn-arrow {
  background-color: #fff;
  border-color: transparent;
}
.btn-outline:hover .btn-arrow svg path {
  stroke: var(--clr-mono900);
}
.btn-outline:hover .btn-badge {
  background-color: #fff;
  color: var(--clr-mono900);
}

.btn-block {
  width: 100%;
  display: block;
}

.btn-check:checked + .btn, .btn.disable, .btn:first-child:active, :not(.btn-check) + .btn:active, .btn.swiper-button-disabled {
  background-color: #939191;
  border-color: transparent;
  color: #fff;
  --color:#fff;
}
.btn-check:checked + .btn .btn-arrow, .btn.disable .btn-arrow, .btn:first-child:active .btn-arrow, :not(.btn-check) + .btn:active .btn-arrow, .btn.swiper-button-disabled .btn-arrow {
  background-color: #fff;
}
.btn-check:checked + .btn .btn-arrow svg path, .btn.disable .btn-arrow svg path, .btn:first-child:active .btn-arrow svg path, :not(.btn-check) + .btn:active .btn-arrow svg path, .btn.swiper-button-disabled .btn-arrow svg path {
  stroke: var(--clr-mono900);
}

.btn-arrow-left, .btn-arrow-right {
  padding: 0.83333em 1.675em;
}

.btn.btn-xl.btn-arrow-left, .btn.btn-xl.btn-arrow-right {
  padding: 0.5em 1.1em;
}

.btn-arrow-left .btn-arrow {
  margin-right: 0.666em;
}

.btn-arrow-right .btn-arrow {
  margin-left: 0.666em;
}

.btn.btn-md {
  padding: 0.5em 2.41em;
}

.btn.btn-sm {
  padding: 0.416em 1.833em;
}

.btn.btn-xl {
  font-size: 24px;
  line-height: normal;
  padding: 0.25em 1.4583333333em;
}

.btn.btn-lg {
  padding: 12px 65px;
}

.btn.btn-light-outline {
  background-color: transparent;
  --color:#fff;
  border-color: #fff;
}
.btn.btn-light-outline:hover {
  --color:var(--clr-mono900);
  background-color: #fff;
  border-color: transparent;
  mix-blend-mode: difference;
}

.btn.btn-light-outline.active {
  --color:var(--clr-mono900);
  background-color: #fff;
  border-color: transparent;
  mix-blend-mode: difference;
}
.btn.btn-light-outline.active .btn-text::before, .btn.btn-light-outline.active .btn-text::after {
  color: var(--color);
}
.btn.btn-light-outline.active .btn-text::after {
  transform: translateY(0);
}
.btn.btn-light-outline.active .btn-text::before {
  transform: translateY(-150%);
}
.btn.btn-light-outline.active .btn-arrow .icon-2 {
  transform: translateX(0);
}
.btn.btn-light-outline.active .btn-arrow .icon-1 {
  transform: translateX(100%);
}

.btn.btn-light {
  background-color: #fff;
  --color:var(--clr-mono900);
  border-color: #fff;
}
.btn.btn-light:hover {
  border-color: transparent;
}

.btn__slide-arrow {
  height: 9.5rem;
  width: 9.5rem;
  border-radius: 88px;
  border: 2px solid #fff;
  background: rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(4px);
  z-index: 999;
  transform: translate(-50%, -50%);
  position: fixed;
  left: var(--mx);
  top: var(--my);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.4s, visibility 0.4s;
}
@media only screen and (max-width: 991.98px) {
  .btn__slide-arrow {
    display: none;
  }
}
.btn__slide-arrow svg {
  width: 1.875rem;
  height: auto;
  transition: all cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
}

.epoca-drag-indicator {
  position: fixed;
  left: var(--mx);
  top: var(--my);
  z-index: 999;
  display: flex;
  align-items: center;
  font-size: 28px;
  color: #fff;
  transform: translate(-50%, -50%);
  pointer-events: none;
  mix-blend-mode: difference;
  opacity: 0;
  transition: opacity 0.3s ease-in;
}
@media only screen and (max-width: 991.98px) {
  .epoca-drag-indicator {
    display: none;
  }
}

.epoca-drag-indicator .circle {
  height: 3.46em;
  width: 3.46em;
  border: 2px solid currentColor;
  border-radius: 50%;
  mix-blend-mode: difference;
  margin-left: 25px;
  margin-right: 25px;
  transition: transform 0.3s ease;
}

.is-pointer-down.epoca-drag-indicator .circle {
  transform: scale(0.8);
}

.is-pointer-down.epoca-drag-indicator .circle {
  transform: scale(0.8);
}

.epoca-drag-indicator.visible {
  opacity: 1;
}

.arrow-right svg {
  transform: scaleX(-1);
}

.btn__slide-arrow.visible {
  opacity: 1;
  visibility: visible;
}

.btn-sand {
  background-color: var(--clr-sand);
  color: var(--clr-mono800);
  --color:var(--clr-mono800);
}
.btn-sand:hover {
  background-color: transparent;
  border-color: var(--clr-sand);
  --color:var(--clr-sand);
  color: var(--clr-sand);
}

.abs-mouse {
  cursor: pointer;
}

.btn-mono800 {
  background-color: var(--clr-mono800);
}

.btn.btn-text-line {
  font-size: var(--small-size);
  letter-spacing: 0.625rem;
  font-family: var(--ff-2);
  padding: 0;
  background-color: transparent;
  border-color: transparent;
  border-radius: 0;
  overflow: initial;
  color: #fff;
  --color:#fff;
}
.btn.btn-text-line:before {
  content: "";
  height: 1px;
  width: calc(100% - 0.625rem);
  position: absolute;
  left: 0;
  bottom: -2px;
  background-color: var(--clr-mono100);
  transform-origin: left center;
  transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  pointer-events: none;
}
.btn.btn-text-line:hover::before {
  transform-origin: right center;
  transform: scaleX(0);
}
.btn.btn-text-line:active, .btn.btn-text-line:focus {
  background-color: transparent;
}

.slide-btn-area {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 50%;
  z-index: 50;
  background-color: transparent;
  border-color: transparent;
}

.bottom-menu-btn {
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  font-size: var(--small-size);
  letter-spacing: 4px;
  border-color: transparent;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg width='167' height='69' viewBox='0 0 167 69' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_1250_679)'%3E%3Cpath d='M110.787 17H56.2677C44.6636 17 34.2619 24.1578 30.1159 34.996L17 69.2827H150.055L136.939 34.996C132.793 24.1578 122.392 17 110.787 17Z' fill='%23413C3C'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_1250_679' x='0.836615' y='0.836615' width='165.382' height='84.6095' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='8.08169'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_1250_679'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_1250_679' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 37px 50px 13px 50px;
}

.btn-plus {
  font-size: 14px;
  height: 1.5em;
  width: 1.5em;
  position: relative;
  background-color: transparent;
  border-color: transparent;
}
.btn-plus::before, .btn-plus::after {
  content: "";
  width: 100%;
  height: 0.071428em;
  position: absolute;
  top: 0.57142em;
  left: 0;
  background-color: currentColor;
  transition: all 0.25s;
}
.btn-plus::before {
  transform: rotate(90deg);
}

.btn.btn-light-alpha {
  background-color: rgba(255, 255, 255, 0.5);
  color: var(--clr-mono800);
  border-color: transparent;
}
.btn.btn-light-alpha:hover, .btn.btn-light-alpha:active, .btn.btn-light-alpha:focus {
  background-color: #fff;
  color: var(--clr-mono800);
}

.accordion-nav {
  border-radius: 16px;
  border: 0.5px solid var(--clr-sand);
  background: rgba(65, 60, 60, 0.8);
  backdrop-filter: blur(4px);
  padding: 16px 24px;
  overflow-y: auto;
  margin: 0;
  list-style: none;
  width: 100%;
  max-width: 370px;
}
@media only screen and (max-width: 991.98px) {
  .accordion-nav {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.accordion-nav .title {
  display: flex;
  align-items: center;
  text-decoration: none;
  transition: all 0.25s;
  position: relative;
  color: var(--clr-mono400);
}
@media only screen and (max-width: 991.98px) {
  .accordion-nav .title {
    font-size: 24px;
  }
}
.accordion-nav .title > .btn-plus {
  color: currentColor;
}
.accordion-nav .title::before {
  transition: all 0.25s;
  height: 1rem;
  width: 1rem;
  border-radius: 50px;
  background-color: currentColor;
  top: 1.5rem;
  transform: scale(0);
  transition: all 0.25s ease-out;
  content: "";
  position: absolute;
  left: 0;
}
.accordion-nav .title .btn-plus {
  margin-left: auto;
}
.accordion-nav > li {
  border-top: 1px solid var(--clr-mono400);
}
.accordion-nav > li:first-child {
  border-top: none;
}
.accordion-nav > li > a {
  display: block;
  padding-top: 20px;
  padding-bottom: 20px;
}
.accordion-nav .accordion-item {
  border-top: 1px solid var(--clr-gold);
  padding-left: 25px;
  display: none;
  padding-top: 3px;
}
@media only screen and (max-width: 991.98px) {
  .accordion-nav .accordion-item {
    padding-bottom: 20px;
    padding-left: 30px;
  }
}
.accordion-nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
  border-bottom: 1px solid var(--clr-gold);
  padding-bottom: 15px;
}
.accordion-nav ul:last-child {
  border-bottom: none;
}
.accordion-nav ul li a {
  text-decoration: none;
  color: var(--clr-mono100);
  padding-top: 15px;
  display: block;
  transition: color 0.24s;
}
.accordion-nav ul li a:hover {
  color: var(--clr-gold);
}
.accordion-nav .sub-title {
  color: var(--clr-gold);
  font-weight: bold;
  letter-spacing: 4px;
}
.accordion-nav li.active > .accordion-item {
  display: block;
}
.accordion-nav .active.title {
  color: var(--clr-gold);
  padding-left: 30px;
}
.accordion-nav .active.title .btn-plus::before {
  transform: rotate(0);
}
.accordion-nav .active.title::before {
  transform: scale(1);
}

.swiper-pagination-bullets .swiper-pagination-bullet {
  background-color: transparent;
  opacity: 1;
  height: 10px;
  width: 10px;
  border: 1px solid #fff;
  transition: all 0.25s;
}
.swiper-pagination-bullets .swiper-pagination-bullet-active {
  background-color: #fff;
  border-color: transparent;
}

.btn.btn-text-line.text-gold {
  --color:var(--clr-gold);
}
.btn.btn-text-line.text-gold::before {
  background-color: var(--clr-gold);
}

.btn-transparent {
  background-color: transparent;
  border-color: transparent;
  display: block;
}

.map-btns-wrap {
  position: absolute;
  bottom: 36px;
  left: 28px;
  border: 1px solid #F0EFEE;
  border-radius: 4px;
  --h:31px;
  background-color: var(--clr-mono800);
}
.map-btns-wrap .jvm-zoom-btn {
  top: 0;
  left: 0;
  position: relative;
  width: var(--h);
  font-size: 26px;
  height: var(--h);
  display: flex;
  line-height: 0;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border-radius: 0;
}
.map-btns-wrap .jvm-zoomin {
  border-bottom: 1px solid #F0EFEE;
}
.map-btns-wrap .jvm-zoomout {
  height: calc(var(--h) - 1px);
}

.circle-plus-btn {
  display: block;
  height: 48px;
  width: 48px;
  color: #fff;
  border: 1px solid #FFF;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.25s ease-out;
}
.circle-plus-btn .btn-plus {
  display: block;
  top: 1px;
  font-size: 9px;
}
.circle-plus-btn .btn-plus::before, .circle-plus-btn .btn-plus::after {
  height: 2px;
}
.circle-plus-btn:hover {
  background-color: #fff;
  border-color: transparent;
  color: var(--clr-mono800);
}

.btn-circle {
  padding: 0;
  margin: 0;
  list-style: none;
  background-color: var(--clr-mono900);
  border: 1px solid transparent;
  min-height: 48px;
  min-width: 48px;
  border-radius: 50%;
  transition: all 0.25s;
}
.btn-circle svg path {
  transition: all 0.25s;
}
.btn-circle:hover {
  background-color: transparent;
  border-color: var(--clr-mono900);
}
.btn-circle:hover svg path {
  stroke: var(--clr-mono900);
}

.swiper-button-disabled.btn-circle {
  opacity: 0.5;
}

.round-img-wrap {
  border-radius: 2000px;
  overflow: hidden;
}

.menu-section {
  position: fixed;
  z-index: 2000;
  width: 100%;
  left: 0;
  top: 0;
  background-color: var(--clr-mono800);
  overflow: hidden;
  height: 0;
}
.menu-section .menu-section-content {
  padding: 2rem 3rem;
  overflow-y: auto;
  height: 100vh;
}
@media only screen and (max-width: 991.98px) {
  .menu-section .menu-section-content {
    padding: 20px;
  }
}
.menu-section .menu-header {
  padding-bottom: 3.5rem;
}
@media only screen and (max-width: 991.98px) {
  .menu-section .menu-header .logo {
    max-width: 125px;
  }
}
.menu-section .menu-area {
  border: 1px solid #fff;
  border-radius: 30px;
  overflow: hidden;
}
.menu-section .main-menu {
  font-size: 1.5rem;
  padding: 3rem;
}
.menu-section .main-menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.menu-section .main-menu ul li {
  margin-bottom: 3.125rem;
}
.menu-section .main-menu ul li ul li {
  margin-bottom: 0.9375rem;
}
.menu-section .main-menu ul li > a {
  font-weight: 300;
  text-transform: uppercase;
  color: var(--clr-mono100);
  text-decoration: none;
  position: relative;
  display: inline-block;
  transition: all 0.25s ease-out;
}
.menu-section .main-menu ul li > a::before, .menu-section .main-menu ul li > a::after {
  content: "";
  position: absolute;
  left: 0;
}
.menu-section .main-menu ul li > a::before {
  height: 8px;
  width: 8px;
  border-radius: 50px;
  background-color: currentColor;
  top: 7px;
  transform: scale(0);
  transition: all 0.25s ease-out;
}
.menu-section .main-menu ul li > a::after {
  bottom: -3px;
  height: 1px;
  width: 100%;
  background-color: currentColor;
  transform: scaleX(0);
  transform-origin: right center;
  transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.menu-section .main-menu ul li > a:hover {
  padding-left: 18px;
}
.menu-section .main-menu ul li > a:hover::before {
  transform: scale(1);
}
.menu-section .main-menu ul li > a:hover::after {
  transform: scaleX(1);
  transform-origin: left center;
}
.menu-section .main-menu ul .menu-title, .menu-section .main-menu ul .menu-title a {
  font-size: var(--small-size);
  color: #A09D9D;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 20px;
}
.menu-section .menu-content {
  position: relative;
}
.menu-section .menu-content::before {
  content: "";
  height: calc(100% - 30px);
  top: 15px;
  position: absolute;
  left: 0;
  border-left: 1px solid #fff;
}
.menu-section .menu-form, .menu-section .inline-form-area, .menu-section .text-content {
  padding: 3rem;
}

@media only screen and (max-width: 991.98px) {
  .mobile-menu-wrap ul {
    font-size: 2.285rem;
    padding: 0;
    margin: 0;
    list-style: none;
  }
  .mobile-menu-wrap li {
    font-weight: 300;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
    display: block;
    color: var(--clr-mono100);
    font-family: var(--ff-2);
    font-size: 24px;
    line-height: 32px;
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='14' viewBox='0 0 22 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.5996 7.0001L14.1996 0.600098M20.5996 7.0001L14.1996 13.4001M20.5996 7.0001H0.599609' stroke='white'/%3E%3C/svg%3E%0A");
    background-position: 100% 25px;
    background-repeat: no-repeat;
  }
  .mobile-menu-wrap li a {
    color: currentColor;
    text-decoration: none;
    display: block;
    padding: 15px 0;
    border-bottom: 0.5px solid #fff;
  }
  .mobile-menu-wrap li:last-child a {
    border-bottom: none;
  }
  .mobile-menu-wrap li ul {
    display: none;
  }
}
.mobile-menu-wrap .menu-footer {
  margin-top: 50px;
  background-color: var(--clr-mono800);
  position: sticky;
  bottom: -10px;
  padding-bottom: 15px;
}
.mobile-menu-wrap .menu-footer .btn-text-line {
  margin-top: 30px;
}

.top-header-area {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  text-align: center;
  display: flex;
  justify-content: center;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 0;
}
@media only screen and (max-width: 991.98px) {
  .top-header-area {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
@media only screen and (min-width: 991.98px) {
  .top-header-area {
    opacity: 0;
    transform: translateY(-50px);
    transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    mix-blend-mode: difference;
  }
}

.top-header-area2 {
  display: flex;
  opacity: 1;
  mix-blend-mode: normal;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding-left: var(--container-space);
  padding-right: var(--container-space);
  padding-top: 30px;
  padding-bottom: 30px;
  z-index: 999;
}
@media only screen and (max-width: 991.98px) {
  .top-header-area2 {
    display: none;
  }
}

.header-area .bottom-menu-btn {
  position: fixed;
  left: 50%;
  transform: translateX(-50%) translateY(100%);
  bottom: -5px;
  z-index: 999;
  transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
}
@media only screen and (max-width: 991.98px) {
  .header-area .bottom-menu-btn {
    opacity: 1;
    padding: 28px 50px 13px 50px;
    bottom: -8px;
  }
}

.visible-menu .top-header-area {
  mix-blend-mode: difference;
}
@media only screen and (min-width: 991.98px) {
  .visible-menu .top-header-area {
    opacity: 1;
    transform: translateY(0);
  }
}
.visible-menu .header-area .bottom-menu-btn {
  transform: translateX(-50%) translateY(0);
}

@media only screen and (min-width: 991.98px) {
  .has-disable-menu .bottom-menu-btn, .has-disable-menu .top-header-area {
    opacity: 0;
  }
}

.hero__intro, .hero-section {
  min-height: 100vh;
  color: var(--white-clr);
  position: relative;
  z-index: 2;
}
.hero__intro .hero-bg, .hero-section .hero-bg {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: -2;
}
.hero__intro .bg-overlay::before, .hero__intro .bg-overlay-y50::before, .hero__intro .bg-overlay-y50::after, .hero-section .bg-overlay::before, .hero-section .bg-overlay-y50::before, .hero-section .bg-overlay-y50::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  z-index: 2;
  left: 0;
  top: 0;
}
.hero__intro .bg-overlay-y50::before, .hero__intro .bg-overlay-y50::after, .hero-section .bg-overlay-y50::before, .hero-section .bg-overlay-y50::after {
  z-index: 1;
  height: 20%;
}
.hero__intro .bg-overlay-y50::before, .hero-section .bg-overlay-y50::before {
  background: linear-gradient(0deg, rgba(217, 217, 217, 0) 0%, #616161 100%);
  mix-blend-mode: multiply;
}
.hero__intro .bg-overlay-y50::after, .hero-section .bg-overlay-y50::after {
  top: auto;
  bottom: 0;
  background: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, #616161 77.6%);
  mix-blend-mode: multiply;
  height: 50%;
}
.hero__intro .bg-overlay::before, .hero-section .bg-overlay::before {
  background-color: rgba(0, 0, 0, 0.3);
}
.hero__intro .text-white, .hero__intro .title, .hero__intro .text-small, .hero-section .text-white, .hero-section .title, .hero-section .text-small {
  color: var(--white-clr);
}
.hero__intro .container-area, .hero-section .container-area {
  min-height: 100vh;
}
.hero__intro .box-bottom-line, .hero-section .box-bottom-line {
  max-width: 230px;
}
@media only screen and (max-width: 991.98px) {
  .hero__intro, .hero-section {
    padding-top: 50px;
    padding-bottom: 50px;
    min-height: auto;
  }
  .hero__intro .title, .hero-section .title {
    font-size: 2.85rem;
  }
  .hero__intro .accordion-nav .title, .hero-section .accordion-nav .title {
    font-size: 24px;
  }
}

@media only screen and (min-width: 991.98px) {
  .hero-content-block {
    max-width: 22.125rem;
  }
  .hero-content-block .container-area {
    min-height: 100vh;
  }
}

.box-bottom-line {
  border-left: 1px solid var(--white-clr);
}
.box-bottom-line p {
  margin-bottom: 0;
}
.box-bottom-line > li {
  border-bottom: 1px solid var(--white-clr);
  padding: 17px;
}
.box-bottom-line > li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.box-bottom-line > li:first-child {
  padding-top: 0;
}

.whatsapp-icon {
  position: fixed;
  right: 60px;
  bottom: 20px;
  z-index: 800;
}

@media only screen and (min-width: 991.98px) {
  .hero-intro-root {
    width: 100vw;
    overflow: hidden;
  }
  .hero-intro-root .heroes-wrapper {
    display: flex;
    min-width: max-content;
    transform: translateX(calc(var(--x) + var(--vw)));
  }
  .hero-intro-root .heroes-wrapper .hero__intro {
    min-width: 100vw;
  }
  .hero-intro-root .heroes-wrapper .hero-content-block {
    min-width: 22.125rem;
  }
}

@media only screen and (min-width: 991.98px) {
  .hero-intro-root .heroes-wrapper .hero-side-screens {
    min-width: max-content;
  }
}

.hero-side-screens {
  overflow: hidden;
}
.hero-side-screens .hero-inner-section {
  position: relative;
}
@media only screen and (min-width: 991.98px) {
  .hero-side-screens {
    display: flex;
  }
  .hero-side-screens .hero-inner-section {
    position: relative;
    width: 100vw;
    height: 100vh;
  }
}

.hero-slide-section {
  position: relative;
  background-color: var(--clr-mono900);
}
.hero-slide-section .slide-btn-area {
  height: calc(100vh - 19.5625rem);
}
.hero-slide-section .slide-next {
  left: auto;
  right: 0;
}
.hero-slide-section .hero-slide {
  width: 100vw;
}
@media only screen and (max-width: 991.98px) {
  .hero-slide-section .slide-count {
    display: none;
  }
}
.hero-slide-section .swiper-pagination-bullets {
  position: absolute;
  bottom: 57px;
  width: 100%;
  text-align: center;
  z-index: 10;
}
@media only screen and (min-width: 991.98px) {
  .hero-slide-section .slide-content {
    position: relative;
    padding-top: 1.875rem;
  }
  .hero-slide-section .slide-content .slide-count {
    position: absolute;
    left: 0.625rem;
    top: 0;
  }
}
.hero-slide-section .swiper-slide {
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 991.98px) {
  .hero-slide-section .swiper-slide .container-area {
    padding-bottom: 100px;
    padding-top: 50px;
  }
}
.hero-slide-section .swiper-slide .title .word, .hero-slide-section .swiper-slide .slide-el-ani {
  opacity: 0;
}

.hero-content-block .sub-title, .hero-contact-area .sub-title {
  position: relative;
  display: inline-block;
  padding-bottom: 18px;
  margin-bottom: 10px;
}
.hero-content-block .sub-title::before, .hero-contact-area .sub-title::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  border-bottom: 1px solid var(--clr-mono800);
  bottom: 0;
}
@media only screen and (max-width: 991.98px) {
  .hero-content-block, .hero-contact-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .hero-content-block .container-area, .hero-contact-area .container-area {
    min-height: auto;
  }
  .hero-content-block .title, .hero-contact-area .title {
    margin-bottom: 3.57rem;
  }
}

@media only screen and (max-width: 991.98px) {
  .hero-slide-section {
    padding-top: 0;
    padding-bottom: 0;
  }

  .hero-side-screens {
    min-height: 100vh;
    padding-top: 0;
    padding-bottom: 0;
  }
}
#contact-map iframe {
  width: 100%;
  height: 100%;
}

.form-control {
  border: 1px solid var(--clr-mono800);
  border-radius: 30px;
  background-color: transparent;
  min-height: 50px;
  padding: 10px 28px;
  transition: box-shadow 0.4s linear;
  font-size: var(--small-size);
  font-weight: 500;
  color: var(--clr-mono800);
}
.form-control::placeholder {
  color: currentColor;
  opacity: 0.5;
}
.form-control:focus, .form-control:active {
  background-color: transparent;
  box-shadow: 0 0 0 1px var(--clr-mono800);
  border-color: var(--clr-mono800);
}

textarea.form-control {
  min-height: 215px;
  padding-top: 15px;
}

.form__control-wrap {
  margin-bottom: 15px;
  position: relative;
}
.form__control-wrap .form-control {
  background: var(--clr-sand);
}
.form__control-wrap .placeholder-text {
  font-size: var(--small-size);
  color: var(--clr-mono800);
  text-transform: uppercase;
  font-weight: 500;
  position: absolute;
  left: 20px;
  top: 14px;
  padding-left: 8px;
  padding-right: 8px;
  pointer-events: none;
  transition: all 0.25s cubic-bezier(0.22, 0.61, 0.36, 1);
  background: var(--clr-sand);
  letter-spacing: 1px;
}

.form__control-wrap.focused .placeholder-text {
  top: 0;
  transform: translateY(-50%);
}

.form__control-wrap.form-mono800 .form-control {
  border-color: #fff;
}
.form__control-wrap.form-mono800 .form-control:focus, .form__control-wrap.form-mono800 .form-control:active {
  box-shadow: 0 0 0 1px #fff;
}
.form__control-wrap.form-mono800 .form-control, .form__control-wrap.form-mono800 .placeholder-text {
  background: var(--clr-mono800);
  color: #fff;
}

.form-check {
  display: block;
  padding-left: 1.5em;
  margin-bottom: 0;
  font-size: 1rem;
  color: var(--clr-mono700);
  display: inline-block;
}

.form-check-input {
  background-color: transparent;
  border-color: currentColor;
}
.form-check-input:focus {
  box-shadow: none;
}

.form-check-input:checked {
  background-color: currentColor;
  border-color: currentColor;
}

.form-control-white .form-control, .form-control-white .placeholder-text {
  background-color: #fff;
}

.search-form .search-btn {
  margin-left: 24px;
}
@media only screen and (max-width: 991.98px) {
  .search-form {
    position: relative;
  }
  .search-form .search-btn {
    position: absolute;
    left: -14px;
    top: 50%;
    transform: translateY(-50%);
    background-color: var(--clr-sand);
    min-height: 28px;
    min-width: 28px;
  }
  .search-form .search-btn:hover {
    border-color: transparent;
  }
  .search-form .search-btn svg {
    width: 11px;
  }
  .search-form .search-btn svg path {
    stroke: var(--clr-mono900);
  }
  .search-form .form__control-wrap .placeholder-text {
    left: 45px;
  }
  .search-form .form__control-wrap .form-control {
    padding-left: 52px;
  }
}

.file-form-control {
  position: relative;
}
.file-form-control input[type=file] {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 2;
}

.project-map-area {
  height: 100%;
  width: 100%;
  position: relative;
}
@media only screen and (max-width: 991.98px) {
  .project-map-area {
    padding-bottom: var(--sec-space);
  }
}
.project-map-area .project__map {
  height: 100%;
  width: 100%;
}
@media only screen and (min-width: 991.98px) {
  .project-map-area .accordion-nav {
    position: absolute;
    right: 3.5rem;
    top: 3.5rem;
    height: calc(100% - 7rem);
  }
}
@media only screen and (max-width: 991.98px) {
  .project-map-area .accordion-nav {
    margin-left: auto;
    margin-right: auto;
    max-width: calc(100% - var(--sec-space));
    margin-top: -70px;
  }
}

.project-map-area {
  position: relative;
  background-color: var(--clr-mono800);
  z-index: 1;
}
.project-map-area::before {
  content: "";
  height: 100%;
  width: calc(100% + 4px);
  position: absolute;
  left: -2px;
  top: 0;
  background-color: var(--clr-mono800);
  z-index: -2;
}
@media only screen and (min-width: 991.98px) {
  .project-map-area {
    min-height: 100vh;
  }
}
@media only screen and (min-width: 991.98px) {
  .project-map-area .project__map {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
  }
}
@media only screen and (max-width: 991.98px) {
  .project-map-area .project__map {
    height: 540px;
  }
  .project-map-area .project__map .map-btns-wrap {
    display: none;
  }
}

.jvm-tooltip, .project-tooltip {
  background: #CBAA7C;
  color: #413C3C;
  font-family: var(--ff-1);
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  padding: 6px 17px 5px 17px;
  line-height: 16px;
  border-radius: 100px;
}

.project-tooltip {
  display: none;
  position: absolute;
  transform: translateX(35px) translateY(-7px);
}
@media only screen and (max-width: 991.98px) {
  .project-tooltip {
    transform: translateY(-36px) translateX(calc(-50% + 15px));
  }
}

.project-tooltip.active {
  display: block;
}

.project-list {
  font-family: var(--ff-1);
  line-height: 140%;
  padding-left: 0;
  margin: 0;
  list-style: none;
}
.project-list .project-item a {
  text-decoration: none;
  color: var(--clr-mono900);
}
@media only screen and (min-width: 991.98px) {
  .project-list .project-item a {
    transition: all 0.25s;
  }
  .project-list .project-item a:hover {
    position: relative;
    z-index: 100;
    color: #fff;
    mix-blend-mode: difference;
  }
}
@media only screen and (min-width: 991.98px) {
  .project-list .project-item {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 991.98px) {
  .project-list .project-item {
    margin-bottom: 30px;
    font-size: 24px;
  }
  .project-list .project-item .right-text {
    font-size: 16px;
    line-height: 150%;
    color: var(--clr-mono700);
    margin-top: 10px;
    display: block;
  }
}
.project-list .project-item .x-sep {
  margin: 0 30px;
}
@media only screen and (max-width: 991.98px) {
  .project-list .project-item .x-sep {
    display: none;
  }
}

@media only screen and (min-width: 991.98px) {
  .projects-services-section .text-card {
    flex-direction: column;
    height: 100%;
  }
  .projects-services-section .text-card .circle-plus-btn {
    margin-top: auto;
  }
}
@media only screen and (max-width: 991.98px) {
  .projects-services-section {
    border-top: none;
    padding-top: 0;
    padding-bottom: 0;
  }
  .projects-services-section .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
  .projects-services-section .text-card {
    border-top: 1px solid #fff;
    margin-bottom: 0;
    align-items: center;
    padding-left: var(--container-space);
    padding-right: var(--container-space);
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .projects-services-section .text-card .circle-plus-btn {
    width: 37px;
    height: 37px;
  }
  .projects-services-section .text-card .circle-plus-btn .btn-plus {
    font-size: 8px;
  }
  .projects-services-section .text-card .title {
    margin-bottom: 0;
    width: 80%;
    font-size: 24px;
  }
  .projects-services-section .text-card .has-b-sep::before {
    display: none;
  }
  .projects-services-section .text-card .des {
    display: none;
  }
}

.thumb-project-tooltip {
  position: fixed;
  z-index: 1;
  left: var(--moffset-x);
  top: var(--moffset-y);
  transform: translate(-50%, -50%);
  width: max-content;
  pointer-events: none;
  overflow: hidden;
  border-radius: 1000px;
}
@media only screen and (max-width: 991.98px) {
  .thumb-project-tooltip {
    display: none;
  }
}

.images-slide-wrapper {
  width: 100%;
  overflow: hidden;
  z-index: 2;
  position: relative;
}
.images-slide-wrapper::before {
  content: "";
  height: 50%;
  bottom: -3px;
  background-color: var(--clr-mono800);
  position: absolute;
  left: 0;
  z-index: -2;
  width: 100%;
}
.images-slide-wrapper .images-slides {
  min-width: max-content;
  padding-left: var(--container-space);
  padding-right: var(--container-space);
}
.images-slide-wrapper .images-slides .img-item {
  margin-right: 23px;
}

.about-hero .bottom-text .text-sm {
  display: inline-block;
}
@media only screen and (max-width: 991.98px) {
  .about-hero {
    padding-bottom: 0;
    padding-top: 0;
  }
  .about-hero .container-area {
    padding-bottom: 50px;
    padding-top: 120px;
  }
}
@media only screen and (max-width: 767.98px) {
  .about-hero .sub-title {
    font-size: 1.5rem;
  }
}

@media only screen and (max-width: 991.98px) {
  .about__text-content {
    overflow: hidden;
    position: relative;
    z-index: 2;
  }
}
.about__text-content .round-img-wrap {
  z-index: -2;
  position: relative;
}
@media only screen and (min-width: 991.98px) {
  .about__text-content .round-img-wrap {
    transform: translateX(-80px);
  }
}
@media only screen and (max-width: 991.98px) {
  .about__text-content .round-img-wrap {
    width: 100vw;
    transform: translateX(20%);
  }
}
.about__text-content .text-content {
  padding-top: var(--sec-md-space);
}
@media only screen and (min-width: 991.98px) {
  .about__text-content .text-content .text-box {
    max-width: 312px;
  }
  .about__text-content .text-content .text-box-lg {
    max-width: 480px;
  }
  .about__text-content .text-content .left-content {
    padding-right: 30px;
  }
  .about__text-content .text-content .left-content .text-box-lg {
    padding-top: 25px;
  }
  .about__text-content .text-content .left-content .text-box {
    margin-left: auto;
    border-bottom: 1px solid #000;
    padding-bottom: 25px;
  }
}
@media only screen and (max-width: 991.98px) {
  .about__text-content .text-content .text-box {
    margin-bottom: var(--sec-md-space);
  }
}

.history-timeline-section {
  background-color: var(--clr-mono900);
  width: 100vw;
  overflow: hidden;
}
.history-timeline-section .history-timeline-wrapper {
  min-width: max-content;
  transform: translateX(calc(var(--x) + var(--vw)));
}
.history-timeline-section .timeline-hero {
  min-height: 100vh;
  padding-top: 3rem;
  padding-bottom: 3rem;
  min-width: 100vw;
}
.history-timeline-section .timeline-hero .title .title-h4 {
  line-height: 110%;
  display: inline-block;
}

.timeline-list-wrapper {
  position: relative;
  --left-space:150px;
  --right-space:250px;
  padding-left: var(--left-space);
  padding-right: var(--right-space);
}
.timeline-list-wrapper .tl-bg {
  background-image: url("data:image/svg+xml,%3Csvg width='4673' height='794' viewBox='0 0 4673 794' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.4'%3E%3Cline x1='0.25' y1='-1.09278e-08' x2='0.250035' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='64.25' y1='-1.09278e-08' x2='64.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='128.25' y1='-1.09278e-08' x2='128.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='192.25' y1='-1.09278e-08' x2='192.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='256.25' y1='-1.09278e-08' x2='256.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='320.25' y1='-1.09278e-08' x2='320.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='384.25' y1='-1.09278e-08' x2='384.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='448.25' y1='-1.09278e-08' x2='448.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='512.25' y1='-1.09278e-08' x2='512.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='576.25' y1='-1.09278e-08' x2='576.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='640.25' y1='-1.09278e-08' x2='640.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='704.25' y1='-1.09278e-08' x2='704.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='768.251' y1='-1.09278e-08' x2='768.251' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='832.251' y1='-1.09278e-08' x2='832.251' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='896.251' y1='-1.09278e-08' x2='896.251' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='960.251' y1='-1.09278e-08' x2='960.251' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='1024.25' y1='-1.09278e-08' x2='1024.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='1088.25' y1='-1.09278e-08' x2='1088.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='1152.25' y1='-1.09278e-08' x2='1152.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='1216.25' y1='-1.09278e-08' x2='1216.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='1280.25' y1='-1.09278e-08' x2='1280.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='1344.25' y1='-1.09278e-08' x2='1344.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='1408.25' y1='-1.09278e-08' x2='1408.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='1472.25' y1='-1.09278e-08' x2='1472.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='1536.25' y1='-1.09278e-08' x2='1536.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='1600.25' y1='-1.09278e-08' x2='1600.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='1664.25' y1='-1.09278e-08' x2='1664.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='1728.25' y1='-1.09278e-08' x2='1728.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='1792.25' y1='-1.09278e-08' x2='1792.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='1856.25' y1='-1.09278e-08' x2='1856.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='1920.25' y1='-1.09278e-08' x2='1920.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='1984.25' y1='-1.09278e-08' x2='1984.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='2048.25' y1='-1.09278e-08' x2='2048.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='2112.25' y1='-1.09278e-08' x2='2112.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='2176.25' y1='-1.09278e-08' x2='2176.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='2240.25' y1='-1.09278e-08' x2='2240.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='2304.25' y1='-1.09278e-08' x2='2304.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='2368.25' y1='-1.09278e-08' x2='2368.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='2432.25' y1='-1.09278e-08' x2='2432.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='2496.25' y1='-1.09278e-08' x2='2496.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='2560.25' y1='-1.09278e-08' x2='2560.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='2624.25' y1='-1.09278e-08' x2='2624.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='2688.25' y1='-1.09278e-08' x2='2688.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='2752.25' y1='-1.09278e-08' x2='2752.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='2816.25' y1='-1.09278e-08' x2='2816.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='2880.25' y1='-1.09278e-08' x2='2880.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='2944.25' y1='-1.09278e-08' x2='2944.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='3008.25' y1='-1.09278e-08' x2='3008.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='3072.25' y1='-1.09278e-08' x2='3072.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='3136.25' y1='-1.09278e-08' x2='3136.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='3200.25' y1='-1.09278e-08' x2='3200.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='3264.25' y1='-1.09278e-08' x2='3264.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='3328.25' y1='-1.09278e-08' x2='3328.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='3392.25' y1='-1.09278e-08' x2='3392.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='3456.25' y1='-1.09278e-08' x2='3456.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='3520.25' y1='-1.09278e-08' x2='3520.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='3584.25' y1='-1.09278e-08' x2='3584.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='3648.25' y1='-1.09278e-08' x2='3648.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='3712.25' y1='-1.09278e-08' x2='3712.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='3776.25' y1='-1.09278e-08' x2='3776.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='3840.25' y1='-1.09278e-08' x2='3840.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='3904.25' y1='-1.09278e-08' x2='3904.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='3968.25' y1='-1.09278e-08' x2='3968.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='4032.25' y1='-1.09278e-08' x2='4032.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='4096.25' y1='-1.09278e-08' x2='4096.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='4160.25' y1='-1.09278e-08' x2='4160.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='4224.25' y1='-1.09278e-08' x2='4224.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='4288.25' y1='-1.09278e-08' x2='4288.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='4352.25' y1='-1.09278e-08' x2='4352.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='4416.25' y1='-1.09278e-08' x2='4416.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='4480.25' y1='-1.09278e-08' x2='4480.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='4544.25' y1='-1.09278e-08' x2='4544.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='4608.25' y1='-1.09278e-08' x2='4608.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3Cline x1='4672.25' y1='-1.09278e-08' x2='4672.25' y2='794' stroke='%23413C3C' stroke-width='0.5'/%3E%3C/g%3E%3C/svg%3E%0A");
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

.timeline-list {
  display: flex;
  align-items: center;
  min-height: 100vh;
  list-style: none;
  padding: 0;
  margin: 0;
}
.timeline-list .timeline-item {
  color: #fff;
  display: flex;
  align-items: center;
  position: relative;
  padding-right: 20px;
}
.timeline-list .timeline-item .bg-img {
  position: absolute;
  z-index: -2;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.3;
}
.timeline-list .timeline-item .bg-img img {
  border-radius: 1000px;
}
.timeline-list .timeline-item .bg-img.img-left-center {
  left: 0;
  transform: translateX(-20%) translateY(-50%);
}
.timeline-list .timeline-item .bg-img.img-left {
  left: 0;
}
.timeline-list .timeline-item .bg-img.img-right-100 {
  left: auto;
  right: 100%;
}
.timeline-list .timeline-item .bg-img.img-right {
  left: auto;
  right: 0;
}
.timeline-list .timeline-item .title-year {
  color: var(--clr-sand);
  margin-right: 20px;
}
.timeline-list .timeline-item .tl-content {
  width: 278px;
  position: relative;
  color: #F0EFEE;
}
.timeline-list .timeline-item .tl-content .top-line {
  height: 10px;
  background-image: url("data:image/svg+xml,%3Csvg width='256' height='2' viewBox='0 0 256 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0.75' y1='1.25' x2='255.25' y2='1.24998' stroke='%23A9A2A2' stroke-width='1.5' stroke-miterlimit='16' stroke-linecap='round' stroke-linejoin='round' stroke-dasharray='1 5 6 6'/%3E%3C/svg%3E%0A");
  background-repeat: repeat-x;
  background-position-y: center;
  background-position-x: left;
  background-size: auto 3px;
}
.timeline-list .timeline-item .tl-content .info-area {
  position: absolute;
  height: 180px;
  display: flex;
  align-items: center;
  left: 0;
  top: 2px;
}
.timeline-list .timeline-item .tl-content .info-area .des {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 20px;
}
.timeline-list .timeline-item .tl-content .info-area .indicator-wrap, .timeline-list .timeline-item .tl-content .info-area .circle, .timeline-list .timeline-item .tl-content .info-area .year, .timeline-list .timeline-item .tl-content .info-area .ind-line {
  position: absolute;
  left: 0;
  top: 0;
}
.timeline-list .timeline-item .tl-content .info-area .indicator-wrap {
  width: 1px;
  height: 100%;
  top: 0;
  --lien-space:8px;
  --dot-size:6px;
  --circle-size:16px;
  --year-space:-28px;
  cursor: pointer;
}
.timeline-list .timeline-item .tl-content .info-area .indicator-wrap::before {
  content: "";
  height: 120%;
  width: 50px;
  position: absolute;
  z-index: 15;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.timeline-list .timeline-item .tl-content .info-area .indicator-wrap .ind-line {
  height: calc(100% - (var(--lien-space) + var(--circle-size) * 2));
  left: 0;
  top: calc(var(--lien-space) + var(--dot-size));
  background-color: var(--clr-gold);
  width: 100%;
}
.timeline-list .timeline-item .tl-content .info-area .indicator-wrap .dot {
  display: block;
  height: var(--dot-size);
  width: var(--dot-size);
  background-color: var(--clr-gold);
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-50%);
}
.timeline-list .timeline-item .tl-content .info-area .indicator-wrap .year {
  bottom: var(--year-space);
  left: 0;
  transform: translateX(calc(-50% + 1px));
  top: auto;
  font-weight: bold;
  white-space: nowrap;
}
.timeline-list .timeline-item .tl-content .info-area .indicator-wrap .circle {
  top: auto;
  bottom: 0;
  left: 0;
  transform: translateX(calc(-50% + 1px));
  display: block;
  height: var(--circle-size);
  width: var(--circle-size);
  border: 1px solid var(--clr-gold);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.timeline-list .timeline-item .tl-content .info-area .indicator-wrap .circle::before {
  content: "";
  height: 4px;
  width: 4px;
  display: block;
  background-color: var(--clr-gold);
  border-radius: 50%;
}
.timeline-list .timeline-item .tl-content .info-area .indicator-wrap .toltip-item {
  background-color: #fff;
  display: flex;
  align-items: center;
  white-space: nowrap;
  color: var(--clr-mono900);
  border-radius: 10px;
  padding: 15px 25px;
  right: calc(100% + 10px);
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}
.timeline-list .timeline-item .tl-content .info-area .indicator-wrap .toltip-item .circle {
  position: initial;
}
.timeline-list .timeline-item .tl-content .info-area .indicator-wrap .toltip-item::before {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='18' viewBox='0 0 16 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 7.26795C16.3333 8.03775 16.3333 9.96225 15 10.732L3 17.6603C1.66667 18.4301 -1.66327e-06 17.4678 -1.68163e-06 15.9282L-1.84687e-06 2.0718C-1.86523e-06 0.532196 1.66666 -0.430055 3 0.339745L15 7.26795Z' fill='white'/%3E%3C/svg%3E%0A");
  content: "";
  height: 18px;
  width: 17px;
  right: -12px;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  background-repeat: no-repeat;
}
.timeline-list .timeline-item .tl-content .info-area .indicator-wrap.active .toltip-item {
  opacity: 1;
  visibility: visible;
  right: calc(100% + 20px);
}
.timeline-list .timeline-item .tl-content .right-ind.info-area {
  left: auto;
  right: 0;
}
.timeline-list .timeline-item .tl-content .left-ind-20.info-area {
  left: 20px;
}
.timeline-list .timeline-item .tl-content .center-ind.info-area {
  left: 50%;
  transform: translateX(-50%);
}
.timeline-list .timeline-item:nth-child(2n+2) .tl-content .info-area:not(.bottom-ind) {
  top: auto;
  bottom: 2px;
}
.timeline-list .timeline-item:nth-child(2n+2) .tl-content .info-area:not(.bottom-ind) .indicator-wrap .ind-line {
  top: auto;
  bottom: calc(var(--lien-space) + var(--dot-size));
}
.timeline-list .timeline-item:nth-child(2n+2) .tl-content .info-area:not(.bottom-ind) .indicator-wrap .dot {
  top: auto;
  bottom: 0;
}
.timeline-list .timeline-item:nth-child(2n+2) .tl-content .info-area:not(.bottom-ind) .indicator-wrap .year {
  top: var(--year-space);
  bottom: auto;
}
.timeline-list .timeline-item:nth-child(2n+2) .tl-content .info-area:not(.bottom-ind) .indicator-wrap .circle {
  top: 0;
  bottom: auto;
  left: 0;
}
.timeline-list .timeline-item .tl-content .info-area.top-ind {
  top: auto;
  bottom: 2px;
}
.timeline-list .timeline-item .tl-content .info-area.top-ind .indicator-wrap .ind-line {
  top: auto;
  bottom: calc(var(--lien-space) + var(--dot-size));
}
.timeline-list .timeline-item .tl-content .info-area.top-ind .indicator-wrap .dot {
  top: auto;
  bottom: 0;
}
.timeline-list .timeline-item .tl-content .info-area.top-ind .indicator-wrap .year {
  top: var(--year-space);
  bottom: auto;
}
.timeline-list .timeline-item .tl-content .info-area.top-ind .indicator-wrap .circle {
  top: 0;
  bottom: auto;
  left: 0;
}

.timeline-list .timeline-item.ind-5-tl .tl-content {
  width: 600px;
}

.tl-drag-proxy {
  position: absolute;
  visibility: hidden;
  height: 100%;
  width: 100%;
  z-index: 1200;
}

.progress-wrap {
  background-color: var(--clr-mono600);
  height: 1px;
  width: 100%;
  border-radius: 50px;
  --width:50%;
  position: relative;
}
.progress-wrap .progress {
  height: 2px;
  position: absolute;
  left: 0;
  width: var(--width);
  background-color: var(--clr-gold);
}

.pagination-progress {
  display: flex;
  align-items: center;
  width: 330px;
}
.pagination-progress .pagination-texts {
  white-space: nowrap;
  font-weight: bold;
  letter-spacing: 10px;
  font-size: var(--small-text);
  color: #fff;
  overflow: hidden;
  display: inline-block;
  height: 30px;
  min-width: max-content;
}
.pagination-progress .pagination-texts span {
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: center;
  position: relative;
  left: 5px;
}
.pagination-progress .progress-wrap {
  margin: 0 5px;
}
.timeline-list-wrapper .pagination-progress-wrap {
  position: absolute;
  bottom: 50px;
  left: var(--left-space);
  z-index: 100;
  width: calc(100% - var(--left-space) + var(--right-space));
  --left-pos:0%;
}
.timeline-list-wrapper .pagination-progress-wrap .pagination-progress {
  max-width: 300px;
  position: relative;
  left: calc(var(--left-pos) - (0vw - (var(--right-space) + var(--left-space))));
}

.history-timeline-section {
  position: relative;
}
.history-timeline-section .hover-overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  background-color: rgba(40, 37, 37, 0.9);
}
.history-timeline-section .pagination-progress {
  position: absolute;
  left: 150px;
  bottom: 50px;
  transform: translateX(100vw);
}
@media only screen and (max-width: 767.98px) {
  .history-timeline-section .pagination-progress {
    left: 15px;
  }
}
.history-timeline-section .timeline-hero {
  width: 100vw;
}
@media only screen and (max-width: 767.98px) {
  .history-timeline-section .timeline-hero .title {
    display: flex;
    justify-content: center;
    flex-direction: column;
    line-height: normal;
  }
  .history-timeline-section .timeline-hero .title .title-h4 {
    display: block;
    font-size: 16px;
    margin-top: 15px;
    line-height: 150%;
  }
}

.timeline-list {
  --img-common-space:60px;
  --img-common-space-min:-60px;
}
.timeline-list .timeline-item.timeline-1947 .bg-img, .timeline-list .timeline-item.timeline-1980 .bg-img {
  right: var(--img-common-space-min);
}
.timeline-list .timeline-item.timeline-2010 .bg-img {
  right: auto;
  left: var(--img-common-space);
}
.timeline-list .timeline-item.timeline-2010 .inde__1 {
  left: var(--img-common-space);
}
.timeline-list .timeline-item.timeline-2010 .inde__2 {
  left: calc(var(--img-common-space) * 2);
}
.timeline-list .timeline-item.timeline-2010 .inde__3 {
  left: calc(var(--img-common-space) * 3.5);
}
.timeline-list .timeline-item.timeline-2010 .inde__4 {
  left: calc(var(--img-common-space) * 5);
}
.timeline-list .timeline-item.timeline-2010 .inde__5 {
  left: auto;
  right: var(--img-common-space);
}
.timeline-list .timeline-item.timeline-2020 .bg-img {
  left: var(--img-common-space-min);
  right: auto;
}
.timeline-list .timeline-item.timeline-2020 .ind__1 {
  left: var(--img-common-space);
}
.timeline-list .timeline-item.timeline-2020 .ind__2 {
  right: var(--img-common-space);
  left: auto;
}

.history-timeline-section .timeline-hero, .history-timeline-section .timeline-item .bg-img, .history-timeline-section .timeline-item .title-year, .history-timeline-section .tl-content .top-line, .history-timeline-section .tl-content .info-area .des, .history-timeline-section .info-area .indicator-wrap, .history-timeline-section .pagination-progress,
.history-timeline-section .timeline-list .timeline-item .tl-content .info-area .indicator-wrap .year {
  transition: opacity 0.3s ease-out;
}

.history-timeline-section.focused-ind .timeline-list .timeline-item .tl-content .info-area .indicator-wrap .year, .history-timeline-section.focused-ind .timeline-hero, .history-timeline-section.focused-ind .timeline-item .bg-img, .history-timeline-section.focused-ind .timeline-item .title-year, .history-timeline-section.focused-ind .tl-content .top-line, .history-timeline-section.focused-ind .tl-content .info-area .des, .history-timeline-section.focused-ind .info-area .indicator-wrap:not(.active), .history-timeline-section.focused-ind .pagination-progress {
  opacity: 0.1;
}
.history-timeline-section.focused-ind .timeline-item .bg-img {
  opacity: 0.01;
}

.timeline-slide-wrapper {
  height: 419px;
}
.timeline-slide-wrapper .swiper-slide {
  display: flex;
  align-items: center;
}

.popup-wrapper {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: 87vh;
  width: 100%;
  max-width: 930px;
  z-index: 999;
  padding-left: 15px;
  padding-right: 15px;
  opacity: 0;
  display: none;
  visibility: hidden;
}
.popup-wrapper .content__wrap_main {
  width: 100%;
}
.popup-wrapper .content-wrap {
  width: 100%;
  overflow-y: auto;
  position: relative;
  border-radius: 30px;
  background: #ffffff;
}
.popup-wrapper .content-wrap::-webkit-scrollbar {
  width: 8px;
}
.popup-wrapper .content-wrap::-webkit-scrollbar-track {
  background: #ffffff;
}
.popup-wrapper .content-wrap::-webkit-scrollbar-thumb {
  background-color: rgba(40, 120, 225, 0.5);
  border-radius: 8px;
  border: 3px solid #ffffff;
}
@media only screen and (max-width: 767.98px) {
  .popup-wrapper .content-wrap {
    padding: 40px 18px;
  }
}
.popup-wrapper .popup-header, .popup-wrapper .popup-footer, .popup-wrapper .content__area {
  padding: 24px 60px;
}
.popup-wrapper .popup-header {
  background: #FFF;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.25);
}
.popup-wrapper .popup-footer {
  border-top: 1px solid var(--clr-gold);
}

.backdrop {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(40, 37, 37, 0.7);
  z-index: 998;
  opacity: 0;
  visibility: hidden;
  backdrop-filter: blur(2px);
}

.popup-fluid.popup-wrapper {
  max-width: 1320px;
}

.popup-career-details .title, .col2-popup .title {
  margin-bottom: 25px;
}
.popup-career-details .content__area, .col2-popup .content__area {
  padding: 0 30px;
}
.popup-career-details .popup-header, .col2-popup .popup-header {
  box-shadow: none;
  border-bottom: 1px solid var(--clr-mono900);
  padding: 30px 60px;
}
.popup-career-details .right-con, .popup-career-details .left-con, .col2-popup .right-con, .col2-popup .left-con {
  padding: 30px;
}
.popup-career-details .left-con, .col2-popup .left-con {
  border-right: 1px solid var(--clr-mono900);
}

.text-card {
  text-align: center;
  font-weight: 300;
}
@media only screen and (max-width: 991.98px) {
  .text-card {
    text-align: left;
    margin-bottom: var(--sec-space);
  }
}
.text-card .title::before {
  width: 52px;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 991.98px) {
  .text-card .title::before {
    width: 100%;
    bottom: -10px;
  }
}
.text-card .circle-plus-btn {
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 991.98px) {
  .flex-column.text-card {
    height: 100%;
  }
}

@media only screen and (min-width: 991.98px) {
  .info-sm-block {
    border-right: 1px solid var(--clr-mono900);
    padding-top: 30px;
    text-align: right;
    padding-right: 25px;
    max-width: 180px;
  }
}

.accordion__wrapper .title {
  background-color: transparent;
  border-color: transparent;
  width: 100%;
  text-align: left;
  color: #fff;
  padding: 16px 0;
  font-family: var(--ff-1);
  text-transform: uppercase;
  position: relative;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #fff;
}
.accordion__wrapper .title .btn-plus {
  margin-left: auto;
  display: block;
}
.accordion__wrapper .accordion-body {
  display: none;
  padding: 20px 0;
}

@media only screen and (min-width: 991.98px) {
  .contact__wrapper {
    border: 1px solid var(--clr-mono900);
    border-radius: 30px;
  }
}
@media only screen and (min-width: 991.98px) {
  .contact__wrapper .contact-form-area {
    padding: 43px 55px;
  }
}
@media only screen and (min-width: 991.98px) {
  .contact__wrapper .contact-info {
    padding: 43px 30px;
  }
}
@media only screen and (min-width: 991.98px) {
  .contact__wrapper .contact-info, .contact__wrapper .location-map {
    border-left: 1px solid var(--clr-mono900);
  }
}

.separator {
  display: block;
  border-top: 0.035714rem solid var(--clr-mono900);
  margin-top: 1.25rem;
  margin-bottom: 1.375rem;
}

.separator.clr-light {
  border-top-color: #fff;
}

.social-icons {
  padding: 0;
  margin: 0;
  list-style: none;
  margin-top: 0.8rem;
}
.social-icons li {
  display: inline-block;
  margin-right: 8px;
}

@media only screen and (min-width: 991.98px) {
  .location-map {
    height: 100%;
  }
}
@media only screen and (max-width: 991.98px) {
  .location-map {
    height: 73vw;
    border-radius: 20px;
  }
}
.sec-title {
  margin-bottom: 50px;
}
@media only screen and (max-width: 991.98px) {
  .sec-title {
    margin-bottom: 30px;
  }
}
.sec-title .title {
  display: inline-block;
  margin-bottom: 60px;
}
@media only screen and (max-width: 991.98px) {
  .sec-title .title {
    margin-bottom: 40px;
  }
  .sec-title .title::before {
    bottom: -12px;
  }
}
@media only screen and (max-width: 991.98px) {
  .sec-title .has-title-sm-bb {
    border-bottom: 1px solid var(--clr-mono900);
    padding-bottom: 25px;
  }
}

.sec-title.space-md {
  margin-bottom: 30px;
}

.auto-slide-wrapper .swiper-slide {
  width: max-content;
}

.scroll__slide-wrapper .scroll__slide {
  transform: translateX(calc(var(--x) + var(--vw)));
}

.page-row .hero-content-block {
  min-width: 17rem;
}
.page-row .right-page-area {
  width: 100%;
}

.img-swip-slide .swiper-slide, .project-catalog-slide .swiper-slide {
  width: auto;
}

.img-swip-slide .img-wrap {
  overflow: hidden;
  transition: transform 0.45s ease;
}

.img-swip-slide.is-pointer-down:not(.center-rounded-image) .img-wrap {
  transform: scale(0.95);
}

.round-images .img-wrap {
  border-radius: 1000px;
}

.our__artisans-section {
  position: relative;
}
@media only screen and (min-width: 991.98px) {
  .our__artisans-section {
    width: 100%;
    overflow: hidden;
  }
  .our__artisans-section .epoca__hero2-section, .our__artisans-section .our__artisans-next-slide {
    min-width: calc(100vw - 295px);
  }
}
.our__artisans-section .next-section {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 50%;
  z-index: 20;
}
@media only screen and (max-width: 991.98px) {
  .our__artisans-section .next-section {
    display: none;
  }
}

.img-swip-slide.center-rounded-image {
  --main-height:690px;
  height: var(--main-height);
}
.img-swip-slide.center-rounded-image .img-wrap {
  overflow: hidden;
  border-radius: 1000px;
}
.img-swip-slide.center-rounded-image .img-wrap img {
  height: 560px;
  width: 360px;
  object-fit: cover;
  transition: all 0.25s;
}
.img-swip-slide.center-rounded-image .swiper-slide {
  height: var(--main-height);
  display: flex;
  align-items: center;
}
.img-swip-slide.center-rounded-image .swiper-slide-active .img-wrap img {
  height: var(--main-height);
}

.project-layout-hero {
  min-height: 100vh;
}

.lg-text-list {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  z-index: 3;
}
.lg-text-list > li {
  border-top: 1px solid var(--clr-mono900);
  padding-top: 16px;
  padding-bottom: 16px;
}
.lg-text-list > li .title-h2 {
  line-height: 100%;
}

.img-list.lg-text-list {
  border-bottom: 1px solid var(--clr-mono900);
}

.lg__content-secs {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.lg__content-secs > .sec__item {
  border-bottom: 1px solid #776E6E;
}
.lg__content-secs > .sec__item:last-child {
  border-bottom: none;
}
.lg__content-secs .img-list.lg-text-list {
  border-bottom: 1px solid #776E6E;
}
@media only screen and (max-width: 991.98px) {
  .lg__content-secs .img-list.lg-text-list {
    border-bottom: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    padding-bottom: 40px;
  }
  .lg__content-secs .img-list.lg-text-list > li {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0;
    padding-bottom: 0;
  }
}
.lg__content-secs .img-list.lg-text-list > li {
  border-top: 1px solid #776E6E;
}
@media only screen and (max-width: 991.98px) {
  .lg__content-secs .img-list.lg-text-list > li {
    border-top: none;
  }
}

.page-top-hero {
  padding-top: 160px;
  padding-bottom: 160px;
}
@media only screen and (max-width: 991.98px) {
  .page-top-hero {
    padding-top: 120px;
    padding-bottom: 80px;
  }
}

.careers-lists {
  margin-top: 17px;
}
.careers-lists .career-list {
  color: var(--clr-mono900);
  text-decoration: none;
  border-bottom: 1px solid var(--clr-mono500);
  padding: 32px 24px;
  display: block;
  transition: all 0.25s;
}
@media only screen and (max-width: 991.98px) {
  .careers-lists .career-list {
    padding: 16px 0;
    position: relative;
  }
  .careers-lists .career-list::before {
    content: "";
  }
}

.dot-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 32px 0;
  list-style: none;
}
.dot-pagination li {
  width: 10px;
  height: 10px;
  background-color: #DAD7D7;
  border-radius: 50%;
  margin-right: 24px;
  cursor: pointer;
}
.dot-pagination li:last-child {
  margin-right: 0;
}
.dot-pagination li.active {
  transform: scale(1.5);
  background-color: var(--clr-mono900);
}

.dragable-tags, .scroll-left-drag {
  overflow: hidden !important;
}
.dragable-tags .btn-tags-list, .scroll-left-drag .btn-tags-list {
  width: max-content;
  padding-right: 15px;
  padding-left: 15px;
}
.dragable-tags .btn, .scroll-left-drag .btn {
  white-space: nowrap;
}

.dragable-tags {
  margin-right: -19px;
  margin-left: -19px;
  margin-top: 40px;
}
.dragable-tags ul > li {
  margin-right: 8px;
}

.single-career-wrapper .lg-text-list.right-text-list {
  margin-top: 56px;
}
.single-career-wrapper .lg-text-list.right-text-list li {
  border-top-color: var(--clr-mono600);
}
.single-career-wrapper .separator {
  margin-top: 30px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 991.98px) {
  .single-career-wrapper .separator {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
.single-career-wrapper .career-heading .separator {
  border-top-color: var(--clr-mono600);
}

@media only screen and (max-width: 991.98px) {
  .location-map {
    border-radius: 15px;
    border: 1px solid #2A251F;
    overflow: hidden;
  }
}

@media only screen and (max-width: 991.98px) {
  .contact__wrapper {
    color: var(--clr-mono900);
  }
}

.epoca__hero2-section {
  min-height: 100vh;
}
.epoca__hero2-section .menu-overlay {
  height: 100%;
  background: rgba(40, 37, 37, 0.8);
  z-index: 2;
  backdrop-filter: blur(4px);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s;
}
.epoca__hero2-section .close-btn {
  position: absolute;
  z-index: 5;
  left: 50%;
  transform: translateX(-50%) translateY(45px);
  bottom: 45px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s cubic-bezier(0.18, 0.89, 0.22, 1.34);
}
.epoca__hero2-section .text-content {
  font-weight: 300;
}
@media only screen and (min-width: 991.98px) {
  .epoca__hero2-section .text-content {
    max-width: 312px;
  }
}
.epoca__hero2-section .separator {
  border-top-color: #fff;
  margin-top: 50px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 991.98px) {
  .epoca__hero2-section .separator {
    opacity: 0.5;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

.epoca__hero2-section.open-dropdown .menu-overlay, .epoca__hero2-section.open-dropdown .close-btn {
  opacity: 1;
  visibility: visible;
}
.epoca__hero2-section.open-dropdown .close-btn {
  transform: translateX(-50%) translateY(0);
}

.hero__sm-navbar {
  margin-bottom: 45px;
  position: relative;
  z-index: 5;
}
@media only screen and (max-width: 991.98px) {
  .hero__sm-navbar {
    margin-bottom: 40px;
  }
}
.hero__sm-navbar a {
  color: #Fff;
  font-weight: bold;
  letter-spacing: 10px;
  text-transform: uppercase;
  text-decoration: none;
}
@media only screen and (min-width: 991.98px) {
  .hero__sm-navbar a {
    font-size: var(--small-size);
  }
}
@media only screen and (max-width: 991.98px) {
  .hero__sm-navbar a {
    font-weight: normal;
    letter-spacing: 6px;
  }
}
.hero__sm-navbar > li {
  margin-right: 20px;
}
.hero__sm-navbar > li:last-child {
  margin-right: 0;
}
.hero__sm-navbar .has-dropdown {
  position: relative;
}
.hero__sm-navbar .has-dropdown a {
  font-weight: normal;
}
@media only screen and (max-width: 991.98px) {
  .hero__sm-navbar .has-dropdown a {
    font-weight: bold;
    letter-spacing: 1.5px;
    font-weight: 500;
    padding-right: 30px;
    display: block;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid var(--clr-mono300);
    transition: all 0.25s;
  }
}
@media only screen and (max-width: 991.98px) {
  .hero__sm-navbar .has-dropdown > a::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.20001 1.40039L6.00001 6.20039L10.8 1.40039' stroke='white' stroke-linecap='square'/%3E%3C/svg%3E%0A");
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 13px;
    width: 13px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
}
.hero__sm-navbar .has-dropdown ul {
  position: absolute;
  top: 100%;
  left: 0;
  opacity: 0;
  visibility: hidden;
}
@media only screen and (max-width: 991.98px) {
  .hero__sm-navbar .has-dropdown ul li:last-child a {
    border-bottom: none;
  }
}

@media only screen and (max-width: 991.98px) {
  .open-dropdown .has-dropdown a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .open-dropdown .has-dropdown > a {
    border-bottom-color: var(--clr-gold);
    color: var(--clr-gold);
  }
  .open-dropdown .has-dropdown > a::before {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.19995 1.40039L5.99995 6.20039L10.8 1.40039' stroke='%23CBAA7C' stroke-linecap='square'/%3E%3C/svg%3E%0A");
  }
  .open-dropdown .has-dropdown ul {
    opacity: 1;
    visibility: visible;
  }
}

.side__block {
  min-width: 295px;
  max-width: 295px;
}
.side__block .container-area {
  min-height: 100vh;
  padding-left: 45px;
  padding-right: 45px;
}

.has-border-right.side__block {
  border-right: 1px solid #776E6E;
}

.side__block .v-sep {
  width: 1px;
  margin-left: auto;
  margin-right: auto;
  background: #fff;
  flex: 1;
  margin-top: 3.48vh;
  margin-bottom: 3.48vh;
}

.btn-wrap .btn {
  margin-bottom: 8px;
}
.btn-wrap .btn:last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 991.98px) {
  .page-row .right-page-area {
    width: calc(100% - 295px);
  }
}

.arrow__img_slide {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-left: 2vw;
  padding-right: 2vw;
}
@media only screen and (max-width: 767.98px) {
  .arrow__img_slide {
    padding-left: 20vw;
    padding-right: 20vw;
  }
}
.arrow__img_slide .swiper {
  overflow: initial;
}
.arrow__img_slide .swiper-slide {
  display: flex;
  align-items: center;
  height: 72.861vh;
}
@media only screen and (max-width: 767.98px) {
  .arrow__img_slide .swiper-slide {
    height: 490px;
  }
}
@media (max-width: 575.98px) {
  .arrow__img_slide .swiper-slide {
    height: 316px;
  }
}
.arrow__img_slide .swiper-slide .img-wrap {
  transition: height 1s cubic-bezier(0.19, 1, 0.22, 1);
  height: 80%;
  width: 100%;
}
.arrow__img_slide .img-wrap {
  overflow: hidden;
  border-radius: 1000px;
}
.arrow__img_slide .img-wrap img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
.arrow__img_slide .swiper-slide-active .img-wrap {
  height: 100%;
}
.arrow__img_slide .slide-btn-wrap {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  left: 20px;
}
.arrow__img_slide .next__btn-wrap {
  right: 3vw;
  left: auto;
}
.arrow__img_slide .swiper-button-disabled.slide-prev {
  opacity: 1;
  pointer-events: all;
  cursor: pointer;
}
.arrow__img_slide .active-for-prev.prev__btn-wrap::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 5;
  cursor: pointer;
}

.scroll-left-drag {
  overflow: hidden;
}

.btn-slide-circle {
  height: 96px;
  width: 96px;
  border-radius: 50px;
  border: 2px solid #fff;
  background: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(4px);
}

.materials-section {
  position: relative;
}
.materials-section .materials-nav-wrap {
  position: absolute;
  bottom: 31px;
  left: 0;
  z-index: 10;
  mix-blend-mode: difference;
}

.materials__items {
  height: 458px;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.materials__items .material__item {
  position: absolute;
  transition: filter 0.25s;
}
.materials__items .material__item:nth-child(1) {
  left: 30%;
  top: -50px;
}
.materials__items .material__item:nth-child(2) {
  right: -70px;
  bottom: -70px;
}
.materials__items .material__item:nth-child(3) {
  left: -35px;
  top: -35px;
}
.materials__items .material__item:nth-child(4) {
  left: 50%;
  top: 50%;
}
.materials__items .material__item:nth-child(5) {
  left: 50%;
  top: -50%;
}

.materials-nav-wrap {
  padding-left: var(--container-space);
  padding-right: var(--container-space);
  display: flex;
  width: 100%;
}
@media only screen and (min-width: 991.98px) {
  .materials-nav-wrap {
    justify-content: center;
  }
}

.materials-nav {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
}
.materials-nav > li {
  margin-right: 16px;
}
.materials-nav > li:last-child {
  margin-right: 0;
}

.materials-section.material-visible .material__item {
  filter: blur(10px);
}
.materials-section.material-visible .material__item.active {
  filter: blur(0);
}

.footer-area {
  padding: var(--container-space);
  border-top: 0.5px solid #776E6E;
}
@media only screen and (max-width: 991.98px) {
  .footer-area {
    padding-top: var(--sec-space);
  }
  .footer-area .btn {
    width: 100%;
  }
}
.footer-area .footer-top {
  padding-bottom: var(--container-space);
  --col-space:50px;
}
@media only screen and (min-width: 991.98px) {
  .footer-area .footer-top {
    border-bottom: 1px solid #fff;
  }
  .footer-area .footer-top .sep-right {
    border-right: 1px solid #fff;
  }
}
@media only screen and (max-width: 991.98px) {
  .footer-area .footer-top {
    --col-space:0;
  }
}
.footer-area .footer-top .links__list {
  margin-bottom: 40px;
}
.footer-area .footer-top .links__list {
  padding-right: var(--col-space);
}
.footer-area .footer-top .footer-info-wrap {
  padding-right: var(--col-space);
  padding-left: var(--col-space);
  display: flex;
  flex-direction: column;
  height: 100%;
}
.footer-area .footer-top .footer-info-wrap .separator {
  margin-top: 1.8rem;
  margin-bottom: 1.8rem;
}
.footer-area .footer-top .inline-form-area {
  padding-left: var(--col-space);
}
@media only screen and (max-width: 991.98px) {
  .footer-area .footer-top .inline-form-area, .footer-area .footer-top .accordion__wrapper {
    margin-bottom: 50px;
  }
}
.footer-area .footer-bottom {
  padding-top: 30px;
  padding-bottom: 50px;
  mix-blend-mode: screen;
}
.footer-area .accordion__wrapper .links__list {
  margin-bottom: 0;
}

.links__list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.links__list li {
  margin-bottom: 15px;
}
.links__list li a {
  font-weight: 300;
  text-transform: uppercase;
  color: var(--clr-mono100);
  text-decoration: none;
  position: relative;
  display: inline-block;
  transition: all 0.25s ease-out;
}
.links__list li a::before, .links__list li a::after {
  content: "";
  position: absolute;
  left: 0;
}
.links__list li a::before {
  height: 8px;
  width: 8px;
  border-radius: 50px;
  background-color: currentColor;
  top: 7px;
  transform: scale(0);
  transition: all 0.25s ease-out;
}
.links__list li a::after {
  bottom: -3px;
  height: 1px;
  width: 100%;
  background-color: currentColor;
  transform: scaleX(0);
  transform-origin: right center;
  transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.links__list li a:hover {
  padding-left: 18px;
}
.links__list li a:hover::before {
  transform: scale(1);
}
.links__list li a:hover::after {
  transform: scaleX(1);
  transform-origin: left center;
}

.white-text-link {
  text-decoration: none;
  color: #fff;
  transition: color 0.25s ease-out;
}
.white-text-link:hover {
  color: var(--clr-gold);
}

/*# sourceMappingURL=style.css.map */