.mabSec_2{
    .orange_grad_bx{
        top: 120px;
        right: -43px;
        opacity: 1;
    }
    .green_grad_bx{
        top: -45px;
        left: 70px;
        opacity: 1;
    }
    .imgInfoTxt{
        &::before{
            width: 4px;
            height: 45px;
            position: absolute;
            content: "";
            background: url(../images/marketing-branding/infoLine.png) no-repeat center center;
            left: 35px;
            top: -15px;
        }
    }
}
.mabSec_3{
    .green_grad_bx{
        transform: rotate(-90deg);
        bottom: 30px;
        left: -25px;
        opacity: 1;
        width: 55px;
    }
    .orange_grad_bx{
        top: 70px;
        right: -40px;
        opacity: 1;
        height: 55px;
        width: auto;
    }
}
.mabSec_4{
    .sbTxt{
        width: 100%;
        max-width: 80%;
    }
    .socialTxt{
        display: flex;
        align-items: end;
        gap: 20px;
    }
    .sideTxt{
        position: absolute;
        left: 10px;
        top: 38%;
        transform: translate(-50%) rotate(-90deg);
    }
    .sbInfoInner{
        min-height: 210px;
        max-height: 220px;
        ul{
            li{
                p{
                    color: #fff;
                }
            }
        }
    }
    .sdImg{
        .green_grad_bx{
            width: 55px;
            top: -38px;
            right: 30px;
            mix-blend-mode: multiply;
            opacity: 1;
        }
        .orange_grad_bx {
            width: auto;
            height: 55px;
            mix-blend-mode: multiply;
            opacity: 1;
            top: 30px;
            left: -40px;
        }
    }
}
.mabSec_5{
    .plpImg{
        .green_grad_bx{
            width: 55px;
            top: -40px;
            right: 60px;
            opacity: 1;
            mix-blend-mode: multiply;
        }
        .orange_grad_bx{
            width: auto;
            height: 55px;
            bottom:40px;
            left: -30px;
            opacity: 1;
            mix-blend-mode: multiply;
        }
    }
    .plpTxt{
        &.ppl_text_3{
            .plpImg{
                .green_grad_bx {
                    width: 55px;
                    top: 50px;
                    right: -25px;
                    opacity: 1;
                    mix-blend-mode: multiply;
                }
            }
        }
        &.ppl_text_4{
            .plpImg{
                .orange_grad_bx {
                    width: auto;
                    height: 55px;
                    top: 50px;
                    right: -25px;
                    left: auto;
                    opacity: 1;
                    mix-blend-mode: multiply;
                }
            }
        }
    }
}
.row_2{
    .sccWrap{
        .sccImg{
            margin: 0 auto;
        }
    }
}
.gridImg{
    display: flex;
    flex-wrap: wrap;
    padding: 0 4px;
    .column {
        flex: 20%;
        max-width: 25%;
        padding: 5px 8px;
        a{
            display: block;
            position: relative;
            margin-bottom: 10px;
            border: 2px solid #076962;
            .newsText{
                position: absolute;
                left: 0;
                bottom: 0;
                padding: 4px 10px;
                font-size: 13px;
                backdrop-filter: blur(5px);
                font-weight: 600;
                &.bg_f78f35{
                    background-color: #f78f358c;
                }
                &.bg_229e82{
                    background-color: #229e8285;
                }
                &.bg_ffca43{
                    background-color: #ffca4387;
                }
            }
        }
    }
}

.newsImg2, .newsImg4, .newsImg5, .newsImg7, .newsImg8, .newsImg12, .newsImg13, .newsImg15{
    height: 260px;
    width: 100%;
    object-fit: cover;
    object-position: top center;
}


/* Responsive */

@media (max-width: 1600px){
    .mabSec_2 {
        .green_grad_bx{
            width: 50px;
        }
        .orange_grad_bx {
            width: 70px;
            top: 120px;
            right: -15px;
            opacity: 1;
        }
    }
}

@media (max-width: 1440px){
    .mabSec_2 {
        .orange_grad_bx {
            right: 0;
        }
    }
}

@media (max-width: 1366px){
    .mabSec_1 {
        .sbprTxt{
            p{
                font-size: 20px !important;
            }
        }
        .sdprImg{
            width: 100%;
            height: 550px;
            img{
                width: 100%;
                height: 100%;
                object-fit: contain;
            }
        }
    }
}

@media (max-width: 1280px){
    .newsImg2, .newsImg4, .newsImg5, .newsImg7, .newsImg8, .newsImg12, .newsImg13, .newsImg15 {
        height: 220px;
    }
}

@media (max-width: 1199px){

    .gridImg {
        .column {
            flex: 50%;
            max-width: 50%;
            img {
                /* margin-bottom: 10px; */
                height: auto;
                max-height: 280px;
                width: 100%;
                object-fit: cover;
                object-position: top center;
                &.newsImg3{
                    max-height: 550px;
                }
            }
        }
    }

    .mabSec_1 {
        .row_1{
            row-gap: 30px;
        }
    }

    .mabSec_4 {
        .sbInfoInner {
            min-height: 210px;
            max-height: 100%;
        }
    }
}

