.duty-docs--container {
    display: inline-flex;
    justify-content: flex-start;
    gap: 20px;
    flex-wrap: wrap;
    align-items: center;
    margin: 40px 0;
    border: 2px solid #02B5BC;
    padding: 40px;
    border-radius: 35px;
    position: relative;
}

.duty-docs--container .duty-docs--inscr {
    z-index: 2;
    position: absolute;
    display: flex;
    top: -15px;
    left: 30px;
    background: white;
    padding: 0 20px;
    color: #02B5BC !important;
}

.duty-docs--container .duty-docs--cards {
    position: relative;
    width: 240px;
    /*height: 500px;*/
    background: #ccc;
    /*margin: 20px;*/
    border-radius: 40px;
    overflow: hidden;
}


.duty-docs--container .duty-docs--cards .duty-docs--content {
    position: relative;
    width: 100%;
    height: 50%;
    background: #ccc;
    display: flex;
    justify-content: center;
    align-items: center;
}

.duty-docs--container .duty-docs--cards::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 50%;
     height: 100%;
     background: rgba(255,255,255,0.1);
     z-index: 2;
}

.duty-docs--container .duty-docs--cards .duty-docs--icon {
    position: relative;
    width: 100%;
    height: 50%;
    background: #333;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 15px;
}

.duty-docs--container .duty-docs--cards .duty-docs--icon img {
    max-width: 140px;
    padding: 15px 0;
    z-index: 999;
}
.duty-docs--container .duty-docs--cards .duty-docs--icon p {
    z-index: 999;
    color: white !important;
    font-size: 14px !important;
}

.duty-docs--container .duty-docs--cards .duty-docs--icon::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background: #ccc;
}


.duty-docs--container .duty-docs--cards .duty-docs--icon::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background: #333;
    border-bottom-left-radius: 40px;
}



.duty-docs--container .duty-docs--cards .duty-docs--icon {
    position: relative;
    width: 100%;
    height: 50%;
    background: #333;
    display: flex;
    justify-content: center;
    align-items: center;
}


.duty-docs--container .duty-docs--cards .duty-docs--content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background: #333;
}


.duty-docs--container .duty-docs--cards .duty-docs--content::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background: #ccc;
    border-top-right-radius: 40px;
}

.duty-docs--container .duty-docs--cards .duty-docs--content .duty-docs--text {
    z-index: 3;
    text-align: center;
    padding: 20px;
    flex-wrap: wrap;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-content: space-between;
    justify-content: flex-end;
}

.duty-docs--container .duty-docs--cards .duty-docs--content .duty-docs--text  h2 {
    font-weight: 600;
    font-size: 20px !important;
    color: #333;
}

.duty-docs--container .duty-docs--cards .duty-docs--content .duty-docs--text  p {
    font-weight: 400;
    color: #333;
    margin: 20px 0 10px 0;
    line-height: 1.2em;
}

.duty-docs--container .duty-docs--cards .duty-docs--content .duty-docs--text a {
    display: inline-block;
    padding: 10px 25px;
    background: #333;
    color: white;
    margin-top: 10px;
    border-radius: 30px;
    text-decoration: none;
}


.duty-docs--container .duty-docs--cards:nth-child(1) .duty-docs--icon,
.duty-docs--container .duty-docs--cards:nth-child(1) .duty-docs--icon::after,
.duty-docs--container .duty-docs--cards:nth-child(1) .duty-docs--content::before,
.duty-docs--container .duty-docs--cards:nth-child(1) .duty-docs--content .duty-docs--text a
 {
    background: #0cc58e;
}   

.duty-docs--container .duty-docs--cards:nth-child(1) .duty-docs--content,
.duty-docs--container .duty-docs--cards:nth-child(1) .duty-docs--icon::before,
.duty-docs--container .duty-docs--cards:nth-child(1) .duty-docs--content::after 
{
    background: #effaf0;
}



.duty-docs--container .duty-docs--cards:nth-child(2) .duty-docs--icon,
.duty-docs--container .duty-docs--cards:nth-child(2) .duty-docs--icon::after,
.duty-docs--container .duty-docs--cards:nth-child(2) .duty-docs--content::before,
.duty-docs--container .duty-docs--cards:nth-child(2) .duty-docs--content .duty-docs--text a {
    background: #f25894;
}

.duty-docs--container .duty-docs--cards:nth-child(2) .duty-docs--content,
.duty-docs--container .duty-docs--cards:nth-child(2) .duty-docs--icon::before,
.duty-docs--container .duty-docs--cards:nth-child(2) .duty-docs--content::after {
    background: #feebf1;
}

.duty-docs--container .duty-docs--cards:nth-child(3) .duty-docs--icon,
.duty-docs--container .duty-docs--cards:nth-child(3) .duty-docs--icon::after,
.duty-docs--container .duty-docs--cards:nth-child(3) .duty-docs--content::before,
.duty-docs--container .duty-docs--cards:nth-child(3) .duty-docs--content .duty-docs--text a {
    background: #0ec2eb;
}

.duty-docs--container .duty-docs--cards:nth-child(3) .duty-docs--content,
.duty-docs--container .duty-docs--cards:nth-child(3) .duty-docs--icon::before,
.duty-docs--container .duty-docs--cards:nth-child(3) .duty-docs--content::after {
    background: #eff0ff;
}



.duty-docs--container .duty-docs--cards:nth-child(4) .duty-docs--icon,
.duty-docs--container .duty-docs--cards:nth-child(4) .duty-docs--icon::after,
.duty-docs--container .duty-docs--cards:nth-child(4) .duty-docs--content::before,
.duty-docs--container .duty-docs--cards:nth-child(4) .duty-docs--content .duty-docs--text a {
    background: #c89feb;
}

.duty-docs--container .duty-docs--cards:nth-child(4) .duty-docs--content,
.duty-docs--container .duty-docs--cards:nth-child(4) .duty-docs--icon::before,
.duty-docs--container .duty-docs--cards:nth-child(4) .duty-docs--content::after {
    background: #fdf2ff;
}


