@font-face {
          font-family: 'Digiface';
          src: url('https://docma.ru/wp-content/themes/docma/sales-pages/fonts/Digiface.ttf') format('truetype');
          font-weight: normal;
          font-style: normal;
        }
     
     
     .offer-docs--wrapper {
         width: 355px;
        height: 355px;
     }
     
     .offer-doc img {
    height: 150px;
    }
    
    .not-available-page--content .offer-list {
        margin-top: 0;
      
        
    }
    
    .not-available-page--content {
        width: 50%;
    }
    
    
    .not-available-page {
        padding: 100px 0;
        justify-content: center;
    }
    
    .offer-list > :nth-child(2) .offer-list--icon, .offer-list > :nth-child(3) .offer-list--icon, .offer-list > :nth-child(4) .offer-list--icon {
    width: 55px;
    height: 55px;
    padding: 5px;
    
    }
    

    
     
     .main-p--ins {
         margin-top: 30px;
     }
     
     .main-p--ins h2 {
         text-align: center;
     }
     
     
     
     .box-slider {
        padding: 60px 0 90px 0;
        overflow: hidden;
        position: relative;
    }
    
    #box-sl--ins-sm {
        font-size: 16px;
        margin-top: 30px;
        /* opacity: 0.6; */
        color: #fe3f7a;
    }
    
    .box-sl--wrapper:after {
            /* top: 30%; */
            content: "";
            height: 230px;
            width: 240px;
            background: rgba(2, 181, 188, 0.08);
            position: absolute;
            right: -15%;
            border-radius: 50%;
            z-index: -1;
        
    }

    .box-sl--wrapper {
        position: relative;
        /* background-color: rgba(2, 181, 188, 0.01); */
        display: flex;
        justify-content: center;
        gap: 120px;
       margin: 30px 0 0 50px;
       font-family: 'Montserrat', sans-serif !important;
       border: 2px solid #293A5F;
       border-radius: 25px;
       padding: 25px 20px 15px 20px;
       box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    }
    
    #box-sl--ins {
        position: absolute;
        right: 30px;
        top: -13px;
        background: white;
        padding: 0 15px;
        font-weight: 600;
  
    }
    
    #box-sl--ins img {
        margin-right: 5px;
    width: 25px;
    }


    .advantages-list--ns, .start-block {
        margin-top: 0;
    }

    .box-sl--content {
        width: 53%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 10px;
        color: #293A5F;
    }
    
    .box-sl--content a {
        position: relative;
        overflow: hidden;
    }
    
    .box-sl--content a:hover {
        background: #fe3f7a;
    }
    
 .box-sl--content a .flare-an {
    position: absolute;
    top: 0;
    height: 100%;
    width: 45px;
    transform: skewX(-25deg); 
    left: -150%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.4));
    animation: flareAnimation 2s infinite linear; 
}

@keyframes flareAnimation {
    0% {
        left: -150%;
    }
    100% {
        left: 150%;
    }
}


    .box-sl--content h3 {
        margin: 0;
        font-size: 24px !important;
        margin-bottom: 10px;
        font-weight: 600 !important;
        line-height: 1.2em;
    }

    .box-sl--content p {
        margin: 0;
        font-size: 18px;
        line-height: 1.2em;
    }

 .box-sl--wrapper a {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.2em;
    padding: 0 15px;
    background: #02B5BC;
    border-radius: 8px;
    color: #fff !important;
    font-size: 16px;
    max-width: 300px;
    margin-top: 30px;
    width: 100%;
    }

    .slider-m-docs--angle {
        position: absolute;
        right: 0;
        bottom: -50px;
        width: 50px;
    
    }

.box-sl {
    position: relative;
    width: 350px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}    

.box-sl .item-sl {
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--img);
    background-size: cover;
    transition: 1s;
    border-radius: 25px 25px 0 25px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.box-sl .item-sl:nth-child(n-9) {
    transform: translate3d(0,-300vw,0);
}

.box-sl .item-sl:nth-child(10) {
    transform: translate3d(-100px,-100px,0) rotate(5deg);
}

.box-sl .item-sl:nth-child(11) {
    transform: translate3d(-50px,-50px,0) rotate(-15deg);
}

.box-sl .item-sl:nth-child(12) {
    transform: translate3d(0px,0px,0) rotate(15deg);
}

.box-sl .item-sl:nth-child(13) {
    transform: translate3d(50px,50px,0) rotate(-5deg);
}

.box-sl .item-sl:nth-child(n+14) {
    transform: translate3d(0,300vw,0);
}

.box-sl .item-sl::before {
    position: absolute;
    content: attr(data-text);
    color: #293A5F;
    font-size: 16px;
    transition: 1s;
    font-weight: 500;
    white-space: nowrap;
    transform: translate3d(-50vw, 50vh, 0) rotate(0deg);
    opacity: 0;
    background: white;
    padding: 1px 15px;
    border-radius: 7px;
    border: 1px solid #293A5F;
}


.box-sl .item-sl:nth-child(13)::before {
    text-shadow: 1px 1px 2px white;
    transform: translate3d(-100px, 120px, 0) rotate(5deg);
    opacity: 1;
}

@media (max-width: 1400px) {
    
    .box-sl--wrapper {
        margin: 30px 0 0 90px;
        padding: 30px 10px 0 10px;
    }

}


@media (max-width: 1200px) {
    
    .box-sl--content span {
        line-height: 1.2em;
    }
    
        #box-sl--ins {
            font-size: 12px;
                right: auto;
                padding: 0 8px;
        }
        
        #box-sl--ins-sm {
            font-size: 14px;
            text-align: center;
            margin-top: 10px;
            font-weight: 500;
        }
    
        .box-sl--wrapper:after {
            top: 10%;
            content: "";
            height: 350px;
            width: 350px;
            background: rgba(2, 181, 188, 0.08);
            position: absolute;
            right: -50%;
            border-radius: 50%;
        
    }
    
    .box-sl--wrapper a {
        margin-top: 20px;
    }
    

    .box-sl--content h3 {
        text-align: center;
        font-size: 16px !important;
    }

      .box-sl--content p {
        text-align: center;
        font-size: 16px;
    }

    .box-sl .item-sl::before {
    font-size: 14px;

}

.box-sl .item-sl:nth-child(13)::before {
    transform: translate3d(-100px,60px,0) rotate(5deg);
    opacity: 1;
}

    .box-slider {
        overflow: hidden;
        padding: 0 0 90px;
    }

    .box-sl--wrapper {
        
        /* margin: 50px 0 0 90px; */
        flex-direction: column-reverse;
        gap: 60px;
        align-items: center;
        margin: 50px 0 0 0;
    }

    .box-sl--content {
        width: 100%;
        align-items: center;
    }

    .box-sl {
    width: 220px;
    height: 130px;
    margin-left: 50px;

}   


.box-sl .item-sl:nth-child(10) {
    transform: translate3d(-30px,-50px,0) rotate(5deg);
}

.box-sl .item-sl:nth-child(11) {
    transform: translate3d(-20px,-30px,0) rotate(-1deg);
}

.box-sl .item-sl:nth-child(12) {
    transform: translate3d(0px,0px,0) rotate(10deg);
}

.box-sl .item-sl:nth-child(13) {
    transform: translate3d(20px,30px,0) rotate(-5deg);
}




}


