section.featured{background:#e5e5e5;padding:55px 0 150px;width:100%}section.featured .section-header{margin:40px 0 50px}section.featured .row{margin:0 -20px}section.featured .row>div{padding-left:20px;padding-right:20px}section.featured .top>div:first-child .feature-box-overlay{padding:50px}section.featured .feature-box{border-radius:10px;box-shadow:0 7px 7px rgba(0,0,0,.2);margin-bottom:20px;overflow:hidden}section.featured .feature-box img{height:auto;-o-object-fit:cover;object-fit:cover}section.featured .feature-box img,section.featured .feature-box-overlay{bottom:0;left:0;position:absolute;right:0;top:0;transition:all .3s ease;width:100%}section.featured .feature-box-overlay{background:rgba(26,88,130,.94);border-radius:10px;box-shadow:0 4px 4px rgba(0,0,0,.25);display:flex;flex-direction:column;opacity:0;padding:23px 34px;visibility:hidden;z-index:10}section.featured .feature-box-overlay>div{transform:translateY(3px);transition:all .3s ease}section.featured .feature-box-top{display:flex;justify-content:space-between}section.featured .feature-box-top .to-add{display:none}section.featured .feature-box-top svg{fill:#fff;height:auto;min-width:22px;width:22px}section.featured .feature-box-top svg path{fill:#fff}section.featured .feature-box-top svg.filled{min-width:24px;width:24px}section.featured .feature-box-bottom{align-items:flex-end;display:flex;justify-content:space-between;margin-top:auto}section.featured .feature-box-bottom .add-to-cart{position:relative}section.featured .feature-box-bottom .add-to-cart .spinner-border{border-width:2px;height:20px;left:50%;margin:-10px 0 0 -10px;opacity:0;position:absolute;top:50%;visibility:hidden;width:20px}section.featured .feature-box-bottom .add-to-cart.loading .spinner-border{opacity:1;visibility:visible}section.featured .feature-box-bottom .add-to-cart.loading svg{opacity:0}section.featured .feature-box-bottom svg{height:auto;min-width:24px;width:24px}section.featured .feature-box-price{color:#ffb800;font-size:36px;font-weight:700;line-height:40px}section.featured .feature-box-title{color:#fff;font-size:18px;font-style:normal;font-weight:600;line-height:20px;margin-bottom:5px;padding-right:10px}section.featured .feature-box-details{color:#06b3f9;font-size:17px;font-weight:400;line-height:20px}section.featured .feature-box a{align-items:center;display:flex;flex-direction:column;justify-content:center;padding-top:56.25%;position:relative}section.featured .feature-box a:hover{text-decoration:none}section.featured .feature-box a:hover img{transform:scale(1.01)}section.featured .feature-box a:hover .feature-box-overlay{opacity:1;visibility:visible}section.featured .feature-box a:hover .feature-box-overlay>div{transform:translateY(0)}@media(max-width:1350px){section.featured .row{margin:0 -15px}section.featured .row>div{padding-left:15px;padding-right:15px}section.featured .feature-box-price{font-size:38px;line-height:45px}section.featured .feature-box-details,section.featured .feature-box-title{font-size:20px;line-height:25px}}@media screen and (max-width:992px){section.featured .section-header{margin:0 0 20px}}@media(max-width:480px){section.featured .feature-box-price{font-size:24px;line-height:30px}section.featured .feature-box-details,section.featured .feature-box-title{font-size:16px;line-height:20px}section.featured .feature-box-overlay,section.featured .top>div:first-child .feature-box-overlay{padding:14px}.category-box-icon{text-align:center}.category-box-overlay img{margin:0 auto;max-width:80%}}