/* переменные с цветами*/
:root {
  --accent: #0479df;
  --accent2: #E7D2BD;
  --accent3: #dd8500;
  --main-collor: #5D3E50;
  --hero-block-color: #5D3E50;
  /* 5D3E50 dd8500*/
  --hero-block-color-all: #E7D2BD;
  --price-color: #C884A6;
  --masery-section: #E7D2BD; 
  --lead-batton: #EA526F;
  --lead-batton-hover: #C884A6;
  --lead-batton-vk: #0077FF;
  --lead-batton-vk-hover: #154275;
  --driver: #EA526F;
  --reviu-main: #C884A6;
  --footer-head: #d99046;
}
#sp-top-bar{
  display: none;
}
.burger-icon>span{
  background-color: #000;
}

@media (max-width: 575px) {
    #sp-header {
        height: 80px;
    }
  #sp-header{
      display: flex;
    align-items: center;
    }
}

@media (max-width: 991px) {
    #sp-header {
        height: 80px;
    }
  #sp-header{
      display: flex;
    align-items: center;
    }
}

 h1,h2,h3{
   font-size: 36px;
 }
@media(max-width: 800px){
 h1,h2,h3{
   font-size: 32px;
 }
}

.masstery img{
   border: 10px solid var(--main-collor);
}
.reviu{
  border-bottom: 10px solid var(--accent2);
}
#sp-footer{
  border-top: 10px solid var(--accent2);
}
.driver-bot {
  border-bottom: 10px solid; /* Define width and style */
  border-image-source: linear-gradient(to right, var(--driver) 1%, var(--main-collor) 100%); /* Gradient colors */
  border-image-slice: 1; /* Required to show the gradient */

}
.driver-top {
  border-top: 10px solid; /* Define width and style */
  border-image-source: linear-gradient(to right, var(--driver) 1%, var(--main-collor) 100%); /* Gradient colors */
  border-image-slice: 1; /* Required to show the gradient */
}
/*.first-screan {
  border-bottom: solid 10px var(--driver);
}
*/

/* 
.white-popup-block .modal-inner-block{
 color: #fff;
}
*/

.modal-liad .sppb-btn-custom{
  background-color: var(--lead-batton-vk);
}

.modal-liad .sppb-btn-custom:hover{
  background-color: var(--lead-batton-vk-hover);
}

.modal-liad .sppb-btn{
  border-radius: 25px;
}

.white-popup-block{
      display: flex;
    align-items: center;
    justify-content: center;
}

.anty-heading{
    display: flex;
    align-items: center;
    text-transform: uppercase;
}
}

.anty-age-mian .sppb-column-addons{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  background-color: #000000cc;
  padding-left:30px;
  border-radius: 25px;
}

.anty-age-mian p{
  color: #ffffff;
}
.servis-main-anty-age{
  min-height: 400px;
}
.anty-age-battom{
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: start;
}


.servis-main .sppb-row-column{
 min-height: 400px;
}
.servis-main .sppb-btn{
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  border-radius: 25px;
  min-height: 120px;
}

.artic-main ul{
  margin-bottom: 0px;
}

.artic-main ul li ul li{
  list-style-type: none; /* Убираем маркеры у списка */
}

.artic-main ul li ul li:before {
    content: "⎯ "; /* Добавляем в качестве маркера символ */
   }
.artic-more .sppb-panel-heading{
  padding: 10px;
}
.artic-more .sppb-panel-heading span{
  border: none;
    background-color: var(--lead-batton);
    border-radius: 25px;
    color: #fff;
    padding: 10px;
}
.artic-more .sppb-panel-heading span:hover{
  background-color: var(--lead-batton-hover);
}
.custom-accordion-collapse:hover{
  background-color: var(--lead-batton-hover);
}
.custom-accordion-collapse{
    border: none;
    background-color: var(--lead-batton);
    border-radius: 25px;
    color: #fff;
    padding: 10px;
}

  
.paddin-ol-off ol{
  margin-bottom:0px;
}
.artic-more .sppb-row-column{
  padding-right: 0px;
  padding-left: 0px;
}
.artic-more .sppb-panel-body{
  padding-top: 0px;
}
.artic-more .active{
  display: none;
}
/*
.artic-more .sppb-reset-button-styles{
  padding-top: 0px;
  padding-bottom: 0px;
}
*/


.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active:hover>a {
    color: #5D3E50;
}
.sp-megamenu-parent>li:hover>a{
  color: #5D3E50;
}

.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
    color: #000;
}

#sp-footer, #sp-bottom {
    background: #fff;
    color: #000;
}
#sp-header {
    background: #fff;
}


p {
    margin-top: 0;
    margin-bottom: 0px;
}

.hero-bloc .sppb-column{
  border-radius: 25px;
  min-height: 140px;
}
.hero-bloc p{
  padding: 25px;
  margin-bottom: 0px;
  text-align: center;
  color: #fff;
  min-higt
}

