.hero {
  position: relative;
  display: flex;
  min-height: 580px;
  flex-direction: column;
  justify-content: flex-start;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(12 17 61 / var(--tw-bg-opacity));
  padding-bottom: 2rem;
  padding-top: 88px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

@media (min-width: 768px) {
  .hero {
      min-height:682px;
      padding-bottom: 120px;
      padding-top: 92px
  }
}

@media (min-width: 1366px) {
  .hero {
      padding-top:220px
  }
}

@media (min-width: 1920px) {
  .hero {
      min-height:782px;
      padding-bottom: 84px;
      padding-top: 244px
  }
}

.hero:after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  height: 29px;
  width: 100%;
  background-image: url(../assets/line/hero-b-decor-xs.svg);
  background-repeat: repeat-x
}

@media (min-width: 768px) {
  .hero:after {
      height:55px;
      background-image: url(../assets/line/hero-b-decor-md.svg)
  }
}

@media (min-width: 1920px) {
  .hero:after {
      height:98px;
      background-image: url(../assets/line/hero-b-decor-2xl.svg)
  }
}

.hero__image {
  position: absolute;
  bottom: -66%;
  left: 50%;
  z-index: 0;
  width: 682px;
  transform-origin: center;
  --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))
}

@media (min-width: 768px) {
  .hero__image {
      bottom:-97%;
      width: 1098px
  }
}

@media (min-width: 1366px) {
  .hero__image {
      top:4%;
      height: 1482px;
      width: 1480px
  }
}

@media (min-width: 1920px) {
  .hero__image {
      width:1480px
  }
}

@media (min-width: 1366px) {
  .hero__image {
      transform:none;
      left: calc(50% - 160px);
      left: calc(50% - 80px)
  }
}

.hero__image-blur {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  aspect-ratio: 1 / 1;
  width: 853px;
  --tw-translate-x: -50%;
  --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));
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(39 66 219 / var(--tw-bg-opacity))
}

@media (min-width: 768px) {
  .hero__image-blur {
      top:75%;
      width: 1631px
  }
}

@media (min-width: 1366px) {
  .hero__image-blur {
      top:52%
  }
}

.hero__image-blur {
  filter: blur(305px)
}

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

@media (min-width: 768px) {
  .hero__text-wrap {
      max-width:580px;
      gap: 18px
  }
}

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

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

.about-card {
  position: relative;
  display: grid;
  height: auto;
  border-radius: 20px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-bottom: 2rem;
  --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: 1366px) {
  .about-card {
      min-height:274px;
      padding-left: 2rem;
      padding-right: 2rem;
      padding-top: 200px
  }
}

@media (min-width: 1920px) {
  .about-card {
      min-height:326px;
      padding-left: 2.5rem;
      padding-right: 2.5rem;
      padding-top: 238px
  }
}

.about-card:hover {
  z-index: 2
}

.about-card:hover .about-card__hidden-content {
  visibility: visible;
  height: auto;
  --tw-translate-y: 0px;
  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));
  padding-bottom: 26px;
  opacity: 1
}

@media (min-width: 1920px) {
  .about-card:hover .about-card__hidden-content {
      padding-bottom:2rem
  }
}

.about-card__title {
  position: relative;
  font-weight: 500
}

@media (min-width: 1366px) {
  .about-card__title {
      font-size:1rem;
      line-height: 1.5rem
  }
}

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

.about-card__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px
}

.about-card__hidden-content {
  visibility: hidden;
  position: absolute;
  left: 0;
  z-index: 1;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0;
  padding-left: 2rem;
  padding-right: 2rem;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.6;
  --tw-text-opacity: 1;
  color: rgb(12 17 61 / var(--tw-text-opacity));
  --tw-text-opacity: 68%;
  opacity: 0
}

@media (min-width: 1920px) {
  .about-card__hidden-content {
      padding-left:2.5rem;
      padding-right: 2.5rem;
      font-size: 16px
  }
}

.about-card__hidden-content {
  transition: padding .5s ease 0s,transform .3s ease 0s,opacity .3s ease 0s,visibility .3s ease 0s;
  transform: translateY(-20%);
  top: calc(100% + 8px);
  left: -32px;
  width: calc(100% + 64px)
}

@media (min-width: 1920px) {
  .about-card__hidden-content {
      top:calc(100% + 12px);
      left: -40px;
      width: calc(100% + 80px)
  }
}

.about-card-slider {
  position: relative;
  display: grid;
  height: auto;
  min-height: 460px;
  border-radius: 20px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 2rem;
  padding-right: 2rem;
  padding-bottom: 26px;
  padding-top: 200px;
  --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: 768px) {
  .about-card-slider {
      min-height:324px
  }
}

.about-card-slider__content {
  font-size: 14px;
  line-height: 1.6
}

.about-card-slider__title {
  margin-bottom: .5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500
}

.about-card-slider__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px
}

.about__container {
  padding-top: 1.5rem;
  padding-bottom: 2rem
}

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

@media (min-width: 1366px) {
  .about__container {
      padding-bottom:2.25rem
  }
}

@media (min-width: 1920px) {
  .about__container {
      padding-top:68px;
      padding-bottom: 2.5rem
  }
}

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

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

.swiper-slide {
  height: auto!important
}

.about__slider {
  width: 100%
}

.about__desktop-cards {
  display: none
}

@media (min-width: 1366px) {
  .about__desktop-cards {
      display:grid;
      grid-template-columns: repeat(12,minmax(0,1fr));
      gap: 1.5rem
  }
}

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

.about__desktop-cards .about__list-item:nth-child(1),.about__desktop-cards .about__list-item:nth-child(2),.about__desktop-cards .about__list-item:nth-child(3) {
  grid-column: span 4 / span 4
}

.about__desktop-cards .about__list-item:nth-child(4),.about__desktop-cards .about__list-item:nth-child(5),.about__desktop-cards .about__list-item:nth-child(6),.about__desktop-cards .about__list-item:nth-child(7) {
  grid-column: span 3 / span 3
}

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

.swiper-pagination-bullet {
  position: relative;
  height: .5rem;
  width: .5rem;
  cursor: pointer;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(220 225 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(92 115 240 / var(--tw-bg-opacity))
}

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

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

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

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

.whyus-item {
  position: relative;
  border-radius: 20px;
  background-image: url(../assets/whyus/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) {
  .whyus-item {
      background-image:url(../assets/whyus/why-decor-2xl.svg);
      padding-left: 2.5rem;
      padding-right: 2.5rem;
      padding-top: 144px;
      padding-bottom: 2rem
  }
}

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

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

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

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

.whyus-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) {
  .whyus-item__text {
      font-size:16px
  }
}

app-map .map {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%
}

app-map .leaflet-right {
  display: none
}

.map .leaflet-tile-pane {
  filter: hue-rotate(21deg) saturate(4)
}

@media (min-width: 1920px) {
  .leaflet-marker-icon {
      height:72px;
      width: 72px
  }
}

.section-map {
  position: relative
}

.section-map:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  height: 29px;
  width: 100%;
  background-image: url(../assets/line/map-decor-xs.svg);
  background-repeat: repeat-x
}

@media (min-width: 768px) {
  .section-map:after {
      height:55px;
      background-image: url(../assets/line/map-decor-md.svg)
  }
}

@media (min-width: 1366px) {
  .section-map:after {
      height:98px;
      background-image: url(../assets/line/map-decor-2xl.svg)
  }
}