.contact__wrapper{padding:40px}.contact-details-container{gap:20px;display:flex}.contact__list{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.contact__list a{border-radius:10px;justify-content:center;align-items:center;column-gap:5px;padding:10px;transition:all .3s;display:flex}.contact__list a:hover{background:var(--blue-clr-2)}.contact__list a svg{color:var(--blue-clr)}.form-map-wrapper{gap:40px;display:flex}.form-wrapper{flex-direction:column;width:100%;display:flex}.custom-divider--hide{display:none}.map-wrapper{flex-direction:column;gap:10px;width:100%;display:flex}.contact-details__title{text-align:start;color:var(--blue-clr);margin-bottom:10px;font-size:24px}.contact__map-title{text-align:start;color:var(--blue-clr);font-size:24px}.map-wrapper__header-container{background:var(--blue-clr-1);border-radius:10px;padding:5px;display:flex;position:relative}.map-wrapper__header-container button{padding:10px}.map-btn--active{color:#fff;transition:color .3s}.active-bg{z-index:-1;background:var(--blue-clr);pointer-events:none;border-radius:10px;width:57.94px;height:calc(100% - 10px);transition:left .3s,width .3s;position:absolute;left:5px}.active-bg--active{width:108.99px;left:62.94px}.active-map-bg{z-index:-1;background:var(--blue-clr);pointer-events:none;border-radius:10px;width:125.64px;height:calc(100% - 10px);transition:left .3s,width .3s;position:absolute;left:5px}.active-map-bg--active{width:84.77px;left:130.64px}.contact__google-map{width:100%;height:400px}.contact__map{position:relative;overflow:hidden}.contact__map-img-wrapper{background:linear-gradient(-90deg, var(--blue-clr), #0fefce);cursor:grab;touch-action:none;width:clamp(200px,20vw,300px);padding:5px;position:absolute;bottom:40px;right:40px;box-shadow:0 0 10px #0000001a}.contact__map-img-wrapper:active{cursor:grabbing}@media (max-width:1000px){.custom-divider--hide{display:initial}}@media (max-width:900px){.contact__wrapper{padding:40px 20px}.contact__map-img-wrapper{bottom:20px;right:20px}.contact-details-container{flex-direction:column}}@media (max-width:600px){.contact__wrapper{padding:40px 10px}.contact__map-img-wrapper{bottom:10px;right:10px}}