/* we_WorkArea */
.we_WorkArea {
    width: 100%;
    padding: 100px 0;
}
.we_WorkArea .heading {
    margin: 0 0 80px;
}
.we_WorkArea .workBox .item {
    width: 100%;
    padding: 80px 40px;
    min-height: 500px;
    background: #F3BC44;
    display: flex;
    align-items: flex-end;
    background-size: cover;
    background-repeat: no-repeat;
    /* position: relative;
    z-index: 1;
    overflow: hidden; */
}
.we_WorkArea .workBox .item p {
    margin: 0;
}
/* .we_WorkArea .workBox .item:before {
    content: "";
    width: 261px;
    height: 376px;
    position: absolute;
    top: 20px;
    right: 0;
    background: url(../images/we_work_img1.png) no-repeat;
    z-index: -1;
}
.we_WorkArea .workBox .item.independ {
    background: #01C0B5;
}
.we_WorkArea .workBox .item.independ:before {
    width: 256px;
    height: 378px;
    top: 20px;
    right: 0;
    background: url(../images/we_work_img2.png) no-repeat;
}
 
.we_WorkArea .workBox .item.cooperation {
    background: #F38C13;
}
.we_WorkArea .workBox .item.cooperation:before {
    width: 368px;
    height: 348px;
    top: 20px;
    right: 0;
    background: url(../images/we_work_img3.png) no-repeat;
} */

.gx-30 {
    --bs-gutter-x: 30px;
}

.we_WorkArea .workBox.workBox_style2 .item {
    align-items: flex-start;
    padding-top: 60px;
    padding-bottom: 60px;
    background-size: inherit;
    background-position: right 10%;
    position: relative;
}
.we_WorkArea .workBox.workBox_style2:nth-of-type(1) .item {
    background-color: #01C0B5;
}
.we_WorkArea .workBox.workBox_style2:nth-of-type(2) .item {
    background-color: #F38C13;
}
.we_WorkArea .workBox.workBox_style2 .item a.btn-sm.text_black {
    position: absolute;
    bottom: 60px;
}



@media(max-width: 1279px){

    .item.cooperation:before {
        width: 320px;
        height: 326px;        
        background-size: 320px;
    }
}

@media(max-width: 1199px){
    .we_WorkArea {
        padding: 80px 0;
    }
    .we_WorkArea .workBox .item {
        padding: 60px 20px;
        min-height: 455px;
    }
    /* .we_WorkArea .workBox .item:before {
        content: "";
        width: 200px;
        height: 295px;
        background-size: 200px;
    }
    .we_WorkArea .workBox .item.independ:before {
        width: 220px;
        height: 336px;
         background-size: 220px;
    }
    .we_WorkArea .workBox .item.cooperation:before {
        width: 270px;
        height: 268px;
        background-size: 270px;
    } */
}

@media(max-width: 991px){

    .we_WorkArea {
        padding: 70px 0;
    }
    .we_WorkArea .heading {
        margin: 0 0 60px;
    }
    .we_WorkArea .heading h2 br {
        display: none;
    }
    /* .we_WorkArea .workBox .item:before {
        content: "";
        width: 170px;
        height: 255px;
        background-size: 170px;
    }
    .we_WorkArea .workBox .item.independ:before {
        width: 190px;
        height: 290px;
        background-size: 190px;
    }
    .we_WorkArea .workBox .item.cooperation:before {
        width: 200px;
        height: 210px;
        background-size: 200px;
    } */
    .we_WorkArea .workBox .item {
        padding: 50px 20px;
        min-height: 370px;
    }
    .we_WorkArea .workBox.workBox_style2 {
        margin-bottom: 30px;
    }
    .we_WorkArea .workBox.workBox_style2:last-child {
        margin-bottom: 0;
    }
    .we_WorkArea .workBox.workBox_style2 .item {
        min-height: 440px;
     }
}

@media(max-width: 767px){

    .we_WorkArea {
        padding: 60px 0;
    }
    .we_WorkArea .workBox .item {
        padding: 40px 20px;
        min-height: 385px;
    }
    .we_WorkArea .heading {
        margin: 0 0 50px;
    }
    .we_WorkArea .workBox {
        margin: 0 0 30px;
    }
    .we_WorkArea .workBox:last-child {
        margin-bottom: 0;
    }

}

@media(max-width: 575px){
.we_WorkArea .workBox.workBox_style2 .item p {
   margin: 0 0 30px;
}
.we_WorkArea .workBox.workBox_style2 .item a.btn-sm.text_black {
   
    bottom: 40px;
}
}