.hero-section{background:linear-gradient(277deg,#4e9aa7 4.07%,#37aec4 29.63%,#6eabbd 56.51%,#2e8994 96.73%);min-height:600px;display:flex;align-items:center;position:relative;overflow:hidden}.hero-section-container{padding:0 150px 0 90px;max-width:1600px;margin:0 auto;width:100%}.hero-content{padding-top:75px;display:grid;grid-template-columns:5fr 4fr}.hero-text{color:#fff;z-index:2;padding-top:30px}.hero-title{max-width:530px}.hero-description{margin:13px 0 15px;max-width:640px}.hero-image{position:relative;display:flex;align-items:end}.hero-img{width:400px;height:auto;object-fit:contain;position:relative;bottom:0}.stats-cards{position:absolute;right:0;top:0%;display:flex;flex-direction:column;gap:20px}.stat-card{border-radius:10px;background:#1d91b887;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:15px 16px;box-shadow:0 8px 30px #0000001a;min-width:200px}.stat-number{font-size:40px;font-weight:700;font-family:Poppins,sans-serif;color:#fff;line-height:1}.stat-label{font-size:16px;font-family:Poppins,sans-serif;color:#fff;font-weight:600}@media (max-width: 768px){.hero-section{min-height:auto;padding:0}.hero-section-container{padding:0 16px}.hero-content{padding-top:25px;display:none}.hero-content{display:block}.hero-text{color:#fff;margin-bottom:44px;padding-top:0}.hero-description{margin:8px 0 12px}.hero-cta-btn{background:#f59e0b;color:#1f2937;border:none;padding:14px 28px;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #f59e0b4d;width:100%;max-width:280px}.hero-cta-btn:hover{background:#d97706;transform:translateY(-1px)}.hero-image{position:relative;display:flex;flex-direction:column;align-items:start;gap:30px;width:calc(100% + 32px);margin-left:-16px}.hero-img{width:60%;height:auto;object-fit:contain;object-position:bottom;bottom:0}.stats-cards{display:flex;flex-direction:column;gap:17px;max-width:320px;margin-right:16px}.stat-card{padding:14px;border-radius:12px;min-width:178px;width:100%}.stat-number{font-size:35px}.stat-label{font-size:14px;font-weight:600}}@media (min-width: 769px) and (max-width: 1024px){.hero-container{padding:0 80px 0 40px}.hero-content-desktop{gap:40px}.hero-title{font-size:3rem}.hero-img{width:350px;height:450px}.stats-cards{right:-40px}.stat-card{padding:20px 24px;min-width:180px}.stat-number{font-size:2rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/dev-hero.css.map */