#card-section-3{padding:20px 0 0}#card-section-3 .card{position:relative;width:23.6%;height:365px;overflow:hidden;border-radius:10px;box-shadow:0 4px 8px #0000008c;display:block}#card-section-3 .heading h2{padding:0;text-align:center;position:relative;margin:0 0 30px;font-size:40px}#card-section-3 .heading p{padding:0 10px;text-align:center;position:relative;margin:0 0 30px;font-size:16px;font-weight:500}#card-section-3 .image-container{position:relative;width:100%;height:100%}#card-section-3 .image{position:absolute;width:100%;height:100%;object-fit:cover;transition:opacity .3s}#card-section-3 .image2{opacity:0;background:#00000040}#card-section-3 .popup-text{position:absolute;bottom:20px;color:#fff;background-color:#003b32;padding:10px 18px;border-radius:5px;opacity:0;transform:translateY(20px);transition:opacity .3s,transform .3s;margin:0 15px}#card-section-3 .cards.page-width{display:flex;justify-content:space-around;flex-wrap:wrap;margin:30px auto}#card-section-3 .under_hover_head h2{text-decoration:none;padding:15px 20px;position:relative}#card-section-3 .under_hover_head h2:after{background:none repeat scroll 0 0 transparent;bottom:0;content:"";display:block;height:2px!important;left:50%;position:absolute;background:#003b32;transition:width .3s ease 0s,left .3s ease 0s;width:0}#card-section-3 .under_hover_head h2:hover:after{width:11%;left:44%}@media screen and (min-width:1000px){#card-section-3 .card:hover .image1{opacity:0}#card-section-3 .card:hover .image2{opacity:1}#card-section-3 .card:hover .popup-text{opacity:1;transform:translateY(0)}}@media screen and (max-width:1000px){#card-section-3 .popup-text{opacity:1;transform:translateY(0)}#card-section-3 .image2{opacity:1}#card-section-3 .card:hover .image1{opacity:0}}@media screen and (max-width:1000px){#card-section-3 .card{width:48%;margin:15px 0}#card-section-3 .cards.page-width{justify-content:space-between}}@media screen and (max-width:500px){.heading.under_hover_head h2{margin:0!important;padding-top:39px!important}#card-section-3 .card{width:90%}#card-section-3 .heading h2{font-size:45px}#card-section-3 .cards.page-width{justify-content:center;flex-direction:column;align-items:center}#card-section-3 .popup-text{border:2px solid #fff!important}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/card-section-3.css.map */