.dop_info{
border-radius: 100px 0 100px 100px; 
padding: 50px; 
background: #0076bd; 
color: #ffffff;
}

.blocks-wrapper {
    width: 100%;
    box-sizing: border-box;
}

.blok-containers {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
    box-sizing: border-box;
}
.blok-card {
  display: flex;
    align-items: center;
    align-content: center;
    width: 100%;
    min-width: 0;
    background: #ffffff;
    overflow: hidden;
    box-sizing: border-box;
    padding: 20px  30px;
    justify-content: space-evenly;
    border-radius: 35px 0 35px 35px ;
    border: 1px solid rgba(0, 0, 0, 0.2);

}
.contact-col{
    flex:1;
    min-width:0;
    
}

.contact-col p{
    display:flex;
    align-items:center;
    gap: 20px;
    margin:0 0 12px;
    white-space:nowrap;
}

.contact-col img{
    flex-shrink:0;
}

.contact-col a{
    color:inherit;
    text-decoration:none;
    word-break:break-word;
}

    .contact-col{
        width:100%;
    }

    .contact-col p{
        white-space:normal;
    }


/* =========================================================
   ÑÒÐÎÊÀ
   ========================================================= */

.blocks-row {
    display: grid;
    width: 100%;
    column-gap: 30px;
    row-gap: 20px;
 /*   margin-bottom: 20px;*/
    align-items: start;
    box-sizing: border-box;
}


/* =========================================================
   ÊÎËÈ×ÅÑÒÂÎ ÁËÎÊÎÂ È ÏÐÎÏÎÐÖÈÈ
   ========================================================= */
/*2 áëîêà: 50 / 50*/
.cols-2-50-50 {
    grid-template-columns: 1fr 1fr;
}

/*2 áëîêà: 30 / 70*/
.cols-2-30-70 {
    grid-template-columns: 3fr 7fr;
}

/* 2 áëîêà: 40 / 60 */
.cols-2-40-60 {
    grid-template-columns: 4fr 6fr;
}

/*  2 áëîêà:   60 / 40 */
.cols-2-60-40 {
    grid-template-columns: 6fr 4fr;
}

/*   2 áëîêà:   70 / 30 */
.cols-2-70-30 {
    grid-template-columns: 7fr 3fr;
}

/* =========================================================
   3 ÁËÎÊÀ
   ========================================================= */

/* 33 / 33 / 33 */
.cols-3-equal {
    grid-template-columns: 1fr 1fr 1fr;
}

/*  20 / 40 / 40 */
.cols-3-20-40-40 {
    grid-template-columns: 2fr 4fr 4fr;
}

/*  25 / 50 / 25 */
.cols-3-25-50-25 {
    grid-template-columns: 2.5fr 5fr 2.5fr;
}

/* 30 / 40 / 30 */
.cols-3-30-40-30 {
    grid-template-columns: 3fr 4fr 3fr;
}

/*  40 / 30 / 30 */
.cols-3-40-30-30 {
    grid-template-columns: 4fr 3fr 3fr;
}

/*    30 / 30 / 40 */
.cols-3-30-30-40 {
    grid-template-columns: 3fr 3fr 4fr;
}

/* =========================================================
   4 ÁËÎÊÀ
   ========================================================= */

