:not(i) {
    margin: 0;
    padding: 0;
    font-family: Montserrat, sans-serif;
    box-sizing: border-box;
    text-decoration: none;
    list-style: none
}

:root {
    --color-dark: #5f7460;
    --color-boz: #383838;
    --color-grey: #e4e2e1;
    --color-white: white;
    --color-green: #5f7460;
    --_sizes---border-radius: .5rem;
    --color-grey-bg: #ecf1f5;
    --color-dark-hover: #393536;
    --color-accent: #a79d95;
    --color-blue: #375f78;
    --_sizes---text-medium: .875rem;
    --_sizes---size-h2: 2rem;
    --_sizes---size-h3: 1.5rem;
    --_sizes---text-small: .75rem;
    --color-red: #ff4249
}

a {
    color: #000;
    text-decoration: none
}

ol,
ul {
    padding: 0
}

p {
    margin: 0
}

.sec_title {
    font-size: 36px;
    margin-bottom: 15px;
    font-weight: 700;
    text-transform: uppercase
}

/* innerpages */

#innerContent .swiper-slide[data-show="left"] {
    all: unset !important;
}

.xidmetler_full {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px
}

.innerGrid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1rem;
}

.btn.light__grey-btn.news__btn {
    position: absolute;
    inset: auto 0% 0% auto;
}

.section.global-padding.news__section {
  padding-bottom: 5.62rem;
}

.section.global-padding.news__section.v3 {
  background-color: var(--color-grey-bg);
  padding-bottom: 0;
}

.full__image {
  z-index: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform .8s;
  position: absolute;
  inset: 0%;
}

.image__show-box {
  z-index: 5;
  background-color: #f4f9fb;
  transition: all .8s linear;
  position: absolute;
  overflow: hidden;
}

.news__items {
  grid-column-gap: 1.56rem;
  grid-row-gap: 1.56rem;
  flex-flow: column;
  display: flex;
}

