.contact-page{font-family:Arial,sans-serif;padding-bottom:20px}.contactBannerContainer{position:relative;height:40vh;width:100%;background-image:url(/assets/contacBanner.png);background-size:cover;background-position:50%;border-radius:0 0 50px 50px;overflow:hidden}.contactBannerContainer:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1}.bannerText{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:white;text-align:center;z-index:2;width:100%}.bannerText h1{font-size:2.5rem;margin:0}.bannerText p{font-size:1.2rem;margin:10px 0 0}h1{text-align:center;margin-bottom:20px}.contact-container{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start;justify-content:space-between;width:65%;margin:20px auto 0}.contact-form{flex:1 1;margin-bottom:20px;border-radius:10px;box-shadow:-1px 1px 15px 7px #d3d3d3;padding:40px;width:50%;background-color:var(--white-color);transition:all .3s ease}.contact-form:hover{box-shadow:-1px 1px 20px 20px #d3d3d3}.contact-details{flex:1 1;padding:40px;width:50%;border:1px solid #ddd;border-radius:4px;background-color:var(--white-color);border-radius:10px;box-shadow:-1px 1px 15px 7px #d3d3d3;transition:all .3s ease}.contact-details:hover{box-shadow:-1px 1px 20px 20px #d3d3d3}.form-group{margin-bottom:15px}label{display:block;margin-bottom:5px;font-weight:700}input,textarea{width:90%;padding:8px;margin-top:5px;border:1px solid #ccc;border-radius:4px;font-size:16px;box-sizing:border-box}.contact-details h3{margin-bottom:10px}.contact-details a{color:var(--light-blue-color);text-decoration:none;font-weight:700}.contact-details a:hover{text-decoration:underline}@media (max-width:768px){.contact-container{flex-direction:column-reverse;align-items:center;width:80%}.contact-details,.contact-form{width:70%}.bannerText{width:80%}.bannerText h1{font-size:2rem;margin:0;color:var(--white-color)}.bannerText p{font-size:1.2rem;margin:10px 0 0}}.popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.popup-content{background:#fff;padding:20px;border-radius:8px;text-align:center;box-shadow:0 4px 6px rgba(0,0,0,.1)}.popup-content h3{margin-bottom:10px}