.competencies__title {
  align-items: flex-start
}

@media (min-width: 768px) {
  .competencies__title {
      align-items:center
  }
}

.hero {
  display: flex;
  min-height: 681px;
  align-items: center;
  padding-top: 3rem;
  padding-bottom: 3rem
}

@supports (min-height: 100dvh) {
  @media (min-width: 768px) {
      .hero {
          min-height:100dvh
      }
  }
}

@media (min-width: 768px) {
  .hero {
      min-height:100vh
  }
}

.hero__label {
  margin-bottom: .75rem;
  display: inline-flex;
  border-radius: 1rem;
  background-color: rgb(88 218 255 / var(--tw-bg-opacity));
  --tw-bg-opacity: .3;
  padding-left: .75rem;
  padding-right: .75rem;
  padding-top: 6px;
  padding-bottom: .25rem;
  font-family: Vipnagorgialla,sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  line-height: 1.3;
  letter-spacing: .14px
}

@media (min-width: 768px) {
  .hero__label {
      margin-bottom:38px;
      border-radius: 28px;
      padding-left: 1rem;
      padding-right: 1rem;
      padding-top: .5rem;
      padding-bottom: 6px;
      font-size: 22px
  }
}

@media (min-width: 1024px) {
  .hero__label {
      margin-bottom:1.25rem
  }
}

@media (min-width: 1920px) {
  .hero__label {
      margin-bottom:2rem
  }
}

.hero__title {
  font-family: Vipnagorgialla,sans-serif;
  font-size: 26px;
  line-height: 1.3
}

@media (min-width: 768px) {
  .hero__title {
      font-size:32px
  }
}

@media (min-width: 1024px) {
  .hero__title {
      padding-left:76px;
      padding-right: 76px
  }
}

@media (min-width: 1366px) {
  .hero__title {
      padding-left:104px;
      padding-right: 104px;
      font-size: 48px
  }
}

@media (min-width: 1920px) {
  .hero__title {
      padding-left:136px;
      padding-right: 0;
      font-size: 62px
  }
}

.hero__title::-moz-selection {
  --tw-bg-opacity: 1;
  background-color: rgb(252 165 165 / var(--tw-bg-opacity))
}

.hero__title::selection {
  --tw-bg-opacity: 1;
  background-color: rgb(252 165 165 / var(--tw-bg-opacity))
}

.vacancy-item {
  border-radius: .75rem;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-bg-opacity: .7;
  padding: .75rem .75rem 1.5rem
}

@media (min-width: 768px) {
  .vacancy-item {
      padding:1.5rem
  }
}

.vacancy-item__content {
  position: relative;
  width: 100%;
  -moz-column-gap: 1.25rem;
  column-gap: 1.25rem
}

@media (min-width: 768px) {
  .vacancy-item__content {
      display:grid;
      grid-template-columns: 1fr 1fr;
      -moz-column-gap: 1.75rem;
      column-gap: 1.75rem
  }
}

.vacancy-item__title:after {
  content: "";
  height: 2.5rem;
  width: 2.5rem;
  flex-shrink: 0;
  background-image: url(../assets/icons/vacansy-title.svg)
}

.vacancy-item__title {
  margin-bottom: .75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.3
}

@media (min-width: 768px) {
  .vacancy-item__title {
      pointer-events:none;
      position: absolute;
      top: 0;
      right: 0;
      width: 100%
  }

  .vacancy-item__title span {
      visibility: hidden;
      opacity: 0
  }
}

.vacancy-item__title:after {
  content: "";
  height: 2.5rem;
  width: 2.5rem;
  flex-shrink: 0;
  background-image: url(../assets/icons/vacansy-title.svg)
}

.vacancy-item__info:not(:last-child) {
  margin-bottom: .75rem
}

.info__title {
  margin-bottom: .5rem;
  font-size: 24px
}

.info__list {
  display: grid;
  gap: 11px;
  font-size: 16px;
  line-height: 1.3
}

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

.info__item {
  display: flex;
  align-items: flex-start;
  gap: .75rem
}

