@media(min-width:1200px) {

    body {
    }

    .CompModalMain--header img {
        width: 29px;
        height: 35px;
        font-size: 13px;
    }

    .CompModalMain {
        width: 1185px;
        /* White Background */
        background: #FFFFFF;
        height: 373px;
    }

    .CompModalMain--body img {
        width: 496px !important;
        height: 247px !important;
        object-fit: none !important;
        position: absolute;
        left: 603px;
        top: 98px;
        top: 76px;
        top: 66px;
        left: 542px;
    }

    .CompModalMain--header {
        display: flex;
        width: 100%;
        justify-content: space-between;
        padding-right: 36px;
        padding-left: 73px;
        padding-top: 30px;
    }

        .CompModalMain--header div img {
            width: 100% !important;
        }

        .CompModalMain--header img {
            width: 26px !important;
        }

        .CompModalMain--header div {
            display: flex;
            grid-gap: 22px;
        }

    .CompModalMain--body {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-right: 87px;
        padding-left: 73px;
    }

        .CompModalMain--body p {
            font-family: 'Ubuntu';
            font-style: normal;
            font-weight: 400;
            font-size: 14px;
            line-height: 18px;
            color: #878A8A;
            width: 61%;
        }

        .CompModalMain--body h3 {
            font-family: 'Ubuntu';
            font-style: normal;
            font-weight: 700;
            font-size: 32px;
            line-height: 37px;
            letter-spacing: -0.02em;
            color: #2C3537;
            width: 65%;
        }







    a#banners_onlines--closes {
    }

    div#exampleModalIpotekaOnline .modal-content .modal-body .CompModalMain a {
        position: unset;
        margin: 0px;
        padding: 0px;
        height: max-content;
    }

        div#exampleModalIpotekaOnline .modal-content .modal-body .CompModalMain a div { /* Body L */
            font-family: 'Ubuntu';
            font-style: normal;
            font-weight: 400;
            font-size: 16px !important;
            line-height: 20px;
            /* identical to box height, or 125% */
            display: flex;
            align-items: center;
            text-align: center;
            /* White Background */
            color: #FFFFFF;
            /* Inside auto layout */
            flex: none;
            order: 1;
            flex-grow: 0;
            width: max-content;
            height: 48px;
        }

    .CompModalMain--body div {
        /* display: grid; */
        /*display:grid;*/
        display: grid;
        grid-gap: 21px;
    }

    div#exampleModalIpotekaOnline .modal-content .modal-body .CompModalMain .CompModalMain--body div a {
        margin-top: 234px;
        margin-left: auto;
        position: absolute;
        margin-right: 66px;
        right: 0;
        z-index: 9;
    }

    div#exampleModalIpotekaOnline .modal-content .modal-body .CompModalMain .CompModalMain--body {
        height: max-content !important;
        margin: 60px 0px 0px 0px;
        padding-bottom: 53px;
    }

    div.CompMoneysBannersIcons {
        background-image: url(/Images-baspana/comp-moneys-banners.webp);
    }

    .CompModalMain--body {
    }

    .CompMoneysBannersIcons {
        width: 496px !important;
        height: 247px !important;
        object-fit: none !important;
        position: absolute;
        left: 603px;
        top: 98px;
        top: 76px;
        top: 66px;
        left: 542px;
    }

    a.CompCountsForClients {
        display: none;
    }
    .wrap a.CompCountsForClients {
        display: block !important;
    }
}

@media(max-width:1200px) {
    .CompModalMain {
        width: 100%;
        background: #FFFFFF;
    }

    .CompModalMain--header div {
        display: none;
    }

    .CompModalMain--header a img {
        width: 24px;
        height: 24px;
    }

    .CompModalMain { /* White Background */
        background: #FFFFFF;
        border-radius: 8px 8px 0px 0px;
        width: 100%;
        position: fixed;
        right: 0;
        left: 0;
        bottom: 0;
        height: 70%;
    }

    .CompModalMain--body {
        display: flex;
        grid-gap: 30px;
        flex-direction: column-reverse;
        width: 100%;
        padding: 0px 17px;
    }

        .CompModalMain--body a div {
            width: 100% !important;
            background: #008F91 !important;
            border-radius: 6px !important;
        }

        .CompModalMain--body a {
            width: 92% !important;
            /* padding: 0px 17px !important; */
        }

    .CompModalMain--header a img {
        width: 100% !important;
        height: 100% !important;
        position: absolute;
    }

    div.CompMoneysBannersIcons {
        background-image: url(/Images-baspana/comp_money_icon.webp);
    }

    div.CompMoneysBannersIcons {
        width: 264px !important;
        height: 170px !important;
        object-fit: none !important;
        background-repeat: no-repeat;
        align-self: center;
        margin: 60px 0px 10px 0px !important;
    }

    .CompModalMain--body h3 { /* h4 */
        font-family: 'Ubuntu';
        font-style: normal;
        font-weight: 700;
        font-size: 26px !important;
        line-height: 30px;
        letter-spacing: -0.02em;
        color: #2C3537;
        /* Inside auto layout */
        flex: none;
        order: 0;
        flex-grow: 1;
        width: 100% !important;
    }

    .CompModalMain--body p { /* Body L */
        font-family: 'Ubuntu';
        font-style: normal;
        font-weight: 400;
        font-size: 16px !important;
        line-height: 20px !important;
        /* or 125% */
        color: #878A8A;
        /* Inside auto layout */
        flex: none;
        order: 0;
        flex-grow: 1;
    }

    .CompModalMain--body div {
        display: grid;
        grid-gap: 30px;
    }

    div#exampleModalIpotekaOnline .modal-content .modal-body .CompModalMain--body div a {
        position: unset;
        margin: 0px;
        width: 100% !important;
        height: 48px !important;
    }

    div#exampleModalIpotekaOnline .modal-content .modal-body .CompModalMain--body div {
        margin: 0 auto;
    }

    .CompModalMain--body {
    }

    div#exampleModalIpotekaOnline .modal-content .modal-body .CompModalMain--body div a div {
        width: 100% !important;
        height: 48px !important;
        align-content: center;
    }

    a#banners_onlines--closes {
    }

    a#banners_onlines--closes {
    }

    a#banners_onlines--closes {
    }
    div#exampleModalIpotekaOnline .CompModalMain {
        height: 85%;
    }


    div#exampleModalIpotekaOnline .CompModalMain {
        height: 100%;
    }
}

