.before_after_sec ul{display:flex;width:100%}.before_after_sec ul li{width:33.3%}.before_after_sec{position:relative;margin:50px 0;display:inline-block;width:100%}.before_after_text{position:absolute;left:0;right:0;background:#fff;bottom:-10px;text-align:center;display:inline-block;font-size:24px;font-weight:700;max-width:240px;border-radius:5px;margin:auto;color:var( --secondary-color);font-family:var(--forma-font);letter-spacing:1px}.before_after_text span{font-family:var(--forma-font)}.secondary_img{display:none}.before_after_sec ul li:hover .secondary_img{display:block}.before_after_sec ul li:hover .primary_img{display:none}.before_after_sec ul li img{min-height:450px;max-height:450px;object-fit:cover;width:100%}@media only screen and (min-width:768px){.before_after_sec_inner span{display:none}}@media only screen and (max-width:1200px){.before_after_sec ul li img{min-height:400px;max-height:400px}}@media only screen and (max-width:991px){.before_after_sec ul li img{min-height:300px;max-height:300px}}@media only screen and (max-width:767px){.before_after_sec ul{flex-wrap:wrap}.before_after_sec ul li{width:100%}body .before_after_sec ul li .secondary_img,body .before_after_sec ul li:hover .secondary_img,body .before_after_sec ul li:hover .primary_img{display:block}.before_after_sec ul li{width:100%;overflow-x:auto;line-height:0}.before_after_sec ul li .before_after_sec_inner{display:flex;flex-flow:nowrap;width:150%;overflow-x:auto}.before_after_sec ul li img{min-height:350px;max-height:350px}.before_after_text{display:none}.primary_img_bx,.secondary_img_bx{position:relative}.primary_img_bx span,.secondary_img_bx span{font-size:14px;position:absolute;bottom:10px;z-index:11;background:#fff;left:10px;font-weight:700;text-transform:capitalize;padding:5px;border-radius:5px;min-width:90px;text-align:center;color:#1b4420;font-family:var( --forma-font);line-height:normal}.primary_img_bx,.secondary_img_bx{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/after-before.css.map */