.info__item:before {
  margin-top: 6px;
  height: 10px;
  width: 26px;
  flex-shrink: 0;
  background-image: url(../assets/icons/icon-list.svg);
  --tw-content: "";
  content: var(--tw-content)
}

#vacancy-pin.vacancy {
  padding-top: 52px;
  padding-bottom: 52px
}

@media (min-width: 768px) {
  #vacancy-pin.vacancy {
      padding-top:60px;
      padding-bottom: 60px
  }
}

@media (min-width: 1366px) {
  #vacancy-pin.vacancy {
/*       min-height:870px */
  }
}

#vacancy-pin .vacancy-cards-wrap {
  overflow-x: clip;
  overflow-y: visible
}

#vacancy-pin .vacancy-cards {
  display: flex;
  width: 100%;
  align-items: stretch;
  gap: .5rem;
  overflow-x: visible
}

@media (min-width: 768px) {
  #vacancy-pin .vacancy-cards {
      gap:1rem
  }
}

@media (min-width: 1366px) {
  #vacancy-pin .vacancy-cards {
      justify-content:space-between;
      gap: 1rem
  }
}

#vacancy-pin .vacancy-cards::-webkit-scrollbar {
  display: none
}

#vacancy-pin .vacancy-card {
  position: relative;
  height: auto;
  min-height: 217px;
  width: 184px;
  flex-shrink: 0;
  cursor: pointer;
  border-radius: .75rem;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-bg-opacity: .7;
  padding: 2rem 1rem
}

@media (min-width: 1920px) {
  #vacancy-pin .vacancy-card {
      width:195px
  }
}

#vacancy-pin .vacancy-card:first-child {
  margin-left: 1rem
}

@media (min-width: 768px) {
  #vacancy-pin .vacancy-card:first-child {
      margin-left:2rem
  }
}

@media (min-width: 1366px) {
  #vacancy-pin .vacancy-card:first-child {
      margin:0
  }
}

#vacancy-pin .vacancy-card:last-child {
  margin-right: 1rem
}

@media (min-width: 768px) {
  #vacancy-pin .vacancy-card:last-child {
      margin-right:2rem
  }
}

@media (min-width: 1366px) {
  #vacancy-pin .vacancy-card:last-child {
      margin:0
  }
}

#vacancy-pin .vacancy-card:hover .vacancy-card__title:before,#vacancy-pin .vacancy-card.is-active .vacancy-card__title:before {
  width: 100%
}

@media (min-width: 1366px) {
  #vacancy-pin .vacancy-card.is-active {
      border-bottom-right-radius:0;
      border-bottom-left-radius: 0
  }
}

#vacancy-pin .vacancy-card.is-active .vacancy-card__title:before {
  width: 100%
}

#vacancy-pin .vacancy-card__title {
  position: relative;
  display: block;
  padding-top: .75rem;
  font-size: 24px;
  line-height: 1.3
}

#vacancy-pin .vacancy-card__title:before {
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
  width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(88 218 255 / var(--tw-bg-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
  transition-duration: .15s;
  --tw-content: "";
  content: var(--tw-content)
}

#vacancy-pin .vacancy-desc-list {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1.25rem
}

#vacancy-pin .vacancy-desc-list__item {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  height: auto;
  width: 100%;
  align-items: flex-start;
  justify-content: center
}

#vacancy-pin .vacancy-item {
  width: 100%;
  border-radius: .75rem;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-bg-opacity: .7;
  padding: .75rem .75rem 1.5rem
}

@media (min-width: 768px) {
  #vacancy-pin .vacancy-item {
      padding:1.5rem
  }
}

#vacancy-pin .vacancy-item {
  transition: opacity .3s ease,visibility .3s ease,transform .3s linear
}

#vacancy-pin .vacancy-item:not(.visible-class) {
  visibility: hidden;
  --tw-translate-y: 1.5rem;
  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));
  opacity: 0
}

@media (min-width: 1366px) {
  #vacancy-pin .vacancy-item:first-child {
      border-top-left-radius:0
  }
}

#vacancy-pin .vacancy-item:last-child.visible-class {
  border-top-right-radius: 0
}