@media (max-width: 360px) { 
        .box-sl {
        width: 180px;
        height: 110px;
        margin-left: 50px;
    
    }   
    
.box-sl .item-sl:nth-child(13)::before {
    transform: translate3d(-90px,50px,0) rotate(5deg);
    opacity: 1;
}
    
}
     
     
     
     
 .cta-banner {
     /* margin-bottom: 20px; */
     margin: 30px 0 0 0;
    display: flex;
    justify-content: center;
     gap: 30px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    color: #293A5F;
    align-items: center;
    min-height: 60px;
    border-radius: 15px;
    padding: 10px 120px 10px 120px;
    background-image: 
        linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.95)),
        url("http://docma.ru/wp-content/uploads/2025/12/arrow-r-blue-r.png"),
        url("http://docma.ru/wp-content/uploads/2025/12/arrow-r-blue-r.png"),
        url("http://docma.ru/wp-content/uploads/2025/12/arrow-r-blue-l.png"),
        url("http://docma.ru/wp-content/uploads/2025/12/arrow-r-blue-l.png");
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    background-position: 
        center center,          
        center left,            
        40px center,           
        center right,          
        calc(100% - 40px) center;           
    background-size: 
        cover,                 
        50px,                   
        50px,                   
        50px,                  
        50px;                   
}

.cta-banner-m {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.cta-banner-m h2 {
    text-align: center;
    font-weight: 600;
}

.cta-banner h5 {
    margin: 10px 0 10px 0;
}


.cta-banner span {
    text-decoration: none;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.2em;
    padding: 0 10%;
    background: #02B5BC;
    border-radius: 8px;
    color: #fff !important;
    font-weight: 600;
}

@media (max-width: 1200px) {
    
    .cta-banner-m h2 {
        font-size: 16px !important;
    }
    

    
    
}    



@media (max-width: 767px) {
    
    
    
    
    
    .not-available-page {
        gap: 20px;
        padding: 50px 0 100px 0;
    }
         
     .offer-docs--wrapper {
         width: 300px;
        height: 300px;
     }
     
     .offer-doc img {
    height: 150px;
    }
    
    .not-available-page--content .offer-list {
        margin-top: 0;
        
        
    }
    
    .offer-list > :nth-child(2) .offer-list--icon, .offer-list > :nth-child(3) .offer-list--icon, .offer-list > :nth-child(4) .offer-list--icon {
    width: 55px;
    height: 55px;
    padding: 5px;
    
    }
    
    
    
    
    

    .cta-banner h5 {
    margin: 10px 0;
    text-align: center;
    font-size: 16px;
    
}

.cta-banner span {
    width: 60%;
}

    .cta-banner {
        gap: 10px;
        padding: 10px;
        flex-direction: column;
        background-position: 
        center center,         
        center left,           
        -50px center,           
        center right,           
        calc(100% + 50px) center;          
        background-size: 
        cover,                 
        70px,                  
        70px,                   
        70px,                  
        70px;                   
    }

}     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
        .advantages-list--content {
      margin: 20px 10px 20px 20px
    }

    
    .placard--wrapper {
        display: flex;
        position: relative;
        max-width: 700px;
        height: 100px;
        box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
        padding: 15px 25px;
        background-color: #fff8e2;
        border-radius: 15px;
        margin: 50px auto;
        overflow: hidden
    }
    
    
    .placard--wrapper  {
	animation: borderPulse 3s infinite ease-in-out;
	 border: 1px solid #e9d79d !important;
	 box-shadow: 0 0 10px 4px #fff8e2;
}

@keyframes borderPulse {
  0% {
	box-shadow: 0 0 0 1px #e9d79d;
  }
  25% {
	box-shadow: 0 0 4px 2px #e9d79d;
  }
  50% {
	box-shadow: 0 0 0 1px #e9d79d;
  }
  75% {
	box-shadow: 0 0 4px 2px #e9d79d;
  }
  100% {
	box-shadow: 0 0 0 1px #e9d79d;
  }
}

    

    .placard {
        display: flex;
        align-items: center;
    }

    .placard h5 {
        margin: 0;
        font-size: 18px;
        margin-left: 120px;
        color: #293B5F;
    }

    .placard--wrapper img {
        max-height: 100%;
        position: absolute;
        top: 0;

        opacity: 0.2;
    }

    .placard--arrow1 {
        left: 40px;
    }

    .placard--arrow2 {
        left: -10px;
    }


    @media (max-width: 767px) {
      
       .advantages-list--content {
      margin: 10px 5px 10px 10px
    }
      
      
        .placard h5 {
            font-size: 12px;
            margin-left: 60px;
        }

         .placard--wrapper {
            height: 60px;
            padding: 10px;
         }

          .placard--arrow1 {
                left: 20px;
            }

            .placard--arrow2 {
                left: 0;
            }

    }



#uslugi-sec .container h3 {
    font-size: 24px !important;
    text-align: center;
    margin-bottom: 20px;
    font-weight: 500;
    margin: 20px 0 10px 0px;

}

#uslugi-sec .mr-t-25 .col-lg-3 {
    width: 33%;
}

.app-links {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 60px;
        }
        
        
.app-links  .col-lg-3 {
           width: calc(33% - 20px);
      }


.download-img img {
    max-height: 50px;
    width: 50px;
}


.feedback-elem {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.des-feed a {
  display: flex;
  color: #fe3f7a;
}

.mr-t-b-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}
.mr-t-25 {
  margin-top: 25px;
}
.arrow-1 {
  position: relative;
  width: 25px;
  height: 18px;
  margin-left: 20px;
}
.arrow-1 div {
  position: relative;
  top: 8px;
  width: 25px;
  height: 2px;
  background-color: #4B537B;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  left: 0;
  display: block;
}
.arrow-1 div::after {
  content: '';
  position: absolute;
  width: 10px;
  height: 2px;
  top: -3px;
  right: -2px;
  background-color: #4B537B;
  transform: rotate(45deg);
  border-radius: 5px;
}
.arrow-1 div::before {
  content: '';
  position: absolute;
  width: 10px;
  height: 2px;
  top: 3px;
  right: -2px;
  background-color: #4B537B;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  transform: rotate(-45deg);
  border-radius: 5px;
}
body {
  position: relative;
}
.pop-up-search-d-con {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  z-index: 99999999999;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.5);
}
.pop-up-search-d-con .pop-up-search-d {
  background: #F7FAFF;
  border-radius: 8px;
  padding: 20px;
}
.pop-up-search-d-con .pop-up-search-d .up-m-pop-up {
  display: flex;
  justify-content: flex-end;
}
.pop-up-search-d-con .pop-up-search-d .search-d-p-con {
  margin-top: 30px;
}
.pop-up-search-d-con .pop-up-search-d .search-d-p-con .my-select {
  margin-bottom: 20px;
}
.pop-up-search-d-con .pop-up-search-d .search-d-p-con .search-doctor-btn-main {
  width: 100%;
  text-align: center;
}
.pop-up-search-d-con.active {
  display: flex;
}
.search-doctor-btn-main {
  width: 100%;
  text-align: center;
}
#main-first {
  background: #fff;
  padding-top: 60px;
  padding-bottom: 40px;
