.our_ser_des {
    padding-bottom: 30px;
}
.our_ser_desc_inr strong {
    display: block;
}
/* .our_ser_row.c_wt {
    background: #fff;
    padding: 3px !important;
    border-radius: 25px;
    overflow: hidden;
    position: relative;
}
 */
.our_ser_info_inr {
    padding: 30px 100px;
    background: #FFFFFF;
    border-radius: 25px;
    position: relative;
    overflow: hidden;
    box-shadow: 0px 1px 29px 0px #0000000A;
    border: 1px solid #DDDDDD
}

.our_ser_info_main_inr {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-direction: row-reverse;
}

.our_ser_col_1 {
    width: 20% !important;
    z-index: 9 !important;

}

.our_ser_col_2 {
    width: 80% !important;
}



.our_ser_left_box {
    width: 65%;
    padding-left: 20px !important;
}

.our_ser_right_box {
    width: 35%;
}

.our_ser_btn {
    display: flex;
    gap: 10px;
}

.our_ser_tab_ul {
    padding: 0 !important;
    list-style: none !important
}

.our_ser_tab_li {
    padding: 15px 10px;
    transition: 1s;
    margin-top: 10px;
	margin-right:5px !important;
    border-radius: 10px;
    cursor: pointer;
    background: #fff;
}

.our_ser_tab_tite {
    color: #0f3c60 !important;
}

.our_ser_tab_tite {
    color: #fff;
    display: flex;
    align-items: center;
    transition: 1s;
    /* justify-content: center; */
}

.our_ser_tab_li:hover,
.our_ser_tab_li.op_active_tab {
    background: #0f3c60;
}

.our_ser_tab_li:hover .our_ser_tab_tite,
.op_active_tab .our_ser_tab_tite {
    color: #fff !important;
}
.our_ser_tab_li:hover:before{
	filter: brightness(0) invert(1);
}
.our_ser_tab_li.op_active_tab:before {
    display: none;
}
.op_active_tab {
    width: 330px;
}

.our_ser_info_ul {
    padding: 0 !important;
    list-style: none !important;
    display: flex;
    flex-wrap: wrap;
}

.our_ser_info_li {
    opacity: 0;
    transition: 1s;
    visibility: hidden;
    width: 100%;
    display: none;
}

.op_active_tab_info {
    opacity: 1;
    visibility: visible;
    display: block;
}

.our_ser_img {
    display: flex;
}

.our_ser_img img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    border-radius:10px;
    transition: 1s;
}

.our_ser_img:hover img {
    filter: saturate(0.5);
}

.our_ser_desc_inr {
    padding: 15px 0;
}

.ser_main_row.pd0 {
    padding-top: 20px !important;
}

.our_ser_img_box.mb_img {
    display: none;
}

.our_ser_tab_li.op_active_tab,.our_ser_tab_li {
    position: relative;
}

.our_ser_tab_li.op_active_tab:after {
    position: absolute;
    content: "";
    height: 10px;
    width: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 10px;
    background: url(../../../../wp-content/uploads/2024/11/arrow.png) no-repeat;
    background-position: right;
    background-size: 100% 100%;
}
.our_ser_tab_li:before {
	  position: absolute;
    content: "";
     height: 12px;
    width: 12px;
    top: 0;
    bottom: 0;
    margin: auto;
        right: 20px;
    background: url(../../../../wp-content/uploads/2024/11/plus.png) no-repeat;
    background-position: right;
    background-size: 100% 100%;
}

@media all and (min-width: 320px) and (max-width: 767px) {
    .our_ser_des {
        padding-bottom: 0px;
    }

    .our_ser_img img {
        height: 240px;
        margin: 15px 0 0 0;
    }

    .our_ser_left_box {
        padding: 0px;
    }

    .our_ser_tab_li {
        padding: 12px 10px;
    }

    .our_ser_tab_otr {
        padding-left: 10px;
    }

    .our_ser_row.c_wt {
        width: 100% !important;
        border-radius: 10px;
        padding: 8px !important;
        background: transparent;
    }

    .our_ser_info_inr,
    .our_ser_img img {
        border-radius: 10px;
    }

    .our_ser_info_inr {
        padding: 10px;
    }

    .our_ser_tab_col {
        display: none;
    }

    .our_ser_left_box,
    .our_ser_right_box {
        width: 100% !important;
    }

    .our_ser_info_li {
        opacity: 1;
        transition: 1s;
        visibility: visible;
        width: 100%;
        display: block;
        padding: 5px;
    }

    .our_ser_info_ul {
        padding: 0 5px !important;
    }

    .our_ser_img_box.mb_img {
        display: block;
    }

    .our_ser_img_box.desk_img {
        display: none;
    }

    .our_ser_tab_li.op_active_tab:after {
        display: none;
    }

    .our_ser_tab_li {
        padding: 10px 10px;
    }

    .our_ser_tab_otr {
        padding-left: 10px;
    }

    .op_active_tab {
        width: 230px;
    }

    .our_ser_info_inr {
        padding: 15px;
    }

    .our_ser_col_1 {
        display: none;
    }

    .our_ser_col_2 {
        width: 100% !important;
    }
}

