/**
    selector is .bermad_recyclable_block
*/

.recycle_container{display:grid;grid-template-columns:1fr 1fr 1fr;text-align:center;grid-gap:1.875vw;}
.blockIcon_container{background:var(--white-color);padding:.6vw;border-radius:var(--borderradius100);left:50%;transform:translateX(-50%);top:-1.8vw;transform:translateX(-50%) rotateY(90deg);transition:transform 0.8s ease-in-out;}
.recycle_container .blockIcon{width:2.76vw;}
.recycle_container h3{font-size:var(--wp--preset--font-size--large-25);color:var(--white-color);font-weight:var(--font-weight600);position:absolute;bottom:1.5vw;}
.recycle_col{max-width:15.99vw;  opacity:0;transform:translateY(20px);transition:opacity 2.5s, transform 2.5s;}
.recycle_container p{padding-top:0.781vw;color:var(--gray);line-height:1.25vw;}
.recycle_container img.recycleImg{border-radius:var(--borderradius10);}

/* Fade-in effect */

.recycle_col.show{opacity:1;transform:translateY(0);}
  
/* Rotate effect */

.blockIcon_container.rotate{transform:translateX(-50%) rotateY(0deg);}

@media (max-width:990px){
    .recycle_col{max-width: 22.99vw;}
    .recycle_container p{line-height: 2vw;}
}

@media (max-width:768px){
    .recycle_container{grid-template-columns:1fr;}
    .bermad-recyclable-block{padding:15.625vw 7.813vw !important;}
    .recycle_col {width:66.042vw;max-width:66.042vw;margin-bottom:13vw;}
    .recycle_container img.recycleImg{width:100%;}
    .blockIcon_container{display:flex;padding:3vw;top:-7.8vw;}
    .recycle_container .blockIcon{width:11.042vw;}
    .recycle_container h3{bottom:6.5vw;}
    .recycle_container p{line-height:5.208vw;padding-top:3.75vw;}   
}