/*   border-top: 1px solid #E2E8F1;
  border-bottom: 1px solid #E2E8F1; */
}
#main-first .head-m-f {
  font-size: 40px;
  color: #4B537B;
}
#main-first .search-doctor-btn {
  width: 100%;
  text-align: center;
}
#main-first .con-t-m {
  text-align: center;
}
#uslugi-sec {
  /* padding-top: 40px; */
  padding-bottom: 30px;
}
#uslugi-sec .head-uslugi {
  font-size: 20px;
  font-weight: 600;
  color: #4B537B;
  margin-bottom: 25px;
}
#uslugi-sec .uslugi-elem {
  padding: 25px;
  background: #fff;
  border-radius: 8px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  height: 225px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #4B537B;
}
#uslugi-sec .uslugi-elem.uslugi-1 {
  color: #fff !important;
  background: #27C7CA url(../images/uslugi_1.svg) 0 -30px/100% auto no-repeat;
}
#uslugi-sec .uslugi-elem.uslugi-2 {
  background: #fff url(../images/uslugi_2.svg) 0 -30px/100% auto no-repeat;
}
#uslugi-sec .uslugi-elem.uslugi-3 {
  background: #fff url(../images/uslugi_3.svg) 0 -30px/100% auto no-repeat;
}
#uslugi-sec .uslugi-elem.uslugi-4 {
  background: #fff url(../images/uslugi_4.svg) 0 -30px/100% auto no-repeat;
}
#uslugi-sec .uslugi-elem .head-u-elem {
  font-size: 26px;
  font-weight: 300;
}
#uslugi-sec .uslugi-elem .short-des-u-elem {
  font-size: 14px;
}
#uslugi-sec .btn-u-f {
  background: #fff;
  border-radius: 8px;
  width: 100%;
  height: 70px;
  color: #293A5F;
  font-size: 26px;
  font-weight: 300;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#uslugi-sec .car-uslugi-con {
/*   background: linear-gradient(15deg, #FE3F7A, #FFC8D5); */
  margin-top: 25px;
  height: auto;
  padding: 0;
}
#uslugi-sec .car-uslugi-con .back-sl {
  flex-direction: column;
  align-items: flex-start;
/*   padding: 30px; */
  width: 100%;
/*   background: url(../images/back-slider-1.svg) 0 44%/100% auto no-repeat; */
}
#uslugi-sec .car-uslugi-con .carusel-pred-con {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
  overflow: hidden;
}
#uslugi-sec .car-uslugi-con .carusel-pred-con .elem-slider-u-con {
  transition: all 0.3s ease;
  height: 100%;
}
#uslugi-sec .car-uslugi-con .carusel-pred-con .elem-slider-u-con .car-u-elem {
  width: 100%;
  display: block;
  font-size: 20px;
  color: #fff;
  text-transform: uppercase;
}
#uslugi-sec .car-uslugi-con .carusel-pred-con .elem-slider-u-con .car-u-elem span {
  font-weight: 800;
}
#uslugi-sec .car-uslugi-con .btns-car-pred {
  display: flex;
  align-items: center;
  margin-top: 15px;
}
#uslugi-sec .car-uslugi-con .btns-car-pred .arrow-1 {
  cursor: pointer;
}
#uslugi-sec .car-uslugi-con .btns-car-pred .arrow-1 div {
  background: #fff;
}
#uslugi-sec .car-uslugi-con .btns-car-pred .arrow-1 div::before,
#uslugi-sec .car-uslugi-con .btns-car-pred .arrow-1 div::after {
  background: #fff;
}
#uslugi-sec .car-uslugi-con .btns-car-pred .arr-l-car-pred {
  transform: rotate(180deg);
  margin: 0;
  margin-right: 10px;
}
#uslugi-sec .car-uslugi-con .btns-car-pred .arr-r-car-pred {
  margin: 0;
  margin-left: 10px;
}
#what-me-sec {
  padding-top: 100px;
  padding-bottom: 160px;
  background: url(../images/background_what.png) 0 0/100% auto no-repeat;
}
#what-me-sec .head-main {
  margin-bottom: 50px;
}
#what-me-sec .head-main .f-el-h {
  color: #27C6CA;
  font-weight: 800;
}
#what-me-sec .head-main .s-el-h {
  color: #FFA1BE;
}
#what-me-sec .what-elem {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
#what-me-sec .what-elem img {
  height: 75px;
}
#what-me-sec .what-elem .head-w {
  color: #4B537B;
  font-size: 20px;
  margin: 10px 0;
}
#what-me-sec .what-elem .text-w {
  color: #4B537B;
  font-size: 16px;
}
#specials-s-sec {
  background: #fff;
  padding-top: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #E2E8F1;
}
#specials-s-sec .head-s-s-con {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#specials-s-sec .head-s-s-con .my-select {
  width: 250px;
}
#specials-s-sec .row-spec-s-s {
  margin-top: 30px;
}
#specials-s-sec .row-spec-s-s .special-elem {
  background: #fff;
  border-radius: 10px;
  border: 1px solid #E2E8F1;
  width: 100%;
  color: #4B537B;
  padding: 10px 15px;
  display: flex;
  align-items: center;
}
#specials-s-sec .row-spec-s-s .special-elem .img-d-sp-con {
  width: 60px;
  height: 60px;
  max-width: 60px;
  max-height: 60px;
  border-radius: 50%;
  overflow: hidden;
}
#specials-s-sec .row-spec-s-s .special-elem .img-d-sp-con img {
  height: 100%;
  width: auto;
}
#specials-s-sec .row-spec-s-s .special-elem .text-elem-sp-con {
  margin-left: 15px;
}
#specials-s-sec .row-spec-s-s .special-elem .text-elem-sp-con .spec-name {
  font-size: 16px;
  color: #293A5F;
  
  
}
#specials-s-sec .row-spec-s-s .special-elem .text-elem-sp-con .amount-doc-sp {
  font-size: 14px;
  color: #828282;
}
#specials-all-sec {
  background: #fff;
  padding-top: 50px;
  padding-bottom: 40px;
}
#specials-all-sec .head-spec-all-con {
  display: flex;
  justify-content: space-between;
  margin-bottom: 35px;
}
#specials-all-sec .head-spec-all-con .head-s-all {
  color: #FF96B7;
  font-size: 24px;
}
#specials-all-sec .head-spec-all-con .spec-all-btn {
  cursor: pointer;
  font-size: 16px;
  color: #02B5BC;
  position: relative;
  padding-right: 15px;
  display: flex;
  align-items: center;
  text-decoration: underline;
}
#specials-all-sec .head-spec-all-con .spec-all-btn .arr-s-all {
  position: absolute;
  top: 55%;
  right: 0;
  width: 6px;
  transition: all 0.3s ease;
}
#specials-all-sec .head-spec-all-con .spec-all-btn .arr-s-all::before,
#specials-all-sec .head-spec-all-con .spec-all-btn .arr-s-all::after {
  content: '';
  width: 5px;
  height: 1px;
  display: block;
  background: #4B537B;
  position: absolute;
  top: 0;
}
#specials-all-sec .head-spec-all-con .spec-all-btn .arr-s-all::after {
  right: 0;
  transform: rotate(-45deg);
}
#specials-all-sec .head-spec-all-con .spec-all-btn .arr-s-all::before {
  right: 3px;
  transform: rotate(45deg);
}
#specials-all-sec .head-spec-all-con .spec-all-btn.active .arr-s-all {
  transform: rotate(180deg);
}
#specials-all-sec .all-spec-row {
  height: 0;
  overflow: hidden;
}
#specials-all-sec .all-spec-row .elems-s-all-con .elem-s-all {
  margin-bottom: 50px;
  width: 100%;
}
#specials-all-sec .all-spec-row .elems-s-all-con .elem-s-all .head-el-s-all {
  font-size: 18px;
  color: #FE3F7A;
  margin-bottom: 15px;
}
#specials-all-sec .all-spec-row .elems-s-all-con .elem-s-all .list-spec-all .list-spec-all-elem {
  margin-bottom: 5px;
}
#specials-all-sec .all-spec-row .elems-s-all-con .elem-s-all .list-spec-all .list-spec-all-elem a {
  color: #4B537B;
}
#specials-all-sec .all-spec-row.active {
  height: auto;
}
#specials-all-sec .con-t-m {
  text-align: center;
  margin-top: 15px;
}
.back-secs {
  background: url(../images/background_news.png) 0 0/100% auto no-repeat;
}
#news-art-sec {
  padding: 160px 0;
}
#news-art-sec .head-news-con {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 60px;
}
#news-art-sec .head-news-con .link-all-news {
  color: #293A5F;
  font-size: 16px;
  text-decoration: underline;
}
#news-art-sec .elem-news {
  margin-bottom: 30px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    padding: 15px;
    border-radius: 15px;
}
#news-art-sec .elem-news .img-news-con {
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
#news-art-sec .elem-news .img-news-con .img-news {
  width: 100%;
  height: 200px;
  object-fit: cover;
}
#news-art-sec .elem-news .text-inf-news-con {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
#news-art-sec .elem-news .text-inf-news-con .up-inf-news .met-inf {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
#news-art-sec .elem-news .text-inf-news-con .up-inf-news .met-inf .date-news {
  color: #828282;
  font-size: 14px;
}
#news-art-sec .elem-news .text-inf-news-con .up-inf-news .met-inf .cat-news {
  margin-left: 10px;
  
}

