/* =========================================================
   ABOUT SECTION — BASE
   ========================================================= */

.about-section .about-section__content,
.about-section .about-section__media,
.about-section .about-section__image-wrapper,
.about-section .about-section__actions {
    min-width: 0;
}
.about-section__title {
    margin: 0 0 24px;
    color: #fff;
    background: none;
    -webkit-text-fill-color: #fff;
}
.about-section__text {
    max-width: 560px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.35;
    text-align: left;
    font-family: 'Manrope', Arial, sans-serif;
}
.about-section__text p {
    margin: 0 0 22px;
}
.about-section__text p:last-child {
    margin-bottom: 0;
}
.about-section__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 30px;
    margin-top: 73px;
}
.about-section__project-button.btn-green-full {
    flex: 0 0 225px;
    width: 225px;
    height: 54px;
    margin-top: 0;
}
.about-section__call-button {
    flex: 0 0 225px;
    width: 225px;
    min-height: 54px;
}
.about-section__call-button .btn-green,
.about-section__call-button .callback-btn,
.about-section__call-button button {
    box-sizing: border-box;
    display: flex;
    width: 100%;
    min-height: 54px;
    margin: 0;
    padding: 0 20px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid #cae652;
    border-radius: 10px;
    background: transparent;
    color: #fff;
    font-size: 16px;
    line-height: 1.2;
    text-decoration: none;
}
.about-section__call-button .btn-green:hover,
.about-section__call-button .callback-btn:hover,
.about-section__call-button button:hover {
    opacity: 0.8;
}
.about-section__row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: clamp(40px, 5vw, 80px);

    /*
     * Колонки больше не растягиваются
     * до одинаковой высоты.
     */
    align-items: start;

    margin-right: 0;
    margin-left: 0;
}
.about-section__content,
.about-section__media {
    width: auto;
    max-width: none;
    min-width: 0;
    padding-right: 0;
    padding-left: 0;
}
.about-section__content {
    display: flex;
    flex-direction: column;
}
.about-section__media {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;

    min-width: 0;
    overflow: visible;
}
.about-section__image-wrapper {
    /*
     * Обёртка принимает естественный размер изображения,
     * но не выходит за пределы колонки.
     */
    flex: 0 1 auto;
    width: fit-content;
    max-width: 100%;

    overflow: hidden;
    border-radius: 20px;
    line-height: 0;

    /*
     * Тень из Figma:
     * X 0, Y 4, Blur 81.7, #FFFFFF 25%.
     */
    -webkit-box-shadow:
        0 4px 81.7px rgba(255, 255, 255, 0.25);

    box-shadow:
        0 4px 81.7px rgba(255, 255, 255, 0.25);
}
.about-section__image {
    /*
     * Убираем абсолютное позиционирование,
     * которое заставляло картинку заполнять чужую высоту.
     */
    position: static;
    inset: auto;

    display: block;

    /*
     * Используем естественные пропорции файла.
     * На узких экранах он автоматически уменьшится.
     */
    width: 485px;
    max-width: 100%;
    height: 325px;

    margin: 0;
    padding: 0;

    object-fit: initial;
    object-position: initial;

    border-radius: inherit;

    -webkit-filter: none;
    filter: none;
}



/* =========================================================
   LARGE DESKTOP
   ========================================================= */