.news__grid {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.news__item-link {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  display: flex;
}

.news__item-image {
  border-radius: var(--_sizes---border-radius);
  flex: none;
  width: 18.875rem;
  min-height: 10.3125rem;
  position: relative;
  overflow: hidden;
}

.news__item-content {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  text-transform: uppercase;
  flex-flow: column;
  font-size: 1.5rem;
  line-height: 1.3;
  display: flex;
  overflow: hidden;
}

.news__item-date {
  color: #ffffffb3;
  letter-spacing: 0;
  background-image: url("https://forest-village.com/wp-content/themes/forest-village/images/67b85e83a1984c4cafe0307b_calendar_747310202.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: .75rem;
  padding-left: 1.25rem;
  font-size: .875rem;
  line-height: 1.3;
}

.news__item {
  position: relative;
}

.news__item-line {
  background-color: var(--color-white);
  opacity: .2;
  height: .0625rem;
  position: absolute;
  inset: auto 0% -.75rem;
}

.news__item-line.v2 {
  background-color: var(--color-blue);
}

.news__first-child {
  display: block;
}

.news__fist-image {
  border-radius: var(--_sizes---border-radius);
  height: 22.1875rem;
  margin-bottom: 1.25rem;
  position: relative;
  overflow: hidden;
}

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

.color__dark {
  color: var(--color-dark);
}

@media screen and (max-width: 991px) {

  .section.global-padding.news__section.v3 {
    padding-bottom: 0;
  }

  .section__title-box {
    justify-content: space-between;
    margin-bottom: 1.44rem;
    display: flex;
  }

  .news__items {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .news__grid {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column;
    align-items: stretch;
    display: flex;
  }

  .news__item-link {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
  }

  .news__item-image {
    width: 100%;
    min-height: 12rem;
  }

  .news__item-content {
    max-width: 40rem;
    font-size: 1.25rem;
  }

  .news__item-date {
    font-size: .75rem;
  }

  .news__item-line {
    display: none;
  }

  .news__first-child {
    border-bottom: 1px solid #fff3;
    width: 100%;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .news__first-child.v2 {
    border-bottom-color: #375f7833;
  }

  .news__fist-image {
    height: 24.375rem;
    margin-bottom: 1rem;
  }
}

@media screen and (max-width: 479px) {

  .section.global-padding.news__section {
    padding-bottom: 8rem;
  }

  .section.global-padding.news__section.v3 {
    padding-bottom: 4.25rem;
  }

  .section__title-box {
    margin-bottom: 1.5rem;
  }

  .news__items {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    display: flex;
  }

  .news__item-link {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
  }

  .news__item-image {
    min-height: 11.3125rem;
  }

  .news__item-content {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    font-size: 1rem;
  }

  .news__first-child {
    border-bottom-style: none;
    padding-bottom: 0;
  }

  .news__fist-image {
    height: 11.3125rem;
    margin-bottom: .75rem;
  }
}

@media screen and (max-width: 991px) {

  #w-node-_7fac814a-d8d4-7d3b-8761-cb5df6abf106-601d1e9d {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (max-width: 479px) {

  #w-node-_7fac814a-d8d4-7d3b-8761-cb5df6abf100-601d1e9d, #w-node-_7fac814a-d8d4-7d3b-8761-cb5df6abf101-601d1e9d {
    order: -9999;
  }
}

.not_active {
    opacity: .5;
    pointer-events: none
}

.blog_active {
    opacity: 1 !important;
    pointer-events: auto !important;
}

.news__item-date {
  color: #000;
  letter-spacing: 0;
  background-image: url("https://forest-village.com/wp-content/themes/forest-village/images/67b85e83a1984c4cafe0307b_calendar_747310202.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: .75rem;
  padding-left: 1.25rem;
  font-size: .875rem;
  line-height: 1.3;
}

.svg-object {
  justify-content: center;
  align-items: center;
  width: .625rem;
  height: .74481rem;
  transition: transform .5s;
  display: flex;
  position: relative;
}

.single-content__grid {
  grid-column-gap: 4.13rem;
  grid-template-rows: auto;
  grid-template-columns: 12.25rem 1fr 12.25rem;
  grid-auto-columns: 1fr;
  margin-top: -12.8rem;
  display: grid;
}

.other-post {
  flex-direction: column;
  align-items: center;
  width: 100%;
  transition: color .4s;
  display: flex;
  position: absolute;
  top: 9.6rem;
  color: #fff;
}

.more-link {
  grid-column-gap: .44rem;
  letter-spacing: .035rem;
  align-items: center;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.4;
  transition: color .5s;
  display: flex;
}

.more-link:hover {
  color: #143a33;
}

.full-image {
  z-index: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: all .9s;
  position: absolute;
  inset: 0%;
}

.post-info__bar {
  grid-column-gap: 1.25rem;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .75rem;
  display: flex;
  overflow: hidden;
}

.other-post__image {
  border-radius: .25rem;
  width: 100%;
  height: 6.8125rem;
  margin-bottom: .75rem;
  position: relative;
  overflow: hidden;
}

.post-right__side, .post-left__side {
  position: relative;
}

.post-image {
  border-radius: var(--_sizes---border-radius);
  height: 26.625rem;
  margin-bottom: 1.25rem;
  position: relative;
  overflow: hidden;
}

.rich-content {
  width: 100%;
  max-width: 67.4375rem;
}

.rich-content p {
  margin-bottom: .75rem;
}

.rich-content h2 {
  margin-top: 3.12rem;
  margin-bottom: 1rem;
}

.rich-content a {
  color: var(--color-green);
}

.news__item-time {
  color: #ffffffb3;
  letter-spacing: 0;
  background-image: url("../images/67bc3c6c9fc4e91319bed918_ion_time-outline.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: .75rem;
  padding-left: 1.25rem;
  font-size: .875rem;
  line-height: 1.3;
}

@media screen and (max-width: 991px) {

  .news__item-date {
    font-size: .75rem;
  }

  .single-content__grid {
    display: flex;
  }

  .more-link {
    font-size: 1rem;
  }

  .post-right__side, .post-left__side {
    display: none;
  }

  .post-image {
    height: 24.3125rem;
  }

  .rich-content {
    max-width: none;
    font-size: .75rem;
  }

  .rich-content h2 {
    margin-top: 2rem;
  }

  .news__item-time {
    font-size: .75rem;
  }
}

@media screen and (max-width: 479px) {

  .svg-object {
    width: .8125rem;
    height: .8125rem;
  }

  .single-content__grid {
    margin-top: -7.5rem;
  }

  .more-link {
    font-size: .875rem;
  }

  .post-image {
    height: 11.1875rem;
  }
}

.speedbar {
    grid-column-gap: 3px;
    color: var(--color-grey);
    text-align: left;
    letter-spacing: 0;
    width: 100%;
    margin-bottom: 1.88rem;
    font-size: .75rem;
    font-weight: 300;
    line-height: 1.2;
    display: flex;
}

.speedbar svg {
    fill: #fff;
    width: 15px;
    height: 15px;
}

.speedbar a {
    color: #fff;
}

.container.global-padding.post__container,
.post__container.bg__color-green {
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 14.94rem;
  display: flex;
}

.container.page__container {
  background-color: var(--color-green);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 6.75rem;
  padding-bottom: 1.5rem;
  display: flex;
}

.bg__color-green {
  background-color: var(--color-green);
  color: var(--color-grey);
}

.breadcrumbs {
  grid-column-gap: 1.75rem;
  color: var(--color-grey);
  text-align: left;
  letter-spacing: 0;
  width: 100%;
  margin-bottom: 1.88rem;
  font-size: .75rem;
  font-weight: 300;
  line-height: 1.2;
  display: flex;
}

.post__title {
  max-width: 66rem;
}

@media screen and (max-width: 991px) {

  .container.page__container {
    padding-top: 6rem;
  }

  .container.page__container.global-padding.pb0 {
    padding-bottom: .5rem;
  }

  .breadcrumbs {
    grid-row-gap: .25rem;
    flex-flow: wrap;
  }

  .post__title {
    max-width: 44.5rem;
  }
}

@media screen and (max-width: 479px) {

  .container.global-padding.post__container {
    padding-bottom: 9rem;
  }

  .container.page__container {
    padding-top: 5.81rem;
    padding-bottom: 1.25rem;
  }

  .container.page__container.global-padding.pb0 {
    padding-bottom: .25rem;
  }

  .breadcrumbs {
    margin-bottom: 1.75rem;
  }
}

.project_bgbig {
    height: 120vh;
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.project_bgbig img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0px;
}

.projectbg_top {
    position: relative;
    padding: 80px 0 0 100px;
    z-index: 3;
}

.projectbg_top a,
.projectbg_top h2,
.projectbg_top i {
    color: #fff;
}

.projectbg_top h2 {
    font-size: 108px;
}

.projectbg_bottom {
    position: relative;
    padding: 0 0 80px 100px;
    z-index: 3;
}

.projectbg_bottom button {
    color: #28282c;
    font-size: 16px;
    padding: 20px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: -0.16px;
    border-radius: 0px 0px 0px 0px;
    background-color: #ffffff;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}

.projectbg_overlay {
    border-radius: 0px 0px 0px 0px;
    background-image: linear-gradient(0.972turn, rgba(40, 40, 44, 0) 0%, rgba(40, 40, 44, 0.7) 100%);
    border-color: transparent;
    border-style: solid;
    position: absolute;
    z-index: 2;
    height: 100%;
    width: 100%;
}

.project_about,
.project_realphotos,
.project_schemephotos {
    padding: 4rem 0;
}

.project_both {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 100px;
}

.project_left h2 {
    vertical-align: middle;
    color: #28282c;
    font-size: 50px;
    line-height: 1;
    font-weight: 500;
    letter-spacing: -1.5px;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

.project_right p {
    vertical-align: middle;
    color: #28282c;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 400;
    letter-spacing: -0.2px;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

.project_right h4 {
    vertical-align: middle;
    color: #9b9ba5;
    font-size: 16px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: -0.16px;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

.project_right ul {
    padding-left: 2rem;
}

.project_right li {
    vertical-align: middle;
    color: #28282c;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 400;
    letter-spacing: -0.2px;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    list-style: disc;
}

.project_spec {
    border-top: 1px solid #dcdce0;
    border-bottom: 1px solid #dcdce0;
    padding: 14px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.project_spec span:first-child {
    vertical-align: middle;
    color: #9b9ba5;
    font-size: 16px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: -0.16px;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

.project_spec span:nth-child(2) {
    vertical-align: middle;
    color: #28282c;
    font-size: 28px;
    line-height: 1;
    font-weight: 500;
    letter-spacing: -0.56px;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

.project_realphotos img,
.project_schemephotos img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}

.project_schemephotos img {
    height: 420px;
}

.project_schemephotos button {
    color: #ffffff;
    font-size: 16px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: -0.16px;
    border-radius: 0px 0px 0px 0px;
    background-color: #28282c;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    width: 100%;
    margin: 0 auto;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    padding: 20px;
    margin-top: 30px;
}

.arch_both {
    background: #f6f5f5;
    display: grid
;
    grid-template-columns: 1fr 1fr;
    padding: 0 150px;
}

.arch_left {
    padding: 50px 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.arch_right img {
    width: 540px;
    height: 540px;
    object-fit: contain;
    margin-top: -90px;
}

.arch_left h2 {
    vertical-align: middle;
    color: #28282c;
    font-size: 50px;
    line-height: 1;
    font-weight: 500;
    letter-spacing: -1.5px;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

.arch_left p {
    vertical-align: middle;
    color: #28282c;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 400;
    letter-spacing: -0.2px;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

.arch_left button {
    color: #ffffff;
    font-size: 16px;
    padding: 20px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: -0.16px;
    border-radius: 0px 0px 0px 0px;
    background-color: #28282c;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    width: fit-content;
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}

.projectphotos {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    /*grid-template-rows: repeat(12, 1fr);*/
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    gap: 5px;
    grid-auto-flow: row dense;
    /* Dense metodu ilə yeni div-lər sıx yerləşəcək */
}

/* İlk 6 div */
.projectphotos>li:nth-child(1) {
    background-color: lightblue;
    grid-column: span 3;
    /* İlk div geniş olacaq */
    grid-row: span 1;
}

.projectphotos>li:nth-child(2) {
    background-color: lightgreen;
    grid-column: span 2;
    grid-row: span 1;
}

.projectphotos>li:nth-child(3) {
    background-color: lightcoral;
    grid-column: span 2;
    grid-row: span 1;
}

.projectphotos>li:nth-child(4) {
    background-color: lightyellow;
    grid-column: span 3;
    grid-row: span 1;
}

.projectphotos>li:nth-child(5) {
    background-color: lightpink;
    grid-column: span 1;
    grid-row: span 1;
}

.projectphotos>li:nth-child(6) {
    background-color: lightgrey;
    grid-column: span 4;
    grid-row: span 1;
}

.projectphotos img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.consult_both {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    background: #f5f6f7;
}

.consult_left img {
    width: 100%;
    height: 480px;
    object-fit: cover;
}

.consult_right {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 50px 50px 0 0;
}

.consult_right h2 {
    vertical-align: middle;
    color: #28282c;
    font-size: 50px;
    line-height: 1;
    font-weight: 500;
    letter-spacing: -1.5px;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

.consult_right p {
    vertical-align: middle;
    color: #28282c;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 400;
    letter-spacing: -0.2px;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

.consult_right button {
    color: #ffffff;
    font-size: 16px;
    padding: 20px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: -0.16px;
    border-radius: 0px 0px 0px 0px;
    background-color: #28282c;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    width: fit-content;
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}

/* innerpages */

@view-transition {
navigation: auto;
}

::view-transition-group(root) {
animation-duration: 0.65s;
}
[data-shutter="bottom"] {
height: 100%;
max-height: 100%;
inset: auto 0% 0%;
}
[data-shutter="left"] {
width: 100%;
max-width: 100%;
inset: 0% 0% 0% auto;
}
[data-shutter="right"] {
width: 100%;
max-width: 100%;
inset: 0% auto 0% 0%;
}
[data-shutter="bottom"].show {
max-height: 0%;
}
[data-shutter="left"].show,
[data-shutter="right"].show {
max-width: 0%;
}
.rich-content li::marker {
color: var(--color-green)
}
[data-faq="question"]:has(.active) {
color: var(--color-green);
}

.service__item {
flex-grow: 1;
}
::-webkit-scrollbar {
width: 6px;
height: 0px;
background-color: #F4F9FB;
}
::-webkit-scrollbar-thumb {
background-color: var(--color-accent);
border-radius: 0.5rem;
}
[data-title] {
transition: color .4s ease;
}

@media (hover :hover) {
.service__item:hover {
flex-grow: 4;
}
a:hover .item__arr {
background: #FFF0E5;
color: var(--color-dark);
}
a:hover .full__image{
transform: scale(1.13);
}
}

main:not(.not_main) section:not(#slider, #projects, #advantages) {
    margin: 3rem 0
}



#advantages {
    padding: 5rem 0;
    overflow: hidden;
}

.btn {
    background-color: var(--color-boz);
    color: var(--color-white);
    text-align: center;
    letter-spacing: .035rem;
    text-transform: uppercase;
    border-radius: .25rem;
    justify-content: center;
    align-items: center;
    min-height: 2.5rem;
    padding: .5rem 1.25rem;
    font-size: .875rem;
    line-height: 1.4;
    transition: background-color .4s;
    display: flex;
    transition: .5s all ease;
}

.btn:hover,
.btn__circle:hover,
.nav__btn:hover,
.slide__next:hover,
.slide__prev:hover {
    background: var(--color-dark-hover)
}

/******STYLING WHATSAPP START**********/
.fixed-whatsapp {
    width: 50px;
    height: 50px;
    background: #39473a;
    border: 1px solid #fff;
    position: fixed;
    bottom: 20px;
    z-index: 1000;
    right: 20px;
    color: #fff;
    animation: 1s infinite wpAnim;
    box-shadow: 0 0 0 18px transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 20px
}

.fixed-whatsapp:hover a {
    color: #fff;
}



@keyframes wpAnim {
    0% {
        box-shadow: 0 0 0 0 var(--color-boz)
    }
}

/* about page */

.responsive-container-block {
  min-height: 75px;
  height: fit-content;
  width: 100%;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  display: flex;
  flex-wrap: wrap;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  justify-content: flex-start;
}

a {
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
}

.text-blk {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  line-height: 25px;
}

.responsive-container-block.bigContainer {
  padding-top: 10px;
  padding-right: 30px;
  padding-bottom: 10px;
  padding-left: 30px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 10px 50px 10px 50px;
}

.mainImg {
  color: black;
  width: 100%;
  height: auto;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.text-blk.headingText {
  font-size: 22px;
  font-weight: 700;
  line-height: 30px;
  color: #5f7460;
  padding-top: 0px;
  padding-right: 10px;
  padding-bottom: 0px;
  padding-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 5px;
  margin-left: 0px;
}

.allText {
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  width: 40%;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}

.text-blk.subHeadingText {
  color: rgb(102, 102, 102);
  font-size: 26px;
  line-height: 32px;
  font-weight: 700;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 15px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 10px;
  padding-bottom: 0px;
  padding-left: 0px;
}

.text-blk.description {
  font-size: 18px;
  line-height: 26px;
  color: rgb(102, 102, 102);
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
  margin-bottom: 0;
  font-weight: 400;
  padding-top: 0px;
  padding-right: 10px;
  padding-bottom: 0px;
  padding-left: 0px;
}

.explore {
    transition: .5s all ease;
  font-size: 16px;
  line-height: 28px;
  color: rgb(102, 102, 102);
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 2px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgb(102, 102, 102);
  border-right-color: rgb(102, 102, 102);
  border-bottom-color: rgb(102, 102, 102);
  border-left-color: rgb(102, 102, 102);
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  cursor: pointer;
  background-color: white;
  margin-top: 15px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 8px;
  padding-right: 40px;
  padding-bottom: 8px;
  padding-left: 40px;
}

.explore:hover {
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat-x: initial;
  background-repeat-y: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: #5f7460;
  color: white;
  border-top-width: initial;
  border-right-width: initial;
  border-bottom-width: initial;
  border-left-width: initial;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-top-color: initial;
  border-right-color: initial;
  border-bottom-color: initial;
  border-left-color: initial;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
}

.responsive-container-block.Container {
  margin-right: auto;
  margin-bottom: 50px;
  margin-left: auto;
  justify-content: center;
  align-items: center;
  max-width: 1320px;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}

.responsive-container-block.Container.bottomContainer {
  flex-direction: row-reverse;
  margin-right: auto;
  margin-bottom: 50px;
  margin-left: auto;
  position: static;
}

.allText.aboveText {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 40px;
}

.allText.bottomText {
  margin-top: 0px;
  margin-right: 40px;
  margin-bottom: 0px;
  margin-left: 0px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding-top: 0px;
  padding-right: 15px;
  padding-bottom: 0px;
  padding-left: 0px;
}

.purpleBox {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 430px;
  background-color: #5f7460;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  position: absolute;
  bottom: -35px;
  left: -8%;
}

.about_stars i {
    color: #fff;
    font-size: 21px;
}

.purpleText {
  font-size: 18px;
  line-height: 26px;
  color: white;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 0px;
}

.ultimateImg {
  width: 50%;
  position: relative;
}

@media (max-width: 1024px) {
  .responsive-container-block.Container {
    max-width: 850px;
  }

  .mainImg {
    width: 55%;
    height: auto;
  }

  .allText {
    width: 40%;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 20px;
  }

  .responsive-container-block.bigContainer {
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
  }

  .responsive-container-block.Container.bottomContainer {
    margin-right: auto;
    margin-bottom: 50px;
    margin-left: auto;
  }

  .responsive-container-block.Container {
    max-width: 830px;
  }

  .allText.aboveText {
    margin-top: 30px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 40px;
  }

  .allText.bottomText {
    margin-top: 30px;
    margin-right: 40px;
    margin-bottom: 0px;
    margin-left: 0px;
    text-align: left;
  }

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

  .allText.aboveText {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
  }

  .text-blk.subHeadingText {
    text-align: left;
    font-size: 26px;
    line-height: 32px;
  }

  .text-blk.description {
    text-align: left;
    line-height: 24px;
  }

  .explore {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
  }

  .responsive-container-block.bigContainer {
    padding-top: 10px;
    padding-right: 30px;
    padding-bottom: 10px;
    padding-left: 30px;
  }

  .responsive-container-block.Container {
    justify-content: space-evenly;
  }

  .purpleBox {
    bottom: 10%;
  }

  .responsive-container-block.Container.bottomContainer {
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    max-width: 930px;
  }

  .allText.bottomText {
    width: 40%;
  }

  .purpleBox {
    bottom: auto;
    left: -10%;
    top: 70%;
  }

  .mainImg {
    width: 100%;
  }

  .text-blk.headingText {
    text-align: left;
  }
}

@media (max-width: 768px) {
  .allText {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
  }

  .responsive-container-block.Container {
    flex-direction: column;
    height: auto;
  }

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

  .text-blk.subHeadingText {
    text-align: center;
    font-size: 24px;
  }

  .text-blk.description {
    text-align: center;
    font-size: 18px;
  }

  .allText {
    margin-top: 40px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
  }

  .allText.aboveText {
    margin-top: 40px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
  }

  .responsive-container-block.Container {
    margin-right: auto;
    margin-bottom: 50px;
    margin-left: auto;
  }

  .responsive-container-block.Container.bottomContainer {
    margin-right: auto;
    margin-bottom: 50px;
    margin-left: auto;
  }

  .allText.bottomText {
    margin-top: 40px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
  }

  .mainImg {
    width: 100%;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: -70px;
    margin-left: 0px;
  }

  .responsive-container-block.Container.bottomContainer {
    flex-direction: column;
  }

  .ultimateImg {
    width: 100%;
  }

  .purpleBox {
    position: static;
  }

  .allText.bottomText {
    width: 100%;
    align-items: flex-start;
  }

  .text-blk.headingText {
    text-align: left;
  }

  .text-blk.subHeadingText {
    text-align: left;
  }

  .text-blk.description {
    text-align: left;
  }

  .ultimateImg {
    position: static;
  }

  .mainImg {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
  }

  .ultimateImg {
    position: relative;
  }

  .purpleBox {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    position: absolute;
    left: 0px;
    top: 80%;
  }

  .allText.bottomText {
    margin-top: 100px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
  }
}

@media (max-width: 500px) {
  .responsive-container-block.Container {
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    width: 100%;
    max-width: 100%;
  }

  .mainImg {
    width: 100%;
  }

  .responsive-container-block.bigContainer {
    padding-top: 10px;
    padding-right: 25px;
    padding-bottom: 10px;
    padding-left: 25px;
  }

  .text-blk.subHeadingText {
    font-size: 24px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    line-height: 28px;
  }

  .text-blk.description {
    font-size: 16px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    line-height: 22px;
  }

  .allText {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    width: 100%;
  }

  .allText.bottomText {
    margin-top: 50px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding: 0 0 0 0;
    margin: 30px 0 0 0;
  }

  .ultimateImg {
    position: static;
  }

  .purpleBox {
    position: static;
  }

  .stars {
    width: 55%;
  }

  .allText.bottomText {
    margin-top: 75px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
  }

  .responsive-container-block.bigContainer {
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
  }

  .purpleText {
    font-size: 16px;
    line-height: 22px;
  }

  .explore {
    padding: 6px 35px 6px 35px;
    font-size: 15px;
  }
}

.wk-desk-1 {
  width: 8.333333%;
}

.wk-desk-2 {
  width: 16.666667%;
}

.wk-desk-3 {
  width: 25%;
}

.wk-desk-4 {
  width: 33.333333%;
}

.wk-desk-5 {
  width: 41.666667%;
}

.wk-desk-6 {
  width: 50%;
}

.wk-desk-7 {
  width: 58.333333%;
}

.wk-desk-8 {
  width: 66.666667%;
}

.wk-desk-9 {
  width: 75%;
}

.wk-desk-10 {
  width: 83.333333%;
}

.wk-desk-11 {
  width: 91.666667%;
}

.wk-desk-12 {
  width: 100%;
}

@media (max-width: 1024px) {
  .wk-ipadp-1 {
    width: 8.333333%;
  }

  .wk-ipadp-2 {
    width: 16.666667%;
  }

  .wk-ipadp-3 {
    width: 25%;
  }

  .wk-ipadp-4 {
    width: 33.333333%;
  }

  .wk-ipadp-5 {
    width: 41.666667%;
  }

  .wk-ipadp-6 {
    width: 50%;
  }

  .wk-ipadp-7 {
    width: 58.333333%;
  }

  .wk-ipadp-8 {
    width: 66.666667%;
  }

  .wk-ipadp-9 {
    width: 75%;
  }

  .wk-ipadp-10 {
    width: 83.333333%;
  }

  .wk-ipadp-11 {
    width: 91.666667%;
  }

  .wk-ipadp-12 {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .wk-tab-1 {
    width: 8.333333%;
  }

  .wk-tab-2 {
    width: 16.666667%;
  }

  .wk-tab-3 {
    width: 25%;
  }

  .wk-tab-4 {
    width: 33.333333%;
  }

  .wk-tab-5 {
    width: 41.666667%;
  }

  .wk-tab-6 {
    width: 50%;
  }

  .wk-tab-7 {
    width: 58.333333%;
  }

  .wk-tab-8 {
    width: 66.666667%;
  }

  .wk-tab-9 {
    width: 75%;
  }

  .wk-tab-10 {
    width: 83.333333%;
  }

  .wk-tab-11 {
    width: 91.666667%;
  }

  .wk-tab-12 {
    width: 100%;
  }
}

@media (max-width: 500px) {
  .wk-mobile-1 {
    width: 8.333333%;
  }

  .wk-mobile-2 {
    width: 16.666667%;
  }

  .wk-mobile-3 {
    width: 25%;
  }

  .wk-mobile-4 {
    width: 33.333333%;
  }

  .wk-mobile-5 {
    width: 41.666667%;
  }

  .wk-mobile-6 {
    width: 50%;
  }

  .wk-mobile-7 {
    width: 58.333333%;
  }

  .wk-mobile-8 {
    width: 66.666667%;
  }

  .wk-mobile-9 {
    width: 75%;
  }

  .wk-mobile-10 {
    width: 83.333333%;
  }

  .wk-mobile-11 {
    width: 91.666667%;
  }

  .wk-mobile-12 {
    width: 100%;
  }
}

/* contact page */

.contact-container{
  width: 90%;
  margin: 2rem auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.contact-inner-container{
  padding: 0px;
  width: 96%;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--color-boz);
  border-radius: 4px;
}

.contact-info-container{
  width: 50%;
  text-align: left;
  padding: 50px;
  background: #5f7460;
}

.contact-form{
  width: 50%;
  background: var(--color-boz);
  padding: 50px;
  border-radius: 0px 4px 4px 0px;
}

.contact-heading{
  font-size: 3rem;
  font-weight: 700 !important;
  line-height: 4rem;
  color: #fff;
}

.contact-description{
  font-weight: 700;
  color: #fff;
  line-height: 1.6rem;
  text-align: justify;
  font-size: 16px;
  margin-top: 20px;
}

.line{
  width: 100%;
  height: 8px;
  border-radius: 8px;
  background: #fff;
  margin: 24px 0px;
}

.contact-details{
  padding-top: 24px;
}

.contact-details h3{
  font-weight: 600;
  color: #fff;
}

.contact-details p{
  color: whitesmoke;
  font-weight: 500;
  margin-bottom: 6px;
}

.social-link-container{
  display: flex;
  margin-top: 30px;
}

.social-link-container .fa{
  margin-right: 20px;
  font-size: 22px;
  cursor: pointer;
  color: #fff;
  transition: all 0.2s;
}

.social-link-container .fa:hover, .submit-btn:hover{
  transform: translateY(-4px);
}

.form{
  display: flex;
  flex-direction: column;
  width: 100%;
}

.form-group{
  width: 100%;
  text-align: left;
  margin-top: 2px;
}

.form-group:not(:last-child){
  margin-bottom: 1rem;
}

.input-field{
  width: 100%;
  font-size: inherit;
  outline: none;
  border: none;
  border-radius: 2px;
  padding: 18px;
  background: #F2F2F2;
}

.form-input{
  height: auto;
}

.form-group textarea{
  height: 200px;
}

.submit-btn{
  padding: 1rem 2.4rem;
  font-weight: 700;
  text-align: center;
  color: #fff;
  background: #5f7460;
  border-radius: .25rem;
  cursor: pointer;
  transition: all 0.2s;
}

/* contact */

.header {
    z-index: 15;
    color: var(--color-grey);
    border-bottom: .0625rem solid #375f7800;
    justify-content: space-between;
    align-items: center;
    min-height: 6.625rem;
    padding: .5rem 1.25rem;
    transition: color .4s, background-color .4s, padding .4s;
    display: flex;
    position: fixed;
    inset: 0% 0% auto
}

.header-container {
    z-index: 4;
    display: flex;
    gap: 1rem;
    justify-content: space-between
}

.nav__bg-closer {
    z-index: 4;
    background-color: #00000073;
    display: none;
    position: fixed;
    inset: 0%
}

.nav__btn {
    z-index: 2;
    grid-column-gap: .56rem;
    grid-row-gap: .56rem;
    background-color: var(--color-boz);
    color: #fff;
    letter-spacing: .035rem;
    text-transform: uppercase;
    border-radius: .25rem;
    justify-content: center;
    align-items: center;
    min-height: 2.75rem;
    padding-left: .94rem;
    padding-right: 1.25rem;
    font-size: .875rem;
    line-height: 1.4;
    transition: border-radius .4s, padding .4s, background-color .4s;
    display: flex;
    position: relative;
    border: none;
    outline: 0
}

.nav__btn.active {
    border-radius: .5rem;
    padding-right: 9.88rem
}

.socila__items {
    z-index: 1;
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: relative
}

.social__item-link {
    background-color: var(--color-boz);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    transition: all .4s;
    display: flex
}

.social__ico {
    justify-content: center;
    align-items: center;
    width: 1rem;
    height: 1rem;
    display: flex
}

header.active .social__ico svg path {
    fill: #fff
}

.nav {
    background-color: #383838;
    border-radius: .5rem;
    max-height: 90dvh;
    padding-top: 1.25rem;
    display: none;
    overflow: auto
}

.nav__ico-box {
    grid-column-gap: .375rem;
    grid-row-gap: .375rem;
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
    width: 1.5rem;
    height: 1.5rem;
    transition: left .6s;
    display: flex;
    position: relative
}

.nav__line-box {
    justify-content: space-between;
    align-items: center;
    transition: all .6s;
    display: flex;
    position: relative
}

.nav__line {
    background-color: #a79d95;
    flex: none;
    width: 1.5rem;
    height: .0625rem
}

.nav__line-dot {
    background-color: #a79d95;
    border-radius: 50%;
    flex: none;
    width: .125rem;
    height: .125rem;
    position: absolute;
    left: 0
}

.nav__line-dot.v2 {
    left: auto;
    right: 0
}

.nav__btn.active .nav__ico-box {
    left: -.25rem
}

.nav__btn.active .nav__line-box:first-child {
    transform: rotateZ(45deg) translate(.31rem)
}

.nav__btn.active .nav__line-box:last-child {
    transform: rotateZ(-45deg) translate(.31rem)
}

.nav__items {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    letter-spacing: .035rem;
    text-transform: uppercase;
    flex-flow: column;
    padding-bottom: 1.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    font-size: .875rem;
    line-height: 1.4;
    display: flex
}

.nav__wrap {
    z-index: 5;
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
}



.nav__item {
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden
}

.nav__item-link {
    text-align: center;
    width: 100%;
    padding: .75rem;
    transition: top .8s;
    display: block;
    position: relative;
    top: -2rem;
    color: #e4e2e1
}

.nav__item-link.show {
    top: 0
}

.nav__hover-line {
    background-color: #a79d95;
    width: 100%;
    max-width: 0%;
    height: .0625rem;
    transition: max-width .8s
}

.mobile__nav-info {
    display: none
}

@media screen and (max-width:991px) {
    .nav {
        flex-flow: column;
        height: 100%;
        max-height: none;
        margin-bottom: 2rem;
        padding-top: 0;
        display: flex;
        overflow: auto
    }

    .nav__items {
        grid-column-gap: 1.5rem;
        grid-row-gap: 1.5rem;
        letter-spacing: .06rem;
        padding-left: 0;
        padding-right: 2rem;
        font-size: 1.5rem
    }

    .nav__wrap {
        background-color: #383838;
        flex-flow: column;
        justify-content: space-between;
        width: 24.4375rem;
        height: 100dvh;
        padding: 5.37rem 1.75rem 3.12rem 3.2rem;
        transition-property: transform;
        transition-duration: .8s;
        transition-timing-function: ease;
        display: flex;
        top: 0;
        bottom: 0;
        right: auto;
        transform: translate(-100%)
    }

    .nav__item {
        justify-content: flex-end;
        align-items: flex-start
    }

    .nav__item-link {
        text-align: left;
        padding-left: .62rem;
        padding-right: .62rem;
        top: -2.5rem
    }

    .mobile__nav-info {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        flex-flow: column;
        display: flex
    }

    .mobile__nav-box {
        grid-column-gap: .75rem;
        grid-row-gap: .75rem;
        letter-spacing: 0;
        text-transform: uppercase;
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
        display: flex
    }

    .nav__box-title {
        color: var(--color-accent);
        text-transform: none;
        font-size: 1.875rem;
        line-height: 1
    }
}

@media screen and (max-width:479px) {
    
    @media screen and (max-width: 479px) {
        #w-node-fa923705-7ca6-ade5-f8d5-67853a307e08-3a307e06, #w-node-fa923705-7ca6-ade5-f8d5-67853a307e09-3a307e06 {
            order: 9999;
        }
    }

    .nav__items {
        grid-column-gap: 1.25rem;
        grid-row-gap: 1.25rem
    }

    .nav__wrap {
        width: 18.3125rem;
        padding: 2.75rem 1.25rem 2rem 2rem;
        left: auto;
        right: 0;
        transform: translate(100%);
    }

    .nav__item-link {
        font-size: 1.25rem
    }

    .nav__box-title {
        font-size: 1.25rem
    }
}

::-webkit-scrollbar-thumb {
    background-color: var(--color-accent);
    border-radius: .5rem
}

.header__btns {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: flex-end;
    align-items: center;
    display: flex
}

.header__phone {
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
    font-size: .875rem;
    line-height: 1.3;
    transition: all .4s;
    display: flex;
    position: relative;
    color: #fff;
    font-weight: 600
}

.nav__hover-line {
    background-color: #a79d95;
    width: 100%;
    max-width: 0%;
    height: .0625rem;
    transition: max-width .8s
}

.nav__hover-line.v2 {
    position: absolute;
    bottom: -.2rem
}

@media (hover:hover) {

    .link__box:hover .nav__hover-line,
    .nav__item:hover .nav__hover-line {
        max-width: 100%
    }
}

@media screen and (max-width:991px) {
    .header__btns {
        grid-column-gap: .75rem;
        grid-row-gap: .75rem
    }

    .header__phone {
        background-color: #ffffff1a;
        border-radius: 50%;
        justify-content: center;
        align-items: center;
        width: 2.5rem;
        height: 2.5rem;
        font-size: 0;
        display: flex
    }
}

@media screen and (max-width:479px) {
    .btn {
        width: 100%
    }

    .btn.header__btn {
        display: none
    }
}

@media only screen and (min-width:991px) {
    .header__phone .social__ico {
        display: none
    }

    .header__phone:hover {
        color: #fff
    }

    .header__phone:hover .nav__hover-line {
        max-width: 100%
    }
}

@media only screen and (max-width:991px) {
    .header__phone>div:first-child {
        display: none
    }
}

@media (hover :hover) {
    .btn:hover {
        opacity: .8;
    }
}

.header__logo-link.on__hero {
    opacity: 0;
    transition: transform 1.2s ease, top .6s, color .4s;
    transform: translate(-50%) scale(0)
}

.header__logo img {
    width: 100%;
    filter:invert(1);
    max-width:155px;
    height: 100%
}

header.active .header__logo img {
    filter: invert(0);
    max-width:82px;
}

[data-faq=question]:has(.active) {
    color: var(--color-green)
}

.container:has(.nav__btn.active)+.header__logo-link {
    pointer-events: none
}

.header__logo {
    justify-content: center;
    align-items: center;
    width: 13.75rem;
    height: 11rem;
    transition: opacity .4s, height .8s, width .8s;
    display: flex
}

.header__logo-link {
    z-index: 5;
    grid-column-gap: .875rem;
    grid-row-gap: .875rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    transition: top .6s, color .4s;
    display: flex;
    position: absolute;
    top: .5rem;
    left: 50%;
    transform: translate(-50%)
}

.header__logo-link.on__hero {
    z-index: 5;
    top: 1.25rem
}

@media screen and (max-width:991px) {
    .header__logo {
        width: 9.25rem;
        height: 7.375rem
    }

    .header__logo-link {
        z-index: 2;
        grid-column-gap: .5rem;
        grid-row-gap: .5rem;
        top: .3rem
    }

    .header__logo-link.on__hero {
        z-index: 2;
        top: 5.75rem
    }
}

@media screen and (max-width:479px) {
    .header__logo {
        width: 7.375rem;
        height: 6.25rem
    }

    .header__logo-link.on__hero {
        top: 4.25rem
    }
}

.header.active {
    border-bottom-color: #375f781a;
    background: #f4f9fb
}

header.active .on__top .social__item-link {
    /*background: rgba(35, 31, 32, .1);*/
    color: #fff;
}

header.active .header__logo-link.on__hero {
    opacity: 1;
    visibility: visible
}

header.active .header__logo-link {
    color: var(--color-green)
}

@media only screen and (min-width:991px) {
    header.active {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    header.active .header__phone {
        color: var(--color-dark)
    }

    header.active .header__phone:hover {
        color: #393536
    }

    header.active .header__logo-link,
    header.position-fixed .header__logo-link {
        top: .5rem
    }

    header.active .header__logo-link.on__hero .header__logo,
    header.position-fixed .header__logo-link.on__hero .header__logo {
        width: 7.03125rem;
        height: 5.625rem
    }
}

@media only screen and (max-width:991px) {
    header.active .header__phone {
        color: var(--color-green);
        background: rgba(35, 31, 32, .1)
    }

    header.active .header__phone:hover {
        background: rgba(35, 31, 32, .15)
    }

    header.active .header__logo-link,
    header.position-fixed .header_logo-link {
        top: .3rem
    }

    header.active .header__logo-link.on__hero .header__logo,
    header.position-fixed .header__logo-link.on__hero .header__logo {
        width: 5.9375rem;
        height: 4.75rem
    }
}

@media only screen and (max-width:479px) {
    header.active .header__logo-link {
        z-index: 1
    }

    header.active .header__logo-link.on__hero .header__logo,
    header.position-fixed .header__logo-link.on__hero .header__logo {
        width: 5.605rem;
        height: 4.75rem
    }
}

@media (hover :hover) {
    header.active .on__top .social__item-link:hover {
        background: rgba(35, 31, 32, .15)
    }
}

#slider span.swiper-pagination-bullet {
    display: none;
}

.creative-fullpage--slider .swiper-button-next:after,
.creative-fullpage--slider .swiper-button-prev:after {
    position: absolute;
    opacity: 0
}

.creative-fullpage--slider .swiper-button-wrapper img {
    filter: invert(1);
    padding: 1.7rem
}

.creative-fullpage--slider .swiper img {
    -ms-interpolation-mode: bicubic;
    border: 0;
    vertical-align: middle;
    max-width: 100%;
    height: auto
}

.creative-fullpage--slider {
    background-color: #fff;
    z-index: 2;
    width: 100%;
    position: relative;
    flex-direction: column;
    height: 100vh;
    font-size: 16px;
    display: flex;
    clip-path: none !important
}

.creative-fullpage--slider .slider-inner {
    background: #000;
    height: 100vh;
    position: relative
}

.creative-fullpage--slider .swiper-slide {
    position: relative;
    display: flex;
    justify-content: center;
    text-align: left;
    flex-direction: column;
    overflow: hidden
}

.creative-fullpage--slider .swiper-slide .slider-inner img {
    object-fit: cover;
    width: 100%;
    height: 100vh;
    filter: brightness(.7)
}

.creative-fullpage--slider .swiper-slide .slider-inner video {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.creative-fullpage--slider .swiper-slide .slider-inner .swiper-content {
    position: absolute;
    top: 22%;
    left: 50px;
    z-index: 1
}

.creative-fullpage--slider .swiper-slide .slider-inner::after {
    content: "";
    position: absolute;
    width: 101%;
    height: 100%;
    top: 0;
    left: -1px;
    background-color: transparent;
    background-image: radial-gradient(at center right, #fffFFF00 50%, #00000096 100%)
}

.creative-fullpage--slider .swiper-slide .slider-inner .swiper-content .title-area .tag {
    color: #fff;
    font-weight: 900;
    font-size: 24px;
    margin-bottom: 10px;
    margin-top: 0
}

.creative-fullpage--slider .swiper-slide .slider-inner .swiper-content .title-area .title {
    margin-top: 50px;
    color: #fff;
    font-size: 5vw;
    font-weight: 900;
    line-height: 1.1;
    text-transform: uppercase;
    margin-bottom: 50px;
    margin-left: -12px;
    text-decoration: none
}

.creative-fullpage--slider .swiper-slide .slider-inner .swiper-content p.disc {
    font-size: 20px;
    width: 100%;
    margin-top: 15px;
    margin: 20px 0 40px 0;
    font-weight: 400;
    line-height: 32px;
    color: #fffFFFB0
}

.creative-btn--wrap .creative-slide--btn {
    color: #fff;
    margin-left: 18px;
    font-size: 1.4em;
    transition: margin-left .3s cubic-bezier(.49, 0, .01, 1);
    font-weight: 400;
    display: inline-flex;
    position: relative;
    white-space: nowrap;
    text-decoration: none;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    user-select: none;
    outline: 0;
    outline-color: transparent;
    box-shadow: none;
    will-change: transform;
    backface-visibility: hidden
}

.creative-btn--circle .circle {
    position: absolute;
    right: calc(100% - 10px);
    top: 0;
    bottom: 0;
    margin: auto;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    clip-path: circle(25% at 50% 50%);
    transition: clip-path .5s cubic-bezier(.49, 0, .01, 1)
}

.creative-btn--circle .circle .circle-fill {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 100%;
    background-color: #fff;
    will-change: transform;
    transform: scale(0);
    z-index: 1;
    transition: transform .5s cubic-bezier(.49, 0, .01, 1), background-color .5s cubic-bezier(.49, 0, .01, 1)
}

.creative-btn--circle .circle-icon {
    transform: translate(-100%, 0);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    z-index: 2;
    transition: all .5s cubic-bezier(.49, 0, .01, 1)
}

.creative-btn--circle .circle-icon .icon-arrow {
    width: 20px;
    height: 20px;
    stroke: none;
    fill: #000
}

.creative-btn--circle .circle-outline {
    fill: transparent;
    width: 10px;
    stroke: #ffffff
}

.creative-btn--wrap .creative-slide--btn .creative-btn--label {
    margin-left: 4pt;
    transition: transform .5s cubic-bezier(.49, 0, .01, 1);
    background: #fff;
    color: #000;
    border-radius: 8px;
    font-size: 19px;
    padding: 2px 14px;
}

.creative-btn--wrap .creative-slide--btn .creative-btn__border {
    position: absolute;
    left: 4pt;
    right: 0;
    bottom: 0;
    height: 1px;
    background: currentColor;
    transform-origin: right;
    transition: transform .5s cubic-bezier(.49, 0, .01, 1)
}

.creative-btn--wrap .creative-slide--btn:hover .creative-btn--label {
    transform: translateX(18px)
}

.creative-btn--wrap .creative-slide--btn:hover .creative-btn__border {
    transform: scale(0, 1)
}

.creative-btn--wrap .creative-slide--btn:hover {
    margin-left: 38px !important
}

.creative-btn--wrap .creative-slide--btn:hover .circle {
    clip-path: circle(50% at 50% 50%)
}

.creative-btn--wrap .creative-slide--btn:hover .circle-fill {
    transform: scale(1, 1)
}

.creative-btn--wrap .creative-slide--btn:hover .circle-icon {
    transform: translate(0, 0);
    opacity: 1
}

.creative-fullpage--slider .swiper-container-h .swiper-button-next,
.creative-fullpage--slider .swiper-container-h .swiper-button-prev {
    bottom: 5%;
    top: unset;
    transform: scale(1);
    transition: all .4s;
    background-color: #fffFFF00;
    backdrop-filter: blur(20px);
    height: 85px;
    width: 85px;
    line-height: 85px;
    border-radius: 50%;
    transition: all .4s
}

.creative-fullpage--slider .swiper-container-h .swiper-button-next {
    right: 50px
}

.creative-fullpage--slider .swiper-container-h .swiper-button-prev {
    left: 50px
}

.swiper-container-h .slider-pagination-area {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: unset;
    right: unset;
    bottom: 80px;
    left: 50% !important;
    transform: translateX(-50%);
    width: 500px;
    z-index: 1
}

.swiper-container-h .slider-pagination-area .slide-range {
    font-size: 16px;
    font-weight: 500;
    margin: 0 15px;
    color: #fff;
    line-height: 0;
    position: absolute;
    font-size: 20px
}

.swiper-container-h .slider-pagination-area .slide-range.one {
    left: -50px
}

.swiper-container-h .slider-pagination-area .slide-range.three {
    right: -50px
}

.swiper-container-h .slider-pagination-area .swiper-pagination {
    bottom: 0 !important;
    width: 500px !important
}

.swiper-container-h .slider-pagination-area .swiper-pagination .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-container-h .swiper-button-next::after {
    content: "\f061";
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    background: 0 0;
    color: #fff;
    font-size: 60px
}

.swiper-container-h .swiper-button-prev::after {
    content: "\f060";
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    background: 0 0;
    color: #fff;
    font-size: 60px
}

.swiper-container-h .swiper-button-next:hover,
.swiper-container-h .swiper-button-prev:hover {
    background: #fffFFF0D
}

@media (max-width:991px) {
    .creative-fullpage--slider .swiper-slide .slider-inner .swiper-content {
        width: 100%;
        text-align: center;
        left: 0;
        top: 32%;
    }
    
    .creative-fullpage--slider .swiper-button-wrapper img {
        padding: 1rem;
    }
    
    .nav__wrap.active {
        transform: none;
        right: -100px;
    }

    .creative-fullpage--slider .swiper-container-h .swiper-button-next,
    .creative-fullpage--slider .swiper-container-h .swiper-button-prev {
        height: 50px;
        width: 50px;
        line-height: 50px
    }

    .swiper-container-h .slider-pagination-area {
        width: 200px !important
    }

    .swiper-container-h .swiper-button-next::after,
    .swiper-container-h .swiper-button-prev::after {
        font-size: 30px
    }

    .creative-fullpage--slider .swiper-container-h .swiper-button-next,
    .creative-fullpage--slider .swiper-container-h .swiper-button-prev {
        background: #ffffff3b
    }

    .swiper-container-h .slider-pagination-area .swiper-pagination {
        bottom: 0 !important;
        width: 200px !important
    }
}

@media screen and (max-width:767px) {
    .creative-fullpage--slider .swiper-slide .slider-inner .swiper-content .title-area .title {
        font-size: 40px;
    }

    .creative-fullpage--slider .swiper-slide .slider-inner .swiper-content .title-area .tag {
        margin-bottom: 0
    }

    .creative-fullpage--slider .swiper-slide .slider-inner .swiper-content p.disc {
        margin: 20px auto 20px auto;
        font-size: 16px;
        width: 95%
    }

    .swiper-container-h .slider-pagination-area {
        display: none
    }

    .creative-fullpage--slider .swiper-slide .slider-inner .swiper-content p.disc br {
        display: none
    }
}

.btn__circle {
    color: var(--color-white);
    text-align: center;
    letter-spacing: .035rem;
    text-transform: uppercase;
    background-color: #231f20;
    border-radius: 50%;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 8.25rem;
    height: 8.25rem;
    font-size: .875rem;
    line-height: 1.2;
    transition: background-color .4s;
    display: flex;
    position: relative
}

.btn__circle.hero__btn {
    z-index: 5;
    position: absolute;
    bottom: -4.12rem;
    left: 50%;
    transform: translate(-50%)
}

.data__items .btn__circle.hero__btn {
    position: unset;
    bottom: 0;
    left: 0;
    transform: translate(0);
}

.btn__border {
    z-index: 2;
    pointer-events: none;
    width: 7.5rem;
    height: 7.5rem;
    position: absolute
}

@media screen and (max-width:991px) {
    body {
        font-size: .875rem
    }

    .btn__circle {
        width: 8rem;
        height: 8rem
    }

    .btn__circle.hero__btn {
        bottom: -4rem
    }

    .btn__border {
        width: 7.27275rem;
        height: 7.27275rem
    }
}

@media screen and (max-width:479px) {
    body {
        letter-spacing: .0175rem
    }

    .btn__circle {
        width: 6.75rem;
        height: 6.75rem;
        font-size: .75rem
    }

    .btn__circle.hero__btn {
        bottom: -3.38rem
    }

    .btn__border {
        width: 6.10094rem;
        height: 6.10094rem
    }
}

.btn__border {
    animation: spin 6s linear infinite
}

@keyframes spin {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@view-transition {
    navigation: auto
}

::view-transition-group(root) {
    animation-duration: .65s
}

.rich-content li::marker {
    color: var(--color-green)
}

[data-show=opacity] {
    opacity: 0;
    transition: opacity 1.5s ease, background-color .4s ease, color .4s ease
}

[data-show=opacity].show {
    opacity: 1
}

::-webkit-scrollbar {
    width: 6px;
    height: 0;
    background-color: #f4f9fb
}

::-webkit-scrollbar-thumb {
    background-color: var(--color-accent);
    border-radius: .5rem
}

@media (hover :hover) {
    .btn__circle:hover {
        background: var(--color-dark-hover)
    }
}

.custom_container.all__grid {
    grid-column-gap: .75rem;
    grid-row-gap: 3.12rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 32.25rem 16rem;
    grid-auto-columns: 1fr;
    display: grid;
    padding: 0 30px;
}

.custom_container.all__grid.place__grid {
    grid-row-gap: 3.12rem
}

.section {
    z-index: 5;
    position: relative
}

.global-padding {
    padding-left: 4.12rem;
    padding-right: 4.12rem
}

.place__image-1 {
    border-radius: var(--_sizes---border-radius);
    position: relative;
    overflow: hidden
}

.place__image-2 {
    border-top-right-radius: var(--_sizes---border-radius);
    border-bottom-right-radius: var(--_sizes---border-radius);
    width: calc(100% + 4.12rem);
    height: 24.9375rem;
    position: relative;
    left: -4.12rem;
    overflow: hidden
}

.place__image-3 {
    border-top-left-radius: var(--_sizes---border-radius);
    border-bottom-left-radius: var(--_sizes---border-radius);
    width: calc(100% + 4.12rem);
    position: relative;
    left: 0;
    overflow: hidden
}

.place__logo-wrap {
    justify-content: flex-end;
    align-items: flex-start;
    display: flex
}

.place__logo-block {
    grid-column-gap: .69rem;
    grid-row-gap: .69rem;
    text-align: center;
    letter-spacing: .0175rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 11.1875rem;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.4;
    display: flex
}

.place__logo {
    width: 8.68756rem
}

.place__items {
    grid-column-gap: 5.15rem;
    grid-row-gap: 5.15rem;
    justify-content: flex-start;
    align-items: stretch;
    display: flex
}

.place__item {
    grid-column-gap: 1rem;
    grid-row-gap: 0rem;
    grid-template-rows: auto;
    grid-template-columns: max-content 1fr;
    grid-auto-columns: 1fr;
    place-items: end start;
    display: grid;
    overflow: hidden
}

.place__item-num {
    color: var(--color-boz);
    font-size: 6.25rem;
    font-weight: 300;
    line-height: .8
}

.place__num-info {
    letter-spacing: .0175rem;
    justify-content: flex-start;
    align-items: flex-end;
    max-width: 8rem;
    min-height: 2.5rem;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.3;
    display: flex
}

.place__num-descr {
    color: var(--color-dark);
    text-transform: uppercase;
    font-size: 1.75rem;
    font-weight: 600;
    line-height: 1
}

@media screen and (max-width:991px) {
    .custom_container.all__grid {
        grid-row-gap: 2rem;
        grid-template-columns: 1fr 15.4375rem 12rem
    }

    .global-padding {
        padding-left: 1.75rem;
        padding-right: 1.75rem
    }

    .place__image-2 {
        width: calc(100% + 1.75rem);
        height: auto;
        min-height: 12.5625rem;
        left: -1.75rem
    }

    .place__image-3 {
        width: calc(100% + 1.75rem);
        height: 23.375rem;
        top: -4.62rem
    }

    .place__logo-block {
        grid-column-gap: .31rem;
        grid-row-gap: .31rem;
        font-size: .75rem
    }

    .place__logo {
        width: 5.62494rem
    }

    .place__items {
        grid-column-gap: 4rem;
        grid-row-gap: 4rem
    }

    .place__item {
        grid-column-gap: .5rem;
        grid-row-gap: .75rem;
        align-content: start;
        place-items: start
    }

    .place__item-num {
        font-size: 3.75rem
    }

    .place__num-info {
        min-height: auto;
        padding-bottom: 0;
        font-size: .75rem
    }

    .place__num-descr {
        padding-top: .5rem;
        font-size: .75rem
    }
}

@media screen and (max-width:479px) {
    .custom_container.all__grid {
        grid-template-columns: 1fr 1fr
    }

    .custom_container.all__grid.place__grid {
        grid-row-gap: 1.5rem
    }

    .global-padding {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .place__image-1 {
        height: 15.9375rem
    }

    .place__image-2 {
        width: calc(100% + 1rem);
        left: -1rem
    }

    .place__image-3 {
        width: calc(100% + 1rem);
        height: 15.9375rem;
        top: 0
    }

    .place__logo {
        width: 5.847rem
    }

    .place__items {
        grid-column-gap: .75rem;
        grid-row-gap: 1.25rem;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        margin-top: -6rem;
        display: grid
    }

    .place__item {
        grid-row-gap: .5rem
    }

    .place__item-num {
        font-size: 3.5rem
    }
}

#w-node-_09f56244-3f39-1cd4-13ed-e814b987b756-cb51cb8b,
#w-node-_2cfb6d43-4c1d-cce7-1ca6-822757fb00be-cb51cb8b {
    grid-area: span 2/span 1/span 2/span 1
}

#w-node-f1340e37-1b45-ce5a-001f-b5e9984df13f-cb51cb8b {
    grid-area: span 1/span 2/span 1/span 2
}

#w-node-_1055ad72-a31a-ec13-a302-ececc3b66def-cb51cb8b {
    grid-area: span 2/span 1/span 2/span 1
}

@media screen and (max-width:991px) {
    #w-node-_1055ad72-a31a-ec13-a302-ececc3b66def-cb51cb8b {
        grid-area: span 1/span 1/span 1/span 1
    }

    #w-node-d7850415-19d9-73d0-eb96-05dc29188714-cb51cb8b {
        grid-area: span 1/span 2/span 1/span 2
    }
}

@media screen and (max-width:479px) {

    #w-node-_0b5de95c-976b-c64f-c6f0-e8217db6500b-cb51cb8b,
    #w-node-_716352ec-ad1d-43a7-0879-2fcabd5a904c-cb51cb8b {
        order: -9999;
        grid-area: span 1/span 2/span 1/span 2
    }
}

.w-embed:after,
.w-embed:before {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
}

.w-embed:after {
    clear: both
}

.w-richtext:after,
.w-richtext:before {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
}

.w-richtext:after {
    clear: both
}

.custom_container.all__grid {
    grid-column-gap: .75rem;
    grid-row-gap: 3.12rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 32.25rem 16rem;
    grid-auto-columns: 1fr;
    display: grid
}

.section.pt0 {
    padding-top: 0
}

.global-padding {
    padding-left: 4.12rem;
    padding-right: 4.12rem
}

.full__image {
    z-index: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: transform .8s;
    position: absolute;
    inset: 0%
}

.image__show-box {
    z-index: 5;
    background-color: #f4f9fb;
    transition: all .8s linear;
    position: absolute;
    overflow: hidden
}

.place__item {
    grid-column-gap: 1rem;
    grid-row-gap: 0rem;
    grid-template-rows: auto;
    grid-template-columns: max-content 1fr;
    grid-auto-columns: 1fr;
    place-items: end start;
    display: grid;
    overflow: hidden
}

.place__num-info {
    letter-spacing: .0175rem;
    justify-content: flex-start;
    align-items: flex-end;
    max-width: 8rem;
    min-height: 2.5rem;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.3;
    display: flex
}

.data__image {
    border-top-right-radius: var(--_sizes---border-radius);
    border-bottom-right-radius: var(--_sizes---border-radius);
    width: calc(100% + .74rem);
    height: calc(100% + 14rem);
    position: relative;
    left: -4.125rem;
    overflow: hidden
}

.data__content-block {
    padding-top: 2rem
}

.title__img-box {
    grid-column-gap: 1.8rem;
    grid-row-gap: 1.8rem;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.25rem;
    display: flex
}

.title__image {
    flex: none;
    justify-content: center;
    align-items: center;
    width: 2.25rem;
    height: 2.25rem;
    display: flex
}

.section__descr {
    width: 100%;
    max-width: 40.5rem
}

.section__descr p {
    margin-bottom: 1rem
}

.data__items {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    margin-top: 2.75rem;
    display: flex
}

.i6 {
    z-index: 6;
    position: relative
}

@media screen and (max-width:991px) {
    .custom_container.all__grid {
        grid-row-gap: 2rem;
        grid-template-columns: 1fr 15.4375rem 12rem
    }

    .global-padding {
        padding-left: 1.75rem;
        padding-right: 1.75rem
    }

    .place__item {
        grid-column-gap: .5rem;
        grid-row-gap: .75rem;
        align-content: start;
        place-items: start
    }

    .place__item-num {
        font-size: 3.75rem
    }

    .place__num-info {
        min-height: auto;
        padding-bottom: 0;
        font-size: .75rem
    }

    .place__num-descr {
        padding-top: .5rem;
        font-size: .75rem
    }

    .data__image {
        height: calc(100% + 5.5rem);
        left: -1.75rem
    }

    .data__content-block {
        padding-top: 1.5rem;
        padding-bottom: 3.12rem
    }

    .data__items {
        margin-top: 2rem
    }
}

@media screen and (max-width:479px) {
    .custom_container.all__grid {
        grid-template-columns: 1fr 1fr
    }

    .custom_container.all__grid.data__grid {
        grid-row-gap: 1.5rem
    }

    .global-padding {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .place__item {
        grid-row-gap: .5rem
    }

    .place__item-num {
        font-size: 3.5rem
    }

    .data__image {
        width: calc(100% + 1rem);
        height: 14.5rem;
        left: -1rem
    }

    .data__content-block {
        padding-top: 0
    }

    .title__img-box {
        grid-column-gap: .85rem;
        grid-row-gap: .85rem;
        margin-bottom: .75rem
    }

    .title__image {
        width: 1.5rem;
        height: 1.5rem
    }

    .section__descr p {
        margin-bottom: .5rem
    }

    .data__items {
        grid-column-gap: 1.5rem;
        grid-row-gap: 1.5rem
    }
}

#w-node-c4e74dea-3c95-4834-679a-8455d397de37-cb51cb8b {
    grid-area: span 1/span 2/span 1/span 2
}

#w-node-ac7f0303-52cb-ebfe-b29f-aa432771e8e5-cb51cb8b {
    grid-area: span 2/span 1/span 2/span 1
}

@media screen and (max-width:991px) {
    #w-node-ac7f0303-52cb-ebfe-b29f-aa432771e8e5-cb51cb8b {
        grid-area: span 1/span 1/span 1/span 1
    }

    #w-node-ac7f0303-52cb-ebfe-b29f-aa432771e8ea-cb51cb8b {
        grid-area: span 1/span 2/span 1/span 2
    }
}

@media screen and (max-width:479px) {
    #w-node-_0d92adf3-7950-f0ca-3083-f9f2ec504033-cb51cb8b {
        order: -9999;
        grid-area: span 1/span 2/span 1/span 2
    }

    #w-node-a84b1dd5-d6a2-3bb8-42ac-ffdb9c04dc9b-cb51cb8b {
        order: -9999
    }
}

#projects {
    padding-top: 5rem
}

.bg__color-blue {
    background-color: #39473a;
    color: var(--color-grey)
}

.infra__title-block {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
    justify-content: space-between;
    align-items: flex-start;
    display: flex
}

.infra__title-box {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    flex-flow: column;
    max-width: 31.125rem;
    display: flex
}

.infra__logo {
    flex: none;
    width: 5.0625rem
}

.section.global-padding.bg__color-blue.infra__section {
    padding-bottom: 5rem
}

@media screen and (max-width:991px) {
    .section.global-padding.bg__color-blue.infra__section {
        padding-bottom: 4.37rem
    }

    .global-padding {
        padding-left: 1.75rem;
        padding-right: 1.75rem
    }

    .infra__title-block {
        grid-column-gap: 1.8rem;
        grid-row-gap: 1.8rem
    }

    .infra__logo {
        width: 4.3125rem
    }
}

@media screen and (max-width:479px) {
    .section.global-padding.bg__color-blue.infra__section {
        padding-bottom: 3.75rem
    }

    .global-padding {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .desktop__plug {
        display: none
    }

    .infra__title-block {
        align-items: flex-end
    }

    .infra__logo {
        width: 3.4375rem
    }
}

#w-node-_4b3587a1-80fd-6845-d5e0-c2909e47cb10-cb51cb8b {
    grid-area: span 1/span 2/span 1/span 2
}

@media screen and (max-width:479px) {
    #w-node-_4b3587a1-80fd-6845-d5e0-c2909e47cb10-cb51cb8b {
        grid-area: span 1/span 3/span 1/span 3
    }

    #w-node-_4b3587a1-80fd-6845-d5e0-c2909e47cb12-cb51cb8b {
        order: -9999
    }
}

.style_tab__header__menu__mg4Im:focus-visible {
    border-radius: 4px;
    box-shadow: inset 0 0 0 2px var(--neutral_950);
    padding-left: 8px;
    padding-right: 8px
}

.d-index-flat:hover .d-index-flat__more {
    width: 178px;
    padding: 0 40px;
    font-size: 16px;
    line-height: 15px
}

.d-index-flat:hover .d-index-flat__img:not(.swiper) {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.Biglayihe {
    display: grid;
    grid-template-columns: 1fr;
    gap: 50px
}

.Biglayihe>div:nth-child(1) {
    background-color: lightblue;
    grid-column: span 3;
    /* İlk div geniş olacaq */
    grid-row: span 1;
}

.Biglayihe>div:nth-child(2) {
    background-color: lightgreen;
    grid-column: span 2;
    grid-row: span 1;
}

.Biglayihe>div:nth-child(3) {
    background-color: lightcoral;
    grid-column: span 2;
    grid-row: span 1;
}

.Biglayihe>div:nth-child(4) {
    background-color: lightyellow;
    grid-column: span 3;
    grid-row: span 1;
}

.Biglayihe>div:nth-child(5) {
    background-color: lightpink;
    grid-column: span 1;
    grid-row: span 1;
}

.Biglayihe>div:nth-child(6) {
    background-color: lightgrey;
    grid-column: span 4;
    grid-row: span 1;
}

.d-index-flat {
    width: 100%;
    height: 400px;
    padding: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    border-radius: 32px;
    overflow: hidden;
    will-change: transform
}

.d-index-flat::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .15) 100%);
    z-index: 2
}

.d-index-flat__inner {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    position: relative;
    z-index: 3
}

.d-index-flat__name {
    font-style: italic;
    font-size: 28px;
    line-height: 44px
}

.d-index-flat__actions {
    position: absolute;
    left: 40px;
    top: 40px;
    display: flex;
    flex-wrap: wrap;
    z-index: 6
}

.d-flat-action {
    padding: 5px 16px;
    background: #fff;
    border-radius: 8px;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #39473a;
    position: relative;
    border: none;
    outline: 0
}

.d-index-flat__more {
    position: absolute;
    right: 40px;
    top: 40px;
    width: 64px;
    height: 64px;
    border: 1px solid #fff;
    border-radius: 12px;
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 0px;
    line-height: 0;
    color: #fff;
    padding: 0 32px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    z-index: 3
}

.d-index-flat__more::before {
    content: "";
    position: absolute;
    right: 12px;
    top: 12px;
    width: 20px;
    height: 20px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff
}

.d-index-flat__img {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 1
}

@media (min-width:768px) {
    .Biglayihe {
        gap: 20px;
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        /* grid-template-rows: repeat(12, 1fr); */
        grid-auto-flow: row dense;
    }

    .d-index-flat__name {
        font-style: italic;
        font-size: 30px;
        line-height: 44px
    }
}

.style_tab__header__menu__mg4Im:focus-visible {
    border-radius: 4px;
    box-shadow: inset 0 0 0 2px var(--neutral_950);
    padding-left: 8px;
    padding-right: 8px
}

.donstroy-block {
    display: flex;
    border-radius: 25px;
    width: 100%;
    height: 100%;
    min-height: 480px;
    align-items: flex-end;
    background: linear-gradient(to right, rgb(0 0 0 / 57%), rgb(0 0 0 / 60%)), url(https://million-wallpapers.ru/wallpapers/4/54/15337695721532952352/bassejn-bar-kottedzhd-s-nd-k-r-n-s.jpg) no-repeat center / cover fixed;
    color: #fff;
    position: relative;
    padding: 0 90px
}

.left-side {
    flex: 1
}

.info {
    flex: 2;
    z-index: 2;
    padding-bottom: 60px
}

.donstroy-logo {
    font-size: 130px;
    color: #7dbff2;
    letter-spacing: 8px;
    text-transform: uppercase;
    margin: 0;
    text-align: end;
    position: absolute;
    top: -69px;
    right: 0;
    font-weight: 700;
    background: linear-gradient(to bottom, #39473a 47%, white 54%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent; 
}

.description {
    font-style: italic;
    font-size: 25px;
    font-weight: 600;
    line-height: 36px;
    margin-bottom: 30px
}

.stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-bottom: 30px
}

.stat {
    flex: 1 1 250px
}

.stat h3 {
    font-size: 23px;
    font-style: italic;
    line-height: 36px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #fff;
    min-height: 90px
}

.stat p {
    font-size: 14px;
    line-height: 1.5
}

.btntop {
    position: absolute;
    left: 40px;
    top: auto;
    padding: 5px 25px;
    background: #fff;
    border-radius: .25rem;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #36187d;
    z-index: 2;
    bottom: 40px
}

.btntop .btn {
    bottom: 40px;
    background-color: #fff;
    color: #4b4b4b;
    border: none;
    border-radius: .25rem;
    font-size: 14px;
    cursor: pointer;
    transition: .3s
}

.btntop .btn:hover {
    background-color: var(--color-dark);
    color: #fff
}

@media (max-width:768px) {
    .stat h3 {
        min-height: 0
    }

    .info {
        text-align: center
    }

    .stats {
        display: grid;
        grid-template-columns: 1fr;
        gap: 20px;
        margin-top: 24px
    }

    .stats h3 {
        font-size: 22px
    }

    .description {
        font-size: 17px;
        font-style: italic;
        margin-top: 29px;
        line-height: 26px
    }

    .donstroy-logo {
        font-size: 50px
    }

    .left-side {
        flex: 0;
        width: 42px
    }
}

.card-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px
}

.card-effect {
    perspective: 1000px
}

.card-inner {
    --card-bg: #ffffff;
    --card-accent: #ff8a65;
    --card-text: #263238;
    --card-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
    background: var(--card-bg);
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    transition: transform .6s cubic-bezier(.23, 1, .32, 1), box-shadow .6s cubic-bezier(.23, 1, .32, 1);
    box-shadow: var(--card-shadow);
    border: 1px solid rgba(255, 255, 255, .3);
    transform-style: preserve-3d
}

.card-inner:hover {
    transform: rotateY(10deg) rotateX(10deg) translateZ(10px);
    box-shadow: 0 30px 60px rgba(0, 0, 0, .2)
}

.card__liquid {
    position: absolute;
    top: -80px;
    left: 0;
    width: 300px;
    height: 200px;
    background: #4a90e2;
    border-radius: 50%;
    transform: translateZ(-80px);
    filter: blur(80px);
    transition: transform .7s cubic-bezier(.36, 0, .66, -.56), opacity .3s ease-in-out;
    opacity: 0
}

.card-inner:hover .card__liquid {
    transform: translateZ(-50px) translateY(30px) translateX(-20px) rotate(-20deg) scale(1.2);
    opacity: .7
}

.card__shine {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255, 255, 255, .1) 30%, rgba(255, 255, 255, .6) 50%, rgba(255, 255, 255, .1) 70%);
    opacity: 0;
    transition: opacity .4s ease-in-out
}

.card-inner:hover .card__shine {
    opacity: 1;
    animation: shine-effect 2s infinite linear
}

.card__glow {
    position: absolute;
    inset: -15px;
    background: radial-gradient(circle at 50% 0, rgba(255, 138, 101, .4) 0, rgba(255, 138, 101, 0) 60%);
    opacity: 0;
    transition: opacity .6s ease-in-out
}

.card-inner:hover .card__glow {
    opacity: 1
}

.card__content {
    padding: 1.5em;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 1em;
    position: relative;
    z-index: 2
}

.card__badge {
    position: absolute;
    top: 15px;
    right: 15px;
    background: var(--color-dark);
    color: #fff;
    padding: .3em .6em;
    border-radius: 999px;
    font-size: .8em;
    font-weight: 600;
    transform: scale(.7);
    opacity: 0;
    transition: all .5s ease .2s
}

.card-inner:hover .card__badge {
    transform: scale(1);
    opacity: 1;
    z-index: 1
}

.card__image {
    width: 100%;
    height: 180px;
    background: var(--bg-color);
    border-radius: 15px;
    transition: transform .6s cubic-bezier(.23, 1, .32, 1);
    position: relative;
    overflow: hidden;
    box-shadow: 0 8px 12px rgba(0, 0, 0, .15)
}

.card__image img {
    object-fit: cover;
    height: 100%;
}

.card-inner:hover .card__image {
    transform: translateY(-8px) scale(1.05)
}

.card__image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 20% 80%, rgba(255, 255, 255, .15) 0, transparent 40%), repeating-linear-gradient(-45deg, rgba(255, 255, 255, .05) 0, rgba(255, 255, 255, .05) 3px, transparent 3px, transparent 6px);
    opacity: .6
}

