/*body {
}
body {
    background: #ccc;
}*/

.bannersalls .main {
    /* font-family: Arial;
    width: 500px;
    display: block;
    margin: 0 auto;*/
}

.bannersalls h3 {
    background: #fff;
    color: #3498db;
    font-size: 36px;
    line-height: 100px;
    margin: 10px;
    padding: 2%;
    position: relative;
    text-align: center;
}

.bannersalls .action {
    display: block;
    margin: 100px auto;
    width: 100%;
    text-align: center;
}

    .bannersalls .action a {
        display: inline-block;
        padding: 5px 10px;
        background: #f30;
        color: #fff;
        text-decoration: none;
    }

        .bannersalls .action a:hover {
            background: #000;
        }

.active.carousel-item-start, .carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(-100%) !important;
    /* transform: none !important;*/
}

.carousel-item.pointer-event.active {
}

.bo-baspana {
    transform: none;
}

.carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left {
    /*transform: none !important;*/
}

.carousel-item-next:not(.carousel-item-left), .active.carousel-item-right {
    /*transform: none !important;*/
}

.active.carousel-item-end, .carousel-item-next:not(.carousel-item-start) {
    /*transform: none !important;*/
    transform: translateX(100%) !important;
}

.carousel-item.pointer-event {
}

div#carouselExampleCaptions {
}

.BannersAlls .carousel-indicators [data-bs-target] {
    background: #D2D4D4;
    border-radius: 6px;
    width: 6px !important;
    height: 6px !important;
    padding: 0px !important;
    border-top: 0px solid transparent;
    border-bottom: 0px solid transparent;
}

.BannersAlls .carousel-indicators {
    height: max-content;
    align-items: center;
}

    .BannersAlls .carousel-indicators button.active {
        background: #F05E22 !important;
        width: 10px !important;
        height: 10px !important;
    }

.carousel.slide.BannersAlls button.carousel-control-prev {
    height: 83%;
    display: flex;
    width: max-content;
    padding: 10px;
}

.carousel.slide.BannersAlls button.carousel-control-next {
    height: 83%;
    display: flex;
    width: max-content;
    padding: 10px;
}

.carousel.slide.BannersAlls {
    height: 57% !important;
}

.bo-baspana {
}

.carousel.slide.BannersAlls .bo-baspana {
    margin: 0px !important;
}

.carousel.slide.BannersAlls {
    margin-bottom: 71px;
    padding-bottom: 55px;
}

@media(max-width:1200px) {
    .carousel-inner {
    }

    .carousel.slide.BannersAlls .carousel-inner {
        width: 100% !important;
        width: 100% !important;
        display: flex;
        grid-gap: 13px;
    }

    .carousel.slide.BannersAlls .bo-baspana {
        width: 91%;
        margin: 0px 17px !important;
    }

    .carousel.slide.BannersAlls button.carousel-control-prev {
        padding: 28px;
        background: transparent;
        display: none;
    }

    .carousel.slide.BannersAlls button.carousel-control-next {
        padding: 28px;
        background: transparent;
        display: none;
    }

    .g_v--w {
        display: none !important;
    }

    .g_v--m {
        display: block !important;
        display: block !important;
        height: 190px !important;
    }

    .main .carousel.slide.BannersAlls .carousel-item img {
        /*width: 93% !important;*/
    }

    div#carouselExampleCaptions {
        width: 93%;
        margin: 0 auto;
    }
}

.carousel.slide.BannersAlls .carousel-item img {
    width: 100% !important;
}

.g_v--m {
    display: none;
}

.g_v--w {
    display: block;
    display: block;
    height: 310px !important;
    height: 305px !important;
}

@media(min-width:1200px) {
    .BannersAlls .carousel-indicators {
        /*        grid-gap: 12px;
        margin-bottom: 40px;*/
        grid-gap: 12px;
        margin-bottom: 11px;
    }

    .carousel.slide.BannersAlls button.carousel-control-prev {
        background: transparent !important;
        height: 78% !important;
    }

    .carousel.slide.BannersAlls button.carousel-control-next {
        background: transparent !important;
        height: 78% !important;
    }

    .carousel.slide.BannersAlls .carousel-control-prev-icon {
        width: 24px;
        height: 24px;
    }

    .carousel.slide.BannersAlls .carousel-control-next-icon {
        width: 24px;
        height: 24px;
    }
}