.duty-docs--container .duty-docs--cards:nth-child(5) .duty-docs--icon,
.duty-docs--container .duty-docs--cards:nth-child(5) .duty-docs--icon::after,
.duty-docs--container .duty-docs--cards:nth-child(5) .duty-docs--content::before,
.duty-docs--container .duty-docs--cards:nth-child(5) .duty-docs--content .duty-docs--text a {
    background: #2457ff;
}

.duty-docs--container .duty-docs--cards:nth-child(5) .duty-docs--content,
.duty-docs--container .duty-docs--cards:nth-child(5) .duty-docs--icon::before,
.duty-docs--container .duty-docs--cards:nth-child(5) .duty-docs--content::after {
    background: #fdf2ff;
}



.duty-docs--container-second  .duty-docs--cards:nth-child(1) .duty-docs--content,
.duty-docs--container-second  .duty-docs--cards:nth-child(1) .duty-docs--icon::before,
.duty-docs--container-second  .duty-docs--cards:nth-child(1) .duty-docs--content::after {
    background: #fdf2ff;
}

.duty-docs--container-second .duty-docs--cards:nth-child(1) .duty-docs--icon,
.duty-docs--container-second .duty-docs--cards:nth-child(1) .duty-docs--icon::after,
.duty-docs--container-second .duty-docs--cards:nth-child(1) .duty-docs--content::before,
.duty-docs--container-second .duty-docs--cards:nth-child(1) .duty-docs--content .duty-docs--text a {
    background: #2457ff;
}

.duty-docs--container-second  .duty-docs--cards:nth-child(2) .duty-docs--content,
.duty-docs--container-second  .duty-docs--cards:nth-child(2) .duty-docs--icon::before,
.duty-docs--container-second  .duty-docs--cards:nth-child(2) .duty-docs--content::after {
    background: #fdf2ff;
}

.duty-docs--container-second .duty-docs--cards:nth-child(2) .duty-docs--icon,
.duty-docs--container-second .duty-docs--cards:nth-child(2) .duty-docs--icon::after,
.duty-docs--container-second .duty-docs--cards:nth-child(2) .duty-docs--content::before,
.duty-docs--container-second .duty-docs--cards:nth-child(2) .duty-docs--content .duty-docs--text a {
    background: #ff0063;
}

.duty-docs--container-second  .duty-docs--cards:nth-child(3) .duty-docs--content,
.duty-docs--container-second  .duty-docs--cards:nth-child(3) .duty-docs--icon::before,
.duty-docs--container-second  .duty-docs--cards:nth-child(3) .duty-docs--content::after {
    background: #fdf2ff;
}

.duty-docs--container-second .duty-docs--cards:nth-child(3) .duty-docs--icon,
.duty-docs--container-second .duty-docs--cards:nth-child(3) .duty-docs--icon::after,
.duty-docs--container-second .duty-docs--cards:nth-child(3) .duty-docs--content::before,
.duty-docs--container-second .duty-docs--cards:nth-child(3) .duty-docs--content .duty-docs--text a {
    background: #02B5BC;
}

.duty-docs--container-second  .duty-docs--cards:nth-child(4) .duty-docs--content,
.duty-docs--container-second  .duty-docs--cards:nth-child(4) .duty-docs--icon::before,
.duty-docs--container-second  .duty-docs--cards:nth-child(4) .duty-docs--content::after {
    background: #fdf2ff;
}

.duty-docs--container-second .duty-docs--cards:nth-child(4) .duty-docs--icon,
.duty-docs--container-second .duty-docs--cards:nth-child(4) .duty-docs--icon::after,
.duty-docs--container-second .duty-docs--cards:nth-child(4) .duty-docs--content::before,
.duty-docs--container-second .duty-docs--cards:nth-child(4) .duty-docs--content .duty-docs--text a {
    background: #2c4699;
}









@media (max-width: 1200px) {
  
  .duty-docs--container {
    justify-content: center;
  }
  
}


@media (max-width: 767px) {
    
    .duty-doc-cta--content-list {
        margin-top: 5px;
    }
    

    
    
 
  .duty-docs--container {
    justify-content: center;
        padding: 20px 10px;
        margin-top: 0;
  }
  
  .duty-docs--container .duty-docs--inscr {
      top: -10px;
      font-weight: 600;
  }
  
  .duty-docs--container .duty-docs--cards   {
    width: auto;
    max-width: 300px;
  }
  
}



.gastro-btn {
      background-color: #f7faff;
}

.apply-now-btn {
  display: flex;
    justify-content: space-between;
}

.right-part-ur {
  display: none;
}

.more-about-serv {
  margin-top: 30px;
    color: #fe3f7a;
    text-decoration: underline;
}


.more-about-serv:hover {
  cursor: pointer;
  color: #02B5BC !important;
}


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


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