.card__text {
    display: flex;
    flex-direction: column;
    gap: .5em
}

.card__title {
    color: var(--color-boz);
    font-size: 1.2em;
    margin: 0;
    font-weight: 700;
    transition: color .4s ease-in-out, transform .4s ease-in-out;
      display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}

.card-inner:hover .card__title {
    color: var(--color-dark);
    transform: translateX(3px)
}

.card__description {
    color: var(--color-boz);
    font-size: .85em;
    margin: 0;
    opacity: .8;
    transition: opacity .4s ease-in-out, transform .4s ease-in-out;
    min-height: 50px;
    display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}

.card-inner:hover .card__description {
    opacity: 1;
    transform: translateX(3px)
}

.card__footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto
}

.card__price {
    color: var(--color-boz);
    font-weight: 700;
    font-size: 1.1em;
    transition: color .4s ease-in-out, transform .4s ease-in-out
}

.card-inner:hover .card__price {
    color: var(--color-dark);
    transform: translateX(3px)
}

.card__button {
    width: 32px;
    height: 32px;
    background: var(--color-boz);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    cursor: pointer;
    transition: transform .4s ease-in-out, box-shadow .4s ease-in-out;
    transform: scale(.85)
}

.card-inner:hover .card__button {
    transform: scale(1);
    box-shadow: 0 0 0 5px rgba(255, 138, 101, .3)
}

