.contacts{gap:25px;padding:25px;display:flex}.contacts-left-container,.contacts-right-container{flex-direction:column;row-gap:25px;width:100%;display:flex}.contacts-left-container__title,.contacts-right-container__title{text-transform:uppercase;font-size:1.5rem;font-weight:500}form{background:var(--bg-light-clr);border-radius:25px;flex-direction:column;flex-grow:1;gap:12.5px;padding:25px;display:flex}.input-container{gap:12.5px;display:flex}input{border-radius:25px;width:100%;padding:25px;font-size:1rem;transition:background-color .3s;background:#fff!important}.email--correct{background:#e4ffbb!important}.email--incorrect{background:#ffdada!important}textarea{resize:none;border-radius:25px;flex-grow:1;height:140px;padding:25px;font-size:1rem;background:#fff!important}textarea:focus{outline:none}.form-btn{background:var(--bg-dark-clr);color:#fff;height:50px;font-weight:inherit;border-radius:25px;justify-content:center;align-self:flex-end;align-items:center;margin-top:auto;padding:12.5px;transition:background-color .3s;display:flex}.form-btn svg{transition:transform .3s}.form-btn:hover{background:var(--bg-dark-darker-clr)}.form-btn:hover svg{transform:rotate(45deg)}.contact-details-container{background:var(--bg-light-clr);border-radius:25px;flex-direction:column;flex-grow:1;row-gap:12.5px;padding:25px;display:flex}.contact-details{flex-direction:column;align-items:flex-start;row-gap:6.25px;display:flex}.contact-details__title{color:var(--gray-clr)}.contact-details__link{color:#000;border-radius:15px;padding:5px 7.5px}.contact-details__link:hover{background:var(--accent-clr)}.contacts__copy-btn{border-radius:15px;padding:5px 7.5px;position:relative}.contacts__copy-btn:hover{background:var(--accent-clr)}.working-hours__list{flex-direction:column;row-gap:6.25px;width:100%;display:flex}.working-hours__item{border-radius:15px;justify-content:space-between;padding:5px 7.5px;display:flex}.working-hours__item--active{background:var(--accent-clr)}@media screen and (max-width:1000px){.contacts{flex-direction:column-reverse}}@media screen and (max-width:896px){.page-title__title{bottom:10px;left:10px}.contacts{padding:25px 10px}.contact-details-container,form{padding:12.5px}}@media screen and (max-width:500px){.input-container{flex-direction:column}}
