.component-box{background:#fff;border-radius:8px;transition:all .3s ease;border-left:4px solid #007bff}.component-box:hover{transform:translateY(-5px);box-shadow:0 0 25px rgba(0,0,0,.08);border-left:4px solid #186eb6}.feature-box{background:#fff;border-radius:8px;transition:.3s ease;border-left:4px solid #186eb6}.feature-box:hover{transform:translateY(-5px);box-shadow:0 0 25px rgba(0,0,0,.08);border-left:4px solid #1e7e34}section#Introduction h4{color:#000;font-size:20px;margin-bottom:15px}.modern-app-box{text-align:center;padding:40px 25px;border-radius:20px;background:#f7f7f7;box-shadow:0 4px 25px rgba(0,0,0,.05);transition:.35s ease;border:1px solid rgba(0,0,0,.05)}.modern-app-icon{font-size:42px;margin-bottom:20px;background:linear-gradient(135deg,#6c63ff,#33b1ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.modern-app-icon i{font-size:42px;background:linear-gradient(135deg,#6c63ff,#33b1ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:20px;display:inline-block}.modern-app-box:hover{transform:translateY(-6px);box-shadow:0 12px 35px rgba(0,0,0,.08)}.modern-app-section h2{font-weight:700}.modern-app-section h5{font-size:18px;font-weight:600;color:#333}