:root {
        --linear-gradient: linear-gradient(to right, #b7bcca 0%, rgb(252, 252, 255) 30%, rgb(252, 252, 255) 70%, #b7bcca 100%);
        --text: #1b2f56;
    }

    * {
        margin: 0; 
        padding: 0;
        box-sizing: border-box;
    }

    body {
        background: var(--linear-gradient);
        min-height: 100vh;
        overflow-x: hidden;
    }

    .text h1 {
        text-align: center;
        margin-top: 3rem;
        color: var(--text);
        font-size: 40px;
        font-weight: 900;
    }

    .first-support {
        display: flex;
        justify-content: center;
    }

    .img-1 img {
        margin-top: 1vh;
        width: 160px;
    }

    .second-support {
        display: flex;
        gap: 5px;
        justify-content: center;

    }

    .img-2 img {
        width: 160px;
    }

    .third-support {
        display: flex;
        gap: 5px;
        justify-content: center;
    }

    .img-3 img {
        width: 160px;
    }

    .fourth-support {
        display: flex;
        justify-content: center;
align-items: center;
    }

    .img-4 img {
        width: 160px;
    }

    .fifth-support {
        display: flex;
        gap: 5px;
        justify-content: center;
    }

    .img-5 img {
        width: 160px;
    }

    .sixth-support {
        display: flex;
        gap: 5px;
        justify-content: center;
    }

    .img-6 img {
        width: 160px;
    }

    .seventh-support {
        display: flex;
        gap: 5px;
        justify-content: center;
    }
       .img-7 img{
        width: 250px;
       }

    @media (max-width: 768px) {
        .text h1 {
            font-size: 26px;
            padding: 0 10px;
        }

        .first-support,
        .second-support,
        .third-support,
        .fourth-support,
        .fifth-support,
        .sixth-support,
        .seventh-support {
            flex-wrap: wrap;
            justify-content: center;
            gap: 10px;
            padding: 10px;
        }

        .img-1 img,
        .img-2 img,
        .img-3 img,
        .img-4 img,
        .img-5 img,
        .img-6 img,
        .img-7 img{
            width: 110px;
            height: auto;
        }
        #big img{
            width: 90px !important;
        }
    }

    @media (max-width: 430px) {
        .text h1 {
            font-size: 20px;
        }
#big img{
         width: 70px !important;
}
        .img-1 img,
        .img-2 img,
        .img-3 img,
        .img-4 img,
        .img-5 img,
        .img-6 img,
        .img-7 img{
            width: 90px;
            height: auto;
        }

        section {
            flex-direction: row;
            flex-wrap: wrap;
            gap: 8px;
            padding: 5px 0;
        }
    }