@media (min-width: 1921px) and (min-device-width: 2200px) {
    .about-section {
        margin:
            clamp(
                100.997px,
                calc(-19.997192px + 6.301781vw),
                147px
            )
            0!important;
    }

    .about-section > .inner-width {
        width: 100%;

        max-width:
            clamp(
                1443px,
                calc(-292.890411px + 90.410959vw),
                2103px
            )!important;

        margin-right: auto;
        margin-left: auto;
    }


    /* ---------- Две колонки ---------- */

    .about-section .about-section__row {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(0, 1fr);

        column-gap:
            clamp(
                90.898px,
                calc(-19.865288px + 5.769041vw),
                133px
            )!important;

        align-items: start;
    }


    /* ---------- Текст ---------- */

    .about-section .about-section__text {
        max-width:
            clamp(
                706.982px,
                calc(-143.234438px + 44.282740vw),
                1030px
            )!important;

        font-size:
            clamp(
                20.199px,
                calc(-2.948836px + 1.205616vw),
                29px
            )!important;
    }

    .about-section .about-section__text p {
        margin-bottom:
            clamp(
                27.774px,
                calc(-4.393671px + 1.675411vw),
                40px
            )!important;

        font-size:
            clamp(
                20.199px,
                calc(-2.948836px + 1.205616vw),
                29px
            )!important;

        /*
         * До 1920 px используется line-height: 1.35.
         * Для шрифта 20.199px это ≈ 27.269px.
         * К 2650 px плавно приходим к 40px.
         */
        line-height:
            clamp(
                27.269px,
                calc(-6.219548px + 1.744658vw),
                40px
            );
    }


    /* ---------- Фото ---------- */

    .about-section .about-section__image-wrapper {
        border-radius:
            clamp(
                25.249px,
                calc(-5.657740px + 1.609726vw),
                37px
            )!important;

        -webkit-box-shadow:
            0
            clamp(
                5.05px,
                calc(-0.081507px + 0.267260vw),
                7px
            )
            clamp(
                103.144px,
                calc(-20.162712px + 6.422740vw),
                150px
            )
            rgba(255, 255, 255, 0.25)!important;

        box-shadow:
            0
            clamp(
                5.05px,
                calc(-0.081507px + 0.267260vw),
                7px
            )
            clamp(
                103.144px,
                calc(-20.162712px + 6.422740vw),
                150px
            )
            rgba(255, 255, 255, 0.25)!important;
    }

    .about-section .about-section__image {
        width:
            clamp(
                612.297px,
                calc(-123.362178px + 38.315479vw),
                892px
            )!important;

        height:
            clamp(
                410.302px,
                calc(-83.482932px + 25.712055vw),
                598px
            )!important;
    }


    /* ---------- Кнопки ---------- */

    .about-section .about-section__actions {
        gap:
            clamp(
                37.874px,
                calc(-7.169726px + 2.346027vw),
                55px
            )!important;

        margin-top:
            clamp(
                92.16px,
                calc(71.547945px + 1.073973vw),
                100px
            )!important;
    }

    .about-section .about-section__project-button.btn-green-full,
    .about-section .about-section__call-button {
        flex-basis:
            clamp(
                284.055px,
                calc(-57.770479px + 17.803425vw),
                414px
            )!important;

        width:
            clamp(
                284.055px,
                calc(-57.770479px + 17.803425vw),
                414px
            )!important;

        min-height:
            clamp(
                68.173px,
                calc(-12.906233px + 4.222877vw),
                99px
            )!important;
    }

    .about-section .about-section__project-button.btn-green-full {
        height:
            clamp(
                68.173px,
                calc(-12.906233px + 4.222877vw),
                99px
            )!important;

        border-radius:
            clamp(
                12.625px,
                calc(-1.511986px + 0.736301vw),
                18px
            )!important;

        -webkit-box-shadow:
            0
            clamp(
                5.05px,
                calc(-0.081507px + 0.267260vw),
                7px
            )
            clamp(
                5.05px,
                calc(-0.081507px + 0.267260vw),
                7px
            )
            rgba(0, 0, 0, 0.15),

            0
            clamp(
                -2px,
                calc(0.081507px - 0.267260vw),
                -1.263px
            )
            clamp(
                6.312px,
                calc(-0.757808px + 0.368219vw),
                9px
            )
            rgba(0, 0, 0, 0.05)!important;

        box-shadow:
            0
            clamp(
                5.05px,
                calc(-0.081507px + 0.267260vw),
                7px
            )
            clamp(
                5.05px,
                calc(-0.081507px + 0.267260vw),
                7px
            )
            rgba(0, 0, 0, 0.15),

            0
            clamp(
                -2px,
                calc(0.081507px - 0.267260vw),
                -1.263px
            )
            clamp(
                6.312px,
                calc(-0.757808px + 0.368219vw),
                9px
            )
            rgba(0, 0, 0, 0.05)!important;
    }

    .about-section .about-section__project-button.btn-green-full a {
        font-size:
            clamp(
                20.199px,
                calc(-2.948836px + 1.205616vw),
                29px
            )!important;
    }

    .about-section .about-section__call-button .btn-green,
    .about-section .about-section__call-button .callback-btn,
    .about-section .about-section__call-button button {
        min-height:
            clamp(
                68.173px,
                calc(-12.906233px + 4.222877vw),
                99px
            )!important;

        padding:
            0
            clamp(
                25.249px,
                calc(-5.657740px + 1.609726vw),
                37px
            )!important;

        gap:
            clamp(
                10.1px,
                calc(-2.794521px + 0.671233vw),
                15px
            )!important;

        border-width:
            clamp(
                1px,
                calc(-1.630137px + 0.136986vw),
                2px
            );

        border-radius:
            clamp(
                12.625px,
                calc(-1.511986px + 0.736301vw),
                18px
            )!important;

        font-size:
            clamp(
                20.199px,
                calc(-2.948836px + 1.205616vw),
                29px
            )!important;
    }

    .about-section .about-section__call-button .callback-btn img {
        width:
            clamp(
                25.249px,
                calc(-5.657740px + 1.609726vw),
                37px
            )!important;

        height:
            clamp(
                25.249px,
                calc(-5.657740px + 1.609726vw),
                37px
            )!important;
    }
}

