.category-card-section .flexbox{display:flex;flex-wrap:wrap;gap:20px}.category-card-section .col{width:100%;max-width:calc(50% - 10px);position:relative;overflow:hidden;border-radius:30px}.category-card-section .col-image{width:100%;position:relative;overflow:hidden;border-radius:30px}.category-card-section .col-image:after{content:"";width:100%;display:block;padding-bottom:118.184%}.category-card-section .col-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transform:scale(1);transition:all .5s ease-in-out}.category-card-section .col-contnet{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:flex-end}.category-card-section .col-contnet h3{color:var(--text-color);font-size:30px;font-weight:700;line-height:1.1335;margin-bottom:16px}.category-card-section .col-contnet p{color:var(--text-color);margin:0;font-weight:500;line-height:1.358}.category-card-section .col-contnet .btn{--primary-btn-bg-color:rgba(255, 255, 255, 1);--primary-btn-text-color:rgba(0,0,0,1);display:flex;align-items:center;gap:10px;position:unset}.category-card-section .col-contnet .btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%}.category-card-section .col-contnet .btn:after{display:none}.category-card-section .col:hover .col-image img{transform:scale(1.1)}.category-card-section .col-contnet .contnet-wrap{width:100%;justify-content:space-between;padding:80px 30px 30px;height:auto%;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);-webkit-mask-image:linear-gradient(to top,white 0%,white 85%,transparent 100%);inter-events:none;z-index:1;align-items:end}@media only screen and (max-width:1360px){.category-card-section .col-contnet .contnet-wrap .contnet-left{width:100%}.category-card-section .col-contnet .contnet-wrap .contnet-right{width:100%;display:flex}.category-card-section .col-contnet .contnet-wrap{height:auto;-webkit-mask-image:linear-gradient(to top,white 0%,white 89%,transparent 100%)}}@media only screen and (max-width:1024px){.category-card-section .col-contnet h3{font-size:22px;margin-bottom:8px}.category-card-section .col-contnet .contnet-wrap{padding:50px 20px 20px}}@media only screen and (max-width:768px){.category-card-section .col{max-width:100%}.category-card-section .col-contnet .btn{padding-inline:18px;padding-block:8px}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/category-card.css.map */