#urgent-app-main-sec {
  background: #fff;
  /*padding-top: 20px;*/
  /*padding-bottom: 60px;*/
  border-bottom: 1px solid #E2E8F1;
  margin-bottom: 50px;
}
#urgent-app-main-sec .heads-urgent-app-con .text-h-urgent {
  font-size: 18px;
  color: #4B537B;
  width: 70%;
  margin-top: 15px;
}
#urgent-app-main-sec .head-who-contact {
  font-size: 32px;
  color: #4B537B;
  margin: 30px 0;
}
#urgent-app-main-sec .doctor-who-c-elem {
  background: #fff;
  box-shadow: 0px 0px 20px 10px rgba(222, 233, 252, 0.3);
  border-radius: 24px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  overflow: hidden;
  margin-bottom: 20px;
}
#urgent-app-main-sec .doctor-who-c-elem .top-part-d-w .name-d {
  font-size: 18px;
  color: #fff;
  background: #4B537B;
  border-radius: 8px;
  padding: 30px 20px;
  text-align: center;
}
#urgent-app-main-sec .doctor-who-c-elem .top-part-d-w .first-d-w {
  background: #FF96B7;
}
#urgent-app-main-sec .doctor-who-c-elem .top-part-d-w .sec-d-w {
  background: #27C6CA;
}
#urgent-app-main-sec .doctor-who-c-elem .top-part-d-w .third-d-w {
  background: #4B537B;
}
#urgent-app-main-sec .doctor-who-c-elem .top-part-d-w .des-head {
  padding: 0 20px;
  font-size: 24px;
  font-weight: 500;
  color: #4B537B;
  margin: 25px 0;
  margin-bottom: 15px;
}
#urgent-app-main-sec .doctor-who-c-elem .top-part-d-w .des-text {
  padding: 0 20px;
  font-size: 16px;
  color: #4B537B;
}
#urgent-app-main-sec .doctor-who-c-elem .bottom-part-d-w {
  margin-top: 20px;
  padding: 0 20px;
  padding-bottom: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#urgent-app-main-sec .doctor-who-c-elem .bottom-part-d-w .price-d-w {
  font-size: 20px;
  color: #4B537B;
}
#urgent-app-main-sec .doctor-who-c-elem .bottom-part-d-w .d-w-c-btn {
  padding: 0 40px;
}
.con-sec-backr {
  background: url(../images/con-sec-backr.png) 0 30px/100% auto no-repeat;
}
.con-sec-backr #how-it-works-sec {
  padding: 100px 0;
  padding-bottom: 50px;
}
.con-sec-backr #how-it-works-sec .row-how-it-works {
  align-items: center;
}
.con-sec-backr #how-it-works-sec .row-how-it-works .list-h-w {
  margin-top: 30px;
}
.con-sec-backr #how-it-works-sec .row-how-it-works .photo-how-it-works-con img {
  width: 90%;
  margin-left: 15%;
}
.pop-up-urgent-con .pop-up-search-d {
  padding: 40px;
}
.pop-up-urgent-con .pop-up-search-d .up-m-pop-up {
  align-items: center;
  justify-content: space-between;
}
.pop-up-urgent-con .pop-up-search-d .up-m-pop-up .text-up-u {
  color: #4B537B;
  font-size: 20px;
}
.pop-up-urgent-con .pop-up-search-d .urgent-d-p-con {
  margin-top: 30px;
}
.pop-up-urgent-con .pop-up-search-d .urgent-d-p-con .col-p-p {
  margin-bottom: 20px;
}
.pop-up-urgent-con .pop-up-search-d .urgent-d-p-con .elem-p-urg {
  background: #fff;
  box-shadow: 0px 0px 20px 10px rgba(222, 233, 252, 0.3);
  border-radius: 10px;
  padding: 20px;
  height: 100%;
}
.pop-up-urgent-con .pop-up-search-d .urgent-d-p-con .elem-urgent-usluga {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pop-up-urgent-con .pop-up-search-d .urgent-d-p-con .elem-urgent-usluga .left-part-ur {
  display: flex;
  align-items: center;
}
.pop-up-urgent-con .pop-up-search-d .urgent-d-p-con .elem-urgent-usluga .left-part-ur .img-usluga-ur img {
  height: 75px;
}
.pop-up-urgent-con .pop-up-search-d .urgent-d-p-con .elem-urgent-usluga .left-part-ur .text-inf-usluga {
  margin-left: 20px;
  font-size: 18px;
  color: #4B537B;
}
.pop-up-urgent-con .pop-up-search-d .urgent-d-p-con .elem-urgent-usluga .left-part-ur .text-inf-usluga .name-doc-ur {
  margin-bottom: 8px;
}
.pop-up-urgent-con .pop-up-search-d .urgent-d-p-con .elem-urgent-usluga .right-part-ur .pop-up-ans-type {
  position: relative;
}
.pop-up-urgent-con .pop-up-search-d .urgent-d-p-con .elem-urgent-usluga .right-part-ur .pop-up-ans-type .selected-type {
  cursor: pointer;
  font-size: 18px;
  color: #4B537B;
  position: relative;
  padding-right: 15px;
}
.pop-up-urgent-con .pop-up-search-d .urgent-d-p-con .elem-urgent-usluga .right-part-ur .pop-up-ans-type .selected-type .arr_s {
  position: absolute;
  top: 55%;
  right: 0;
  width: 6px;
  transition: all 0.3s ease;
}
.pop-up-urgent-con .pop-up-search-d .urgent-d-p-con .elem-urgent-usluga .right-part-ur .pop-up-ans-type .selected-type .arr_s::before,
.pop-up-urgent-con .pop-up-search-d .urgent-d-p-con .elem-urgent-usluga .right-part-ur .pop-up-ans-type .selected-type .arr_s::after {
  content: '';
  width: 5px;
  height: 1px;
  display: block;
  background: #4B537B;
  position: absolute;
  top: 0;
}
.pop-up-urgent-con .pop-up-search-d .urgent-d-p-con .elem-urgent-usluga .right-part-ur .pop-up-ans-type .selected-type .arr_s::after {
  right: 0;
  transform: rotate(-45deg);
}
.pop-up-urgent-con .pop-up-search-d .urgent-d-p-con .elem-urgent-usluga .right-part-ur .pop-up-ans-type .selected-type .arr_s::before {
  right: 3px;
  transform: rotate(45deg);
}
.pop-up-urgent-con .pop-up-search-d .urgent-d-p-con .elem-urgent-usluga .right-part-ur .pop-up-ans-type .cities-loc {
  position: absolute;
  top: -1000px;
  left: 0;
  z-index: 1000000;
  transition: top 0.3s ease;
  overflow-y: auto;
  width: 250px;
  max-height: 180px;
  padding: 10px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 2px 2px 8px #eeeeee;
}
.pop-up-urgent-con .pop-up-search-d .urgent-d-p-con .elem-urgent-usluga .right-part-ur .pop-up-ans-type .cities-loc .elem-city {
  padding: 0 10px;
  margin: 5px;
  cursor: pointer;
  border-bottom: 2px solid #fff;
}
.pop-up-urgent-con .pop-up-search-d .urgent-d-p-con .elem-urgent-usluga .right-part-ur .pop-up-ans-type .cities-loc .elem-city.active {
  border-bottom: 2px solid #4B537B;
}
.pop-up-urgent-con .pop-up-search-d .urgent-d-p-con .elem-urgent-usluga .right-part-ur .pop-up-ans-type .cities-loc .elem-city:hover {
  border-bottom: 2px solid #4B537B;
}
.pop-up-urgent-con .pop-up-search-d .urgent-d-p-con .elem-urgent-usluga .right-part-ur .pop-up-ans-type.active .selected-type span {
  transform: rotate(180deg);
}
.pop-up-urgent-con .pop-up-search-d .urgent-d-p-con .elem-urgent-usluga .right-part-ur .pop-up-ans-type.active .cities-loc {
  top: 30px;
}
.pop-up-urgent-con .pop-up-search-d .urgent-d-p-con .elem-urgent-usluga .right-part-ur .pop-up-ans-type.location-u-con-mob {
  border: 1px solid #E2E8F1;
  border-radius: 8px;
  padding: 15px 10px;
  margin: 30px 0;
}
.pop-up-urgent-con .pop-up-search-d .urgent-d-p-con .elem-urgent-usluga .right-part-ur .pop-up-ans-type.location-u-con-mob .cities-loc {
  width: 100%;
}
.pop-up-urgent-con .pop-up-search-d .urgent-d-p-con .elem-urgent-usluga .right-part-ur .pop-up-ans-type.location-u-con-mob.active .cities-loc {
  top: 60px;
}
.pop-up-urgent-con .pop-up-search-d .urgent-d-p-con .elem-expl-text-con .text-p-ur-elem {
  color: #4B537B;
}
.pop-up-urgent-con .pop-up-search-d .urgent-d-p-con .elem-expl-text-con .text-p-ur-elem:first-child {
  margin-bottom: 25px;
}
.pop-up-urgent-con .pop-up-search-d .urgent-d-p-con .elem-expl-text-con .text-p-ur-elem .head-t {
  font-size: 18px;
}
.pop-up-urgent-con .pop-up-search-d .urgent-d-p-con .elem-expl-text-con .text-p-ur-elem .content-t {
  font-size: 14px;
}
.pop-up-urgent-con .pop-up-search-d .urgent-d-p-con .elem-actions-con {
  display: flex;
  flex-direction: column;
}
.pop-up-urgent-con .pop-up-search-d .urgent-d-p-con .elem-actions-con .itogo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 24px;
  text-transform: uppercase;
}
.pop-up-urgent-con .pop-up-search-d .urgent-d-p-con .elem-actions-con .main-btn {
  text-align: center;
  display: inline-block;
}
.pop-up-urgent-con .pop-up-search-d .urgent-d-p-con .elem-actions-con .main-btn.oplata-btn {
  margin: 20px 0;
}
.pop-up-urgent-con .pop-up-search-d .urgent-d-p-con .elem-actions-con .main-btn.cart-btn {
  background: transparent;
  border: 1px solid #27C6CA;
  color: #4B537B !important;
}
@media (max-width: 991px) {
  
  .apply-now-btn .d-w-c-btn  {
    display: flex !important;
  }
  .pop-up-urgent-con .pop-up-search-d .urgent-d-p-con .elem-urgent-usluga .left-part-ur .text-inf-usluga {
    font-size: 16px;
  }
  .pop-up-urgent-con .pop-up-search-d .urgent-d-p-con .elem-urgent-usluga .right-part-ur .pop-up-ans-type .selected-type {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  
  .apply-now-btn {
    flex-direction: column;
    gap: 30px;
  }
  
  
  #urgent-app-main-sec .heads-urgent-app-con .text-h-urgent {
    width: 100%;
    font-size: 16px;
  }
  #urgent-app-main-sec .head-who-contact {
    font-size: 30px;
  }
  #how-it-works-sec {
    padding: 100px 0;
    padding-bottom: 50px;
  }
  #how-it-works-sec .row-how-it-works .photo-how-it-works-con {
    margin-top: 20px;
  }
  #how-it-works-sec .row-how-it-works .photo-how-it-works-con img {
    width: 100% !important;
    margin-left: 0 !important;
  }
  .pop-up-urgent-con .pop-up-search-d .urgent-d-p-con .elem-urgent-usluga {
    flex-direction: column;
    padding: 10px;
  }
  .right-part-ur {
    margin-top: 20px;
  }
  .pop-up-urgent-con .pop-up-search-d .urgent-d-p-con .elem-urgent-usluga .left-part-ur .img-usluga-ur img {
    height: 40px;
  }
  .pop-up-urgent-con .pop-up-search-d .urgent-d-p-con .elem-urgent-usluga .left-part-ur .text-inf-usluga {
    margin-left: 10px;
  }
  .pop-up-urgent-con .pop-up-search-d .urgent-d-p-con .elem-urgent-usluga .left-part-ur {
    align-items: flex-start;
  }
  .pop-up-urgent-con .pop-up-search-d .urgent-d-p-con .elem-actions-con .itogo {
    font-size: 20px;
  }
  .pop-up-urgent-con .pop-up-search-d .urgent-d-p-con .elem-p-urg {
    padding: 10px;
  }
  .con-sec-backr {
    background: transparent;
  }
}
@media (max-width: 575px) {
  #urgent-app-main-sec .head-who-contact {
    font-size: 24px;
  }
  .pop-up-urgent-con .pop-up-search-d {
    padding: 15px;
  }
  .pop-up-urgent-con .pop-up-search-d .urgent-d-p-con .elem-actions-con .main-btn {
    padding: 0;
  }
}


