.component__design-v2-service-hero{
  margin:0 0 60px;
}
@media screen and (min-width:768px){
  .component__design-v2-service-hero{
    margin-bottom:60px;
  }
}

.design-v2-service-hero{
  background:#736358;
  color:#fff;
  min-height:720px;
  overflow:hidden;
  position:relative;
}
@media screen and (min-width:768px){
  .design-v2-service-hero{
    background:#515458;
    min-height:500px;
  }
}

.design-v2-service-hero__bg,.design-v2-service-hero__overlay{
  inset:0;
  position:absolute;
}

.design-v2-service-hero__bg--desktop,.design-v2-service-hero__overlay--desktop{
  display:none;
}
@media screen and (min-width:768px){
  .design-v2-service-hero__bg--desktop,.design-v2-service-hero__overlay--desktop{
    display:block;
  }
  .design-v2-service-hero__bg--mobile,.design-v2-service-hero__overlay--mobile{
    display:none;
  }
}

.design-v2-service-hero__bg{
  background-image:var(--design-v2-service-hero-mobile-image, var(--design-v2-service-hero-image));
  background-position:bottom;
  background-repeat:no-repeat;
  background-size:cover;
}
@media screen and (min-width:768px){
  .design-v2-service-hero__bg{
    background-image:var(--design-v2-service-hero-image);
    background-position:50%;
  }
}

.design-v2-service-hero__overlay{
  background:rgba(14,18,23,.5);
}
@media screen and (min-width:768px){
  .design-v2-service-hero__overlay{
    background:linear-gradient(90deg, rgba(14,18,23,.82), rgba(14,18,23,.48) 48%, rgba(14,18,23,.18));
  }
}

.design-v2-service-hero__inner{
  display:flex;
  flex-direction:column;
  position:relative;
  z-index:1;
}
@media screen and (min-width:768px){
  .design-v2-service-hero__inner{
    justify-content:space-between;
    min-height:inherit;
  }
}

.design-v2-service-hero__content{
  max-width:560px;
  padding:24px 8px 0;
}
@media screen and (min-width:768px){
  .design-v2-service-hero__content{
    max-width:600px;
    padding:100px 16px 56px;
  }
}

.design-v2-service-hero__badges{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:20px;
}

.design-v2-service-hero__badge{
  align-items:center;
  background:#fff;
  border-radius:50px;
  color:#252525;
  display:inline-flex;
  font-size:12px;
  gap:5px;
  line-height:18px;
  padding:6px 12px;
  white-space:nowrap;
}

.design-v2-service-hero__badge--accent{
  background:#f60;
  color:#fff;
}

.design-v2-service-hero__badge--dark{
  backdrop-filter:blur(10px);
  background:hsla(0,0%,100%,.15);
  color:#fff;
}

.design-v2-service-hero__badge-dot,.design-v2-service-hero__badge-icon,.design-v2-service-hero__badge-pin,.design-v2-service-hero__badge-star{
  display:inline-block;
  flex:0 0 auto;
  position:relative;
}

.design-v2-service-hero__badge-icon{
  height:18px;
  width:18px;
}

.design-v2-service-hero__badge-star{
  height:14px;
  width:14px;
}

.design-v2-service-hero__badge-pin{
  height:16px;
  width:16px;
}

.design-v2-service-hero__badge-heart-path{
  stroke:#fff;
}

.design-v2-service-hero__badge-star-path{
  fill:#fdc92b;
}

.design-v2-service-hero__badge-pin-path{
  fill:#f43;
}

.design-v2-service-hero__badge-pin-center-path{
  fill:#fff;
}

.design-v2-service-hero__badge-clinic-path{
  stroke:#15a8f1;
}

.design-v2-service-hero__badge-dot{
  height:16px;
  width:16px;
}

.design-v2-service-hero__title{
  color:#fff;
  font-size:26px;
  font-weight:500;
  line-height:30px;
  margin:0 0 12px;
}
@media screen and (min-width:768px){
  .design-v2-service-hero__title{
    font-size:40px;
    line-height:46px;
  }
}

.design-v2-service-hero__description{
  color:hsla(0,0%,100%,.8);
  font-size:16px;
  font-style:normal;
  font-weight:400;
  line-height:24px;
  margin-bottom:20px;
}
@media screen and (min-width:768px){
  .design-v2-service-hero__description{
    color:#fff;
    font-size:18px;
    line-height:24px;
    margin-bottom:30px;
    opacity:.8;
  }
}

.design-v2-service-hero__price{
  align-items:baseline;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:16px;
}

.design-v2-service-hero__price-value{
  font-family:var(--font-medium);
  font-size:18px;
  line-height:22px;
}
@media screen and (min-width:768px){
  .design-v2-service-hero__price-value{
    font-size:22px;
    line-height:28px;
  }
}

.design-v2-service-hero__price-note{
  font-size:14px;
  line-height:18px;
}
@media screen and (min-width:768px){
  .design-v2-service-hero__price-note{
    line-height:20px;
  }
}

.design-v2-service-hero__actions{
  display:flex;
  flex-direction:column;
  gap:8px;
}
@media screen and (min-width:768px){
  .design-v2-service-hero__actions{
    align-items:center;
    flex-direction:row;
  }
}

.design-v2-service-hero__actions .component-button,.design-v2-service-hero__actions .component-button__item{
  width:100%;
}
@media screen and (min-width:768px){
  .design-v2-service-hero__actions .component-button,.design-v2-service-hero__actions .component-button__item{
    width:auto;
  }
}

.design-v2-service-hero__actions .component-button__item{
  min-height:44px;
  min-width:204px;
}