/* =========================================================
   DESKTOP 1400+
   ========================================================= */
@media (min-width: 1400px)/* and (max-width: 1920px)*/ {
    .about-section { margin: clamp(80px, calc(17.008px + 4.374vw), 100.997px) 0; }
    .about-section > .inner-width { max-width: clamp(1143px, calc(243px + 62.5vw), 1443px); }
    .about-section .about-section__row { column-gap: clamp(72px, calc(15.307px + 3.937vw), 90.898px); }
    .about-section .about-section__text { max-width: clamp(560px, calc(119.055px + 30.621vw), 706.982px); font-size: clamp(16px, calc(3.402px + 0.875vw), 20.199px); }
    .about-section .about-section__text p { margin-bottom: clamp(22px, calc(4.677px + 1.203vw), 27.774px); font-size: clamp(12px, calc(-11px + 1.875vw), 20px); line-height: 1.35; }
    .about-section .about-section__image-wrapper { border-radius: clamp(20px, calc(4.252px + 1.094vw), 25.249px); box-shadow: 0 clamp(4px, calc(0.85px + 0.219vw), 5.05px) clamp(81.7px, calc(17.369px + 4.467vw), 103.144px) rgba(255,255,255,.25); }
    .about-section .about-section__image { width: clamp(485px, calc(103.11px + 26.52vw), 612.297px); height: clamp(325px, calc(69.094px + 17.771vw), 410.302px); }
    .about-section .about-section__actions { gap: clamp(30px, calc(6.378px + 1.64vw), 37.874px); margin-top: clamp(30px, calc(-126px + 12.292vw), 66px); }
    .about-section .about-section__project-button.btn-green-full,
    .about-section .about-section__call-button { flex-basis: clamp(225px, calc(47.835px + 12.303vw), 284.055px); width: clamp(225px, calc(47.835px + 12.303vw), 284.055px); min-height: clamp(54px, calc(11.48px + 2.953vw), 68.173px); }
    .about-section .about-section__project-button.btn-green-full { height: clamp(54px, calc(11.48px + 2.953vw), 68.173px); border-radius: clamp(10px, calc(2.126px + 0.547vw), 12.625px); }
    .about-section .about-section__project-button.btn-green-full a { font-size: clamp(16px, calc(3.402px + 0.875vw), 20.199px); }
    .about-section .about-section__call-button .btn-green,
    .about-section .about-section__call-button .callback-btn,
    .about-section .about-section__call-button button { min-height: clamp(54px, calc(11.48px + 2.953vw), 68.173px); padding: 0 clamp(20px, calc(4.252px + 1.094vw), 25.249px); gap: clamp(8px, calc(1.701px + 0.437vw), 10.1px); border-radius: clamp(10px, calc(2.126px + 0.547vw), 12.625px); font-size: clamp(16px, calc(3.402px + 0.875vw), 20.199px); }
    .about-section .about-section__call-button .callback-btn img { width: clamp(20px, calc(4.252px + 1.094vw), 25.249px); height: clamp(20px, calc(4.252px + 1.094vw), 25.249px); }
}

/* =========================================================
   TABLET LANDSCAPE
   ========================================================= */