/* Кастомные стили */

  body {
            background: white !important;

        }

        .backgr-con {
            position: relative;
            background: none !important;
        }

        h1 {
            font-size: 32px;
            margin: 0;
            padding: 30px 0 15px 0;
            color: #293A5F;
        }

        .for-doctor h2 {
            font-size: 32px;
/*             margin-bottom: 20px; */
            /*         font-weight: 800; */
            color: #293A5F;
        }

        h3 {
            font-size: 22px;
            margin-bottom: 15px;
            /*         font-weight: 800; */
            color: #293A5F;
        }

        h4 {
            font-size: 22px;
            color: #293A5F;
        }
    
    
    .con-sec-backr #how-it-works-sec {
      padding: 50px 0;
    }
    
    .mobile-bottom-btn {display: none}
    
    .d-w-c-btn {
      margin-right: 50px;
      border-radius: 20px;
      text-align: center;
      height: 55px;
      line-height: 55px;
      padding: 0 90px;
      animation: pulse 2s infinite;
      font-size: 24px !important;
    }
    
    @keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.1);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
    
    .doctor-who-c-elem {
      width: auto !important;
      margin: 0;
    }
    
    .bottom-part-d-w {
      margin: 0;
    }

        .urgent-appeal--text {
            width: 60%;
      margin-top: 10px;
        color: #293A5F;
        }
    
    .urgent-appeal--list-items {
      margin-top: 10px;
      color: #293A5F;
      list-style: disc;
      margin-left: 20px;
      width: 60%;
    }
    
    .urgent-appeal--list-items li {
      padding-right: 20px;
      margin-top: 5px;
    }


        .docma-bands .btn-prof--first,
        .docmaschool-btn .large-btn {
            font-size: 22px;
            padding: 10px 0;
            height: 64px;
            display: flex !important;
            justify-content: center;
            align-items: center;
            width: 35%;
        }


        .docmaschool--wrapper {
            margin: 0 0 50px 0;
            padding: 20px;
        }



        .btn-blue-hover:hover {
            background-color: #dd5069 !important;
        }



        .btn-pink-hover:hover {
            background-color: #02B5BC !important;
        }

        .btn-darkblue-hover:hover {
            background-color: #dd5069 !important;
        }

        .employment-wrapper {
            margin: 0 0 50px 0;
            /* padding: 20px; */
            /* min-height: 200px; */


        }

      

        .employment-wrapper p {
            margin-bottom: 0;
        }

        .text-hidden--desctop {
            margin-top: 30px;
            display: none;
            color: #293A5F;
        }

        .docmaschool-btn {
            margin-top: 80px;
            display: flex;
            justify-content: center;
        }


        #pediatrics {
            grid-area: pediatrics;
            color: #dd5069;
            background-color: rgba(221, 80, 105, 0.15);
        }

        #gynecology {
            grid-area: gynecology;
            background-color: #e7e7e7;
        }

        #neurology {
            grid-area: neurology;
            color: #dd5069;
            background-color: rgba(221, 80, 105, 0.15);
        }

        #dermatology {
            grid-area: dermatology;
            background-color: #e7e7e7;
        }

        #med-eng {
            grid-area: med-eng;
            background-color: rgba(80, 184, 188, 0.15);
            color: #179095;
        }

        #anothers-prof {
            grid-area: anothers-prof;
            color: #dd5069;
            background-color: rgba(221, 80, 105, 0.15);
        }

        .docmaschool {
            display: flex;
            padding-top: 30px;

        }

        .docmaschool-content {
            width: 65%;
        }

        .docmaschool-courses--expectation {
            display: flex;
            flex-direction: column;
            text-align: center;
            margin-top: 50px;
        }

        .docmaschool-courses--expectation h4 {
            margin-bottom: 20px;
        }

        .expectation-list {
            display: grid;
            gap: 10px;
            grid-template-areas:
                "pediatrics gynecology neurology"
                "dermatology med-eng med-eng"
                "anothers-prof . .";
        }

        .expectation-list li {
            cursor: auto;
            border-radius: 15px;
            text-decoration: none;
            color: #293b5f;
            padding: 10px;
            border: 1px solid rgba(41, 59, 95, 0.5);
            box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px,
                rgba(0, 0, 0, 0.24) 0px 1px 2px;
        }

        .expectation-list li:hover {
            box-shadow: none;
        }

        .docma-school--logo {
            width: 200px;
            display: none;
            margin: 0 0 10px 10px;
        }

        .docmaschool-courses {
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding: 0 20px;
        }


        .docmaschool-courses--available {
            display: flex;
            flex-direction: column;
            text-align: center;
        }

        .docmaschool-courses--available h4 {
            margin-bottom: 20px;
        }

        .docmaschool-courses img {
            width: 200px;
            display: block;
            margin: 0 auto auto auto;
        }

        .already-doc {
            padding: 20px;
        }


        .already-doc a {
            background: #02B5BC;
            margin-top: 30px;
        }

        .sign-up--btns {
            display: flex;
            flex-direction: row;
            justify-content: center;
            margin-top: 90px;
        }

        .sign-up--btns a {
            padding: 35px;
            line-height: 22px;
            height: 64px;
            width: 40%;
            text-decoration: none;
            color: #293b5f;
            text-align: center;
            font-size: 20px;
            align-items: center;
            font-weight: 600;
            display: flex;
            justify-content: center;
            outline: 1px solid #E2E8F1;
            outline-offset: -1px;
        }

        .docma-bands {
            position: relative;
        }

        /* чтобы работало позиционирование - поставь у backgr-con  position relative	 */

        .docma-bands--mobile {
            transform: rotate(180deg);
            display: block;
            position: absolute;
            left: calc(100% - 80px);
            width: 80px;
            height: 100px;

            display: none;
        }


        .docma-bands-already-doc {
            content: "";
            transform: rotate(180deg);
            position: absolute;
            width: 80px;
            height: 100px;
            right: 0%;
            background-image: url(http://a0729808.xsph.ru/wp-content/uploads/2023/08/bands-left.svg);
            background-position: left;
            background-size: 85px;
            background-repeat: no-repeat;
            margin-left: -20px;
            margin-top: 10px;
        }

        .bands-right {
            left: 0;
            transform: rotate(0deg);
            margin-left: 0;
        }



        .block-active {
            display: flex;
            flex-direction: column;
            background-color: #eff9f9;
            border-radius: 15px;
            padding: 20px 20px 50px 20px;
            animation: blockAppearance 0.5s ease-in-out;

        }


        @keyframes blockAppearance {
            0% {
                opacity: 0;
            }


            100% {
                display: block;
                opacity: 1;
            }
        }

        .become-doc {
            padding: 20px 20px 50px 20px;
            margin-bottom: 50px;
        }

        .become-doc--nav-btns {
            display: flex;
            flex-direction: row;
        }

        .become-doc--nav-btns a {
            /* padding: 27px 25px 30px 25px; */
            padding: 15px 0;
            line-height: 30px;
            /* border: 2px solid rgb(16%, 23%, 37%, 0.5); */
            width: 35%;
            text-decoration: none;
            color: #293b5f;
            text-align: center;
            font-size: 22px;
            align-items: center;
            font-weight: 600;
            /* height: 50px; */
            display: flex;
            justify-content: center;
            /* box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; */
        }




        .placement-btn {
            background-color: #f7faff;
            color: #293b5f !important;
            border-radius: 15px 0 0 15px;
/*             z-index: 3; */
        }

        .btn--card {
            padding: 20px !important;
        }



        .education-btn {
            background-color: #f7faff;
            z-index: 1;
            cursor: pointer;
/*             margin-left: -20px; */
        }




        .employment-btn {
            background-color: #f7faff;
            cursor: pointer !important;
            border-radius: 0 15px 15px 0;
/*             margin-left: -20px; */
            cursor: pointer !important;
        }





        .btn-mobile {
            width: 250px;
        }



        .doc-profile--content {
            display: flex;
            align-items: center;
           margin-bottom: 40px;
      justify-content: space-between;
      width: 100%;
        }

        .doc-profile--content div {
            width: 100%;
            margin-top: 15px;
        }

        .docma-btn {
            /*         width: 270px; */
            text-align: center;
            text-decoration: none;
            margin: 0 auto;
            background-color: #293b5f;
            box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
            color: white !important;
            padding: 10px 55px;
            border-radius: 15px;
            font-size: 18px;
        }

        .link-mobile {
            text-align: center;
            display: none;
        }

        .link-mobile a {
            color: white;
            width: 100%;
        }

        .doc-profile--mockup img {
            padding: 30px 0;
            width: 75%;
            display: block;
            margin: 0 auto;
        }

        .become-doc-list {
            display: grid;
            grid-template: 1fr / 1fr 1fr 1fr 1fr;
            gap: 20px;
            justify-content: space-evenly;
            list-style: none;
            color: #293A5F;
            margin: 20px 0;

        }

        .become-doc-list--item {
            font-weight: 600;
        }

        .become-doc-list li {
            border-radius: 10px;
            padding: 20px;
            position: relative;
            background-color: white;
            max-height: 200px;
            border: 1px solid rgba(41, 59, 95, 0.2);
            font-size: 20px;
        }

        .locked {
            position: relative;
            background-color: rgba(217, 217, 217, 0.46) !important;
        }

        .locked:before {
            content: "";
            position: absolute;
            background-image: url(http://a0729808.xsph.ru/wp-content/uploads/2023/08/locked.svg);
            background-size: 80px;
            background-position: center center;
            background-repeat: no-repeat;
            left: 20%;
            top: 20%;
            height: 60%;
            width: 60%;
        }

        .card-margin {
            margin-top: 80px;
        }

        #doc-card-img {
            width: 65% !important;
        }

        .btn-active {
            background-color: #02B5BC !important;
            color: white !important;
            outline: 1px solid #E2E8F1;
            outline-offset: -1px;
        }

        .menu-btn {
            outline: 1px solid #E2E8F1;
            outline-offset: -1px;
        }

        .menu-btn:hover {
            background-color: #02B5BC;
            color: white !important;
            outline: 1px solid #02B5BC;
            outline-offset: -1px;
            transition: all 0.3s ease;

        }

        .active-btn {
            background-color: #02B5BC !important;
            color: white !important;

            outline: 1px solid #02B5BC;
            outline-offset: -1px;

        }

        .toggle-btn:hover {
            background-color: #02B5BC !important;
            color: white !important;
        }

        @media (max-width: 1199px) {

            .become-doc-list li {
                padding: 10px;
            }

            #doc-card-img {
                width: 80% !important;
            }

            .become-doc-list {
                display: grid;
                grid-template: 1fr / 1fr 1fr 1fr 1fr;
                gap: 15px;
            }

            .doc-profile--mockup img {
                width: 90%;
            }
        }

        @media (max-width: 991px) {
      
      .mobile-bottom-btn {
        display: block;
        margin: 20px 20px 0 -20px;
      }
      
      .mobile-bottom-btn2 {
        margin: 20px 0 0 0;
      }
      
      .d-w-c-btn {
        width: 90%;
        margin: auto !important;
        display: flex;
        justify-content: center;
        padding: 0 10px;
        font-size: 16px !important;
      }
      
      .doc-profile--content .d-w-c-btn {
        display: none;
        
      }
      
          
      .urgent-appeal--text, .urgent-appeal--list-items {
        width: 100%;
      }

            .docma-bands .btn-prof--first,
            .docmaschool-btn .large-btn {
                font-size: 18px;
                width: 100%;
            }

            .education-btn {
                border-radius: 0 !important;

            }

            .bands-right {
                display: none;
            }

            #doc-card-img {
                width: 100% !important;
            }

            .docmaschool-btn {
                margin-top: 20px;
            }

            .employment-wrapper {

                padding: 20px;
            }



            .become-doc-list {
                padding: 0;
            }

            .card-margin {
                margin-top: 180px !important;
            }

            .text-hidden--desctop {
                display: block;
            }


            .docmaschool-courses {
                padding: 0;
            }

            .desctop-vissible {
                display: block !important;
            }

            .docma-school--logo {
                width: 45%;
                display: block;
            }

            .docmaschool-courses img {
                display: none;
            }

            .docmaschool-content {
                width: 100%;
            }

            .docmaschool {
                flex-direction: column;
            }

            .already-doc {
                flex-direction: column;

            }

            .already-doc a {
                width: 100%;
            }

            .sign-up--btns a:first-child {
                width: calc(60% + 10px);
            }

            .sign-up--btns a:last-child {
                width: calc(40% + 10px);
            }

            .text-hidden--mobile {
                display: none !important;
                /* 			color: #293A5F !important; */

            }

            .docma-bands::before {
                transform: rotate(180deg);
                top: 100px;
                left: calc(100% - 40px);
            }

            .btn-mobile {
                width: 100%;
                margin: 40px 0 0 0;
            }

            .become-doc-list {
                justify-items: baseline;
            }

            .become-doc-list li:nth-child(odd) {
                justify-self: flex-end;
            }

            .become-doc-list li:nth-child(even) {
                justify-self: flex-start;
            }

            .become-doc--nav-btns a {
                font-size: 18px;
            }

            .doc-profile--content div {
                width: 100%;
            }

            .doc-profile-link {
                display: none;
            }

            .link-mobile {
                display: block;
            }

            .become-doc-list {
                justify-items: center;
                grid-template: 1fr 1fr / 1fr 1fr;
            }
        }

        @media (max-width: 767px) {
          
          
          .gastro-btn {
            border-radius: 0 !important;
          }
          
           .d-w-c-btn {
      margin-right: 50px;
      border-radius: 20px;
      text-align: center;
      height: 55px;
      line-height: 55px;
       display: flex;
        justify-content: center;
        padding: 0 10px;
        font-size: 16px !important;
    }

            .docma-bands .btn-prof--first,
            .docmaschool-btn .large-btn {
                font-size: 18px;
                height: auto;
                height: 42px;
            }

            .sign-up--btns a {
                font-size: 18px;
                padding: 10px 0 !important;
                height: auto;
            }

            .become-doc--nav-btns .placement-btn--mobile {
                border-radius: 10px 10px 0 0;
            }

            .become-doc--nav-btns .employment-btn--mobile {
                border-radius: 0 0 10px 10px;
            }



            .become-doc {
                padding: 10px;
            }

            .become-doc-list li {
                font-size: 18px;
            }

            .already-doc,
            .docmaschool--wrapper,
            .employment-wrapper {
                padding: 5px;
            }


            .block-active {
                padding: 5px 5px 30px 5px;
            }




            .doc-profile--content {
                /* margin-top: 20px; */
            }

            .expectation-list li {
                min-height: 40px;
                align-self: center;
                padding: 5px;
                font-size: 12px;
                line-height: 16px;

            }

            .expectation-list {

                grid-template-areas:
                    "pediatrics gynecology neurology"
                    "dermatology med-eng anothers-prof";
            }

            .expectation-list li {

                display: flex;
                justify-content: center;
                align-items: center;

            }


            .docma-bands-already-doc {
                display: none;
            }

            .sign-up--btns a:last-child {
                margin-top: 0 !important;
                padding: 5px 10px 5px 10px !important;
            }

            .sign-up--btns a {
                font-size: 18px;
            }

            .docma-bands--mobile {
                display: block;
            }

            .docma-bands::before {
                display: none;
            }

            .become-doc-list li {
                display: flex;
                justify-content: center;
                flex-direction: column;
            }

            .link-mobile a {
                padding: 5px 15px;
            }

            .become-doc--nav-btns {
                flex-direction: column;
            }

            .doc-profile--mockup img {
                width: 100%;
            }

            .become-doc--nav-btns a {
                width: 100%;
                margin: 0;
                border-radius: 15px;
            }

            .education-btn br,
            .employment-btn br {
                display: none;
            }


            h1 {
                font-size: 24px;
            }

            .for-doctor h2 {
                font-size: 24px;
            }

            h3 {
                font-size: 20px;
            }
        }

        @media (max-width: 440px) {
            .expectation-list {
                gap: 5px;
            }


            .become-doc-list {
                gap: 5px;
            }

            .become-doc-list li {
                padding: 10px;
                font-size: 14px;
            }
        }



        @media (max-width: 360px) {



            .sign-up--btns a {
                font-size: 16px;
            }
        }

        @media (max-width: 350px) {
            .expectation-list {

                grid-template-areas:
                    "pediatrics gynecology"
                    "dermatology neurology"
                    "med-eng anothers-prof";
            }

        }


        .block-hidden {
            display: none;
        }




 
    .duty-doc-cta--content-list p {
        margin-bottom: 20px;
    }

