.small-banner{width:100%;padding:40px 150px}.small-banner-container{display:grid;grid-template-columns:repeat(2,1fr);gap:60px;max-width:1200px;margin:0 auto}.small-banner-card{position:relative;overflow:hidden;border-radius:15px;min-height:220px;background:#fff;box-shadow:0 6px 18px #0f172a14;display:flex;align-items:center}.small-banner-card:before{content:"";position:absolute;top:-10%;left:-45%;width:70%;height:140%;transform:skew(-30deg);z-index:1;transition:transform .45s ease}.small-banner-card:after{content:"";position:absolute;top:-10%;right:-65%;width:70%;height:140%;transform:skew(-30deg);z-index:1;transition:transform .45s ease}.small-banner-card.banner-1:before,.small-banner-card.banner-1:after{background:#e39b41}.small-banner-card.banner-2:before,.small-banner-card.banner-2:after{background:#234c96}.banner-inner{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;width:100%}.banner-media{flex:1;display:flex;justify-content:center;align-items:center}.banner-media img{max-width:100%;max-height:160px;object-fit:contain;transition:transform .45s ease;display:block}.banner-content{flex:1;z-index:2;color:#222;text-align:left;padding:6px 10px}.banner-content h1{font-size:1.3rem;margin:0 0 6px;line-height:1.2;font-weight:700;color:#222}.banner-content p{margin:0 0 10px;color:#555;font-size:.95rem;line-height:1.35}.btn{display:inline-block;padding:8px 16px;border-radius:8px;text-decoration:none;font-weight:700;color:#fff;font-size:.9rem;box-shadow:0 6px 12px #00000014;transition:transform .18s ease,box-shadow .18s ease}.banner-1 .btn-1{background:#234c96}.banner-1 .btn-1:hover{transform:translateY(-2px);box-shadow:0 10px 18px #234c962e}.banner-2 .btn-2{background:#e39b41;color:#222}.banner-2 .btn-2:hover{transform:translateY(-2px);box-shadow:0 10px 18px #e39b412e}.small-banner-card:hover:before{transform:skew(-30deg) translate(-6%)}.small-banner-card:hover:after{transform:skew(-30deg) translate(6%)}.small-banner-card:hover .banner-media img{transform:scale(1.05)}@media (max-width: 920px){.small-banner{padding:30px 40px}.small-banner-container{gap:60px}.banner-inner{gap:12px;padding:14px 18px}.banner-media img{max-height:130px;max-width:90%}.banner-content h1{font-size:1.1rem}.banner-content p{font-size:.85rem}}@media (max-width: 520px){.small-banner-container{grid-template-columns:1fr;gap:60px}.small-banner-card{min-height:160px}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/small-banner.css.map */