*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;background-color:#f4f4f4;color:#06141b}nav ul{list-style:none;padding:0;display:flex;justify-content:center;background-color:#06141b}nav ul li{margin:0 15px}nav ul li a{color:#fff;text-decoration:none;font-size:1.1rem}nav ul li a:hover{color:#dbe1e6}.Contact-hero{width:100%;height:60vh;background-image:url(/_next/static/media/contactbanner.c929675f.jpg);background-size:cover;background-attachment:fixed;background-repeat:no-repeat;background-position:50%;position:relative;display:flex;justify-content:center;align-items:center;margin-bottom:30px}.Contact-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5)}.Contact-Bannerhero{position:relative;z-index:1;text-align:center;color:#fff;padding:20px;max-width:600px}.Contact-Bannerhero p{font-size:1.2rem;margin-bottom:20px}.Contact-Bannerhero h1{font-size:5rem;margin:0;font-weight:1000}#contact-us{max-width:1200px;margin:50px auto;padding:0 20px;background:#fff;border-radius:10px}#contact-us h2{font-size:2rem;margin-bottom:20px;color:#1e3c72;text-align:center}.contact-container{display:flex;flex-wrap:wrap;gap:20px}.contact-form,.contact-info{background-color:#fff;border:1px solid #ddd;border-radius:10px;padding:20px;box-shadow:0 4px 10px rgba(0,0,0,.1);flex:1 1;min-width:300px}.contact-info .info-item{font-size:1.1rem;color:#06141b;background-color:#e8f0f2;padding:15px;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin-bottom:10px;text-align:center}.contact-info .info-item:hover{background-color:#cfd8dc}.contact-info .info-item a{text-decoration:none;color:#1e3c72;transition:color .3s ease}.contact-info .info-item a:hover{color:#2a5298}.contact-form h3{margin-bottom:20px;font-size:1.5rem;color:#1e3c72}.contact-form form{display:flex;flex-direction:column;gap:20px;height:50vh}.contact-form label{display:block;font-size:1rem;color:#4a56ca;margin-bottom:5px}.contact-form input,.contact-form textarea{width:100%;padding:10px;border-radius:8px;border:1px solid #ddd;font-size:1rem}.contact-form textarea{resize:vertical}.contact-form button{width:50%;padding:12px;background-color:#06141b;color:#fff;border:none;cursor:pointer;border-radius:8px;font-size:1rem}.contact-form button:hover{background-color:#4a5c6a;transform:scale(1.05)}#map{width:100%;height:0;padding-bottom:56.25%;position:relative;border-radius:10px;overflow:hidden;opacity:0;visibility:hidden}#map iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}#map.show{opacity:1;visibility:visible}.map-container{text-align:center;margin-top:20px}.map-container button{width:50%;padding:12px;background-color:#06141b;color:#fff;border:none;cursor:pointer;border-radius:8px;font-size:1rem}.map-container button:hover{background-color:#4a56ca;transform:scale(1.05)}@media (max-width:768px){.contact-container{flex-direction:column}.contact-form,.contact-info{width:100%}}@media (max-width:480px){.hero{height:200px}.hero h2{font-size:1.2rem}.contact-form button,.map-container button{font-size:.9rem;padding:10px}.contact-form h3{font-size:1.2rem}}@media (max-width:340px){#contact-us{width:-moz-fit-content;width:fit-content}}