.hero{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;margin-top:-10px!important;padding:80px 20px;text-align:center;position:relative;overflow:hidden}.hero h1{font-family:'Inter',sans-serif;font-size:3rem;font-weight:800;margin-bottom:20px}.hero .lead{font-family:'Heebo',sans-serif;font-size:1.25rem;max-width:700px;margin:0 auto}.contact-section{padding:60px 0}.contact-section .container{max-width:1200px}.contact-details.card,.contact-form.card{border:none;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.1);padding:30px;background:var(--nav-color);transition:transform 0.3s ease,box-shadow 0.3s ease}.contact-details.card:hover,.contact-form.card:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(0,0,0,0.15)}.card-title{font-family:'Inter',sans-serif;font-size:1.5rem;font-weight:700;color:var(--text-color);margin-bottom:20px}.contact-item{display:flex;align-items:center;margin-bottom:20px}.contact-item i{font-size:1.5rem;color:var(--primary);margin-right:15px}.contact-item h5{font-family:'Inter',sans-serif;font-size:1.1rem;font-weight:600;color:var(--text-color);margin-bottom:5px}.contact-item p{font-family:'Heebo',sans-serif;font-size:1rem;color:var(--text-color);margin:0}.contact-item a{color:var(--text-color);text-decoration:none}.contact-item a:hover{color:var(--secondary)}.social-links{margin-top:20px}.social-links h5{font-family:'Inter',sans-serif;font-size:1.1rem;font-weight:600;margin-bottom:15px;color:var(--text-color)}.social-icon{list-style:none;padding:0;display:flex;gap:10px}.social-icon__item{margin:0}.social-icon__link{font-size:1.5rem;color:var(--text-color)!important;background:var(--primary);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease}.social-icon__link:hover{background:var(--secondary)!important;color:white!important;transform:scale(1.1)}.contact-form p{font-family:'Heebo',sans-serif;font-size:1rem;color:var(--text-color)}.input-box{margin-bottom:20px}.input-box label{font-family:'Heebo',sans-serif;font-size:0.9rem;color:var(--text-color);margin-bottom:5px;display:block}.input-box input,.input-box textarea{width:100%;padding:12px;border:1px solid #ddd;background-color:var(--grey);color:var(--text-color);border-radius:6px;font-family:'Heebo',sans-serif;font-size:1rem;color:var(--text-color);transition:border-color 0.3s ease,box-shadow 0.3s ease}.input-box input:focus,.input-box textarea:focus{border-color:var(--primary);box-shadow:0 0 5px rgba(0,119,182,0.3);outline:none}.input-box textarea{min-height:120px;resize:vertical}.char-counter{margin-top:10px;font-family:'Heebo',sans-serif;font-size:0.85rem;color:var(--text-color)}.progress-bar{height:5px;background:var(--nav-color);border-radius:5px;overflow:hidden;margin-top:5px}.progress-bar #progress{height:100%;background:var(--primary);transition:width 0.3s ease,background 0.3s ease}.button{text-align:center}.button input[type="submit"]{background:var(--primary);color:#fff;border:none;padding:12px 30px;border-radius:6px;font-family:'Heebo',sans-serif;font-size:1rem;cursor:pointer;transition:all 0.3s ease}.button input[type="submit"]:hover{background:var(--secondary);transform:scale(1.05)}.button input[type="submit"]:disabled{background:#ccc;cursor:not-allowed;transform:none}.alert-container{margin-bottom:15px}.alert{padding:15px;border-radius:6px;font-family:'Heebo',sans-serif;font-size:0.9rem}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.closeBtn{float:right;font-size:1.2rem;cursor:pointer;padding:5px 10px;transition:background 0.3s ease}.closeBtn:hover{background:rgba(0,0,0,0.1);border-radius:50%}@media (max-width:992px){.hero h1{font-size:2.5rem}.hero .lead{font-size:1.1rem}.contact-details.card,.contact-form.card{padding:20px}}@media (max-width:768px){.hero{padding:60px 15px}.contact-section{padding:40px 0}.row{flex-direction:column}.contact-details.card,.contact-form.card{margin-bottom:20px}.contact-item{justify-content:center;text-align:center}.contact-item i{margin-right:0;margin-bottom:10px}.social-links{text-align:center}.social-icon{justify-content:center}}@media (max-width:576px){.hero h1{font-size:2rem}.hero .lead{font-size:1rem}.card-title{font-size:1.3rem}.contact-item h5{font-size:1rem}.contact-item p,.contact-form p{font-size:0.9rem}.input-box input,.input-box textarea{font-size:0.9rem;padding:10px}.button input[type="submit"]{font-size:0.9rem;padding:10px 20px}}.animate__animated{animation-duration:0.8s}