/*
Theme Name:     Rakez Vas
Theme URI:      https://elementor.com/
Description:    Child theme for Hello Elementor
Author:         Your Name
Author URI:     https://yourwebsite.com/
Template:       hello-elementor
Version:        1.0.0
*/

/* You can write your custom CSS below */
.vas-offers-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important}
.vas-offers-grid .vas-offer-card{position:relative!important;display:block!important;border-radius:0!important;overflow:hidden!important;background:#0f2a2c!important;min-height:340px!important;box-shadow:0 16px 40px rgba(15,23,42,.18)!important;text-decoration:none!important;color:#fff!important}
.vas-offers-grid .vas-offer-card:hover{text-decoration:none}
.vas-offers-grid .vas-offer-card-image{position:absolute!important;inset:0!important;background-size:cover!important;background-position:center!important;transform:scale(1)!important;transition:transform .5s ease!important}
.vas-offers-grid .vas-offer-card:hover .vas-offer-card-image{transform:scale(1.08)}
.vas-offers-grid .vas-offer-card::after{content:"";position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(0,0,0,.08) 18%,rgba(0,0,0,.5) 62%,rgba(0,0,0,.76) 100%)!important}
.vas-offers-grid .vas-offer-card-inner{position:relative!important;z-index:1!important;display:flex!important;flex-direction:column!important;height:100%!important;padding:20px!important}
.vas-offers-grid .vas-offer-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.vas-offers-grid .vas-offer-ribbon{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:16px;background:rgba(20,140,160,.9);font-weight:600;font-size:12px;color:#fff}
.vas-offers-grid .vas-offer-ribbon img{width:16px;height:16px;object-fit:contain}
.vas-offers-grid .vas-offer-ribbon i{font-size:14px}
.vas-offers-grid .vas-offer-timer{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:16px;background:rgba(12,140,170,.92);font-weight:600;font-size:12px;color:#fff;white-space:nowrap}
.vas-offers-grid .vas-offer-timer::before{content:"";width:14px;height:14px;display:inline-block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/><path d='M12 6v6l4 2'/></svg>");background-size:14px 14px;background-repeat:no-repeat}
.vas-offers-grid .vas-offer-content{margin-top:auto}
.vas-offers-grid .vas-offer-title{font-size:20px!important;line-height:1.35!important;font-weight:700!important;margin:0 0 10px!important;color:#fff!important}
.vas-offers-grid .vas-offer-prices{display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important}
.vas-offers-grid .vas-offer-price-regular{font-size:14px!important;opacity:.7!important;color:#fff!important}
.vas-offers-grid .vas-offer-price-regular s{opacity:.85}
.vas-offers-grid .vas-offer-price-sale{font-size:18px!important;font-weight:700!important;color:#fff!important}
.vas-offers-grid .vas-offer-price-save{font-size:12px!important;font-weight:600!important;background:rgba(255,255,255,.16)!important;padding:3px 8px!important;border-radius:999px!important;color:#fff!important}
.vas-offers-grid .vas-offer-cta{position:absolute!important;right:18px!important;bottom:18px!important;width:38px!important;height:38px!important;border-radius:0!important;background:#ffffff!important;color:#0b8b8b!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:20px!important;box-shadow:0 8px 22px rgba(0,0,0,.2)!important}
.vas-offers-grid-empty{padding:16px 0}
@media (max-width: 1024px){.vas-offers-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 640px){.vas-offers-grid{grid-template-columns:1fr}}