@media (min-width: 1024px) and (max-width: 1278px) {
    .about-section {
        box-sizing: border-box;
        margin: 0;
        padding: 56px 0 64px;
        /*background: #0e0c20;*/
    }

    .about-section > .inner-width {
        width: auto;
        max-width: none;
        margin-right: clamp(42px, 6vw, 76px);
        margin-left: clamp(42px, 6vw, 76px);
    }


    /* ---------- Заголовок ---------- */

    .about-section .page-section__title.center {
        display: block;
        position: static;
        float: none;

        width: 100%;
        max-width: none;

        margin: 0 auto 34px;
        padding: 0;

        transform: none;

        font-family: 'Manrope', 'Rubik', Arial, sans-serif;
        font-size: clamp(36px, 3.6vw, 46px);
        font-weight: 700;
        line-height: 1.15;

        text-align: center !important;

        color: #fff;
        background: none;
        -webkit-text-fill-color: #fff;
    }


    /* ---------- Две колонки ---------- */

    .about-section .about-section__row {
        display: grid;

        grid-template-columns:
            minmax(0, 1fr)
            minmax(380px, .95fr);

        column-gap: clamp(32px, 4vw, 56px);
        align-items: start;

        width: 100%;

        margin: 0;
        padding: 0;
    }

    .about-section .about-section__content,
    .about-section .about-section__media {
        width: 100%;
        max-width: none;
        min-width: 0;

        margin: 0;
        padding: 0;
    }


    /* ---------- Текст ---------- */

    .about-section .about-section__text {
        width: 100%;
        max-width: 560px;

        margin: 0;

        font-family: 'Manrope', 'Rubik', Arial, sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.4;

        text-align: left;

        color: rgba(255, 255, 255, .94);
    }

    .about-section .about-section__text p {
        margin: 0 0 20px;
    }

    .about-section .about-section__text p:last-child {
        margin-bottom: 0;
    }


    /* ---------- Фото ---------- */

    .about-section .about-section__media {
        display: flex;
        justify-content: flex-end;
        align-items: flex-start;
    }

    .about-section .about-section__image-wrapper {
        display: block;

        width: 100%;
        max-width: 560px;

        margin: 0;

        overflow: hidden;

        border-radius: 20px;
    }

    .about-section .about-section__image {
        display: block;

        width: 100%;
        max-width: none;
        height: auto;

        margin: 0;

        object-fit: cover;
    }


    /* ---------- Кнопки ---------- */

    .about-section .about-section__actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));

        width: 100%;
        max-width: 500px;

        gap: 16px;

        margin: 42px 0 0;
    }

    .about-section .about-section__project-button.btn-green-full,
    .about-section .about-section__call-button {
        box-sizing: border-box;

        width: 100%;
        max-width: none;

        min-width: 0;
        min-height: 52px;

        margin: 0;

        flex: none;
    }

    .about-section .about-section__project-button.btn-green-full {
        height: 52px;
    }

    .about-section .about-section__call-button .callback-wrapper {
        width: 100%;
    }

    .about-section .about-section__project-button.btn-green-full a,
    .about-section .about-section__project-button.btn-green-full button,
    .about-section .about-section__project-button.btn-green-full input,
    .about-section .about-section__call-button .btn-green,
    .about-section .about-section__call-button .callback-btn,
    .about-section .about-section__call-button button {
        box-sizing: border-box;

        width: 100%;
        height: 52px;
        min-height: 52px;

        margin: 0;
        padding-right: 14px;
        padding-left: 14px;

        font-family: 'Manrope', 'Rubik', Arial, sans-serif;
        font-size: 15px;
        line-height: 1.2;
    }
}

/* =========================================================
   TABLET
   ========================================================= */