.artciles-preview .cat-news {
  position: absolute;
    top: 5px;
    left: 5px;
    font-weight: 600;
    background: rgba(255, 255, 255, 0.6);
    border: 2px solid #FE3F7A;
    margin: 0;
}


#news-art-sec .elem-news .text-inf-news-con .up-inf-news .name-news {
  font-size: 20px;
  color: #4B537B;
  margin-bottom: 20px;
  font-weight: 600;
}
#news-art-sec .elem-news .text-inf-news-con .up-inf-news .short-des-news {
  font-size: 16px;
  color: #4B537B;
  margin-bottom: 10px;
}
#news-art-sec .elem-news .text-inf-news-con .read-news-btn {
  padding-left: 30px;
  padding-right: 30px;
  max-width: 250px;
  text-align: center;
}
@media (max-width: 1399px) {
  #uslugi-sec .uslugi-elem {
    background-position-y: 12px !important;
  }
}
@media (max-width: 1200px) {
  #specials-s-sec .row-spec-s-s .special-elem {
    margin-bottom: 20px;
  }
  #uslugi-sec .uslugi-elem {
    background-position-y: 48px !important;
  }
  #uslugi-sec .car-uslugi-con .back-sl {
/*     background: url(../images/back-slider-1.svg) 0 42%/100% auto no-repeat; */
  }
}
@media (max-width: 991px) {
    
         .not-available-page--content {
        width: 100%;
    }
    
  #news-art-sec .head-news-con {
    flex-direction: column;
    align-items: unset;
    margin-bottom: 30px;
  }
  #news-art-sec .head-news-con .head-main {
    margin-bottom: 15px;
  }
  #uslugi-sec .uslugi-elem {
    background-position-y: -50px !important;
    margin-bottom: 20px;
  }
  #uslugi-sec .car-uslugi-con .back-sl {
/*     background: url(../images/back-slider-1.svg) 0 37%/100% auto no-repeat; */
  }
  #uslugi-sec {
    padding-bottom: 50px;
  }
  #what-me-sec {
    padding-top: 30px;
  }
}
#main-first .search-doctor-btn {
  display: none;
}
@media (max-width: 767px) {
  
  .artciles-preview {
    padding: 0 10px;
  }
  
  .advantages-list--ns a p {
    font-size: 12px !important;
  }
  
  #news-art-sec {
    padding: 80px 0;
  }
  #news-art-sec .elem-news .text-inf-news-con .up-inf-news .short-des-news {
    display: none;
  }
  #news-art-sec .elem-news .text-inf-news-con .read-news-btn {
    width: 100%;
    max-width: unset;
  }
  #news-art-sec .elem-news .img-news-con {
    
    margin-bottom: 15px;
  }
  
  #news-art-sec .elem-news .img-news-con  {
    position: relative !important;
  }
  
  #news-art-sec .elem-news .text-inf-news-con .up-inf-news .name-news {
    font-size: 18px;
  }
  #what-me-sec .what-elem {
    margin-bottom: 20px;
  }
  #uslugi-sec .uslugi-elem {
    background-position-y: 27px !important;
  }
  #uslugi-sec .btn-u-f {
    margin-bottom: 20px;
  }
  #uslugi-sec .car-uslugi-con .back-sl {
/*     background: url(../images/back-slider-1_2.svg) 0 99%/100% auto no-repeat; */
  }
  #main-first .my-select {
    display: none;
  }
  #main-first .search-doctor-btn-main {
    display: none;
  }
  #main-first .search-doctor-btn {
    display: block;
  }
}
.show-more-sp-all {
  display: none;
}
@media (max-width: 575px) {
  #specials-all-sec .head-spec-all-con .head-s-all {
    font-size: 20px;
  }
  .show-more-sp-all {
    cursor: pointer;
    font-size: 14px;
    color: #4B537B;
    position: relative;
    padding-right: 15px;
    display: flex;
    align-items: center;
    max-width: 115px;
  }
  .show-more-sp-all .arr-s-all {
    position: absolute;
    top: 55%;
    right: 0;
    width: 6px;
    transition: all 0.3s ease;
  }
  .show-more-sp-all .arr-s-all::before,
  .show-more-sp-all .arr-s-all::after {
    content: '';
    width: 5px;
    height: 1px;
    display: block;
    background: #4B537B;
    position: absolute;
    top: 0;
  }
  .show-more-sp-all .arr-s-all::after {
    right: 0;
    transform: rotate(-45deg);
  }
  .show-more-sp-all .arr-s-all::before {
    right: 3px;
    transform: rotate(45deg);
  }
  #specials-all-sec .all-spec-row .elems-s-all-con .elem-s-all .list-spec-all .list-spec-all-elem {
    font-size: 14px;
  }
  #specials-all-sec .all-spec-row .col-elems-sp-all {
    display: none;
  }
  #specials-all-sec .all-spec-row .col-elems-sp-all:first-child {
    display: block;
  }
  #specials-all-sec .all-spec-row .col-elems-sp-all.active {
    display: block;
  }
  #specials-all-sec .all-spec-row .col-elems-sp-all.active .show-more-sp-all {
    display: none !important;
  }
  #specials-s-sec .head-s-s-con {
    flex-direction: column;
    align-items: unset;
    justify-content: unset;
  }
  #specials-s-sec .head-s-s-con .head-main {
    margin-bottom: 30px;
  }
  #what-me-sec .what-elem {
    flex-direction: row;
    align-items: unset;
  }
  #what-me-sec .what-elem .head-w {
    margin-top: 0;
  }
  #what-me-sec .what-elem .inf-what-con {
    text-align: left;
    margin-left: 20px;
  }
  #uslugi-sec .uslugi-elem {
    background-position-y: -197px !important;
  }
}
@media (max-width: 535px) {
  #uslugi-sec .uslugi-elem {
    background-position-y: -172px !important;
  }
}
@media (max-width: 505px) {
  #uslugi-sec .uslugi-elem {
    background-position-y: 95% !important;
  }
}

                    .doc-adventages-wrapper {
                        height: 50px;
                    }

                    .left-doc,
                    .right-doc,
                    .doc-adventages-item {
                        position: absolute;
                        visibility: hidden;
                        opacity: 0;
                    }

                    .doc-hidden {
                        animation: hiddenAnimation 0.5s ease-in-out;
                    }


                    .doc-visible {
                        animation: visibilityAnimation 0.5s ease-in-out;
                        opacity: 1;
                        visibility: visible;
                    }


                    @keyframes hiddenAnimation {
                        from {
                            visibility: visible;
                            opacity: 1;
                            transform: translateX(0);

                        }

                        to {
                            transform: translateX(70%);
                            visibility: hidden;
                            opacity: 0;
                        }
                    }


                    @keyframes visibilityAnimation {
                        from {
                            transform: translateX(-70%);
                            opacity: 0;
                        }

                        to {
                            transform: translateX(0);

                        }
                    }
   