.duty-doc-cta--content h5 {
    font-weight: 400;
    font-size: 16px;
    color: #293A5F !important;
}

.duty-doc-cta--content h3 {
    font-size: 16px;
    margin-top: 15px;

}

.neon-v-text {
            box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    background: rgba(2, 181, 188, 0.01);
    border: 1px solid #ebebeb;
    /* background-color: #fdfdfd; */
    border-radius: 15px;
    padding: 10px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(12, 18, 30, 0.15);
    font-weight: 700;
    /* text-shadow: 1px 1px 1px #ff2f54; */
    color: #FE3F7A !important;
    text-transform: uppercase;
}


.duty-doc-cta--content h2 {
    font-size: 20px !important;
    margin: 0;
}

.duty-doc-cta--content h2 span {
    color: #02B5BC;
}

.duty-doc-cta--content li::marker {
    color: #02B5BC;
}


.duty-doc-cta--wrapper { 
    display: flex;
    justify-content: space-between;
      gap: 30px; 
    width: 100%; 
    margin: 30px auto 50px auto; 
  
} 

.duty-doc-cta--content-list ul li {
    color: #293A5F !important;
   
}

.duty-doc-cta--img { 
    position: relative;
     display: grid;
     grid-template-columns: calc(60% - 10px) 40%; 
     grid-template-rows: 60% 40%;
      gap: 10px; 
      height: 50vh; 
      max-width: 420px;
    max-height: 420px;
       } 
       