@media (min-width: 768px) and (max-width: 1023px) {
    .about-section {
        box-sizing: border-box;
        margin: 0;
        padding: 46px 0 52px;
        /*background: #0e0c20;*/
    }

    .about-section > .inner-width {
        width: auto;
        max-width: none;
        margin-right: clamp(28px, 4.5vw, 44px);
        margin-left: clamp(28px, 4.5vw, 44px);
    }


    /* ---------- Заголовок ---------- */

    .about-section .page-section__title.center {
        display: block;
        position: static;
        float: none;

        width: 100%;
        max-width: none;

        margin: 0 auto 30px;
        padding: 0;

        transform: none;

        font-family: 'Manrope', 'Rubik', Arial, sans-serif;
        font-size: clamp(32px, 4.4vw, 40px);
        font-weight: 700;
        line-height: 1.15;

        text-align: center !important;

        color: #fff;
        background: none;
        -webkit-text-fill-color: #fff;
    }


    /* ---------- Две колонки ---------- */

    .about-section .about-section__row {
        display: grid;

        grid-template-columns:
            minmax(0, 1fr)
            minmax(300px, .95fr);

        column-gap: clamp(24px, 3vw, 34px);
        align-items: start;

        width: 100%;

        margin: 0;
        padding: 0;
    }

    .about-section .about-section__content,
    .about-section .about-section__media {
        width: 100%;
        max-width: none;
        min-width: 0;

        margin: 0;
        padding: 0;
    }


    /* ---------- Текст ---------- */

    .about-section .about-section__text {
        width: 100%;
        max-width: none;

        margin: 0;

        font-family: 'Manrope', 'Rubik', Arial, sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.38;

        text-align: left;

        color: rgba(255, 255, 255, .94);
    }

    .about-section .about-section__text p {
        margin: 0 0 18px;
        font-size: 14px;
    }

    .about-section .about-section__text p:last-child {
        margin-bottom: 0;
    }


    /* ---------- Фото ---------- */

    .about-section .about-section__media {
        display: flex;
        justify-content: flex-end;
        align-items: flex-start;
    }

    .about-section .about-section__image-wrapper {
        display: block;

        width: 100%;
        max-width: none;

        margin: 0;

        overflow: hidden;

        border-radius: 18px;
    }

    .about-section .about-section__image {
        display: block;

        width: 100%;
        max-width: none;
        height: auto;

        margin: 0;

        object-fit: cover;
    }


    /* =====================================================
       Кнопки на планшете уже ставим друг под другом
       ===================================================== */

    .about-section .about-section__actions {
        display: flex;

        width: 100%;
        max-width: none;

        margin: clamp(30px, calc(21.2vw - 133px), 65px) 0 0;

        flex-direction: row;
        flex-wrap: nowrap;

        align-items: stretch;

        gap: 10px;
    }

    .about-section .about-section__project-button.btn-green-full,
    .about-section .about-section__call-button {
        box-sizing: border-box;

        flex: none;

        width: 100%;
        max-width: none;

        min-height: 50px;

        margin: 0;
    }

    .about-section .about-section__project-button.btn-green-full {
        height: 50px;
    }

    .about-section .about-section__call-button .callback-wrapper {
        width: 100%;
        max-width: none;
    }

    .about-section .about-section__project-button.btn-green-full a,
    .about-section .about-section__project-button.btn-green-full button,
    .about-section .about-section__project-button.btn-green-full input,
    .about-section .about-section__call-button .btn-green,
    .about-section .about-section__call-button .callback-btn,
    .about-section .about-section__call-button button {
        box-sizing: border-box;

        width: 100%;
        height: 50px;
        min-height: 50px;

        margin: 0;
        padding-right: 14px;
        padding-left: 14px;

        font-family: 'Manrope', 'Rubik', Arial, sans-serif;
        font-size: 16px;
        line-height: 1.2;
    }

    .about-section .about-section__call-button .callback-btn img {
        width: 16px;
        height: 16px;
    }
}

/* =========================================================
   MOBILE
   ========================================================= */
