.component__design-v2-service-aftercare{
  background:#fff;
}

.design-v2-service-aftercare__layout{
  display:grid;
  gap:30px;
  grid-template-columns:1fr;
}
@media screen and (min-width:768px){
  .design-v2-service-aftercare__layout{
    align-items:stretch;
    grid-template-columns:minmax(280px, 600px) minmax(360px, 670px);
    justify-content:space-between;
  }
}

.design-v2-service-aftercare__aside{
  display:contents;
}
@media screen and (min-width:768px){
  .design-v2-service-aftercare__aside{
    display:flex;
    flex-direction:column;
    min-height:620px;
  }
}

.design-v2-service-aftercare__header{
  order:1;
}
@media screen and (min-width:768px){
  .design-v2-service-aftercare__header{
    margin-bottom:40px;
  }
}

.design-v2-service-aftercare__title{
  color:#252525;
  font-family:var(--font-medium);
  font-size:22px;
  line-height:26px;
  margin:0 0 12px;
}
@media screen and (min-width:768px){
  .design-v2-service-aftercare__title{
    font-size:40px;
    line-height:48px;
  }
}

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

.design-v2-service-aftercare__banner{
  background:linear-gradient(100.3deg, #15a8f1 1.07%, #71d0ff 98.93%);
  border-radius:10px;
  display:flex;
  justify-content:space-between;
  min-height:200px;
  order:3;
  overflow:hidden;
  position:relative;
}
@media screen and (min-width:768px){
  .design-v2-service-aftercare__banner{
    gap:22px;
    margin-top:auto;
    min-height:246px;
    overflow:visible;
  }
}

.design-v2-service-aftercare__banner-content{
  align-items:flex-start;
  color:#fff;
  display:flex;
  flex-direction:column;
  padding:20px 0 20px 20px;
  position:relative;
  width:58%;
  z-index:1;
}
@media screen and (min-width:768px){
  .design-v2-service-aftercare__banner-content{
    padding:32px 0 32px 32px;
    position:relative;
    width:50%;
  }
}

.design-v2-service-aftercare__banner-title{
  color:#fff;
  font-family:var(--font-medium);
  font-size:16px;
  line-height:22px;
  margin:0 0 8px;
}
@media screen and (min-width:768px){
  .design-v2-service-aftercare__banner-title{
    font-size:18px;
    line-height:24px;
  }
}

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

.design-v2-service-aftercare__banner-text p{
  margin:0 0 8px;
}

.design-v2-service-aftercare__banner-text p:last-child{
  margin-bottom:0;
}

.design-v2-service-aftercare__banner-actions{
  margin-top:auto;
  padding-top:18px;
}

.design-v2-service-aftercare__banner-actions .component-button__item{
  border-color:#fff;
  color:#15a8f1;
  font-size:12px;
  line-height:14px;
  min-height:36px;
  padding:10px 18px;
}
.design-v2-service-aftercare__banner-actions .component-button__item:hover{
  background:#fff;
  border-color:#fff;
  color:#0497e0;
}

.design-v2-service-aftercare__banner-button-text--desktop{
  display:none;
}
@media screen and (min-width:768px){
  .design-v2-service-aftercare__banner-button-text--desktop{
    display:inline;
  }
  .design-v2-service-aftercare__banner-button-text--mobile{
    display:none;
  }
}

.design-v2-service-aftercare__banner-image{
  align-self:end;
  bottom:-10px;
  grid-template-columns:minmax(280px, 600px) minmax(360px, 670px);
  height:auto;
  justify-self:end;
  position:relative;
  right:-14px;
  transform:scale(1.15);
  width:42%;
}
@media screen and (min-width:768px){
  .design-v2-service-aftercare__banner-image{
    bottom:14px;
    right:20px;
    transform:scale(1.1);
    width:234px;
  }
}

.design-v2-service-aftercare__list{
  display:grid;
  gap:8px;
  grid-template-columns:1fr;
  order:2;
}
@media screen and (min-width:768px){
  .design-v2-service-aftercare__list{
    gap:12px;
  }
}

.design-v2-service-aftercare__item{
  background:#f4f8fd;
  border-radius:10px;
  display:grid;
  overflow:hidden;
  padding:0 6px 6px;
}
@media screen and (min-width:768px){
  .design-v2-service-aftercare__item{
    grid-template-columns:64px minmax(0, 1fr);
    padding:6px 6px 6px 0;
  }
}

.design-v2-service-aftercare__number{
  align-items:center;
  color:#15a8f1;
  display:flex;
  font-family:var(--font-medium);
  font-size:16px;
  justify-content:center;
  line-height:20px;
  padding:16px;
}
@media screen and (min-width:768px){
  .design-v2-service-aftercare__number{
    font-size:18px;
    line-height:24px;
  }
}

.design-v2-service-aftercare__card{
  background:#fff;
  border-radius:6px;
  padding:20px;
}
@media screen and (min-width:768px){
  .design-v2-service-aftercare__card{
    padding:20px 24px;
  }
}

.design-v2-service-aftercare__item-title{
  color:#252525;
  font-family:var(--font-medium);
  font-size:16px;
  line-height:22px;
  margin:0 0 8px;
}
@media screen and (min-width:768px){
  .design-v2-service-aftercare__item-title{
    font-size:18px;
    line-height:24px;
  }
}

.design-v2-service-aftercare__item-description{
  color:#515458;
  font-size:14px;
  line-height:20px;
}
@media screen and (min-width:768px){
  .design-v2-service-aftercare__item-description{
    font-size:16px;
    line-height:22px;
  }
}

.design-v2-service-aftercare__item-description p{
  margin:0;
}

.design-v2-service-aftercare__tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
}

.design-v2-service-aftercare__tag{
  align-items:center;
  background:rgba(21,178,37,.1);
  border-radius:50px;
  display:inline-flex;
  font-size:12px;
  gap:8px;
  justify-content:center;
  line-height:18px;
  min-height:30px;
  padding:8px 14px;
}
@media screen and (min-width:768px){
  .design-v2-service-aftercare__tag{
    font-size:14px;
    line-height:20px;
  }
}

.design-v2-service-aftercare__tag-icon{
  color:#15b225;
  flex:0 0 20px;
  height:20px;
  width:20px;
}

.design-v2-service-aftercare__tag--undesirable{
  background:#f4f8fd;
  color:#515458;
}

.design-v2-service-aftercare__tag--undesirable .design-v2-service-aftercare__tag-icon{
  color:#515458;
}