#sp-logo .sp-column{
  display: flex;
  flex-direction: column;
}

#sp-header .logo {
  height: auto;
}

.main-text span{
  font-size: 16px !important;
}

.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
    font-size: 18px;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item {
    font-size: 18px;
    border-bottom: 1px solid black;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item a:hover{
  color: #5D3E50;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active a{
  color: #5D3E50;
}

/*увелечинеи картинок*/

.img_hover {
  overflow: hidden; /* Скрываем всё за контуром */
}
.img_hover {
  display: inline-block; 
  transition: 1s; /* Время эффекта */
}
.img_hover:hover {
  display: block; 
  transform: scale(1.1); /* Увеличиваем масштаб */
}

/*починка колизии в каруселя картинок*/

.sppb-image-carousel-layout1 .sppb-carousel-extended-item img{
      border-radius: 0px;
}

/*ширина всех картинок без растягивания*/
.sppb-img-responsive{
  width: auto;
}

/*Оптимизация ширины*/
@media (max-width: 996px){
.widht_optimizarion > .sppb-row-container > .sppb-row{
      flex-direction: column;
}
}

@media (max-width: 996px){
.widht_optimizarion > .sppb-row-container > .sppb-row > .sppb-row-column{
    max-width: 100% !important;
    flex-basis: 100% !important;
}
}
#sp-cookie-consent{
  background-color: var(--main-collor) !important;
  color: #ffffff;
}

div.widjet {position: fixed;right: 20px;bottom: 110px;z-index: 2;}
div.widjet .close {background: #000;}
div.widjet div.open_widjet {
  /*	display: none;*/
  margin-bottom: 10px;width: 60px;padding: 10px;margin-right: 0px;z-index: 1
}
div.widjet div.button_widjet {
  position: relative;animation-duration: 5s;animation-name: ColorOpenWidjet;animation-iteration-count: infinite;display: flex;
}
div.widjet div.button_widjet:before {
  content: '';position: absolute;z-index: -1;width: 100%;height: 100%;border: 15px solid rgba(0,0,0,.0);opacity: 1;border-radius: 100%;animation-duration: 3s;animation-name: EffectOpenWidjet;animation-iteration-count: infinite;
}
div.widjet div.open_widjet > a {margin-bottom: 10px;text-decoration: none;display: block;}
div.widjet div.open_widjet > a div i {font-size: 24px;color: #fff;}
div.widjet div.open_widjet > a:last-child {margin-bottom: 0px;}
div.widjet div.open_widjet div.vk {background: #0077FF;}
div.widjet div.open_widjet div.wa {background: #25D366;}
div.widjet div.open_widjet div.max {background: #250F6D;}
div.widjet div.open_widjet div.phone {background: #ff9623;}
div.widjet div.open_widjet div.tg {background: #229ED9;}
div.widjet div.open_widjet div.mes {background: var(--accent-color);}
div.widjet div.open_widjet div.icon {width: 45px;height: 45px;}
div.widjet div.open_widjet div.icon i {font-size: 18px;}
div.widjet div.open_widjet div.mes i {font-size: 14px;margin-bottom: 4px}
div.widjet div.icon {padding: 10px;width: 60px;height: 60px;background: #000;display: flex;justify-content: center;align-items: center;border-radius: 50%;}
div.widjet div.icon i {color: #fff;}


@keyframes ColorOpenWidjet {
  from {background: #0077FF;}
  30% {background: #25D366;}
  60% {background: #8322d9;}
  80% {background: var(--accent-color);}  
  to {background: #0077FF;}
}

@keyframes EffectOpenWidjet {
  from {transform: scale(0);}
  25% {transform: scale(1);border-color: rgba(0,0,0,.0)}
  50% {transform: scale(1.2);border-color: rgba(0,0,0,.15)}
  75% {transform: scale(1.7);border-color: rgba(0,0,0,.0)}
  to {transform: scale(2);}
}

@media (min-width: 992px) {
  div.widjet div.open_widjet {display: block;}
  div.widjet div.close {display: block;}
  div.widjet div.button_widjet {display: none;}
}

#sp-bottom {
    padding: 0px;
}
#sp-bottom1 {
  height: 0px;
}

svg.svelte-1p0ji45 {
    height: 90%
    width: 100%;
    color: #FFF;
}


.yWidgetBlock-yclients, .yWidgetBlock {top: 100px !important;
    right: 35%;
    width: 500px !important;
    height: 80% !important;
}

.lead-main{
    background: var(--lead-batton);
    color: #fff;
    padding: 8px 22px 10px 22px;
    border-radius: 25px;
}
.lead-main:hover{
  color: #fff;
}
.lead-main:hover{
  background: var(--lead-batton-hover) !important;
}
#mod-custom135{
  margin-top: 8px;
}