.map__wrap {
  position: relative;
  z-index: 1;
  display: block;
  height: 100%;
  width: 100%;
  overflow: hidden;
  border-radius: 10px
}

.map__wrap .map {
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.leaflet-right {
  display: none!important
}

.services.astro-xpzagpyp {
  display: flex;
  padding-top: 120px
}

@media (min-width: 1024px) {
  .services.astro-xpzagpyp {
      align-items:center;
      padding-top: 3rem;
      padding-bottom: 3rem
  }
}

.services.astro-xpzagpyp {
  min-height: 100vh
}

@supports (min-height: 100dvh) {
  .services.astro-xpzagpyp {
      min-height:100dvh
  }
}

.service-item.astro-xpzagpyp {
  position: absolute;
  top: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 343px
}

@media (min-width: 768px) {
  .service-item.astro-xpzagpyp {
      max-width:744px
  }
}

@media (min-width: 1366px) {
  .service-item.astro-xpzagpyp {
      max-width:808px
  }
}

@media (min-width: 1920px) {
  .service-item.astro-xpzagpyp {
      max-width:1056px
  }
}

.service-item__title.astro-xpzagpyp {
  position: relative;
  z-index: 1;
  margin-bottom: 15px;
  height: 56px;
  font-family: Vipnagorgialla,sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 1
}

@media (min-width: 768px) {
  .service-item__title.astro-xpzagpyp {
      margin-bottom:-2.75rem;
      height: 98px;
      text-align: center;
      font-size: 38px;
      line-height: 1.3
  }
}

@media (min-width: 1366px) {
  .service-item__title.astro-xpzagpyp {
      margin-bottom:.75rem;
      height: auto;
      text-align: left;
      font-size: 46px;
      line-height: 1.1
  }
}

@media (min-width: 1920px) {
  .service-item__title.astro-xpzagpyp {
      max-width:75%;
      text-align: left
  }

  @supports (text-wrap: balance) {
      .service-item__title.astro-xpzagpyp {
          text-wrap:balance
      }
  }
}

.service-item__text.astro-xpzagpyp {
  margin-top: -1.75rem;
  border-radius: 20px;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-bg-opacity: .3;
  padding: .5rem .75rem;
  font-size: 16px;
  line-height: 1.3;
  --tw-backdrop-blur: blur(4px);
  -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)
}

@media (min-width: 768px) {
  .service-item__text.astro-xpzagpyp {
      margin-top:-2.75rem;
      border-radius: 24px;
      padding: .75rem 1.25rem;
      font-size: 24px
  }
}

@media (min-width: 1024px) {
  .service-item__text.astro-xpzagpyp {
      margin-left:auto;
      margin-right: -76px;
      width: 668px
  }
}

@media (min-width: 1366px) {
  .service-item__text.astro-xpzagpyp {
      margin-right:-208px;
      width: 808px
  }
}

@media (min-width: 1920px) {
  .service-item__text.astro-xpzagpyp {
      margin-right:0;
      width: 784px
  }
}

.service-item__image-wrap.astro-xpzagpyp {
  position: relative;
  display: inline-flex;
  height: 276px;
  width: 100%;
  max-width: 343px;
  overflow: hidden;
  border-radius: 1rem
}

@media (min-width: 768px) {
  .service-item__image-wrap.astro-xpzagpyp {
      max-width:100%
  }
}

.service-item__image-wrap.astro-xpzagpyp:after {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-bg-opacity: .3;
  --tw-content: "";
  content: var(--tw-content)
}

@media (min-width: 768px) and (min-height: 900px) {
  .service-item__image-wrap.astro-xpzagpyp {
      height:576px
  }
}

@media (min-width: 1024px) and (min-height: 950px) {
  .service-item__image-wrap.astro-xpzagpyp {
      height:595px
  }
}

@media (min-width: 1366px) {
  .service-item__image-wrap.astro-xpzagpyp {
      height:357px
  }
}

@media (min-width: 1920px) {
  .service-item__image-wrap.astro-xpzagpyp {
      height:467px
  }
}

.service-item__image.astro-xpzagpyp {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  transition-property: transform;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
  transition-duration: .15s
}