@media(min-width:1200px){


    .CompBanner { /* White Background */
        background: #FFFFFF;
        width: 100%;
        padding: 40px 60px;
        height: 280px;
        display: flex;
        /* align-items: center; */
    }

    .CompBanner--items h3 { /* h4 */
        font-family: 'Ubuntu';
        font-style: normal;
        font-weight: 700;
        font-size: 26px;
        line-height: 30px;
        letter-spacing: -0.02em;
        /* Dark */
        color: #2C3537;
        width: 50%;
    }

    .CompBanner--items p { /* Body L */
        font-family: 'Ubuntu';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        /* or 125% */
        /* Dark Gray */
        color: #878A8A;
        width: 60%;
    }

    .CompBanner--items div {
        display: flex;
        grid-gap: 18px;
        margin-bottom: 24px;
        width: max-content;
    }

    .CompBanner--items {
        display: grid;
        grid-gap: 19px;
    }

        .CompBanner--items div img:nth-child(1) {
            width: 24px;
            height: 29px;
        }

        .CompBanner--items div img:nth-child(2) {
            height: 24px;
            width: 91px;
        }

    .CompMoneysBannersIcons {
    }

    .CompBanner .CompMoneysBannersIcons {
        width: 47% !important;
        height: 100% !important;
        background-repeat: no-repeat;
        left: auto;
        top: auto;
        margin: 0px !important;
        margin-left: -319px !important;
        margin-top: -39px !important;
    }

    .CompBanner a div { /* Tangerine */
        background: #F05E22;
        border-radius: 6px;
        /* Body L */
        font-family: 'Ubuntu';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        /* identical to box height, or 125% */
        display: flex;
        align-items: center;
        text-align: center;
        /* White Background */
        color: #FFFFFF;
        position: absolute;
        padding: 14px 26px;
        margin: 148px 0px 0px 100px;
    }
    div.main div.CompsMobsBanner {
        display: none;
    }








}

@media(max-width:1200px){
    .CompBanner {
        display: none;
    }

    div.BannersAlls .carousel-item div.CompsMobsBanner--s {
        height: max-content !important;
        display: flex;
        padding: 28px 20px;
        justify-content: space-between;
    }

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

    div.BannersAlls .carousel-item div.CompsMobsBanner a {
        height: max-content !important;
        /* White Background */
        background: #FFFFFF;
        border-radius: 6px;
        background: #FFFFFF;
        width: 100% !important;
    }

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

    .CompsMobsBanner a {
    }

        .CompsMobsBanner a div.CompsMobsBanner--s p { /* Caption */
            font-family: 'Ubuntu';
            font-style: normal;
            font-weight: 400;
            font-size: 12px !important;
            line-height: 16px !important;
            /* or 133% */
            color: #878A8A;
        }

        .CompsMobsBanner a div.CompsMobsBanner--s h3 { /* Accent S */
            font-family: 'Ubuntu';
            font-style: normal;
            font-weight: 700;
            font-size: 16px !important;
            line-height: 140% !important;
            /* or 22px */
            /* Dark */
            color: #2C3537;
        }

    .CompsMobsBanner--s div {
        grid-gap: 11px;
        display: grid;
        text-align: -webkit-left;
        width: 69%;
    }

    .CompMoneysBannersIcons {
    }

    div.BannersAlls .carousel-item .CompsMobsBanner--s .CompMoneysBannersIcons {
    }

    div.BannersAlls .carousel-item .CompsMobsBanner--s .CompMoneysBannersIcons {
    }

    div.BannersAlls .carousel-item .CompsMobsBanner--s .CompMoneysBannersIcons {
    }

    div.BannersAlls .carousel-item .CompsMobsBanner--s .CompMoneysBannersIcons {
    }

    .main div.BannersAlls .carousel-item div.CompsMobsBanner--s .CompMoneysBannersIcons {
        position: unset !important;
        height: 110px !important;
        width: 78% !important;
        margin: 0px !important;
        background-size: 100% !important;
    }
    div.BannersAlls .carousel-item div.CompsMobsBanner a {
        height: max-content !important;
        background: #FFFFFF;
        border-radius: 4px;
        background: #FFFFFF;
        width: 100% !important;
        height: 100% !important;
    }
    div.BannersAlls .carousel-item div.CompsMobsBanner {
        height: max-content !important;
        height: 187px !important;
    }
    a#banners_onlines--closes:active {
        background: white;
    }

}














.carousel-indicators {
    display: flex !important;
}

.cbtn {
    display: block !important;
}