.Choosebba {
    position: relative;
    margin: 9% 0%;
}

.Choosebba .choosebbaCollab {
    width: 469px;
    height: 100%;
    position: absolute;
    left: 15%;
    top: 0%;
    /* transform: translate(0%, -50%); */
}

.Choosebba .choosebbaLeft h3 {
    font: normal normal bold 32px/45px Open Sans;
    letter-spacing: 0px;
    color: #000000
}

.Choosebba .choosebbaLeft p {
    font-size: 16px;
    letter-spacing: 0px;
    color: #383838;
}

.Choosebba .choosebbaLeft {
    width: 75%;
}

/* .Choosebba .ChooseImg_sec {
    background-color: #FF860059;
    text-align: end;
    position: relative;
    width: 481px;
    border-top-right-radius: 18px;
    border-bottom-right-radius: 18px;
    height: 400px;
} */

.hdddddd {
    position: absolute;
    width: 100%;
    bottom: 11px;
    height: 100%;
}

.Choosebba .choosebbaRow {
    /* position: absolute; */
    top: 0;
    background-color: #FF860059;
    height: 380px;
    width: 20%;
    border-radius: 0px 25px 25px 0px;
}

@media screen and (min-width: 0px) and (max-width: 320px) {
    .Choosebba .choosebbaCollab {
        width: 100%;
        height: auto;
        position: unset;
        left: 50%;
        /* top: 50%; */
        /* transform: translate(-50%, 0%); */
    }

    /* .ChooseImg_sec {
        width: 100%;
        padding: 4% 0% 4% 1%;
    } */

    .Choosebba .choosebbaLeft h3 {
        font: normal normal bold 20px/27px Open Sans;
        text-align: center;
    }

    .Choosebba .choosebbaLeft p {
        font-size: 13px;
        text-align: justify;
    }

    .Choosebba .choosebbaLeft {
        margin-top: 8%;
        width: 100%;
    }

    .Choosebba .hdddddd {
        position: unset;
        width: unset;
    }

    .Choosebba .choosebbaRow {
        height: 0px;
    }
}

@media screen and (min-width: 321px) and (max-width: 485px) {
    .Choosebba .choosebbaCollab {
        width: 100%;
        height: auto;
        position: unset;
        left: 50%;
        /* top: 50%; */
        /* transform: translate(-50%, 0%); */
    }

    .ChooseImg_sec {
        width: 100%;
        padding: 4% 0% 4% 1%;
        height: 248px;
    }

    .Choosebba .choosebbaLeft h3 {
        font: normal normal bold 20px/27px Open Sans;
        text-align: center;
    }

    .Choosebba .choosebbaLeft p {
        font-size: 13px;
        text-align: justify;
    }

    .Choosebba .choosebbaLeft {
        margin-top: 8%;
        width: 100%;
    }

    .Choosebba .choosebbaLeft {
        margin-top: 8%;
        width: 100%;
    }

    .Choosebba .hdddddd {
        position: unset;
        width: unset;
    }

    .Choosebba .choosebbaRow {
        height: 0px;
    }
}

@media screen and (min-width: 486px) and (max-width: 575px) {
    .Choosebba .choosebbaCollab {
        width: 100%;
        height: auto;
        position: unset;
        left: 50%;
        /* top: 50%; */
        /* transform: translate(-50%, 0%); */
    }

    .ChooseImg_sec {
        width: 100%;
        padding: 4% 0% 4% 1%;
    }

    .Choosebba .choosebbaLeft h3 {
        font: normal normal bold 20px/27px Open Sans;
        text-align: center;
    }

    .Choosebba .choosebbaLeft p {
        font-size: 13px;
        text-align: justify;
    }

    .Choosebba .choosebbaLeft {
        margin-top: 8%;
        width: 100%;
    }

    .Choosebba .choosebbaLeft {
        margin-top: 8%;
        width: 100%;
    }

    .Choosebba .hdddddd {
        position: unset;
        width: unset;
    }

    .Choosebba .choosebbaRow {
        height: 0px;
    }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
    .Choosebba .choosebbaCollab {
        width: 200px;
        height: auto;
        position: absolute;
        /* right: -50%; */
        top: 50%;
        transform: translate(0%, -50%);
        left: 5%;
    }

    .ChooseImg_sec {
        width: 205px;
        padding: 4% 0% 4% 1%;
        height: 248px;
    }

    .Choosebba .choosebbaLeft h3 {
        font: normal normal bold 20px/27px Open Sans;
        text-align: center;
    }

    .Choosebba .choosebbaLeft p {
        font-size: 13px;
        text-align: justify;
    }

    .Choosebba .choosebbaLeft {
        margin-top: 8%;
        width: 100%;
    }

    .Choosebba .choosebbaRow {
        /* position: absolute; */
        top: 0;
        background-color: #FF860059;
        height: 271px;
        width: 20%;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .Choosebba .choosebbaCollab {
        width: 250px;
        height: auto;
        position: absolute;
        left: 6%;
        top: 50%;
        transform: translate(0%, -50%);

    }

    .ChooseImg_sec {
        width: 205px;
        padding: 4% 0% 4% 1%;
        height: 248px;
    }

    .Choosebba .choosebbaLeft h3 {
        font: normal normal bold 20px/27px Open Sans;
        text-align: center;
    }

    .Choosebba .choosebbaLeft p {
        font-size: 15px;
        text-align: justify;
    }

    .Choosebba .choosebbaLeft {
        margin-top: 8%;
        width: 100%;
    }
}

@media screen and (min-width: 992px) and (max-width:1200px) {

    .ChooseImg_sec {
        width: 364px;
        padding: 4% 0% 4% 20%;
        height: 400px;
    }

    .Choosebba .choosebbaCollab {
        width: 306px;
        height: 196px;
        /* right: -19%; */
        top: 50%;
        transform: translate(0%, -50%);
        left: 6%;
    }

    .Choosebba .choosebbaLeft h3 {
        font: normal normal bold 25px/27px Open Sans;
        text-align: center;
    }
}

@media screen and (min-width: 1200px) and (max-width:1600px) {

    .ChooseImg_sec {
        width: 435px;
        height: 400px;
    }

    .Choosebba .choosebbaCollab {
        width: 409px;
        height: 265px;
        /* right: -36%; */
        left: 6%;
        top: 17%;
    }
}

@media screen and (min-width: 2000px) and (max-width:2560px) {

    .ChooseImg_sec {
        width: 664px;
        height: 535px;
    }

    .Choosebba .choosebbaCollab {
        width: 501px;
        height: 348px;
        position: absolute;
        right: -48%;
        top: 50%;
        transform: translate(0%, -50%);
    }

    .Choosebba .choosebbaRow {
        /* position: absolute; */
        top: 0;
        height: 490px;
        width: 20%;
    }
}