.g_v--m {
    background-size: cover !important;
    height: 100% !important;
}

.g_v--w {
    background-size: cover !important;
    height: 100% !important;
}

.BannersAlls .carousel-item {
    height: 280px !important;
}


@media(max-width:1200px) {

    .green-mrt-btn, .online-mrt-btn, .asyl_meken_btn {
        display: none;
    }


    .Survey_ru, .Survey_kz, .green_mortage_ru,
    .green_mortage_kz, .online_mortage_kz, .online_mortage_ru, .asyl_meken_ru, .asyl_meken_kz, .ipoteka_kz, .ipoteka_ru {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        height: 280px;
        background-size: 100%;
        object-fit: cover;
        background-position: center;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
    }


    .green_mortage_ru {
        background-image: url(/Images-baspana/zelenaya_ipoteka_ru.webp);
        background-color: white;
    }

    .green_mortage_kz {
        background-image: url(/Images-baspana/zelenaya_ipoteka_kz.webp);
        background-color: white;
    }

    .online_mortage_ru {
        background-image: url(/Images-baspana/IpotekaOnlineBanner/baspana_маленькие_3_рус.png);
    }

    .online_mortage_kz {
        background-image: url('/Images-baspana/IpotekaOnlineBanner/baspana_маленькие_2_каз.png');
    }

    .asyl_meken_ru {
        background-image: url('/Images-baspana/AsylMeken/Адаптив_рус.png');
    }

    .asyl_meken_kz {
        background-image: url('/Images-baspana/AsylMeken/Адаптив_каз.png');
    }

    .ipoteka_kz {
        background-image: url('/Images-baspana/IpotekaBanner/баспана моб сайт каз (1).png');
    }

    .ipoteka_ru {
        background-image: url('/Images-baspana/IpotekaBanner/баспана моб сайт рус.png');
    }


    div .BannersAlls .carousel-item {
        height: max-content !important;
    }

    div#carouselExampleCaptions {
        margin-bottom: 89px !important;
        padding-bottom: 31px !important;
    }

    .Survey_ru {
        background-image: url(/Images-baspana/SurveyBanners/Survey_Banner_ru_mob.webp);
    }

    .Survey_kz {
        background-image: url(/Images-baspana/SurveyBanners/Survey_Banner_kz_mob.webp);
    }

    div.BannersAlls .carousel-indicators {
        grid-gap: 8px !important;
    }

    div.BannersAlls .carousel-item div {
        height: 186px !important;
    }

        div.BannersAlls .carousel-item div.askeri-baspana {
            margin-top: 0px !important;
            height: 201px !important;
            border-radius: 8px;
            /* height: max-content !important; */
            background-size: cover !important;
            background-position: 69% !important;
            display: block !important;
        }

            div.BannersAlls .carousel-item div.askeri-baspana div {
                margin: 0px !important;
            }


                div.BannersAlls .carousel-item div.askeri-baspana div span#EtspId {
                    height: max-content !important;
                    margin-left: auto !important;
                    position: absolute !important;
                    right: 0;
                    margin-right: 31px;
                }


    .askeri-baspana p br {
        display: none;
    }

    .carousel-item.grand--main {
        /*display: block !important;*/
    }

    .carousel-item.askeri--main.active {
        display: none !important;
    }

    .a_b--w {
    }

    .ab_back--s {
        background-image: url(/Images-baspana/Qazaq_stroy_m.webp);
        background-size: 100%;
        object-fit: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    a.a_b--wb {
        display: none !important;
    }
}

div.BannersAlls .carousel-indicators {
    grid-gap: 8px !important;
    z-index: 8 !important;
    grid-gap: 8px !important;
    z-index: 5 !important;
}