.duty-doc-cta--img .duty-doc-cta--img-t { 
        grid-column: 1 / 3;
         grid-row: 1 / 2;
          display: contents;
          position: relative;
           } 
           
           .duty-doc-cta--img .duty-doc-cta--img-t img
            { 
                display: block; 
            width: 100%; 
            height: 100%;
             object-fit: cover;
             } 
             
             .duty-doc-cta--img .duty-doc-cta--img-t img:first-child {
                 grid-column: 1 / 2; 
                 grid-row: 1 / 2; 
                 border-radius: 100px 15px 15px 15px;
                  }
                  
                  .duty-doc-cta--img .duty-doc-cta--img-t img:nth-child(2) {
                     grid-column: 2 / 3;
                      grid-row: 1 / 2;
                       border-radius: 15px 100px 15px 15px;
                        } 


                    
                        
                        .duty-doc-cta--img .duty-doc-cta--img-b { 
                            display: contents;
                             } 
                             
.duty-doc-cta--img .duty-doc-cta--img-b img { 
    display: block; 
    width: 100%; 
    height: 100%; 
    object-fit: cover; 
    z-index: -1;
    } 
    
    .duty-doc-cta--img .duty-doc-cta--img-b img:first-child {
         position: absolute; 
         left: 0; top: calc(60% + 10px); 
          width: calc(35% - 10px); 
          height: calc(40% - 10px); 
          border-radius: 15px 15px 15px 100px; 
          } 
          
 .duty-doc-cta--img .duty-doc-cta--img-b img:nth-child(2) { 
    position: absolute; 
    right: 0;
     top: calc(60% + 10px);
      width: 65%;
       height: calc(40% - 10px);
        border-radius: 15px 15px 100px 15px; 
    } 
         .duty-doc-cta--img .duty-doc-cta--img-t img:first-child { 
             box-sizing: border-box; 
             } 
             .duty-doc-cta--img .duty-doc-cta--img-t img:nth-child(2) { 
                 box-sizing: border-box; 
                 }
                 
 .duty-doc-cta--content { 
    width: 60%;
    display: flex;
    flex-direction: column;
    justify-content: center;
     }


         .duty-doc-cta--img span {
                            position: absolute;
                            bottom: -10px;
                            right: -10px;
                            content: "";
                            width: 270px;
                            height: 150px;
                            background-color: #FE3F7A;
                            z-index: -1;
                            border-radius: 15px 15px 100px 15px;
                        }


                             .duty-doc-cta--img-t span {
                            position: absolute;
                            bottom: -10px;
                            right: -10px;
                            
                             background-color: rgba(254, 63, 122, 0.9);
                            
                                border-radius: 15px 15px 100px 15px;
                                 pointer-events: none; 
                        }

                       .duty-doc-cta--img-b span { 
                        position: absolute; 
                        top: -10px;
                         left: -10px; 
                         width: 240px; 
                         height: 250px;
                          background-image: url("https://docma.ru/wp-content/uploads/2026/01/i-1.jpg");
                           background-color: rgba(2, 181, 188, 0.9);
                            background-size: cover;
                             background-position: center;
                              background-repeat: no-repeat;
                               background-blend-mode: darken;
                                border-radius: 100px 15px 15px 15px;
                                 pointer-events: none; 
                                }

                                #duty-doc-cta--img-logo {
                                    position: absolute;
                                    width: 70px;
                                    height: 70px;
                                    top: calc(60% - 30px);
                                    left: calc(40% - 60px);                                 
                                    z-index: 1;
                                }

                                .duty-doc-cta--img-stars {
                                    position: absolute;
                                    width: 100px;
                                    height: auto;
                                    top: 0;
                                    right: -35px;                                 
                                    z-index: 1;
                                }

                                .duty-doc-cta--content-list {
                                    position: relative;
                                    width: 100%;
                                    padding: 20px;
                                    display: flex;
                                    flex-direction: column;
                                    background: rgba(2, 181, 188, 0.01);
                                    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
                                    border-radius: 20px;
                                    margin-top: 10px;
                                }

                                 .duty-doc-cta--content-list ul {
                                    display: flex;
                                    flex-direction: column;
                                    gap: 5px;
                                     list-style: disc !important;
                                     margin-left: 15px;
                                 }

                                .duty-doc-cta--content-list::before {
                                    content: '';
                                    position: absolute;
                                    top: 5px;
                                    right: 5px;
                                    width: 50px;
                                    height: 50px;
                                    border-top: 3px solid #02B5BC;
                                    border-right: 3px solid #02B5BC;
                                    border-radius: 0 15px 0 0;
                                }

                                .duty-doc-cta--content-list::after {
                                        content: '';
                                        position: absolute;
                                        bottom: 5px;
                                        left: 5px;
                                        width: 50px;
                                        height: 50px;
                                        border-bottom: 3px solid #02B5BC;
                                        border-left: 3px solid #02B5BC;
                                        border-radius: 0 0 0 15px;
                                }

@media (max-width: 767px) {
    
    .duty-doc-cta--wrapper {
        margin: 10px auto 50px auto;
    }
    
    .duty-doc-cta--content-list p, .duty-doc-cta--content-list li {
        font-size: 14px !important;
        line-height: 1.2em;
    }


    .duty-doc-cta--img-b span {
        width: 170px;
        height: 180px;
    }

    .duty-doc-cta--img-t span {
          width: 195px;
        height: 110px;
    }

.duty-doc-cta--wrapper {
    flex-direction: column;
    padding: 0;
}

.duty-doc-cta--content {
    width: 100%;
}

.duty-doc-cta--img {
    max-width: 300px;
    max-height: 300px;
    display: none;
}

.duty-doc-cta--img {
    margin: 0 auto;
}

}