@media all and (min-width: 768px) and (max-width: 980px) {
    .our_ser_des {
        padding-bottom: 15px;
    }

    .our_ser_img img {
        height: 270px;
    }

    .our_ser_left_box {
        padding: 0 10px;
    }

    .our_ser_tab_li {
        padding: 12px 10px;
    }

    .our_ser_tab_otr {
        padding-left: 10px;
    }

    .our_ser_row.c_wt {
        width: 100% !important;
        border-radius: 10px;
        padding: 8px !important;
        background: transparent;
    }

    .our_ser_info_inr,
    .our_ser_img img {
        border-radius: 10px;
    }

    .our_ser_info_inr {
        padding: 3px;
    }

    .our_ser_tab_col {
        display: none;
    }

    .our_ser_info_li {
        opacity: 1;
        transition: 1s;
        visibility: visible;
        width: 100%;
        display: block;
        padding: 5px;
    }

    .our_ser_info_ul {
        padding: 0 12px !important;
    }

    .our_ser_tab_li.op_active_tab:after {
        display: none;
    }

    .our_ser_tab_li {
        padding: 10px 10px;
    }

    .our_ser_tab_otr {
        padding-left: 10px;
    }

    .op_active_tab {
        width: 230px;
    }

    .our_ser_info_inr {
        padding: 15px;

    }

    .our_ser_col_1 {
        display: none;
    }

    .our_ser_col_2 {
        width: 100% !important;
    }
}

@media all and (min-width: 981px) and (max-width: 1024px) {
    .our_ser_img img {
        height: 300px;
    }

    .our_ser_left_box {
        padding: 0 10px;
    }

    .our_ser_tab_li {
        padding: 12px 10px;
    }

    .our_ser_tab_otr {
        padding-left: 10px;
    }

    .our_ser_row.c_wt {
        width: 97% !important;
        border-radius: 15px;
    }

    .our_ser_info_inr,
    .our_ser_img img {
        border-radius: 15px;
    }

    .our_ser_info_inr {
        padding: 5px;
    }

    .our_ser_tab_li {
        padding: 10px 10px;
    }

    .our_ser_tab_otr {
        padding-left: 10px;
    }

    .op_active_tab {
        width: 230px;
    }

    .our_ser_info_inr {
        padding: 30px 50px;
    }

    .our_ser_col_1 {
        width: 23% !important;
    }

    .our_ser_col_2 {
        width: 77% !important;
    }
}

@media all and (min-width: 1025px) and (max-width: 1140px) {
    .our_ser_img img {
        height: 300px;
    }

    .our_ser_left_box {
        padding: 0 10px;
    }

    .our_ser_tab_li {
        padding: 10px 10px;
    }

    .our_ser_tab_otr {
        padding-left: 10px;
    }

    .op_active_tab {
        width: 260px;
    }

    .our_ser_info_inr {
        padding: 30px 50px;
    }

    .our_ser_col_1 {
        width: 23% !important;
    }

    .our_ser_col_2 {
        width: 77% !important;
    }
}

@media all and (min-width: 1141px) and (max-width: 1280px) {
    .our_ser_img img {
        height: 330px;
    }

    .our_ser_left_box {
        padding: 0 10px;
    }

    .our_ser_tab_li {
        padding: 10px 10px;
    }

    .our_ser_tab_otr {
        padding-left: 10px;
    }

    .op_active_tab {
        width: 260px;
    }

    .our_ser_info_inr {
        padding: 30px 70px;
    }

    .our_ser_col_1 {
        width: 23% !important;
    }

    .our_ser_col_2 {
        width: 77% !important;
    }
}

@media all and (min-width: 1281px) and (max-width: 1440px) {
    .our_ser_img img {
        height: 350px;
    }

    .our_ser_left_box {
        padding: 0 10px;
    }

    .our_ser_tab_li {
        padding: 15px 10px;
    }

    .our_ser_tab_otr {
        padding-left: 10px;
    }

    .op_active_tab {
        width: 290px;
    }

    .our_ser_info_inr {
        padding: 30px 70px;
    }
}

@media all and (min-width: 1441px) and (max-width: 1680px) {}

@media all and (min-width: 1681px) and (max-width: 1880px) {}