.hero {
  position: relative;
  display: flex;
  min-height: 582px;
  flex-direction: column;
  justify-content: flex-start;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(241 243 248 / var(--tw-bg-opacity));
  padding-bottom: 2rem;
  padding-top: 149px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

@media (min-width: 768px) {
  .hero {
      padding-top:194px
  }
}

@media (min-width: 1366px) {
  .hero {
      min-height:682px;
      padding-top: 234px
  }
}

@media (min-width: 1920px) {
  .hero {
      min-height:860px;
      padding-top: 306px
  }
}

.hero__text-wrap {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 9px
}

@media (min-width: 768px) {
  .hero__text-wrap {
      gap:14px
  }
}

@media (min-width: 1366px) {
  .hero__text-wrap {
      max-width:770px;
      gap: 1rem
  }
}

@media (min-width: 1920px) {
  .hero__text-wrap {
      max-width:930px;
      gap: 1rem
  }
}

.hero__bg {
  position: absolute;
  inset: 0;
  height: 100%;
  width: 100%
}

.hero__bg:after {
  position: absolute;
  inset: 0;
  height: 100%;
  width: 100%;
  background-color: rgb(53 77 156 / var(--tw-bg-opacity));
  --tw-bg-opacity: .1;
  --tw-backdrop-blur: blur(5px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  --tw-content: "";
  content: var(--tw-content)
}

.hero__bg-video {
  position: absolute;
  inset: 0;
  height: 100%;
  width: 100%;
  max-width: initial;
  -o-object-fit: cover;
  object-fit: cover
}

.about-card {
  position: relative;
  padding-left: 1.75rem
}

@media (min-width: 1920px) {
  .about-card {
      padding-left:56px
  }
}

.about-card__content {
  display: flex;
  height: 100%;
  align-items: center;
  border-top-right-radius: 20px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  padding-right: 1.25rem;
  padding-left: 78px
}

@media (min-width: 768px) {
  .about-card__content {
      padding-right:1.5rem
  }
}

@media (min-width: 1920px) {
  .about-card__content {
      padding-top:2rem;
      padding-bottom: 2rem;
      padding-right: 1.75rem
  }
}

.about-card__content {
  text-wrap: balance
}

.about-card__title {
  position: relative;
  font-weight: 600;
  line-height: 1.5
}

.about-card__image-wrap {
  position: absolute;
  top: 50%;
  left: 0;
  display: flex;
  height: 68px;
  width: 82px;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  align-items: center;
  justify-content: center;
  border-top-right-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(225 231 255 / var(--tw-bg-opacity))
}

@media (min-width: 1920px) {
  .about-card__image-wrap {
      height:90px;
      width: 106px
  }

  .about-card__image {
      height: 74px;
      width: 74px
  }
}

.about__container {
  padding-top: 49px
}

@media (min-width: 768px) {
  .about__container {
      padding-top:57px
  }
}

@media (min-width: 1366px) {
  .about__container {
      padding-top:73px
  }
}

@media (min-width: 1920px) {
  .about__container {
      padding-top:92px
  }
}

.about__list {
  display: grid;
  gap: 1rem
}

@media (min-width: 768px) {
  .about__list {
      grid-template-columns:1fr 1fr;
      gap: 1.5rem
  }
}

@media (min-width: 1366px) {
  .about__list {
      grid-template-columns:1fr 1fr 1fr;
      gap: 30px
  }
}

@media (min-width: 1920px) {
  .about__list {
      gap:2rem
  }
}

.about__list-item {
  min-height: 88px
}

@media (min-width: 768px) {
  .about__list-item {
      min-height:88px
  }

  .about__list-item:last-child {
      grid-column: span 2 / span 2
  }
}

@media (min-width: 1366px) {
  .about__list-item:last-child {
      grid-column:span 1 / span 1
  }
}

@media (min-width: 1920px) {
  .about__list-item {
      min-height:118px
  }
}

@media (min-width: 1366px) {
  .about__list-item:nth-child(4) .about-card__content {
      text-wrap:initial
  }
}

@media (min-width: 1920px) {
  .about__list-item:nth-child(7) .about-card__content {
      text-wrap:initial
  }
}

.service-card {
  position: relative;
  display: grid;
  height: auto;
  border-top-right-radius: 20px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: .5rem
}

.service-card__title {
  padding: 1.25rem 1.25rem .75rem;
  font-weight: 700;
  line-height: 1.6
}

@media (min-width: 768px) {
  .service-card__title {
      font-size:18px
  }
}

@media (min-width: 1366px) {
  .service-card__title {
      font-size:16px
  }
}

@media (min-width: 1920px) {
  .service-card__title {
      padding:1.5rem 1.5rem 1rem;
      font-size: 20px
  }
}

.service-card__image-wrap {
  position: relative;
  height: 252px;
  width: 100%;
  overflow: hidden;
  border-top-right-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(236 239 255 / var(--tw-bg-opacity))
}

@media (min-width: 1920px) {
  .service-card__image-wrap {
      height:280px
  }
}

.service-card__image {
  position: absolute;
  bottom: 0;
  left: 50%;
  max-width: initial;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  overflow: hidden;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px
}

@media (min-width: 1920px) {
  .service-card__image {
      bottom:50%;
      height: 420px;
      width: 420px;
      --tw-translate-y: 50%;
      transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }
}

.services {
  margin-bottom: 71px
}

@media (min-width: 768px) {
  .services {
      margin-bottom:87px
  }
}

@media (min-width: 1366px) {
  .services {
      margin-bottom:110px
  }
}

@media (min-width: 1920px) {
  .services {
      margin-bottom:141px
  }
}

.services__list {
  margin-bottom: 58px;
  display: grid;
  gap: 1rem
}

@media (min-width: 768px) {
  .services__list {
      margin-bottom:62px;
      grid-template-columns: repeat(2,minmax(0,1fr))
  }
}

@media (min-width: 1366px) {
  .services__list {
      margin-bottom:74px;
      grid-template-columns: repeat(3,minmax(0,1fr));
      gap: 1.5rem
  }
}

@media (min-width: 1920px) {
  .services__list {
      margin-bottom:92px;
      gap: 2rem
  }
}

.services-item {
  position: relative;
  border-radius: 20px;
  background-image: url(../assets/services/why-decor-xs.svg);
  background-repeat: no-repeat;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 114px;
  padding-bottom: 26px;
  --tw-shadow: 0px 0px 50px 0px rgba(24, 43, 148, .08);
  --tw-shadow-colored: 0px 0px 50px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)
}

@media (min-width: 1920px) {
  .services-item {
      background-image:url(../assets/services/why-decor-2xl.svg);
      padding-left: 2.5rem;
      padding-right: 2.5rem;
      padding-top: 144px;
      padding-bottom: 2rem
  }
}

.services-item__img {
  position: absolute;
  left: 1.5rem;
  top: .75rem
}

@media (min-width: 1920px) {
  .services-item__img {
      top:1rem;
      left: 38px;
      height: 5rem;
      width: 5rem
  }
}

.services-item__title {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5
}

@media (min-width: 1920px) {
  .services-item__title {
      font-size:20px;
      line-height: 1.4
  }
}

.services-item__text {
  font-size: 14px;
  line-height: 1.6;
  color: rgb(12 17 61 / var(--tw-text-opacity));
  --tw-text-opacity: .7
}

@media (min-width: 1920px) {
  .services-item__text {
      font-size:16px
  }
}

.swiper-slide {
  max-width: 343px
}

@media (min-width: 768px) {
  .swiper-slide {
      max-width:696px
  }
}

.swiper-slide {
  height: auto!important
}

.slider-services-wrap {
  width: 100%
}

.swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .75rem;
  padding: 2px
}