.advantages-list--ns a:hover,
                    .doc-appeal-btn:hover,
                    .col-sm-6 a:hover {
                        transform: scale(1.01);
                        transition: transform 0.25s;
                    }


                    .advantages-list--ns a:not(:hover),
                    .doc-appeal-btn:not(:hover),
                    .col-sm-6 a:not(:hover) {
                        transition: transform 0.25s;
                    }





                    .right-doc {
                        position: absolute;
                        right: 10px;
                        bottom: 0;
                        display: flex;
                        flex-direction: column;
                        z-index: 2;

                    }


                    .right-doc div .docs-name {
                        text-align: right;
                    }

                    .left-doc div .docs-name {
                        text-align: left;
                    }


                    .left-doc {
                        position: absolute;
                        bottom: 0;
                        display: flex;
                        flex-direction: column;
                        right: 200px;

                    }

                    .doc-wrapper {
                        position: relative;
                        bottom: 0;
                    }

                    .docs-img-wrapper .docs-name {
                        margin-right: auto;

                    }


                    .doc-wrapper .docs-name {
                        position: absolute;
                        bottom: 0;
                        margin-left: auto;
                        margin-right: auto;
                        left: 0;
                        right: 0;
                        text-align: center;

                    }

                    .docs-name--content {
                        display: inline-flex !important;
                        border-radius: 8px;
                        background-color: rgba(255, 255, 255, 0.6);
                        text-align: left;
                        padding: 5px 30px;
                        font-weight: 500;
                    }

