.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}.contacts-form__input{border:1px solid var(--accent-clr);border-radius:30px;width:100%;height:60px;padding:0 15px}.contacts-form__label{pointer-events:none;padding-left:15px;transition:all .3s;position:absolute;top:50%;transform:translateY(-50%)}.contacts-form__label--active{font-size:12px;top:0}.custom-select{height:60px;position:relative}.custom-select__btn{text-align:left;background:var(--bg-clr);cursor:pointer;border:1px solid var(--accent-clr);border-radius:30px;width:100%;height:100%;padding-left:15px;transition:background-color .3s;position:relative}.custom-select__btn--active{background:var(--accent-clr)}.custom-select__btn:after{content:"";aspect-ratio:1;clip-path:polygon(50% 100%,0 0,100% 0);background:#000;width:10px;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.custom-select__list{background:var(--bg-clr);width:100%;box-shadow:var(--cstm-box-shadow);border-radius:15px;padding:7.5px;display:none;position:absolute;left:0}.custom-select__list--visible{display:block}.custom-select__option{cursor:pointer;border-radius:15px;justify-content:flex-start;align-items:center;height:30px;padding:0 15px;transition:background-color .3s;display:flex}.custom-select__option:hover{background:var(--accent-clr)}.custom-select__input{display:none}input[type=date],input[type=time]{border:1px solid var(--accent-clr);border-radius:30px;height:60px;padding:15px}.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}}
