.contacts{opacity:0;animation:1s forwards revealContacts}@keyframes revealContacts{to{opacity:1}}.contacts-wrapper{flex-direction:column;row-gap:30px;padding-top:30px;display:flex}.contacts__secondary-info{text-align:justify;padding:0 30px;font-size:clamp(1rem,2vw,1.25rem)}.contacts-details{background:#fff;grid-template-columns:repeat(3,1fr);gap:30px;padding:30px;display:grid}.contacts-details div{flex-direction:column;justify-content:center;align-items:center;width:100%;height:150px;display:flex}.contacts__phone,.contacts__email,.contacts__address{font-size:1.5rem}.contacts__phone-link,.contacts__email-link,.contacts__address-link{align-self:center;font-size:1rem;font-weight:300;transition:color .15s}.contacts__phone-link:hover,.contacts__email-link:hover,.contacts__address-link:hover{color:var(--accent-clr)}.contacts-details__address-btn{background:var(--accent-clr);border:1px solid var(--accent-clr);border-radius:15px;place-content:center;height:30px;margin-top:15px;padding:0 7.5px;transition:background-color .3s;display:grid}.contacts-details__address-btn:hover{background:0 0}.contacts__appointment-title{text-align:center;font-size:clamp(1.5rem,4vw,2rem)}.contacts-form{flex-direction:column;row-gap:7.5px;width:50%;margin:0 auto;padding:0 30px;display:flex}.contacts-form__inputs{gap:7.5px;display:flex}.contacts-form__input-wrapper{flex-grow:1;position:relative}.contacts-form__input-wrapper:focus-within .contacts-form__label{font-size:12px;top:0;transform:translateY(-50%)}.contacts-form__input{border:1px solid var(--accent-clr);border-radius:24px;width:100%;padding:14px}.contacts-form__input:focus+.contacts-form__label,.contacts-form__input:not(:placeholder-shown)+.contacts-form__label{font-size:12px;top:0;transform:translateY(-50%)}.contacts-form__textarea{border:1px solid var(--accent-clr);resize:vertical;border-radius:24px;width:100%;padding:14px}.contacts-form__textarea:focus{outline:none}.contacts-form__textarea:focus+.contacts-form__label,.contacts-form__textarea:not(:placeholder-shown)+.contacts-form__label{font-size:12px;top:0;transform:translateY(-50%)}.contacts-form__label{transition:all .3s;position:absolute;top:14px;left:14px}.select-container{flex-direction:column;display:flex}.select-container label{padding-left:14px}.select{border:1px solid var(--accent-clr);border-radius:24px;padding:14px}.contacts-form__btn{font-weight:inherit;border:1px solid var(--accent-clr);background:var(--accent-clr);border-radius:30px;height:60px;padding:0 15px;transition:background-color .3s}.contacts-form__btn:hover{background-color:#0000}.contacts__maps-container{gap:30px;display:flex}.contacts__maps-container div{align-self:flex-end;width:100%}.contacts__map-title{text-align:center;margin-bottom:30px;font-size:clamp(1.5rem,4vw,2rem)}.contacts__map{width:100%;height:300px}@media (max-width:1200px){.contacts-details{grid-template-columns:repeat(2,1fr)}}@media (max-width:1000px){.contacts-form{width:75%}}@media (max-width:900px){.contacts-details{grid-template-columns:repeat(1,1fr)}.contacts__secondary-info{padding:0 15px}.contacts-details{padding:30px 15px}.contacts-form{padding:0 15px}}@media (max-width:809px){.contacts__maps-container{flex-direction:column;gap:30px}}@media (max-width:700px){.contacts-form{width:100%}.contacts-form__inputs{flex-direction:column}}
