.collegs {
        font-family: 'Open Sans', sans-serif;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        text-align: left;
        padding: 0px;
        margin: 0px;
    }

    .collegs1 {
        padding-top: 80px;
        width: 1500px;
    }

    .collegs-title {
        font-weight: 700;
        font-size: 49px;
        line-height: 100%;
        color: #2B2B2C;
        margin-bottom: 50px;
    }

    .swiper-collegs {
        width: calc(100% + 40px); /* компенсируем margin-right слайдов */
        padding-left: 50px;
    }

    .swiper-container-wrapper {
        width: 100%; /* или конкретное значение, например 1200px */
        overflow: hidden;
    }

    .swiper-left-collegs {
        height: 900px;
    }

    .swiper-slide-collegs {
        width: 450px !important;
        height: 802px !important;
        border-radius: 10.5px !important;
        border: 1px solid #AAADB066 !important;
        transition: background-color 0.5s ease, color 0.5s ease;
        display: block;
        margin-right: 40px;
    }

    .mySwiper-collegs .swiper-pagination .swiper-pagination-bullet {
        width: 13px !important;
        height: 13px !important;
        background-color: #4A5A72 !important;
    }

    .mySwiper-collegs .swiper-pagination {
        top: 840px;
    }

    .collegs-name {
        font-weight: 600;
        font-size: 35px;
        line-height: 100%;
        color: #2B2B2C;
        margin-top: 25px;
        margin-bottom: 20px;
        margin-left: 15px;
    }

    .collegs-text1 {
        font-weight: 400;
        font-size: 24px;
        line-height: 130%;
        color: #2B2B2C;
        margin-left: 15px;
    }

    .collegs-text2 {
        font-weight: 400;
        font-size: 24px;
        line-height: 130%;
        color: #2B2B2C;
        margin-left: 15px;
    }

    @media (max-width: 1700px) {
        .collegs1 {
            margin-left: 165px;
        }

        .mySwiper-collegs .swiper-pagination {
            margin-left: 530px;
        }

        .collegs1 {
            width: 1370px;
        }
    }

    @media (max-width: 1530px) {
        .collegs1 {
            width: 1155px;
        }
    }

    @media (max-width: 1410px) {
        .mySwiper-collegs .swiper-pagination {
            margin-left: 430px;
        }
    }

    @media (max-width: 1370px) {
        .collegs1 {
            margin-left: 105px;
        }
    }

    @media (max-width: 1300px) {
        .collegs1 {
            width: 1028px;
        }
    }

    @media (max-width: 1150px) {
        .mySwiper-collegs .swiper-pagination {
            margin-left: 330px;
        }

        .collegs1 {
            width: 876px;
        }
    }

    @media (max-width: 1000px) {
        .mySwiper-collegs .swiper-pagination {
            margin-left: 230px;
        }

        .swiper-collegs {
            padding-left: 0;
        }

        .collegs1 {
            width: 683px;
        }
    }

    @media (max-width: 820px) {
        .collegs1 {
            width: 574px;
        }

        .mySwiper-collegs .swiper-pagination {
            margin-left: 110px;
        }
    }

    @media (max-width: 720px) {
        .collegs-title {
            font-size: 40px;
        }

        .swiper-left-collegs {
            margin-left: 0px;
        }
    }

    @media (max-width: 700px) {
        .collegs1 {
            width: 454px;
        }
    }

    @media (max-width: 630px) {
        .mySwiper-collegs .swiper-pagination {
            margin-left: 30px;
        }

        .collegs1 {
            margin-left: 80px;
        }

        .collegs-title {
            font-size: 33px;
        }
    }

    @media (max-width: 550px) {

        .swiper-slide-collegs {
            width: 420px !important;
        }

        .collegs1 {
            width: 428px;
        }
    }

    @media (max-width: 505px) {
        .swiper-slide-collegs {
            width: 385px !important;
            height: 730px !important;
        }

        .collegs-text1 {
            font-size: 19px;
        }

        .collegs-text2 {
            font-size: 19px;
        }

        .mySwiper-collegs .swiper-pagination {
            top: 790px;
            margin-left: 0px;
        }

        .collegs-title {
            font-size: 28px;
        }

        .collegs1 {
            width: 393px;
        }
    }

    @media (max-width: 470px) {
        .collegs1 {
            margin-left: 50px;
        }
    }

    @media (max-width: 445px) {
        .swiper-slide-collegs {
            width: 350px !important;
            height: 680px !important;
        }

        .mySwiper-collegs .swiper-pagination {
            top: 730px;
            margin-left: -17px;
        }

        .collegs-name {
            font-size: 30px;
            margin-top: 18px;
            margin-bottom: 7px;
            margin-left: 10px;
        }

        .collegs-text1 {
            font-size: 17px;
        }

        .collegs-text2 {
            font-size: 17px;
        }

        .collegs-title {
            font-weight: 600;
            font-size: 27px;
            line-height: 100%;
            margin-bottom: 30px;
        }

        .swiper-left-collegs {
            height: 820px;
        }

        .collegs1 {
            width: 358px;
        }
    }

    @media (max-width: 420px) {
        .collegs1 {
            margin-left: 18px;
        }

        .swiper-slide-collegs {
            margin-right: 60px;
        }

        .swiper-left-collegs {
            height: 700px;
        }
    }

    @media (max-width: 415px) {
        .swiper-slide-collegs {
            width: 327px !important;
            height: 581px !important;
        }

        .collegs-name {
            font-weight: 700;
            font-size: 25.4px;
            line-height: 100%;
        }

        .collegs-text1 {
            font-weight: 400;
            font-size: 17.41px;
            line-height: 130%;
        }

        .collegs-text2 {
            font-weight: 400;
            font-size: 17.41px;
            line-height: 130%;
        }

        .mySwiper-collegs .swiper-pagination {
            top: 630px;
        }
    }

    @media (max-width: 375px) {
        .collegs1 {
            width: 334px;
        }
    }

    @media (max-width: 355px) {
        .swiper-slide-collegs {
            width: 290px !important;
            height: 530px !important;
        }

        .collegs-title {
            font-size: 24px;
        }

        .collegs-text1 {
            font-size: 14.41px;
        }

        .collegs-text2 {
            font-size: 14.41px;
        }

        .mySwiper-collegs .swiper-pagination {
            top: 570px;
        }

        .swiper-left-collegs {
            height: 660px;
        }

        .collegs1 {
            width: 298px;
        }
    }