@media(min-width:1200px) {

    .green_mortage_ru,
    .green_mortage_kz, .Survey_ru, .Survey_kz, .online_mortage_ru, .online_mortage_kz, .asyl_meken_ru, .asyl_meken_kz, .ipoteka_kz, .ipoteka_ru {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        height: 280px;
        background-size: 100%;
        object-fit: cover;
        background-position: center;
        background-repeat: no-repeat;
    }



    .Survey_ru {
        background-image: url(/Images-baspana/SurveyBanners/Survey_Banner_ru.webp);
    }

    .Survey_kz {
        background-image: url(/Images-baspana/SurveyBanners/Survey_Banner_kz.webp);
    }

    .green_mortage_ru {
        background-image: url(/Images-baspana/zelenaya_ipoteka_ru.webp);
    }

    .green_mortage_kz {
        background-image: url(/Images-baspana/zelenaya_ipoteka_kz.webp);
    }

    .online_mortage_ru {
        background-image: url(/Images-baspana/IpotekaOnlineBanner/Баспана_1_рус.png);
    }

    .online_mortage_kz {
        background-image: url('/Images-baspana/IpotekaOnlineBanner/Баспана_1_каз .png');
    }


    .asyl_meken_kz {
        background-image: url('/Images-baspana/AsylMeken/Веб_каз.png');
    }

    .ipoteka_kz {
        background-image: url('/Images-baspana/IpotekaBanner/баспана сайт каз (1).png');
    }

    .ipoteka_ru {
        background-image: url('/Images-baspana/IpotekaBanner/баспана сайт рус.png');
    }

    .asyl_meken_ru {
        background-image: url('/Images-baspana/AsylMeken/Веб_рус.png');
    }

    .ab_back--s {
        background-image: url(/Images-baspana/Qazaq_stroy_w_2.webp);
    }

    .ab_back--s {
        background-size: 100%;
        height: 280px;
        object-fit: cover;
        background-position: center;
        background-repeat: no-repeat;
    }


    a.a_b--wb div.a_b--w--b {
        font-family: 'Ubuntu';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        display: flex;
        align-items: center;
        text-align: center;
        color: #FFFFFF;
        background: #2C3537;
        border-radius: 6px;
        width: max-content;
        padding: 14px 40px;
        position: absolute;
        margin: -261px 0px 0px -903px;
        background: #F05E22;
        padding: 14px 26px;
        /*margin: 148px 0px 0px 100px;*/
    }

    a.a_b--wb {
    }

    a.a_b--wb {
        position: absolute;
        margin-left: 315px;
        margin-top: 11px;
        position: absolute;
        margin-left: 310px;
        margin-top: 4px;
        margin-left: 340px;
    }

    .green-mrt-btn {
        background: #F05E22;
        border-radius: 6px;
        font-family: 'Ubuntu';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        display: flex;
        align-items: center;
        text-align: center;
        color: #FFFFFF;
        position: absolute;
        padding: 14px 26px;
        right: 44%;
        bottom: 12%;
    }

    .online-mrt-btn {
        background: #F05E22;
        border-radius: 6px;
        font-family: 'Ubuntu';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        display: flex;
        align-items: center;
        text-align: center;
        color: #FFFFFF;
        position: absolute;
        padding: 14px 26px;
        right: 5%;
        bottom: 70%;
    }

    .asyl_meken_btn {
        background: #F05E22;
        border-radius: 6px;
        font-family: 'Ubuntu';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        display: flex;
        align-items: center;
        text-align: center;
        color: #FFFFFF;
        position: absolute;
        padding: 14px 26px;
        right: 5%;
        bottom: 10%;
    }

    .gos_reward_rus .asyl_meken_btn {
        right: 43%;
        bottom: 5%;
    }

    .gos_reward_kz .asyl_meken_btn {
        right: 43%;
        bottom: 3%;
    }
}

.ab_back--s {
    border-radius: 6px;
}

.ab_back--s {
    border-radius: 6px;
}