@media (min-width: 1366px) {
  .swiper-pagination {
      display:none
  }
}

.swiper-pagination-bullet {
  position: relative;
  height: .5rem;
  width: .5rem;
  cursor: pointer;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(188 201 255 / var(--tw-bg-opacity))
}

.swiper-pagination-bullet:after {
  position: absolute;
  top: 50%;
  left: 50%;
  height: .75rem;
  width: .75rem;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 9999px;
  transition-property: all;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
  transition-duration: .15s;
  --tw-content: "";
  content: var(--tw-content)
}

.swiper-pagination-bullet-active:after,.swiper-pagination-bullet:focus-visible:after {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-bg-opacity: 1;
  background-color: rgb(53 77 156 / var(--tw-bg-opacity))
}

y-map {
  overflow: hidden;
  /* border-top-right-radius: 40px; */
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 10px 9px 13px 10px
}

y-map .map {
  height: 100%;
  width: 100%;
  overflow: hidden;
  border-top-right-radius: 33px;
  --tw-bg-opacity: 1;
  background-color: rgb(147 197 253 / var(--tw-bg-opacity));
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgAgMAAAAOFJJnAAAACVBMVEX6+vrn5+f09PSMzk0VAAAAGklEQVQY02MIYAADVoYECIOTYSQDWCDAgwUA204BfdYq8A4AAAAASUVORK5CYII=);
  background-size: 16px 16px
}

.section-map {
  position: relative
}