.col-sm-6 a {
        box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
      }
      
            .start-block .green-circle {
                display: none;

            }

            .start-block .doc-appeal-btn {
                position: relative;
                display: flex;
                margin-top: 10px;
                border-radius: 10px;
                justify-content: center;
                color: white !important;
                width: 100%;
                padding: 15px;
                background-color: #02B5BC;
                box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
                font-weight: 500 !important;
                align-items: center;
            }

  .start-block .doc-appeal-btn-white {
                
                background-color: white;
               color: #293A5F !important;
        border: 1px solid #293b5f;
            }



            .why-docma {
                margin-bottom: 100px;
            }

            .why-docma h2 {
                margin: 70px 0;
                text-align: center;
            }


            /* Почему DocMa? */
            .why-docma--list {
                list-style: none;
                display: flex;
                justify-content: space-between;
                flex-wrap: wrap;
                gap: 20px;
                padding-left: 25px;
            }


            .doc-selection h2 {
                text-align: center;
            }
      
      
      .why-docma--list li {
                position: relative;
                flex-direction: column;
                border: 1px solid #293B5F;
                border-radius: 15px;
                padding: 20px;
                font-size: 20px;
                max-width: 400px;
                box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.25);
            }
      


            @media (max-width: 1399px) {
                .why-docma--list {
                    justify-content: flex-start;
                }
        
        .why-docma--list li { 
        max-width: 320px;
        
        }
        
        
            }

            @media (max-width: 1199px) {
                .why-docma--list {
                    gap: 60px;
                }

                .why-docma--list li:last-child {
                    min-height: 120px;
                }

        .left-doc div .docs-name  {
          text-align: center;
        }
        
        .why-docma--list li { 
        max-width: 250px;
        
        }
        
            }

            @media (max-width: 767px) {
              
              
              .start-block .doc-appeal-btn-white {
                display: flex;
               justify-content: center !important;
              }
              
                .why-docma--list {
                    gap: 20px;
                }

                .doc-selection h2,
                .why-docma h2 {
                    margin: 70px 0 40px 0 !important;
                }

            }

            



            .why-docma--list li::before {
                content: "";
                position: absolute;
                width: 20px;
                height: 20px;
                background-color: rgba(243, 106, 148, 0.80);
                border-radius: 50%;
                top: -25px;
                left: -25px;
            }

            .why-docma--list li:first-child::before {
                background-color: #FFC6DA;
            }

            .why-docma--list li:last-child::before {
                background-color: #FE3F7A;
            }

            @media (max-width: 991px) {
        
        
                    .left-doc {
                     right: 150px;
                    }
        
                .why-docma--list li:last-child {
                    min-height: 0;
                }

                #docs-img-wrapper .right-doc div {
                    margin-left: auto;
                }


                .why-docma--list li::before {
                    display: none;

                }

                .doc-selection h2 {
                    text-align: center;
                }

                .why-docma--list {
                    gap: 20px;
                    padding-left: 0px;
                }

            }

            @media (max-width: 1199px) {
                .why-docma--list {
                    justify-content: flex-start;
                }
            }


            @media (max-width: 991px) {

                .start-block .doc-appeal-btn {
                    border-radius: 20px;
                    font-weight: 600 !important;
                    padding: 30px;
                }

                .why-docma h2 {
                    text-align: center;

                }

                .why-docma--list {
                    justify-content: space-around;
                }

                .why-docma--list li {
                    max-width: 700px;
                    display: block;
                    line-height: 20px;
                    padding: 10px;
                    display: flex;
                    justify-content: space-evenly;
                    width: 100%;
                    margin: auto;
                }

            }

          .doc-selection--list {
                display: block;
            }

            .doc-selection--list li {
                
                 display: flex;
                gap: 10px;
                justify-content: flex-start;
                flex-direction: row;
                    align-items: center;
                justify-content: left;
                position: relative;
/*                 line-height: 1.3; */
                list-style: none !important;
                margin-left: 30px !important;
            }
            
        
            .doc-selection--list li:nth-child(2) span {
                margin-left: 30px;
                
            }
            
            
            .doc-selection--list li span {
            content: "01";
             font-size: 30px;
            color: rgb(254, 63, 122);
            vertical-align: middle;
         
            align-items: flex-end;
            line-height: 30px;
            justify-content: center;
            font-family: Digiface, sans-serif !important;
            border-radius: 15px;
            background: rgba(254, 63, 123, 0.09);
            padding: 5px;
            }
            
            
            .doc-selection--list li span {
                width: 50px;
                height: 50px;
                display: flex;
    align-items: center;
    justify-content: center;
            }
            
            
            

            @media (max-width: 767px) {
                .doc-selection--list li {
/*                     font-size: 18px !important; */
                    margin-left: 0 !important;
                }
            }

        


            .doc-selection h2 {
                margin: 70px 0;
            }

            @media (max-width: 991px) {

                .doc-selection--list li {
                    line-height: 1.3;
                }
            }

            @media (max-width: 767px) {
                
                
                 .doc-selection--list span {

                        display: flex;
                        align-items: center;
                        justify-content: center;
                 }
                
                  .doc-selection--list li:nth-child(2) span {
                        margin-left: 20px;
                
                    }

                .doc-selection h2 {
                    text-align: center;
                }

                .doc-selection--list li:before {
                    left: -40px;
                }
            }


            .doc-selection--list li {
                margin: 35px 0;
                font-size: 20px;
            }



            .doc-selection--list li {

                list-style-type: disc;

            }




            /* Список проверок */
            h1,
            h2,
            h3,
            h4,
            li {
                color: #293B5F;
            }

            h2 {


                margin: 0;
                text-align: left;
                font-weight: 700;
                font-size: 40px;
            }

            @media (max-width: 1199px) {
                h2 {
                    font-size: 32px !important;
                }
            }

            @media (max-width: 440px) {
                h2 {
                    font-size: 28px !important;
                }
        .greeting-docs--list .advantages-font {
          font-size: 12px !important;					
        }	
            }
      
      
      
          @media (max-width: 390px) { 
          .greeting-docs .greeting-docs--heading {
            margin-bottom: 0;
          }
          
          .docs-name .docs-name--content {
            letter-spacing: -1px;
          }					
      }
      
      
      
      
            @media (max-width: 350px) { 
        .doc-wrapper	.docs-name .docs-name--content {
            font-size: 9px !important;
          }					
      }
      
      
      
      
      

            @media (max-width: 375px) {
                h2 {
                    font-size: 24px !important;
                }

            }


            .start-block {
                max-width: 1300px;
                margin: 0 auto;
                color: #293B5F;
            }

            .greeting-docs {
                display: grid;
                grid-template-areas:
                    "heading doctors"
                    "list doctors";
                text-align: center;
                grid-template-columns: 1fr 1fr;
            }
            
            
            
            
            

            @media (max-width: 1024px) {
                
                
                #uslugi-sec .container h3 {
                font-size: 14px !important;
                font-weight: 600;

            }


        .app-links {
            
            gap: 10px;
        }
        
        
        .app-links  .col-lg-3 {
                  width: 33%;
              }



                .greeting-docs {
                    grid-template-areas:
                        "heading heading"
                        "list doctors";

                }

                @media (max-width: 767px) {
                  
                  
                  #uslugi-sec .btn-u-f {
                    justify-content: center;
                  }
                  
                  .app-links a span {
                    display: none;
                  }
                  
                  
                    .greeting-docs {
                        grid-template-columns: 1fr 2fr;
                    }
                }


            }

            .greeting-docs--heading {
                grid-area: heading;

            }


            .greeting-docs--heading h2 {
                color: #293B5F;
                margin: 0;
                text-align: left;
                font-weight: 700;
                font-size: 40px;
            }

            .doc-adventages-item {
                display: block;
                text-align: left;
                font-weight: 500;
                color: #293B5F !important;
                font-size: 22px;
/*                 margin: 60px 0 40px 0; */
            }

            .docs-image {
                display: flex;
                align-items: flex-end;
            }


            @media (max-width: 1024px) {

                .docs-name--content {
                    padding: 5px;
                    line-height: 1;
                }


                .doc-adventages-item {
                    margin-top: 20px;
                }

                .greeting-docs--list {
                    margin: auto 0;
                }
            }

            .greeting-docs--list {
                grid-area: list;
                text-align: left;
                margin-top: auto;
            }

            .greeting-docs-img {
                display: flex;
                position: relative;
                grid-area: doctors;
                background-image: url("/wp-content/uploads/2023/10/background.svg");
                background-repeat: no-repeat;
                background-position: 100% 100%;
                background-size: 520px;
            }


            .docs-image {
                height: 450px;
                bottom: 0;
                right: 0;

            }

            #docs-img-wrapper {
                height: 500px;

            }


            .greeting-docs-img p {
                margin: 0;
            }


            .greeting-docs-img div div {
                text-align: left;
            }
            
            
            .appeal-online {
                    grid-area: appeal-online;
                    padding: 30px;
                }
                
            .urgent-appeal {
                    grid-area: urgent-appeal;
                }    
                
                
            .search-doc-city {
                    grid-area: search-doc-city;
                }      

            .video-appeal {
                    grid-area: video-appeal;
                } 
                
            .news-art {
                    grid-area: news-art;
                }   
                
            .for-doctor {
                    grid-area: for-doctor;
                } 
                
                
            .info-products {
                grid-area: info-products;
            }    


            .advantages-list--ns {
                display: grid;
                grid-template-areas:
                    "appeal-online appeal-online"
                    "urgent-appeal search-doc-city"
                    "video-appeal news-art"
                    "for-doctor info-products"; 
                    grid-template-columns: 1fr 1fr;
                /*width: 100%;*/
                justify-content: space-between;
                /* margin-top: 30px; */
                margin-bottom: 30px;
                gap: 20px 30px;
            }


            .list-item-pink {
                background-color: #fe3f7a;
                border: none !important;
                color: white !important;
                display: flex;
                justify-content: space-between;
                align-items: center;
            }

            .list-item-pink p {
                color: white !important;
                line-height: 1.2em;
            }

            .list-item-pink .circle {
                background-color: #ff90b4 !important;
            }

            .list-item-pink .circle:before {
                background-color: #fe6797 !important;
            }

            .list-item-pink .circle:after {
                background-color: #ffc6da !important;
            }
            
            
            .urgent-appeal, .search-doc-city, .video-appeal, .news-art, .for-doctor, .info-products {
              background: #ffeef4;
              display: flex;
              align-items: center;
              justify-content: space-between;
            }
            
            .advantages-list--item img {
              max-height: 100px;
              opacity: 0.1;
            }
            
            .search-doc-city img, .news-art img {
              margin: 10px;
            }


            .advantages-list--item {
                
                color: #293b5f;
                text-align: center;
                /*border: 1px solid #293b5f;*/
                border-radius: 20px;
                /*padding: 30px;*/
                position: relative;
                box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px,
                    rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
                cursor: pointer;
            }

            .advantages-list--item h4 {
                text-align: left;
                margin: 0;
                margin-bottom: 10px;
                font-weight: 600;
                font-size: 30px;
            }

            .advantages-list--item p {
                color: #293b5f;
                text-align: left;
                margin: 0;
                font-weight: 500;
                font-size: 20px;
            }

            .doc-appeal-btn .green-circle {
                background-color: #b3e9eb;
            }

            .doc-appeal-btn .green-circle::before {
                background-color: #3ac5cb;
            }

            .doc-appeal-btn .green-circle::after {
                background-color: #ffffff;
            }

            .circle,
            .green-circle {
                display: block;
                position: absolute;
                right: 10%;
                bottom: 10%;
                width: 25px;
                height: 25px;
                background-color: #ffdde9;
                border-radius: 50%;
            }

            .circle::before,
            .green-circle::before {
                content: "";
                position: absolute;
                width: 25px;
                height: 25px;
                right: 30px;
                background-color: #ffeef4;

                border-radius: 50%;
            }

            .circle::after,
            .green-circle::after {
                content: "";
                position: absolute;
                width: 25px;
                height: 25px;
                right: -30px;
                background-color: #ffc6da;
                border-radius: 50%;
            }

            .apply-link {
                display: flex;
                justify-content: center;
                margin-top: 20px;
                text-decoration: none;
                color: #179095 !important;
                margin-top: 40px;
            }


            .greeting-docs--list ol {
                list-style-type: none;
                counter-reset: num;
                font-size: 16px;
            }

            .greeting-docs--list ol li {
                position: relative;
                margin: 0 0 0 0;
                padding: 0 0 10px 0;
                line-height: 40px;
                font-size: 20px;
                font-weight: 600;
                margin-left: 55px;


            }

            .greeting-docs--list ol li:before {
                content: counter(num);
                counter-increment: num;
                display: inline-block;
                position: absolute;
                top: 0;
                left: -55px;
                width: 40px;
                height: 40px;
                background: #fff;
                color: #293B5F;
                text-align: center;
                line-height: 40px;
                font-size: 22px;
                border-radius: 50%;
                background-color: #a2d9dc;
            }

            .mob-shift {
                display: none;
            }



            /* Мобильная версия */


            @media (max-width: 767px) {
              
              
              .search-doc-city img, .news-art img {
              margin: 0 0 0 10px;
            }

              
                .advantages-list--ns {
                gap: 10px 50px;
            }
              
              
              .advantages-list--item img {
                max-height: 60px;
                margin-left: 10px;
              }
              
              .advantages-list--content p {
                line-height: 1.2em;
              }
              
              .search-doc-city img {
                margin-right: 0;
              }
              
              
                .greeting-docs--list ol li {
                    margin-left: 30px;
                }

                .greeting-docs--list ol li:before {
                    left: -30px;
                }

                .greeting-docs--list ol li {
                    font-size: 14px;
                }

                .greeting-docs--list ol li:before {
                    font-size: 14px !important;
                }

            }



            @media (max-width: 1199px) {

                .greeting-docs--list ol li:before {
                    font-size: 18px;
                }

                #docs-img-wrapper {
                    height: 450px;
                }

                .greeting-docs-img {
                    background-size: 450px;
                }

                .greeting-docs-img .docs-image {
                    height: 400px;
                }

                .advantages-list--item h4 {
                    font-size: 26px;
                }

                .advantages-list--item p {
                    font-size: 18px;
                }
            }

            @media (max-width: 991px) {

                .start-block .green-circle {
                    display: flex;
                    bottom: 10%;

                }

                .start-block .doc-appeal-btn {
                    justify-content: flex-start;
                    line-height: 60px;
                    border-radius: 20px;
                    
                    }


                #docs-img-wrapper {
                    height: 350px;
                }

                .greeting-docs-img {
                    background-size: 350px;
                }

                .greeting-docs-img .docs-image {
                    height: 300px;
                }

                .advantages-list--ns {
                     grid-template-areas:
                    "appeal-online"
                    "urgent-appeal"
                    "video-appeal"
                    "search-doc-city"
                    "news-art"
                    "for-doctor"
                    "info-products"; 
                    grid-template-columns: 1fr;
                    
                    
                    
                    
                    
                }

            }

            @media (max-width: 767px) {

                .start-block .doc-appeal-btn {
                    line-height: 55px;
                }

                .start-block .doc-appeal-btn {
                    border-radius: 10px;
                }

                .advantages-list--item {
                    border-radius: 10px;
                }

                .greeting-docs--list ol li {
                    line-height: 14px;
                    margin-top: 15px;
                    margin-bottom: 15px;
                }

                .mob-shift {
                    display: block;
                }


                .greeting-docs--list ol li:before {
                    width: 25px;
                    height: 25px;
                    line-height: 25px;
                }

            }


            @media (max-width:560px) {
  
        .docs-name .docs-name--content {
                    font-size: 10px !important;
                }

                .docs-name .docs-name--content {
                    font-size: 12px !important;
                }

                .start-block .doc-appeal-btn {
                    line-height: 52px;
                }

                .greeting-docs {
                    grid-template-columns: auto 2fr;
                    grid-template-rows: 1fr 2fr;
                }

                .greeting-docs--heading {
                    margin-bottom: 25px;
                }

                .left-doc {
                    right: 35%
                }

                .left-doc div .docs-name {
                    margin-right: 130px;

                }

                .left-doc div {
                    margin-left: -40px;
                }

                .left-doc div {
                    margin-right: auto;
                }

                .right-doc {
                    right: 0;
                }

                .greeting-docs-img .docs-image {
                    height: 280px;
                    width: auto;
                }

                .greeting-docs-img div div {
                    font-size: 12px;
                    white-space: nowrap;
                }

                .greeting-docs--list ol {
                    padding-right: 10px;
                }

                .greeting-docs-img {
                    background-size: 90%;
                   
                }

                #docs-img-wrapper {
                    height: auto;
                }

                .greeting-docs--list ol li {
                    padding: 0;
                }

                .greeting-docs--list ol li:last-child {
                    margin-bottom: 0;
                }

                .greeting-docs--list ol li {
                    margin-top: 10px;
                    margin-bottom: 10px;
                }
            }


            @media (max-width:500px) {
                .docs-name .docs-name--content {
                    padding: 5px 5px 1px 5px;

                }
                
          .list-item-pink p, .advantages-list--content p {
                margin-top: 10px;
            }
      
            
             

                .left-doc div .docs-name {
                    margin-right: 0 !important;
                    text-align: center !important;
                    margin-left: 50px;
                }

                .start-block .doc-appeal-btn {
                    line-height: 38px;
                }

                .doc-appeal-btn {

                    line-height: 50px;
                    justify-content: flex-start;
                }

                .left-doc div {
                    margin-left: 0;
                }

                .greeting-docs-img .docs-image {
                    width: 60% !important;
                    height: auto !important;
                }

                .left-doc {
                    width: 100% !important;
                    align-items: flex-end;
                    right: 35%;
                }

                .right-doc {
                    margin-left: auto;

                }

                .docs-image {
                    margin-left: auto;
                }


                .advantages-list--item p {
                    font-size: 14px
                }

                .advantages-list--item h4 {
                    font-size: 18px;
                    font-weight: 800;
                    margin-bottom: 0;
                }

                .advantages-list--item,
                .start-block .doc-appeal-btn {
                    padding: 10px 15px;
                }

                .circle,
                .green-circle {
                    opacity: 1;
                    width: 25px;
                    height: 25px;
                    right: 40px;
                    margin: auto;
                    top: 0;
                    bottom: 0;
                }

                .doc-appeal-btn .green-circle::before {
                    background-color: #b3e9eb;
                }

                .doc-appeal-btn .green-circle {
                    background-color: #3ac5cb;
                }


                .start-block .green-circle {
                    margin: auto;
                    top: 0;
                    bottom: 0;
                }





                .list-item-pink .circle::before {
                    background-color: #FFC6DA !important;
                    opacity: 1;
                    right: -20px;
                    width: 25px;
                    height: 25px;
                }

                .list-item-pink .circle::after {
                    background-color: white !important;
                    right: -40px;
                    width: 25px;
                    height: 25px;
                }

                .list-item-pink .circle {
                    position: absolute;
                    background-color: #ffc6da;

                }

                .advantages-list--item .circle::before,
                .green-circle::before {
                    background-color: #ffc6da;
                    opacity: 1;
                    right: -15px;
                    width: 25px;
                    height: 25px;
                }


                .advantages-list--item .circle::after,
                .green-circle::after {
                    background-color: #F36A94;
                    right: -30px;
                    width: 25px;
                    height: 25px;
                }

                .advantages-list--item .circle {
                    position: absolute;
                    background-color: #ffdde9;
                }


                .doc-adventages-item {
                    font-size: 18px;
                }

                .greeting-docs--list {
                    margin: 0 !important;
                    margin-top: auto !important;
                }

                .greeting-docs-img {

                    background-size: auto;
                }

                .greeting-docs--list ol li {
                    font-size: 12px;
                }

                .greeting-docs--list ol li:before {
                    font-size: 12px !important;
                }
            }
      
      
            @media (max-width:440px) {
          .docs-name .docs-name--content {
                    font-size: 10px !important;

                }
      }

            @media (max-width:375px) {

             

                .start-block .doc-appeal-btn {
                    padding: 15px 10px;
                }

                .doc-appeal-btn {
                    line-height: 30px;
                }

                .left-doc div {
                    margin-right: auto;
                }

                .greeting-docs-img div div {
                    font-size: 10px;
                }

                 .greeting-docs-img {
                    height: 95%;
                    margin-top: auto;
                }

                .greeting-docs-img {
                    background-size: auto;

                }

                .advantages-list--item h4 {
                    font-size: 16px;
                    font-weight: 800;
                }

                .advantages-list--item {
                    padding: 5px 10px;
                }

            }


            @media (max-width:350px) {

                .start-block .doc-appeal-btn {
                    line-height: 26px;
                    padding: 15px 5px;
                }


                .circle,
                .green-circle {
                    width: 20px;
                    height: 20px;
                    right: 35px;
                }

                .circle::before,
                .green-circle::before {
                    width: 20px !important;
                    height: 20px !important;
                }

                .circle:after,
                .green-circle::after {
                    width: 20px !important;
                    height: 20px !important;
                }

                .advantages-list--item {
                    padding: 10px 5px;
                }

            }