@media (max-width: 767px) {
    .about-section {
        box-sizing: border-box;
        margin: 0;
        padding: 40px 0px 40px 0px;
        /*background: #0e0c20;*/
    }

    .about-section > .inner-width {
        width: auto;
        max-width: none;
        margin-right: 12px;
        margin-left: 12px;
    }


    /* ---------- Заголовок ---------- */

    .about-section .page-section__title.center {
        display: block;
        position: static;
        float: none;
        clear: both;

        width: 100%;
        max-width: none;

        margin: 0 0 26px;
        padding: 0;

        transform: none;

        font-family: 'Manrope', 'Rubik', Arial, sans-serif;
        font-size: 32px;
        font-weight: 700;
        line-height: 1.15;
        letter-spacing: -.3px;

        text-align: center !important;

        color: #fff;
        background: none;

        -webkit-background-clip: border-box;
        background-clip: border-box;
        -webkit-text-fill-color: #fff;
    }


    /* =====================================================
       ОСНОВНАЯ КОМПОНОВКА

       На desktop:
       текст | фото

       На mobile:
       фото
       текст
       кнопки
       ===================================================== */

    .about-section .about-section__row {
        display: flex;
        flex-direction: column;

        width: 100%;

        margin: 0;
        padding: 0;

        gap: 0;
    }


    /* ---------- Фото ---------- */

    .about-section .about-section__media {
        order: 1;

        display: block;

        width: 100%;
        max-width: none;

        margin: 0 0 20px;
        padding: 0;

        overflow: visible;
    }

    .about-section .about-section__image-wrapper {
        display: block;

        width: 100%;
        max-width: none;

        margin: 0;

        overflow: hidden;

        border-radius: 14px;

        /*
         * На desktop у фотографии есть большое белое свечение.
         * На мобильном по макету его убираем.
         */
        -webkit-box-shadow: none;
        box-shadow: none;

        line-height: 0;
    }

    .about-section .about-section__image {
        position: static;

        display: block;

        width: 100%;
        max-width: none;
        height: auto;

        margin: 0;

        /*
         * Пропорции мобильной фотографии
         * примерно как на присланном примере.
         */
        aspect-ratio: 1.5 / 1;

        object-fit: cover;
        object-position: center;

        border-radius: inherit;
    }


    /* ---------- Текст и кнопки ---------- */

    .about-section .about-section__content {
        order: 2;

        display: flex;

        width: 100%;
        max-width: none;

        margin: 0;
        padding: 0;

        flex-direction: column;
    }


    /* ---------- Текст ---------- */

    .about-section .about-section__text {
        width: 100%;
        max-width: none;

        margin: 0;

        font-family: 'Manrope', 'Rubik', Arial, sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.34;

        text-align: center;

        color: rgba(255, 255, 255, .94);
    }

    .about-section .about-section__text p {
        margin: 0 0 22px;
    }

    .about-section .about-section__text p:last-child {
        margin-bottom: 0;
    }


    /* =====================================================
       КНОПКИ
       ===================================================== */

    .about-section .about-section__actions {
        display: flex;

        width: 100%;

        margin: 20px 0 0;

        flex-direction: column;
        flex-wrap: nowrap;

        align-items: stretch;

        gap: 10px;
    }


    /* ---------- Рассчитать проект ---------- */

    .about-section .about-section__project-button.btn-green-full {
        display: block;

        flex: none;

        width: 100%;
        max-width: none;

        height: 49px;
        min-height: 49px;

        margin: 0;

        border-radius: 10px;

        line-height: normal;
    }

    .about-section .about-section__project-button.btn-green-full a,
    .about-section .about-section__project-button.btn-green-full button,
    .about-section .about-section__project-button.btn-green-full input {
        box-sizing: border-box;

        display: flex;

        width: 100%;
        height: 100%;
        min-height: 49px;

        margin: 0;
        padding: 0 16px;

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

        border: 0;
        border-radius: inherit;

        font-family: 'Manrope', 'Rubik', Arial, sans-serif;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.2;

        color: #080713;
        background: transparent;
    }


    /* ---------- Заказать звонок ---------- */

    .about-section .about-section__call-button {
        flex: none;

        width: 100%;
        max-width: none;

        min-height: 49px;

        margin: 0;
    }

    /*
     * После нашей переделки кнопки вызова здесь находится
     * .callback-wrapper.
     */
    .about-section .about-section__call-button .callback-wrapper {
        position: relative;

        width: 100%;
        max-width: none;

        margin: 0;
    }

    .about-section .about-section__call-button .btn-green,
    .about-section .about-section__call-button .callback-btn,
    .about-section .about-section__call-button button {
        box-sizing: border-box;

        display: flex;

        width: 100%;
        max-width: none;

        height: 49px;
        min-height: 49px;

        margin: 0;
        padding: 0 16px;

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

        gap: 7px;

        border: 1px solid #cae652;
        border-radius: 10px;

        font-family: 'Manrope', 'Rubik', Arial, sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.2;

        color: #fff;
        background: transparent;

        box-shadow: none;
    }

    .about-section .about-section__call-button .callback-btn img {
        flex: 0 0 auto;

        width: 16px;
        height: 16px;

        object-fit: contain;
    }

    .about-section .about-section__call-button .callback-placeholder {
        width: 100%;
    }
}

/* =========================================================
   SMALL MOBILE
   ========================================================= */
@media (max-width: 374px) {
    .about-section > .inner-width {
        margin-right: 10px;
        margin-left: 10px;
    }

    .about-section .page-section__title.center {
        margin-bottom: 24px;
        font-size: 28px;
    }

    .about-section .about-section__image-wrapper {
        border-radius: 13px;
    }

    .about-section .about-section__text {
        font-size: 14px;
        line-height: 1.35;
    }

    .about-section .about-section__text p {
        margin-bottom: 20px;
    }

    .about-section .about-section__actions {
        margin-top: 18px;
        gap: 9px;
    }

    .about-section .about-section__project-button.btn-green-full,
    .about-section .about-section__project-button.btn-green-full a,
    .about-section .about-section__project-button.btn-green-full button,
    .about-section .about-section__project-button.btn-green-full input,
    .about-section .about-section__call-button .btn-green,
    .about-section .about-section__call-button .callback-btn,
    .about-section .about-section__call-button button {
        height: 48px;
        min-height: 48px;
    }
}