.design-v2-service-hero__actions .component-button__item_transparent-white{
  min-width:190px;
}

.design-v2-service-hero__bottom{
  display:grid;
  position:relative;
}
.design-v2-service-hero__bottom:before{
  background:hsla(0,0%,100%,.2);
  content:"";
  display:none;
  height:1px;
  left:50%;
  position:absolute;
  transform:translateX(-50%);
  width:100vw;
}
@media screen and (min-width:768px){
  .design-v2-service-hero__bottom{
    align-items:center;
    gap:0;
    grid-template-columns:1fr 1fr;
    min-height:154px;
  }
  .design-v2-service-hero__bottom:before{
    bottom:auto;
    display:block;
    top:0;
  }
  .design-v2-service-hero__bottom:after{
    background:hsla(0,0%,100%,.2);
    bottom:0;
    content:"";
    left:50%;
    position:absolute;
    top:0;
    transform:translateX(-50%);
    width:1px;
  }
}

.design-v2-service-hero__benefits{
  display:grid;
  gap:8px;
  list-style:none;
  margin:0;
  padding:24px 0 30px;
}
@media screen and (min-width:768px){
  .design-v2-service-hero__benefits{
    gap:10px;
    padding:40px 16px;
  }
}

.design-v2-service-hero__media{
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  padding:198px 16px 30px;
  position:relative;
  width:100vw;
}
.design-v2-service-hero__media:before{
  background:hsla(0,0%,100%,.2);
  content:"";
  height:1px;
  left:50%;
  position:absolute;
  top:0;
  transform:translateX(-50%);
  width:100vw;
  z-index:1;
}
@media screen and (min-width:768px){
  .design-v2-service-hero__media{
    display:contents;
    margin:0;
    padding:0;
    width:auto;
  }
  .design-v2-service-hero__media:before{
    content:none;
  }
}

.design-v2-service-hero__benefit{
  align-items:flex-start;
  color:#fff;
  display:flex;
  gap:8px;
}
@media screen and (min-width:768px){
  .design-v2-service-hero__benefit{
    gap:12px;
  }
}

.design-v2-service-hero__benefit-icon{
  align-items:center;
  display:inline-flex;
  flex:0 0 22px;
  height:22px;
  justify-content:center;
  width:22px;
}

.design-v2-service-hero__benefit-icon-path{
  stroke:#15a8f1;
}

.design-v2-service-hero__benefit-text{
  font-size:14px;
  line-height:20px;
}
@media screen and (min-width:768px){
  .design-v2-service-hero__benefit-text{
    font-size:16px;
    line-height:22px;
  }
}

.design-v2-service-hero__promo-container{
  position:relative;
  z-index:2;
}
@media screen and (min-width:768px){
  .design-v2-service-hero__promo-container{
    padding:40px 16px 40px 36px;
    position:static;
  }
}

.design-v2-service-hero__promo{
  align-items:end;
  backdrop-filter:blur(15px);
  background:hsla(0,0%,100%,.15);
  border-radius:.625rem;
  color:#fff;
  display:flex;
  gap:12px;
  justify-content:space-between;
  min-height:96px;
  overflow:visible;
  padding:16px 18px;
  position:relative;
  text-decoration:none;
  transition:background-color .25s ease;
}
.design-v2-service-hero__promo:hover{
  background:hsla(0,0%,100%,.24);
  color:#fff;
}
@media screen and (min-width:768px){
  .design-v2-service-hero__promo{
    gap:56px;
    padding:18px 24px;
    width:100%;
  }
}

.design-v2-service-hero__promo-text{
  position:relative;
  z-index:1;
}

.design-v2-service-hero__promo-description,.design-v2-service-hero__promo-title{
  display:block;
}

.design-v2-service-hero__promo-title{
  font-family:var(--font-medium);
  font-size:16px;
  line-height:20px;
  margin-bottom:6px;
}
@media screen and (min-width:768px){
  .design-v2-service-hero__promo-title{
    font-size:18px;
    line-height:22px;
    max-width:310px;
  }
}

.design-v2-service-hero__promo-description{
  color:hsla(0,0%,100%,.74);
  font-size:12px;
}
@media screen and (min-width:768px){
  .design-v2-service-hero__promo-description{
    font-size:14px;
  }
}

.design-v2-service-hero__gift{
  align-items:flex-end;
  bottom:0;
  display:none;
  justify-content:center;
  pointer-events:none;
  position:absolute;
  right:56px;
  width:104px;
  z-index:0;
}
@media screen and (min-width:768px){
  .design-v2-service-hero__gift{
    display:flex;
    right:116px;
    width:166px;
  }
}

.design-v2-service-hero__gift-image{
  display:block;
  height:auto;
  max-width:none;
  width:104px;
}
@media screen and (min-width:768px){
  .design-v2-service-hero__gift-image{
    width:166px;
  }
}

.design-v2-service-hero__promo-arrow{
  align-items:center;
  background-color:#15a8f1;
  border:1px solid #15a8f1;
  border-radius:50%;
  display:inline-flex;
  flex:0 0 auto;
  height:32px;
  justify-content:center;
  position:relative;
  transition:.3s ease-in-out;
  width:32px;
  z-index:1;
}
.design-v2-service-hero__promo-arrow:before{
  background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%2315a8f1' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 6 6 6-6 6'/%3E%3C/svg%3E") no-repeat 50%/contain;
  content:"";
  display:block;
  filter:brightness(0) invert(1);
  height:24px;
  width:24px;
}
@media screen and (min-width:768px){
  .design-v2-service-hero__promo-arrow{
    height:3rem;
    width:3rem;
  }
}