@charset "UTF-8";

#stepper + div.composite_box01 .inner_item_img img{
   height:90px !important;
width: 90px !important;
   
} 
#stepper + div.composite_box01 .inner_item>a
 {
    background: var(--i-bg2_color) ;
    padding: 20px 5px 5px 20px;
 /*   border-radius: 146px 10px 10px 10px; */
   clip-path: polygon(80px 0%, 100% 0%, 100% 100%, 0% 100%, 0% 50px);
   border-radius: 0 10px 10px 10px;
}

#stepper + div.composite_box01 .inner_item:not(:last-child)::after {
    content: ""; 
    position: absolute; 
    right: -25px; 
    top: 21%; 
    transform: translateY(-50%); 
    width: 0; 
    height: 0; 
    border-top: 12px solid transparent; 
    border-bottom: 12px solid transparent; 
    border-left: 18px solid var(--i-border2_color); 
} 

#stepper + div.composite_box01 .wrapper_item {
    counter-reset: step; 
} 

#stepper + div.composite_box01 .inner_item {
    position: relative; 
    counter-increment: step; 
} 

#stepper + div.composite_box01 .inner_item::before
 {
    content: counter(step);
    position: absolute;
    top: -2px;
    left: 15px;
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    /* color: #333; */
    z-index: 10;
}       


@media screen and (max-width: 767px) {
    /* Added a space right after composite_box01 */
    #stepper + div.composite_box01 .inner_item:not(:last-child)::after { 
        right: 50%; 
        top: auto; 
        bottom: -35px; 
        transform: translateX(50%); 
        border-left: 12px solid transparent; 
        border-right: 12px solid transparent; 
        border-top: 18px solid var(--i-border2_color); 
        border-bottom: 0; 
    } 
#stepper + div.composite_box01 .wrapper_item {
        gap: 20px; 
    }
    

}