@charset "UTF-8";

/*------- Newly Added Code ------- */

#serviceAnkerList + .composite_box01.block_images_9 .inner_item_txt .heading:before
 {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background: var(--i_main_color, #000);
    opacity: 0.3;
    transition: 0.2s;
}


#serviceAnkerList + .composite_box01.block_images_9 .inner_item_img img
 {
    /* height: auto !important; */
}

#serviceAnkerList + .composite_box01.block_images_9 .inner_item_txt .heading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 140px;
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    padding: 15px;
    box-sizing: border-box;
    transition: 0.2s !important;
    pointer-events: none;
}

#serviceAnkerList + .composite_box01.block_images_9 .inner_item_img {
    /* height: auto !important; */
}

#serviceAnkerList + [class*="dec2_"].composite_box01.block_images_9 .inner_item_txt {
        padding: 0 !important;
        margin: 0 !important;
}

#serviceAnkerList + .composite_box01 .inner_item {
    border-radius: 26px;
}

@media (max-width: 1200px) {
    #serviceAnkerList + .composite_box01 .inner_item {
        border-radius: 22px;
    }
}

@media screen and (max-width: 920px) {
    #serviceAnkerList + .composite_box01.block_images_9 .inner_item_img, .composite_box01.block_images_9 .inner_item_txt .heading {
         height: 162px !important; 
    } 
    #serviceAnkerList + .composite_box01 .inner_item {
        border-radius: 36px;
    }
}

@media (max-width: 768px) {
    #serviceAnkerList + .composite_box01 .inner_item {
        border-radius: 9vw;
        width: 48%!important;
    }
    #serviceAnkerList  + .composite_box01 .wrapper_item {
        gap: 1rem;
    }
    #serviceAnkerList + .composite_box01 .inner_item:last-child img,
    #serviceAnkerList + .composite_box01 .inner_item:last-child .inner_item_txt .heading:before {
        border-radius: 9vw;
    }

}
#serviceAnkerList + .composite_box01.block_images_9 .inner_item_img:hover {
    opacity: .3;
}
#serviceAnkerList + .composite_box01.block_images_9 .inner_item_txt .heading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    padding: 15px;
    box-sizing: border-box;
    transition: 0.2s !important;
    pointer-events: none;
}