.back-sl {
        position: relative;
      }
      
      
      .elem-slider-doctor__img-wrapper {
        margin-left: auto;
        /* margin-right: 5%; */
      }
      
      
      .btns-car-pred {
        position: absolute;
        left: 40px;
          bottom: 35px;
        background: #293A5F;
        padding: 10px 15px;
        border-radius: 30px;
      }

       .elem-slider-u-con {
        display: flex;
        flex-direction: row;
         padding: 0;
         transition: all 0.8s ease 0s !important;
       }  


      .elem-slider-doctor__img {
        margin-right: 5%;
        margin-top: 10px;
        margin-left: auto;
      }
     

      .elem-slider-u-con {
        max-width: 1300px;
        max-height: 240px;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
      }

      .elem-slider-rank {
        width: 40%;
        min-height: 180px;
        background: #02B5BC;
        padding: 20px 90px 20px 40px;
        clip-path: ellipse(50% 130% at 40% 50%);
      }


      .elem-slider-rank h4 {
        margin: 0 0 40px 0;
        color: white;
        text-transform: uppercase;
      }

      .elem-slider-doctor {
        padding: 20px 0;
        max-width: 400px;
        display: flex;
          flex-direction: column;
          justify-content: space-around;
      }

      .elem-slider-doctor h4 {
        color: #2a3a5e;
      }
      
      .elem-slider-doctor p {
            margin-top: 10px;
          margin-bottom: auto;
          font-weight: 400;
          color: #02B5BC !important;
            line-height: 1.2em;
      }
      
      .elem-slider-doctor a {
            display: flex;
          max-width: 270px;
          width: 100%;
          color: white;
          background: #293A5F;
          justify-content: center;
          padding: 10px 0;
          margin-top: 30px;
          border-radius: 10px;
      }
      
      .elem-slider-doctor a:hover {
          transition: transform 0.25s; 
               transform: scale(1.01);
      }
      
      
      @media (max-width: 991px) {
        
        .btns-car-pred {
          width: 90px;
          margin-left: auto;
          margin-right: auto;
          left: 0;
          right: 0;
          bottom: 5px;
          text-align: center;
          padding: 5px 10px;
          background: #02B5BC; 
          opacity: 0.3;
        }
        
        .elem-slider-doctor p {
          line-height: 1em;
          font-size: 12px !important;
        }
        
        
        .elem-slider-u-con {
          max-height: 100%;
          overflow: hidden;
          display: grid;
          grid-template-areas: 
            "doc-header doc-header"
            "doc-content doc-image"
        }
        
        
        
        .elem-slider-rank {
            grid-area: doc-header;
              width: auto;
              min-height: 50px;
            clip-path: none;
            padding: 0;
            background: none;
              margin-top: 10px 
        }
        
        .elem-slider-rank h4  {
          display: inline-block;
          margin: 0;
          background: red;
          padding: 10px 30px 10px 10px; 
          min-width: 80%;
          border-radius: 0 30px 0 0;
          background: #02B5BC;
        }
        
        .elem-slider-doctor {
          grid-area: doc-content;
          padding: 0 10px;
          margin-top: 20px;
          display: flex;
             flex-direction: column;
        }
        
        .elem-slider-doctor a {
          margin-top: auto;
            margin-bottom: 40px;
          width: 100%;
          
        }
        
        .elem-slider-doctor__img-wrapper {
            grid-area: doc-image;
        }
        
        .elem-slider-doctor__img {
        
          margin-right: -55px;
            margin-top: -35px;
          height: 250px;
            max-width: inherit;
        }
        
      }
      
      
      .webinars-adv--wrapper {
    position: relative;
    background-color: white;
    color: #293A5F !important;
    border: 1px solid #293b5f;
    margin: 40px 0 40px 0;
    padding: 25px 20px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    border-radius: 15px;
}

