.hero-section{padding:30px 0;background:#fff}.hero-grid{display:flex;gap:20px;height:480px}.hero-slider-wrapper{flex:0 0 75%;border-radius:6px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.08)}.hero-banners-wrapper{flex:0 0 25%;display:flex;flex-direction:column;gap:20px}.hero-banner-item{flex:1;border-radius:6px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.08)}.section-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:35px;border-bottom:2px solid #f4f6f8;padding-bottom:15px}.section-title{font-size:26px;font-weight:700;color:#00426b}.brands-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;align-items:center;padding:20px 0}.brand-item-modern{transition:transform 0.3s ease}.brand-item-modern:hover{transform:translateY(-5px)}.brand-logo-img{max-height:50px;filter:grayscale(100%);opacity:.6;transition:all 0.3s}.brand-item-modern:hover .brand-logo-img{filter:grayscale(0);opacity:1}/* Features Section */ .features-section { background-color: var(--bg-light); padding: 60px 0; } .features-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; } .feature-item { text-align: center; padding: 30px 20px; } .feature-item i { font-size: 48px; color: var(--primary-color); margin-bottom: 15px; } .feature-item h3 { font-size: 18px; margin-bottom: 10px; } .feature-item p { color: var(--text-light); font-size: 14px; } /* Responsive for Features */ @media (max-width: 992px) { .features-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 576px) { .features-grid { grid-template-columns: 1fr; } }