@media (max-width: 1024px){
    .mabSec_4 {
        .sideTxt {
            font-size: 22px !important;
        }
    }
}

@media (max-width: 991px){
    .gridImg {
        .column {
            img {
                max-height: 230px;
                &.newsImg3{
                    max-height: 400px;
                }
            }
        }
    }

    .mabSec_1 {
        .sbprTxt{
            p{
                font-size: 16px !important;
            }
        }
        .sdprImg{
            width: 100%;
            height: auto;
        }
    }
}


@media (max-width: 575px){
    .gridImg {
        & .column {
            .newsImg2, .newsImg4, .newsImg5, .newsImg7, .newsImg8, .newsImg15{
                max-height: 250px;
            }
        }
    }
}

@media screen and (max-width:1200px) {
    .sbprTxt{
        margin-bottom: 20px;
    }
}
@media screen and (max-width:991px) {
    .btbTxt{
        margin-bottom: 60px;
    }
    .mabSec_2 {
        .splImgWrap{
            padding-right: 30px;
            .green_grad_bx {
                top: -35px;
            }     
            .orange_grad_bx {
                right: 15px;
            }       
        }
    }
    .mabSec_3 {
        .splImgWrap{
            padding-left:20px;
            .green_grad_bx {
                left:5px;
            }
        }
        .row_2{
            .col-lg-6{
                margin-bottom: 20px;
                &:last-child{
                    .splImgWrap{
                        padding-left:0px;
                        padding-right: 20px;
                        .orange_grad_bx {
                            right:5px;
                        }
                    }
                }
            }
        }
    }
}
@media screen and (max-width:768px) {
.sbInfo{
    .row{
        .col-md-6{
            margin-bottom: 20px;
        }
    }
}
.mabSec_4 {
    .sbInfoInner {
        min-height: 225px;
        margin-bottom: 40px;
    }
    .womansDayImg{
        padding-left: 30px;
    }
    & .sdImg {
        .orange_grad_bx {
            left: -10px;
        }
    }
    
    .sbTxt {
        max-width: 100%;
    }
}
.mabSec_5 {
    .plpImg {
        &.plpImg_1{
            padding-left: 30px;
            .orange_grad_bx {
                left: -5px;
            }
        }
        &.plpImg_2{
            padding-right: 30px;
            .green_grad_bx {
                right: 3px;
            }
        }
    }
    & .plpTxt {
        &.ppl_text_3 {
            margin-bottom: 20px;
            & .plpImg {
                &.plpImg_2{
                    padding-right: 30px;
                    .green_grad_bx {
                        right: 3px;
                    }
                }
            }
        }
        &.ppl_text_4 {
            margin-bottom: 0px;
            & .plpImg {
                padding-right: 20px;
                .orange_grad_bx {
                    right: -7px;
                }
            }
        }
    }
    .row_2 {
        .sccWrap {
            padding-top: 0px !important;
        }
    }
}
}
@media screen and (max-width:767px) {
.gridImg {
        & .column {
            flex: 100%;
            max-width: 100%;
            img {
                max-height: 100%;
                height: auto;
            }
            .newsImg2, .newsImg4, .newsImg5, .newsImg7, .newsImg8, .newsImg15{
                max-height: 450px;
            }
        }
    }
    .btbTxt {
        margin-bottom: 30px;
    }
    .mabSec_2 {
        & .splImgWrap {            
            padding-right: 5px;
            .green_grad_bx {
                top: -20px;
                left: 48px;
                width: 35px;
            }
        }
    }
    .mabSec_2 {
        & .splImgWrap {
            .orange_grad_bx {
                right: 5px;
                width: 45px;
                top: 90px;
            }
        }
    }
    .mabSec_3 {
        .green_grad_bx {
            width: 35px;
        }
        .orange_grad_bx {
            top: 26px;
            height: 35px;
        }
    }
    .mabSec_4 {
        & .sdImg {
            .green_grad_bx {
                width: 40px;
                top: -28px;
                right: 30px;
            }
        }
    }
    .mabSec_4 {
        & .sdImg {
            .orange_grad_bx {
                height: 35px;
                top: 30px;
                left: -8px;
            }
        }
    }
    .mabSec_4 {
        .womansDayImg {
            padding-left: 15px;
        }
    }
    .mabSec_5 {
        & .plpImg {
            .green_grad_bx {
                width: 35px;
                top: -25px;
                right: 25px;
            }
        }
    }
    .mabSec_5 {
        & .plpImg {
            .orange_grad_bx {
                height: 35px;
                bottom: 30px;
                left: -30px;
            }
        }
        & .plpImg {
            &.plpImg_1 {
                padding-left: 15px;
            }
        }
    }
    .mabSec_5 {
        & .plpTxt {
            &.ppl_text_3 {
                & .plpImg {
                    .green_grad_bx {
                        width: 35px;
                    }
                    &.plpImg_2 {
                        padding-right: 15px;
                    }
                }
            }
            &.ppl_text_4 {
                & .plpImg {
                    .orange_grad_bx {
                        height: 35px;
                        top: 50px;
                        right: -5px;
                    }
                }
            }
        }
    }
}