.service-progress__items.astro-xpzagpyp {
  display: flex;
  align-items: center;
  gap: 10px
}

@media (min-width: 1024px) {
  .service-progress__items.astro-xpzagpyp {
      flex-direction:column;
      align-items: stretch;
      justify-content: center;
      gap: .5rem
  }
}

@media (min-width: 1024px) and (min-height: 900px) {
  .service-progress__items.astro-xpzagpyp {
      height:595px
  }
}

@media (min-width: 1366px) {
  .service-progress__items.astro-xpzagpyp {
      height:357px
  }
}

@media (min-width: 1920px) {
  .service-progress__items.astro-xpzagpyp {
      height:467px
  }
}

.service-progress__item.astro-xpzagpyp {
  flex: 0 0 28px;
  counter-increment: li;
  height: .25rem;
  width: 1.75rem;
  border-radius: .25rem;
  background-color: rgb(88 218 255 / var(--tw-bg-opacity));
  --tw-bg-opacity: .6
}

@media (min-width: 1024px) {
  .service-progress__item.astro-xpzagpyp {
      position:relative;
      height: 2rem;
      width: 6px;
      border-radius: .375rem
  }
}

.service-progress__item.astro-xpzagpyp {
  transition: width .3s ease 0s,height .3s ease 0s,background .3s ease 0s,flex .4s ease-in-out 0s
}

@media (min-width: 1024px) {
  .service-progress__item.astro-xpzagpyp:after {
      position:absolute;
      top: 0;
      left: 10px;
      font-size: 16px;
      line-height: 1.3;
      opacity: 0;
      transition-property: opacity;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .15s;
      --tw-content: "0"counter(li);
      content: var(--tw-content)
  }
}

.service-progress__item--current.astro-xpzagpyp {
  flex: 1 1 auto;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

@media (min-width: 1024px) {
  .service-progress__item--current.astro-xpzagpyp:after {
      opacity:1
  }
}

.swiper-cards.astro-p4tjkgmf .vacancy-item.astro-p4tjkgmf {
  width: 184px;
  margin-top: .25rem
}

@media (min-width: 768px) {
  .swiper-cards.astro-p4tjkgmf .vacancy-item.astro-p4tjkgmf {
      margin-top:1.5rem
  }
}

.swiper-thumbs.astro-p4tjkgmf .swiper-slide.astro-p4tjkgmf {
  opacity: 0!important;
  position: relative
}

.swiper-thumbs.astro-p4tjkgmf .swiper-slide-active.astro-p4tjkgmf {
  opacity: 1!important
}

@media (min-width: 1366px) {
  .swiper-wrapper.astro-p4tjkgmf {
      justify-content:center
  }
}

.swiper.astro-p4tjkgmf {
  width: 100%;
  overflow-x: clip;
  overflow-y: visible
}

.vacancy-card {
  position: relative;
  height: auto;
  min-height: 217px;
  width: 184px;
  flex-shrink: 0;
  border-radius: .75rem;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-bg-opacity: .7;
  padding: 2rem 1rem
}

@media (min-width: 1920px) {
  .vacancy-card {
      width:195px
  }
}

.vacancy-card:after {
  transition: all .3s ease 0s;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  --tw-translate-y: -.75rem;
  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-bottom-right-radius: .75rem;
  border-bottom-left-radius: .75rem;
  background-color: transparent
}

@media (min-width: 1366px) {
  .vacancy-card:after {
      height:1.5rem;
      --tw-content: "";
      content: var(--tw-content)
  }

  .vacancy-card.is-active {
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0
  }
}

.vacancy-card.is-active:after {
  --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));
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-bg-opacity: .7
}

.vacancy-card.is-active .vacancy-card__title:before {
  width: 100%
}

.vacancy-card__title {
  position: relative;
  display: block;
  padding-top: .75rem;
  font-size: 24px;
  line-height: 1.3
}

.vacancy-card__title:before {
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
  width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(88 218 255 / var(--tw-bg-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
  transition-duration: .15s;
  --tw-content: "";
  content: var(--tw-content)
}