.contact1{background:var(--grey);height:500px;padding:0 20px}.contact1 .contact-container1{flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex}.contact1 .contact-container1 h1{text-align:center;font-size:2.5rem;width:100%!important}.contact1 .contact-container1 p{text-align:center;max-width:65ch;width:100%!important}.contact2{height:800px;padding:50px 20px}.contact2 .contact-container2{justify-content:center;align-items:center;gap:20px;padding:0 0 100px;display:flex}.contact2 .contact-container2 .left{flex-direction:column;justify-content:center;gap:20px;width:50%;height:100%;display:flex}.contact2 .contact-container2 .left h2{width:100%;font-size:2rem}.contact2 .contact-container2 .left p{width:100%}.contact2 .contact-container2 .left .icon{aspect-ratio:1;background:var(--accent);cursor:pointer;border-radius:100px;justify-content:center;align-items:center;height:40px;display:flex}.contact2 .contact-container2 .left .icon a{justify-content:center;align-items:center;display:flex}.contact2 .contact-container2 .left .icon svg{fill:#fff}.contact2 .contact-container2 .left .contact-details{flex-direction:column;gap:10px;display:flex}.contact2 .contact-container2 .left .contact-details .icons-box{align-items:center;gap:10px;display:flex}.contact2 .contact-container2 .left .line{background:var(--grey);width:100%;height:1px}.contact2 .contact-container2 .left .social{gap:10px;display:flex}.contact2 .contact-container2 .right{justify-content:flex-end;align-items:center;width:50%;height:100%;padding:90px 0;display:flex}.contact2 .contact-container2 .right form{background:var(--grey);border-radius:10px;flex-direction:column;justify-content:center;align-items:flex-start;gap:20px;width:400px;padding:20px;display:flex}.contact2 .contact-container2 .right form .row{gap:20px;width:100%;display:flex}.contact2 .contact-container2 .right form label{flex-direction:column;align-items:flex-start;gap:2px;width:100%;display:flex}.contact2 .contact-container2 .right form label p{padding:0 0 0 6px;font-size:.85rem}.contact2 .contact-container2 .right form label input,.contact2 .contact-container2 .right form label textarea{border:1px solid var(--text);background:0 0;border-radius:5px;outline:none;width:100%;padding:10px}.contact2 .contact-container2 .right form label input:focus,.contact2 .contact-container2 .right form label textarea:focus{border:1px solid var(--accentDark)}.contact2 .contact-container2 .right form label input.err,.contact2 .contact-container2 .right form label textarea.err{border:1px solid var(--accent)!important;box-shadow:0px 0px 10px var(--accent)!important}.contact2 .contact-container2 .right form label textarea{height:100px}.contact2 .contact-container2 .right form label .error{color:red;padding:0 0 0 6px;font-size:.75rem;display:none}.map{background:var(--grey);height:500px}.map .map-container{padding:50px 20px 0;position:relative}.map .map-container .mapbox{background:red;border-radius:10px;width:100%;height:300px;overflow:hidden}@media only screen and (max-width:900px){.contact1 .contact-container1 h1{font-size:2rem}.contact2{height:fit-content;padding:0 20px 33px}.contact2 .contact-container2{flex-direction:column!important}.contact2 .contact-container2 .left{justify-content:center!important;width:100%!important}.contact2 .contact-container2 .left h2,.contact2 .contact-container2 .left p.para{text-align:center!important}.contact2 .contact-container2 .left h2{font-size:1.8rem}.contact2 .contact-container2 .left .contact-details{align-items:center!important}.contact2 .contact-container2 .left .contact-details .icons-box{width:350px!important}.contact2 .contact-container2 .left .social{justify-content:center}.contact2 .contact-container2 .right{padding:33px 0;justify-content:center!important;width:100%!important}}