:root {
    /* font sizes */
    --h5-title-card-size: 16px;
    --p4-text-size: 12px;
    --p3-text-size: 14px;
    --h44-title-size: 24px;
    --font-size-xl: 20px;
    
    /* Colors */
    --system-background: #fff;
    --color-royalblue-100: #0778ff;
    --system-content: #333;
  
    /* Paddings */
    --padding-5xl: 24px;
  
    /* Border radiuses */
    --br-13xl: 32px;
  
    /* Effects */
    --form: 0px 4px 15px rgba(0, 0, 0, 0.1);
  }
  
body { 
  font-family: 'Inter V', sans-serif;
}
/* Версия для мобильных разрешений экрана */  
@media screen and (max-width: 380px) {
.service_price_slides {
  align-self: stretch;
  display: flex;
  justify-content: flex-start;
  height: 205px;
  flex-direction: row;
  align-items: flex-start;
  text-align: center;
}
.service_price_slide_img {
  width: 178px;
  position: absolute;
  margin: 0 !important;
  top: -20%;
  left: 50%;
  transform: translateX(-50%);
  height: 178px;
  object-fit: cover;
  z-index: 1;
}
.service_price_slide_body {
  color: var(--system-content);
  font-size: var(--p3-text-size);
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0%;
  text-align: center;
  width: 100%;
}
#service_price_slides .swiper {
  padding-top: 25px;
  padding-bottom: 25px;
  width: 100%;
  height: 100%;
}
}
@media screen and (min-width: 381px) and (max-width: 549px) {
.service_price_slides {
  align-self: stretch;
  display: flex;
  justify-content: flex-start;
  height: 205px;
  flex-direction: row;
  align-items: flex-start;
  text-align: center;
}
.service_price_slide_img {
  width: 178px;
  position: absolute;
  margin: 0 !important;
  top: -20%;
  left: 50%;
  transform: translateX(-50%);
  height: 178px;
  object-fit: cover;
  z-index: 1;
}
.service_price_slide_body {
  color: var(--system-content);
  font-size: var(--h5-title-card-size);
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 0%;
  text-align: center;
  width: 90%;
}
#service_price_slides .swiper {
  padding-top: 25px;
  padding-bottom: 25px;
  width: 100%;
  height: 100%;
}
}
/* Версия для дексктопных разрешений экрана */
@media screen and (min-width: 550px) and (max-width: 767px) {
.service_price_slides {
  align-self: stretch;
  display: flex;
  justify-content: flex-start;
  height: 283px;
  flex-direction: row;
  align-items: flex-start;
  text-align: center;
}
.service_price_slide_img {
  width: 260px;
  position: absolute;
  margin: 0 !important;
  top: -93px;
  left: 50%;
  transform: translateX(-50%);
  height: 260px;
  object-fit: cover;
  z-index: 1;
}
.service_price_slide_body {
  color: var(--system-content);
  font-size: var(--font-size-xl);
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 0%;
  text-align: center;
  width: 82%;
}
#service_price_slides .swiper {
  padding-top: 70px;
  width: 100%;
  height: 400px;
}
}
@media screen and (min-width: 768px) {
.service_price_slides {
  align-self: stretch;
  display: flex;
  justify-content: flex-start;
  height: 283px;
  flex-direction: row;
  align-items: flex-start;
  text-align: center;
}
.service_price_slide_img {
  width: 260px;
  position: absolute;
  margin: 0 !important;
  top: -93px;
  left: 50%;
  transform: translateX(-50%);
  height: 260px;
  object-fit: cover;
  z-index: 1;
}
.service_price_slide_body {
  color: var(--system-content);
  font-size: var(--h44-title-size);
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 0%;
  text-align: center;
  width: 72%;
}
#service_price_slides .swiper {
  padding-top: 70px;
  width: 100%;
  height: 400px;
}
}

 
.service_price_slide_text {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  z-index: 0;
}
.service_price_slide {
  align-self: stretch;
  box-shadow: var(--form);
  border-radius: var(--br-13xl);
  background-color: var(--system-background);
  border: 1px solid var(--system-gray);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  padding: var(--padding-5xl);
  position: relative;
}
.service_price_slide_body_span {
  color: var(--color-royalblue-100);
}
/* Настройки Swiper */
#service_price_slides .swiper-slide {
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 550px) and (max-width: 1399px) {
/* Стрелки swiper для вывода десктопных баннеров*/
#service_price_slides .swiper-button-next {
  display: flex;
  background-image: url('/local/templates/is_new/assets/img/right.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 55px; 
  height: 55px;
  right: -15px;
}
#service_price_slides .swiper-button-next:hover {
  display: flex;
  background-image: url('/local/templates/is_new/assets/img/righthover.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 55px;
  height: 55px;
  right: -15px;
}
#service_price_slides .swiper-button-prev {
  display: flex;
  background-image: url('/local/templates/is_new/assets/img/left.png'); 
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 55px; 
  height: 55px;
  left: -15px;
}
#service_price_slides .swiper-button-prev:hover {
  display: flex;
  background-image: url('/local/templates/is_new/assets/img/lefthover.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 55px;
  height: 55px;
  left: -15px;
}
}
/* Скрываем штатные стрелки */
#service_price_slides .swiper-button-prev::after,
#service_price_slides .swiper-button-next::after {
  display: none;
}
#service_price_slides .swiper-pagination-bullet-active {
 background-color: #004AA1;
}