.webinars-adv {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
}

.webinars-adv h3 {
    font-size: 24px !important;
}

.webinars-adv--wrapper h5 {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 18px !important;
    position: absolute;
    top: -20px;
    left: 15px;
    margin: 0;
    background-color: white;
    padding: 5px 20px;
}

.webinars-adv--item {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.webinars-adv--item a {
    text-decoration: underline;
    color: #02B5BC !important;
    margin-top: 10px;
    font-size: 16px !important;
}

.webinars-adv--item h4 {
    margin: 0;
    font-size: 16px !important;
}

.webinars-adv--wrapper h5 img {
width: 25px;
}

.webinars-adv--item {
    font-size: 18px;
}

.webinars-adv--img {
    position: absolute;
    right: 0;
    bottom: -55px;
    max-width: 100px;
}

.webinars-adv > :nth-child(2) {
    border-right: 1px solid #293a5f17;
    border-left: 1px solid #293a5f17;
}

.webinars-adv--author {
    width: 33%;
}

.webinars-adv--author p a {
    color: #fe3f7a;
}

.webinars-adv--item {
    width: 33%;
    text-align: center;
}


@media (max-width: 992px) {
  
  
  .webinars-adv--item h4 {
    font-size: 14px !important;
  }
  
  .webinars-adv--item a {
    font-size: 14px !important;
  }
  
  .webinars-adv h3 {
    font-size: 14px !important;
}


    .webinars-adv--wrapper h5 {
        font-size: 16px !important;
    }


    .webinars-adv--item {
    font-size: 14px !important;
}


    .webinars-adv--wrapper {
        padding: 10px;
    }

    .webinars-adv {
        flex-direction: column;
        align-items: center;
        padding-top: 10px;
    }
    
     .webinars-adv--author p {
        font-size: 14px !important;
     }


    .webinars-adv--author {
    width: 100%;
    text-align: center;
   
}

.webinars-adv--item {
    width: 100%;

}


.webinars-adv > :nth-child(2) {
    border-top: 1px solid #293a5f17;
    border-bottom: 1px solid #293a5f17;
    border-left: none;
    border-right: none;
    padding: 10px 0;
}


.webinars-adv {

    gap: 15px;
}



}



 .doc-wrapper--ins {
                            padding: 20px 20px;
                            border-radius: 15px;
                            background: rgb(255 255 255 / 84%);
                            margin: 0 20px 60px 150px;
                            width: 75%;
                    }
                    
                    .doc-wrapper--ins h5 {
                        font-size: 32px !important;
                    }
                    
                      @media (max-width: 1400px) {
                          .doc-wrapper--ins {
                              margin: 0 20px 60px 100px;
                          }
                          
                      }
                      
                         @media (max-width: 1200px) {
                          .doc-wrapper--ins {
                              margin: 0 20px 20px 80px;
                          }
                          
                           .doc-wrapper--ins h5 {
                        font-size: 24px !important;
                    }
                          
                      }
                        
                        
                        
                        @media (max-width: 992px) {
                            
                             .doc-wrapper--ins {
                                 margin-bottom: 40px;
                             }
                            
                            .doc-wrapper--ins h5 {
                        font-size: 20px !important;
                    }
                            
                            
                        }
                        
                        
                        @media (max-width: 560px) {
                            .greeting-docs-img div div   {
                                
                                font-size: 12px;
                                white-space: normal;
                                
                                            }
                                            
                                .doc-wrapper--ins {
                                 margin: 0 15px 10% auto;
                                 padding: 10px;
                             }
                            
                            .doc-wrapper--ins h5 {
                        font-size: 14px !important;
                    }
                                            
                                            
                        }
                        
                        
                        
                        
                         .quiz-body {
        background: white !important;
    }