.card-inner:hover .card__button svg {
    animation: pulse-button 1.5s infinite
}

@keyframes shine-effect {
    0% {
        transform: translateX(-100%)
    }

    100% {
        transform: translateX(200%)
    }
}

@keyframes pulse-button {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.15)
    }

    100% {
        transform: scale(1)
    }
}

/* faq */

.faq-items {
  column-count: 2;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  width: 100%;
  margin-top: -1.25rem;
  margin-bottom: 0;
  display: flex;
}

.faq-item {
  border-bottom: 1px solid #375f7833;
  width: 100%;
  overflow: hidden;
}

.faq-question {
  grid-column-gap: 2rem;
  text-transform: uppercase;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.3;
  transition: color .4s;
  display: flex;
}

.faq-ico {
  flex: none;
  justify-content: center;
  align-items: center;
  width: .74481rem;
  height: .62506rem;
  display: flex;
}

.faq-answer {
  width: 100%;
  max-width: 100%;
}

.faq-rich {
  padding-bottom: 1.75rem;
}

.faq-rich p {
  margin-bottom: 1rem;
}

.faq__grid {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 20.75rem;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.faq__question-block {
  position: sticky;
  top: 10rem;
}

.faq__question-box {
  z-index: 1;
  border-radius: var(--_sizes---border-radius);
  background-color: var(--color-green);
  color: var(--color-white);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 1.25rem 1.5rem 6rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.faq__question-title {
  margin-bottom: .62rem;
  font-size: 1.5rem;
  line-height: 1.3;
}

.faq__question-descr {
  color: var(--color-grey);
  letter-spacing: .0175rem;
  font-size: .875rem;
  font-weight: 500;
}

.faq__btn-bg {
  z-index: 0;
  width: 10.875rem;
  height: 4.6875rem;
  position: absolute;
  inset: auto auto -.0625rem 50%;
  transform: translate(-50%);
}

.faq__question-image {
  width: 8.375rem;
  transition: top .8s;
  position: absolute;
  top: -5.0625rem;
  left: 50%;
  transform: translate(-50%);
}

.faq__ico-btn {
  background-color: #375f781a;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  transition: all .4s;
  display: flex;
}

.btn__circle.hero__btn, .btn__circle.faq__btn {
    z-index: 5;
    position: absolute;
    bottom: -4.12rem;
    left: 50%;
    transform: translate(-50%);
}

@media screen and (max-width: 991px) {

  .section__title-box {
    justify-content: space-between;
    margin-bottom: 1.44rem;
    display: flex;
  }

  .faq-items {
    grid-row-gap: .75rem;
    margin-top: -1rem;
  }

  .faq-item {
    margin-bottom: 0;
  }

  .faq-question {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    font-size: 1.25rem;
  }

  .faq-rich {
    padding-bottom: 1.25rem;
  }

  .faq__grid {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    align-items: stretch;
    display: flex;
  }

  .faq__question-block {
    position: relative;
    top: 0;
  }

  .faq__question-box {
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 1.31rem 1.25rem 1.37rem;
  }

  .faq__question-title {
    max-width: 33rem;
    font-size: 1.25rem;
  }

  .faq__question-descr {
    max-width: 17.5rem;
  }

  .faq__btn-bg {
    width: 10.625rem;
    height: 4.625rem;
    left: auto;
    right: 3.56rem;
    transform: none;
  }

  .faq__question-image {
    display: none;
  }
}

@media screen and (max-width: 767px) {

  .btn__circle.faq__btn {
    right: 4.88rem;
    transform: none;
  }
}

@media screen and (max-width: 479px) {

  .btn__circle.faq__btn {
    bottom: -3.38rem;
    left: 50%;
    right: auto;
    transform: translate(-50%);
  }

  .btn__border {
    width: 6.10094rem;
    height: 6.10094rem;
  }

  .section__title-box {
    margin-bottom: 1.5rem;
  }

  .faq-question {
    grid-column-gap: 1.5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 1rem;
    line-height: 1.3;
  }

  .faq-rich p {
    margin-bottom: .5rem;
  }

  .faq__question-box {
    text-align: center;
    padding-bottom: 4.5rem;
  }

  .faq__question-title {
    font-size: 1rem;
  }

  .faq__btn-bg {
    width: 8.87481rem;
    height: 3.6875rem;
    left: 50%;
    right: auto;
    transform: translate(-50%);
  }

  .faq__ico-btn {
    width: 2rem;
    height: 2rem;
  }
}

@media screen and (max-width: 479px) {

  #w-node-_129ee76f-49f3-fb8d-11a3-597e5ae810ba-5ae810b8, #w-node-_129ee76f-49f3-fb8d-11a3-597e5ae810bb-5ae810b8 {
    order: -9999;
  }
}

/* projects */


.hero__subtitle-box {
  grid-column-gap: .94rem;
  grid-row-gap: .94rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hero__subtitle-arr {
  justify-content: center;
  align-items: center;
  width: 1.68631rem;
  height: .15944rem;
  display: flex;
  position: relative;
  bottom: .35rem;
}

.slide__arr-ico {
  justify-content: center;
  align-items: center;
  width: .62506rem;
  height: .74481rem;
  display: flex;
}

.full__image {
  z-index: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform .8s;
  position: absolute;
  inset: 0%;
}

.image__show-box {
  z-index: 5;
  background-color: #f4f9fb;
  transition: all .8s linear;
  position: absolute;
  overflow: hidden;
}

.section__title-box {
  margin-bottom: 2rem;
}

.section__label {
  color: var(--color-green);
  font-size: 2.0625rem;
  line-height: 1.1;
}

.service__items {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  color: var(--color-white);
  justify-content: space-between;
  display: flex;
}

.service__item {
  min-width: 26%;
  transition: all .8s;
}

.service__item-link {
  border-radius: var(--_sizes---border-radius);
  flex-flow: column;
  justify-content: space-between;
  height: 27.6875rem;
  padding: 1.25rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.bg__filter {
  z-index: 1;
  background-image: linear-gradient(#231f20b5, #231f2000);
  position: absolute;
  inset: 0%;
}

.service__item-info {
  z-index: 5;
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 1.5rem;
  line-height: 1.3;
  display: flex;
  position: relative;
}

.service__item-info > * {
    color: #fff;
}

.service__item-descr {
  letter-spacing: .03rem;
  background-color: #231f20cc;
  border-radius: .25rem;
  padding: .35rem .75rem;
  font-size: .75rem;
}

.service__item-content {
  opacity: 0;
  max-width: 18.125rem;
  margin-top: .25rem;
  font-size: 1rem;
  position: relative;
  bottom: -.5rem;
  overflow: hidden;
}

.item__arr {
  z-index: 2;
  color: var(--color-dark);
  cursor: pointer;
  background-color: #f3d4bc;
  border-radius: 50%;
  justify-content: center;
  align-self: flex-end;
  align-items: center;
  width: 3rem;
  height: 3rem;
  transition: all .4s;
  display: flex;
  position: relative;
}

@media screen and (max-width: 991px) {

  .section__title-box {
    justify-content: space-between;
    margin-bottom: 1.44rem;
    display: flex;
  }

  .section__title-box.for__center {
    justify-content: center;
    align-items: center;
  }

  .section__label {
    font-size: 1.875rem;
  }

  .service__items {
    flex-flow: column;
  }

  .service__item-link {
    height: 17.875rem;
  }

  .service__item-info {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    font-size: 1.25rem;
  }

  .service__item-descr {
    font-size: .875rem;
  }

  .service__item-content {
    opacity: 1;
    letter-spacing: .015rem;
    font-size: .75rem;
    bottom: 0;
  }

  .item__arr {
    width: 2.5rem;
    height: 2.5rem;
  }
}

@media screen and (max-width: 479px) {
  .hero__subtitle-box {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
  }

  .hero__subtitle-arr {
    width: 1.25rem;
    height: .125rem;
    bottom: .15rem;
  }

  .section__title-box {
    margin-bottom: 1.5rem;
  }

  .section__label {
    font-size: 1.25rem;
  }

  .service__item-link {
    height: 19.9375rem;
    padding: 1rem;
  }

  .bg__filter {
    background-image: linear-gradient(#231f20b5 8%, #231f2000);
  }

  .service__item-info {
    font-size: 1rem;
  }

  .service__item-descr {
    font-size: .75rem;
  }

  .service__item-content {
    font-size: .875rem;
  }
}

/* cta */

/* Call to action */
.calltoaction {
    padding: 3rem 0;
    background-color: #F6F7F9;
}

.cta-inner {
    display: flex;
    background: #262626;
    padding: 10px;
}

.cta_tel {
    color: #fff;
    border-bottom: 1px solid #fff;
    padding-bottom: 2px;
    width: fit-content;
}

.cta-inner2 {
    width: 100%;
    padding: 10px;
    background-image: linear-gradient(to right, white 10%, transparent 10%),
        /* Top border: white on left 50% */
        linear-gradient(to bottom, white 30%, transparent 10%),
        /* Left border: white on top 50% */
        linear-gradient(to left, white 10%, transparent 10%),
        /* Bottom border: white on right 50% */
        linear-gradient(to top, white 30%, transparent 10%);
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
    background-position: top left, top left, bottom left, bottom right;
}

.cta-text {
    padding: 40px 20px;
    background: transparent;
}

.fs-5 {
    font-size: 1.015625rem !important;
}

.socials a:first-child {
    background-color: rgb(27, 36, 28);
    color: rgb(84 204 97);
}

.socials a:first-child:hover {
    background-color: rgb(84 204 97);
    color: #fff;
}

.socials a:nth-child(2) {
    background-color: rgb(18 24 28);
    color: rgb(38 165 228);
}

.socials a:nth-child(2):hover {
    background-color: rgb(38 165 228);
    color: #fff;
}

.socials a {
    font-size: 14px;
    padding: 20px;
    transition: .4s;
    color: white;
}

.drones {
    height: 400px;
}

.drones img {
    object-fit: contain;
}

/* footer */

.siteby img {
    width: 110px;
    height: 35px;
    object-fit: contain;
    margin-top: 8px;
}

.d-footer {
    max-width: 1920px;
    width: 100%;
    padding: 0 40px 40px 40px;
    margin: 0 auto
}

@media (max-width:1501px) {
    .d-footer {
        padding: 0 24px 24px 24px;
    }
}

@media (max-width:992px) {
    .d-footer {
        padding: 24px
    }
}

@media (max-width:768px) {
    .d-footer {
        padding: 10px 12px 16px
    }
}

.d-footer__inner {
    background: #eee;
    border-radius: 40px;
    font-weight: 500
}

@media (max-width:768px) {
    .d-footer__inner {
        border-radius: 24px
    }
}

.d-footer__top {
    display: flex;
    justify-content: space-between;
    padding: 40px 40px 30px;
    border-bottom: 1px solid #e0e1e6;
    color: #8c90a4
}

@media (max-width:992px) {
    .d-footer__top {
        align-items: center;
        padding-bottom: 40px
    }
}

@media (max-width:768px) {
    .d-footer__top {
        flex-direction: column;
        align-items: center;
        padding: 24px 0 76px;
        text-align: center;
        position: relative
    }
}

.d-footer__top:before {
    content: '';
    position: absolute;
    left: 0;
    top: 132px;
    width: 100%;
    height: 1px;
    background: #e0e1e6;
    display: none
}

@media (max-width:768px) {
    .d-footer__top:before {
        display: block
    }
}

.d-footer__topLeft {
    position: relative
}

@media (max-width:768px) {
    .d-footer__topLeft {
        margin-bottom: 48px
    }
}

.d-footer__topLeft._ny:before {
    content: '';
    position: absolute;
    left: -15px;
    top: 0;
    width: 44px;
    height: 44px;
    background: url('../assets/img/d/NY2024/snowhat.png') no-repeat center/contain
}

@media (max-width:992px) {
    .d-footer__topLeft._ny:before {
        top: -2px
    }
}

.d-footer__logo {
    display: block;
    width: 90px;
    height: 100px;
    margin: 2px 0 10px
}

@media (max-width:992px) {
    .d-footer__logo {
        margin-top: 0
    }
}

.d-footer__copy {
    font-size: 12px;
    line-height: 15px
}

.d-footer__phone {
    display: inline-block;
    font-weight: 600;
    font-size: 48px;
    line-height: 52px;
    color: var(--color-boz);
    text-decoration: none;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.d-footer__phone:hover {
    color: var(--color-dark)
}

@media (max-width:1919px) {
    .d-footer__phone {
        font-size: 40px;
        line-height: 44px
    }
}

@media (max-width:992px) {
    .d-footer__phone {
        font-size: 32px;
        line-height: 36px
    }
}

.d-footer__address,
.d-footer__time {
    text-align: right
}

@media (max-width:768px) {

    .d-footer__address,
    .d-footer__time {
        text-align: center
    }
}

.d-footer__time {
    font-size: 14px;
    line-height: 18px;
    margin-top: 4px
}

.d-footer__address {
    font-size: 16px;
    line-height: 22px;
    font-style: normal;
    color: var(--color-dark);
    margin-top: 8px
}

@media (max-width:992px) {
    .d-footer__address {
        font-size: 14px;
        line-height: 18px
    }
}

.d-footer__bottom,
.d-footer__menu {
    position: relative
}

.d-footer__bottom:before,
.d-footer__menu:before {
    content: '';
    position: absolute;
    left: 368px;
    top: 0;
    width: 1px;
    height: 100%;
    background: #e0e1e6
}

@media (max-width:1919px) {

    .d-footer__bottom:before,
    .d-footer__menu:before {
        display: none
    }
}

.d-footer__menu {
    padding: 40px 72px 32px 416px
}

@media (max-width:1919px) {
    .d-footer__menu {
        padding: 40px;
        border-bottom: 1px solid #e0e1e6
    }
}

@media (max-width:768px) {
    .d-footer__menu {
        display: none
    }
}

.d-footer__bottom {
    font-size: 12px;
    line-height: 14px;
    color: #6d758d;
    padding: 0 48px 40px 416px
}

@media (max-width:1919px) {
    .d-footer__bottom {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 24px 40px
    }
}

@media (max-width:992px) {
    .d-footer__bottom {
        display: block;
        padding-right: 126px;
        padding-bottom: 32px
    }
}

@media (max-width:768px) {
    .d-footer__bottom {
        padding: 16px 16px 24px
    }
}

.d-footer__partner {
    position: absolute;
    left: 40px;
    top: -92px
}

@media (max-width:1919px) {
    .d-footer__partner {
        position: relative;
        left: 0;
        top: 0;
        margin-right: 106px
    }
}

@media (max-width:1501px) {
    .d-footer__partner {
        margin-right: 42px
    }
}

@media (max-width:992px) {
    .d-footer__partner {
        margin: 0 0 24px
    }
}

@media (max-width:768px) {
    .d-footer__partner {
        margin-bottom: 16px
    }
}

.d-footer__social {
    position: absolute;
    left: 40px;
    bottom: 40px
}

@media (max-width:1919px) {
    .d-footer__social {
        position: relative;
        left: unset;
        bottom: unset;
        margin-left: 132px
    }
}

@media (max-width:1501px) {
    .d-footer__social {
        margin-left: 36px
    }
}

@media (max-width:992px) {
    .d-footer__social {
        position: absolute;
        right: 126px;
        top: 24px;
        margin: 0
    }
}

@media (max-width:768px) {
    .d-footer__social {
        right: 50%;
        top: -52px;
        transform: translateX(50%)
    }
}

@media (max-width:1501px) {
    .d-footer__social .d-share {
        left: auto;
        right: -10px;
        transform: none
    }
}

.d-footer__note {
    max-width: 1280px;
    margin-right: auto;
    display: flex;
    flex-direction: column
}

@media (max-width:768px) {
    .d-footer__note {
        text-align: center
    }
}

.d-footer__note a,
.d-footer__note span {
    text-decoration: underline;
    text-underline-offset: 3px;
    cursor: pointer;
    width: fit-content;
    transition: all .3s ease
}

.d-footer__note a:hover,
.d-footer__note span:hover {
    color: var(--color-dark)
}

.d-footer__note p:last-child {
    margin-bottom: 0
}

.d-footer__maker {
    position: absolute;
    right: 48px;
    top: -26px;
    color: #000;
    transition: color .5s all ease
}

.d-footer__maker:hover {
    color: var(--color-dark)
}

@media (max-width:1919px) {
    .d-footer__maker {
        position: relative;
        right: 0;
        top: unset;
        margin-left: 100px
    }
}

@media (max-width:992px) {
    .d-footer__maker {
        position: absolute;
        right: 40px;
        top: 24px;
        margin: 0
    }
}

@media (max-width:768px) {
    .d-footer__maker {
        right: 22px;
        top: 16px
    }
}

.d-footer__maker svg {
    width: 30px;
    height: 30px;
    fill: currentColor
}

.d-footer._national .d-footer__top {
    align-items: flex-start;
    position: relative
}

@media (max-width:992px) {
    .d-footer._national .d-footer__top {
        padding-bottom: 32px
    }
}

@media (max-width:768px) {
    .d-footer._national .d-footer__top {
        flex-direction: column;
        align-items: center;
        padding: 24px 12px
    }
}

.d-footer._national .d-footer__partner {
    position: relative;
    left: 0;
    top: 0;
    margin: 20px 0 0
}

@media (max-width:992px) {
    .d-footer._national .d-footer__partner {
        display: none;
        margin: 0
    }
}

.d-footer._national .d-footer__partner._mobile {
    display: none
}

@media (max-width:992px) {
    .d-footer._national .d-footer__partner._mobile {
        display: flex;
        position: absolute;
        left: 40px;
        top: 50%;
        transform: translateY(-50%)
    }
}

@media (max-width:768px) {
    .d-footer._national .d-footer__partner._mobile {
        left: 15px;
        top: 16px;
        transform: none
    }
}

.d-footer._national .d-footer__logo {
    position: absolute;
    left: 50%;
    top: 42px;
    transform: translateX(-50%);
    width: 232px;
    margin: 0
}

@media (max-width:992px) {
    .d-footer._national .d-footer__logo {
        position: relative;
        left: 0;
        top: 0;
        transform: none;
        margin-top: -10px
    }
}

@media (max-width:768px) {
    .d-footer._national .d-footer__logo {
        margin-top: 0
    }
}

.d-footer._national .d-footer__info {
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

@media (max-width:768px) {
    .d-footer._national .d-footer__info {
        align-items: center;
        margin-top: 73px
    }
}

.d-footer._national .d-footer__social {
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transform: none
}

.d-footer._national .d-footer__time {
    margin-top: 8px
}

@media (max-width:768px) {
    .d-footer._national .d-footer__time {
        margin-top: 16px
    }
}

@media (max-width:768px) {
    .d-footer._national .d-footer__address {
        width: 260px
    }
}

.d-footer._national .d-footer__bottom {
    display: flex;
    align-items: center;
    padding: 24px 40px
}

.d-footer._national .d-footer__bottom:before {
    display: none
}

@media (max-width:768px) {
    .d-footer._national .d-footer__bottom {
        padding: 62px 12px 12px
    }
}

.d-footer._national .d-footer__copy {
    flex-shrink: 0;
    width: 428px
}

@media (max-width:1919px) {
    .d-footer._national .d-footer__copy {
        width: 268px
    }
}

@media (max-width:992px) {
    .d-footer._national .d-footer__copy {
        position: absolute;
        left: 40px;
        bottom: calc(100% + 37px);
        width: auto
    }
}

@media (max-width:768px) {
    .d-footer._national .d-footer__copy {
        display: none;
        left: 0;
        bottom: auto;
        top: 94px;
        width: 100%;
        text-align: center
    }
}

.d-footer._national .d-footer__copy._mobile {
    display: none
}

@media (max-width:768px) {
    .d-footer._national .d-footer__copy._mobile {
        display: block
    }
}

.d-footer._national .d-footer__note {
    max-width: 905px;
    width: 100%
}

@media (max-width:1501px) {
    .d-footer._national .d-footer__note {
        max-width: 678px;
        margin-right: 40px
    }
}

@media (max-width:992px) {
    .d-footer._national .d-footer__note {
        margin-left: 204px
    }
}

@media (max-width:768px) {
    .d-footer._national .d-footer__note {
        margin: 0
    }
}

.d-footer._national .d-footer__note p {
    margin: 8px 0 0
}

.d-footer._national .d-footer__maker {
    flex-shrink: 0;
    position: relative;
    right: 0;
    top: 0
}

@media (max-width:768px) {
    .d-footer._national .d-footer__maker {
        position: absolute;
        right: 22px;
        top: 16px
    }
}

.d-footer__policy {
    margin-bottom: 8px;
    font-weight: 500;
    display: inline-flex;
    color: var(--color-dark);
    text-decoration: none !important;
    transition: all .4s ease
}

.d-footer__policy:hover {
    color: #000 !important
}

@media (max-width:768px) {
    .d-footer__policy {
        text-align: center;
        display: inline
    }
}

.d-menu-promo {
    width: 100%;
    height: 100%;
    border-radius: 40px;
    position: relative;
    overflow: hidden
}

@media (max-width:768px) {
    .d-menu-promo {
        border-radius: 24px
    }
}

.d-menu-promo:hover .d-menu-promo__bg {
    transform: scale(1.05)
}

.d-menu-promo:hover .d-menu-promo__more {
    border-color: #000
}

.d-menu-promo:hover .d-menu-promo__more:after {
    transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
    opacity: 1
}

.d-menu-promo__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
    transition: all .5s
}

.d-menu-promo__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
    padding: 40px;
    position: relative;
    z-index: 3
}

@media (max-width:1024px) {
    .d-menu-promo__content {
        padding: 32px
    }
}

.d-menu-promo__tag {
    background: #fff;
    border-radius: 8px;
    padding: 5px 16px;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #000;
    white-space: nowrap
}

.d-menu-promo__name {
    font-weight: 600;
    font-size: 64px;
    line-height: 68px;
    color: #fff;
    margin: auto 0 40px
}

@media (max-width:1024px) {
    .d-menu-promo__name {
        font-size: 40px;
        line-height: 44px;
        margin-bottom: 32px
    }
}

@media (max-width:600px) {
    .d-menu-promo__name {
        max-width: 444px;
        margin-bottom: 0
    }
}

.d-menu-promo__more {
    margin-left: auto
}

@media (max-width:600px) {
    .d-menu-promo__more {
        position: absolute;
        right: 32px;
        bottom: 32px;
        z-index: 1
    }
}

.d-menu-promo__link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5
}

.d-menu-links {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-column-gap: 94px
}

@media (max-width:1599px) {
    .d-menu-links {
        grid-column-gap: 64px
    }
}

@media (max-width:1279px) {
    .d-menu-links {
        grid-template-columns: repeat(3, 1fr);
        grid-row-gap: 40px
    }
}

@media (max-width:1023px) {
    .d-menu-links {
        grid-column-gap: 40px
    }
}

.d-menu-links__item:first-child {
    margin-top: 0
}

.d-menu-links__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    white-space: nowrap;
    position: relative
}

@media (max-width:1599px) {

    .d-menu-links__item._item1,
    .d-menu-links__item._item3 {
        white-space: normal
    }
}

@media (max-width:1279px) {
    .d-menu-links__item._item1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.d-menu-links__section[href] {
    text-decoration: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.d-menu-links__section:first-child {
    margin: 0 0 16px !important
}

.d-menu-links__section {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: var(--color-dark);
    margin: 16px 0
}

.d-menu-links__link {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: var(--color-boz);
    text-decoration: none;
    margin-bottom: 8px;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.d-social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px
}

[data-shutter=bottom] {
    height: 100%;
    max-height: 100%;
    inset: auto 0% 0%
}

[data-shutter=left] {
    width: 100%;
    max-width: 100%;
    inset: 0% 0% 0% auto
}

[data-shutter=right] {
    width: 100%;
    max-width: 100%;
    inset: 0% auto 0% 0%
}

[data-shutter=bottom].show {
    max-height: 0%
}

[data-shutter=left].show,
[data-shutter=right].show {
    max-width: 0%
}

[data-show=bottom],
[data-show=left],
[data-show=top] {
    position: relative;
    transition: top 1s ease, right 1s ease, left 1s ease, bottom 1s ease
}

[data-show=opacity] {
    opacity: 0;
    transition: opacity 1.5s ease, background-color .4s ease, color .4s ease
}

[data-show=left] {
    left: -100%
}

[data-show=top] {
    top: -100%
}

[data-show=bottom] {
    bottom: -100%
}

[data-show=left].show {
    left: 0
}

[data-show=top].show {
    top: 0
}

[data-show=bottom].show {
    bottom: 0
}

[data-show=opacity].show {
    opacity: 1
}

[data-faq=answer] {
    display: none
}

[data-faq=question]:has(.active) {
    color: var(--color-green)
}

@media (max-width: 992px) {
    
    .header_mob_navs {
        width: 100%;
        justify-content: space-between;
    }
    
    .header__btns {
        display: none;
    }
    
    .donstroy-block {
        padding: 0;
    }
    
    .nav__wrap {
        right: -100px
    }
    
    .social__item-link {
        width: 1.7rem;
        height: 1.7rem;
    }
    
    .social__ico {
        width: 0.7rem;
        height: 0.7rem;
    }
    
    .nav__btn {
        padding: 0 0.5rem;
        font-size: .5rem;
    }
    
    .Biglayihe, .innerGrid, .project_both, .arch_both {
        grid-template-columns: 1fr;
        gap: 20px
    }
    
    .arch_both {
        padding: 0 30px;
    }
    
    .arch_right {
        display: none;
    }
    
    .project_bgbig {
        height: 60vh;
    }
    
    .Biglayihe > div {
        grid-column: auto;
        grid-row: auto;
    }
    
    .donstroy-logo {
        top: 0;
    }
    
    .btntop {
        left: 50%;
        transform: translate(-50%);
        bottom: 25px;
    }
    
    .d-footer__partner img {
        display: flex;
        width: 100px;
        margin: 0 auto;
    }
    
    .single-content__grid {
        grid-column-gap: 2.13rem;
    }
    
    .btn.light__grey-btn.news__btn {
        position: unset;
        font-size: 15px;
    }
    
    .projectbg_top {
        padding: 80px 0 0 30px;
    }
    
    .projectbg_top h2 {
        font-size: 50px;
    }
    
    .contact-inner-container {
        flex-direction: column;
    }
    
    .contact-info-container,.contact-form {
        width: 100%;
    }
}