.interactive-section{padding:60px 20px}.interactive-container{align-items:center;display:grid;gap:40px;grid-template-columns:50% 50%;margin:auto;max-width:1300px}.left-card{border-radius:16px;overflow:hidden;position:relative}.left-card img{border-radius:16px;display:block;width:100%}.left-overlay{bottom:20px;color:#fff;left:20px;position:absolute}.left-overlay h2{color:#fff;font-size:40px;font-weight:500}.right-cards{display:flex;flex-direction:column;gap:15px}.info-card{border-bottom:1px solid #e0e0e0;border-radius:12px;cursor:pointer;padding:18px 20px;transition:all .3s ease}.info-card .card-body{display:none}.info-card.active{background:#fff;border-bottom:none;box-shadow:0 120px 100px 0 rgba(0,0,0,.07),0 80px 60px 0 rgba(0,0,0,.06),0 40px 32px 0 rgba(0,0,0,.05),0 10px 16px 0 rgba(0,0,0,.08),0 10px 8px 0 rgba(0,0,0,.03),0 2px 4px 0 rgba(0,0,0,.02)}.info-card.active .card-body{display:block;margin-top:10px}.info-card.active .card-body p{font-size:16px!important}.card-header{align-items:center;display:flex;gap:12px}.card-header h4{font-size:23px!important;font-weight:500!important}.card-icon{transition:filter 0s ease;width:40px}.info-card.active .card-icon{filter:brightness(0) saturate(100%) invert(62%) sepia(63%) saturate(1800%) hue-rotate(350deg) brightness(98%) contrast(95%)}@media (max-width:1024px){.interactive-container{gap:30px;grid-template-columns:1fr}.left-overlay h2{font-size:32px}.card-header h4{font-size:20px!important}.card-icon{width:32px}}@media (max-width:768px){.interactive-section{padding:40px 15px}.interactive-container{gap:25px;grid-template-columns:1fr}.left-card,.left-card img{border-radius:14px}.left-overlay{bottom:15px;left:15px}.left-overlay h2{font-size:24px;line-height:1.3}.right-cards{gap:12px}.info-card{padding:15px}.card-header{gap:10px}.card-header h4{font-size:18px!important}.card-icon{width:28px}.info-card.active .card-body p{font-size:14px!important}}