.cols-4-equal {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

/* =========================================================
   ÁÀÇÎÂÛÅ ÑÂÎÉÑÒÂÀ ÁËÎÊÎÂ
   ========================================================= */

.custom-block,
.plain-text {
    position: relative;
    min-width: 0;
    box-sizing: border-box;
    transform: translateY(var(--offset, 0px));
}

/* =========================================================
   ÎÔÎÐÌËÅÍÍÛÅ ÁËÎÊÈ
   ========================================================= */

.custom-block {
   /* display: flex;*/
    flex-direction: column;
    justify-content: center;
    min-height: 120px;
    padding: 50px;
    overflow-wrap: break-word;
}


/* =========================================================
   ÎÁÛ×ÍÛÉ ÒÅÊÑÒ
   ========================================================= */

.plain-text {
    padding: 20px 10px;
    background: none;
    border: none;
    border-radius: 0;
    text-align: left;
    overflow-wrap: break-word;
}

/* =========================================================
   ÎÔÎÐÌËÅÍÈÅ
   ========================================================= */

.style-white {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.style-blue {
    background: #0076bd;
    color: #ffffff;
}

.style-light-blue {
    background: rgba(204, 228, 242, 0.4);
}

.style-turquoise {
    background: #00b3c8;
    color: #ffffff;
}


/* =========================================================
   ÎÑÒÐÛÅ ÓÃËÛ
   ========================================================= */

.corner-bottom-left {
    border-radius: 100px 100px 100px 0;
}

.corner-bottom-right {
    border-radius: 100px 100px 0 100px;
}

.corner-top-right {
    border-radius: 100px 0 100px 100px;
}

.corner-top-left {
    border-radius: 0 100px 100px 100px;
}


/* =========================================================
   ÈÇÎÁÐÀÆÅÍÈÅ
   ========================================================= */

.image-block {
    padding: 0;
    overflow: hidden;
}

.image-block img {
    display: block;
    width: 100%;
    height: 220px;
    object-fit: cover;
}

.image-content {
    padding: 25px;
}





/* =========================================
   ÈÆÌÈÍÂÎÄÛ —  Ïåðâûé ñêðèí  ëå÷åáíûõ ïðîöåäóð
   ========================================= */

.izhminvodi-info {
   
    --izhminvodi-info-radius: 100px;

    position: relative;
    display: grid;

    /*
     * Ëåâàÿ ÷àñòü — èçîáðàæåíèå.
     * Ïðàâàÿ — òåêñò.
     */
    grid-template-columns: 50% 50%;

    width: 100%;

    /*
     * Âûñîòà ÍÅ çàäàåòñÿ.
     * Áëîê ñàì ïîëó÷àåò âûñîòó îò òåêñòà.
     */
    

    border-radius:
        var(--izhminvodi-info-radius)
        0
        var(--izhminvodi-info-radius)
        var(--izhminvodi-info-radius);

    /*
     * Âñ¸, ÷òî âûõîäèò çà ãðàíèöû áëîêà,
     * îáðåçàåòñÿ ïî åãî ôîðìå.
     */
    overflow: hidden;
}


/* =========================================
   ÎÁËÀÑÒÜ ÈÇÎÁÐÀÆÅÍÈß
   ========================================= */

.izhminvodi-info__visual {
    position: relative;

    /*
     * Ðàñòÿãèâàåì ëåâóþ îáëàñòü íà âñþ âûñîòó
     * ñèíåãî áëîêà.
     */
    min-height: 100%;

    overflow: hidden;
}


/*
 * Ñàìî èçîáðàæåíèå
 */

.izhminvodi-info__visual img {
    position: absolute;

    /*
     * Öåíòð èçîáðàæåíèÿ íàõîäèòñÿ
     * â öåíòðå ëåâîé ïîëîâèíû áëîêà.
     */
    left: 40%;
    top: 55%;

    /*
     * Ñìåùàåì èçîáðàæåíèå îáðàòíî íà ïîëîâèíó
     * åãî ñîáñòâåííîãî ðàçìåðà.
     */
    transform: translate(-50%, -50%);

    /*
     * Êàðòèíêà ìîæåò áûòü áîëüøå îáëàñòè.
     * Îíà áóäåò îáðåçàíà.
     */
 
    display: block;

    /*
     * Íå äàåò èçîáðàæåíèþ ñæèìàòüñÿ
     * ïî ïðîïîðöèÿì.
     */
    object-fit: contain;
}


/* =========================================
   ÒÅÊÑÒ
   ========================================= */

.izhminvodi-info__content {
    /*
     * Èìåííî ýòîò êîíòåíò îïðåäåëÿåò âûñîòó
     * âñåãî ñèíåãî áëîêà.
     */
    align-self: center;

    padding: 80px 70px 80px 40px;

    box-sizing: border-box;
}


.izhminvodi-info__title {
    margin: 0 0 25px;
    font-size: clamp(32px, 4vw, 56px);
    line-height: 1.1;
    font-weight: 700;
}


.izhminvodi-info__text {
    font-size: 18px;
    line-height: 1.6;
}


.izhminvodi-info__text p {
    margin: 0 0 18px;
}


.izhminvodi-info__text p:last-child {
    margin-bottom: 0;
}



/* =========================================================
   ÌÎÁÈËÜÍÀß ÂÅÐÑÈß
   ========================================================= */

@media (max-width: 900px) {

  .izhminvodi-info {
        grid-template-columns: 45% 55%;
    }

    .izhminvodi-info__content {
        padding: 45px 40px 45px 25px;
    }

    .izhminvodi-info__text {
        font-size: 16px;
    }

 /*   .izhminvodi-info__visual img {
        height: 115%;
    }*/

 .blok-containers {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 15px;
    }

    .blok-card__image {
        padding: 50px 30px 0;
    }

    .blok-card__volume {
        top: 20px;
        left: 15px;

        width: 60px;
        height: 60px;

        font-size: 19px;
    }

    .blok-card__bottom {
        padding: 15px 30px 25px;
    }

    .blok-card__price {
        font-size: 18px;
    }

  .blocks-row {
        grid-template-columns: 1fr 1fr !important;
    }

}

@media (max-width: 600px) {


.corner-bottom-left {
    border-radius: 35px 35px 35px 0;
}

.corner-bottom-right {
    border-radius: 35px 35px 0 35px;
}

.corner-top-right {
    border-radius: 35px 0 35px 35px;
}

.corner-top-left {
    border-radius: 0 35px 35px 35px;
}




   .izhminvodi-info {
        display: flex;
        flex-direction: column;

       border-radius: 35px 35px 0 35px;
    }

    /*
     * Èçîáðàæåíèå òåïåðü ñâåðõó.
     */

    .izhminvodi-info__visual {
        position: relative;

        width: 100%;

        /*
         * Çàäàåì âûñîòó òîëüêî îáëàñòè êàðòèíêè.
         * Âûñîòà ñàìîãî ñèíåãî áëîêà âñ¸ ðàâíî
         * ñêëàäûâàåòñÿ èç êàðòèíêè + òåêñòà.
         */
        height: 300px;
        min-height: 340px;

        overflow: hidden;
    }

    .izhminvodi-info__visual img {
        /*
         * Öåíòðèðóåì èçîáðàæåíèå è ïî ãîðèçîíòàëè,
         * è ïî âåðòèêàëè.
       */
        left: 45%; 
        top: 45%; 
        transform: translate(-50%, -50%);
        /*
         * Óâåëè÷èâàåì îòíîñèòåëüíî îáëàñòè,
         * ïîýòîìó êðàÿ ìîãóò îáðåçàòüñÿ.
         */
      /*  height: 115%;*/  
    }


    /*
     * Òåêñò èäåò ïîñëå èçîáðàæåíèÿ.
     */
    .izhminvodi-info__content {
        width: 100%;
       padding: 10px 20px 35px;
    }

 .izhminvodi-info__title {
  margin-bottom: 18px;
  font-size: clamp(30px, 8vw, 42px);
 }

    .izhminvodi-info__text {
        font-size: 16px;
        line-height: 1.5;
    }

.blok-containers {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .blok-card__image {
        padding: 40px 25px 0;
    }

    .blok-card__volume {
        top: 15px;
        left: 15px;
        width: 55px;
        height: 55px;
        font-size: 18px;
    }

    .blok-card__bottom {
        padding: 15px 25px 25px;
        gap: 15px;
    }

    .blok-card__price {
        font-size: 18px;
    }

 .blocks-row {
        grid-template-columns: 1fr !important;
    }

    .custom-block,
    .plain-text {
        transform: none;
       padding: 25px;
    }


.dop_info{

border-radius: 35px 0 35px 35px; 
padding: 25px; 

}


}