body {
     font-family: 'Poppins', sans-serif;
     background: #f9f9fb;
     color: #333;
 }

 header {
     padding: 60px 0;
     text-align: center;
     background-color: #e9ecf5;
     border-bottom: 1px solid #dee2e6;
 }

 header img {
     max-width: 180px;
 }

 section {
     padding: 80px 20px;
 }

 h2 {
     font-weight: 600;
     margin-bottom: 40px;
     text-align: center;
 }

 .about p {
     max-width: 700px;
     margin: 0 auto;
     font-size: 1.1rem;
     color: #555;
     text-align: center;
 }

 .form-icon-group {
     position: relative;
 }

 .form-icon-group .form-control {
     padding-left: 40px;
 }

 .form-icon-group i {
     position: absolute;
     top: 50%;
     left: 12px;
     transform: translateY(-50%);
     color: #999;
 }

 .contact-form-container {
     max-width: 1100px;
     margin: 0 auto;
 }

 .contact form {
     background: #fff;
     padding: 30px;
     border-radius: 12px;
     box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
 }

 .info-card {
     background: white;
     border-radius: 12px;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
     padding: 20px;
     margin-bottom: 20px;
     display: flex;
     align-items: flex-start;
     gap: 15px;
 }

 .info-card i {
     font-size: 1.5rem;
     color: #0d6efd;
 }

 .features .feature-box {
     padding: 30px;
     border-radius: 12px;
     background: #fff;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
     margin-bottom: 30px;
     text-align: center;
 }

 .features .feature-box h5 {
     font-weight: 600;
     margin-bottom: 10px;
 }

 footer {
     background-color: #e9ecf5;
     color: #666;
     text-align: center;
     padding: 30px 0;
     font-size: 0.9rem;
     border-top: 1px solid #dee2e6;
 }

 .modal.slide-right .modal-dialog {
     margin: 0;
     width: 40%;
     height: 100vh;
     max-width: 100%;
     transform: translateX(100%);
     transition: transform 0.4s ease-in-out;
     position: fixed;
     right: 0;
     top: 0;
 }

 .modal.slide-right.show .modal-dialog {
     transform: translateX(0);
 }

 .modal-content {
     height: 100vh;
     border-radius: 0;
     overflow-y: auto;
 }

 .modal-header {
     border-bottom: none;
     position: relative;
 }

 .modal-header .btn-close {
     position: absolute;
     left: 20px;
     top: 20px;
     z-index: 10;
 }