section.appointment-form{background-color:var(--primary-color);width:100%;padding:var(--spacing-4xl) var(--spacing-lg);position:relative}@media (min-width:768px){section.appointment-form{padding:var(--spacing-4xl) var(--spacing-2xl)}}section.appointment-form:before{content:"";background-color:var(--color-white);z-index:0;width:557px;height:100%;display:none;position:absolute;top:50%;right:0;transform:translateY(-50%)}@media (min-width:1200px){section.appointment-form:before{display:block}}.appointment-form__container{gap:var(--spacing-2xl);z-index:1;flex-direction:column;max-width:1173px;margin:0 auto;display:flex;position:relative}@media (min-width:1024px){.appointment-form__container{flex-direction:row;align-items:center;gap:150px}}.appointment-form__content{flex-direction:column;flex:1;gap:37px;max-width:589px;display:flex}.appointment-form__subtitle{font-family:var(--font-family);font-size:18px;font-weight:var(--font-weight-semibold);color:var(--text-color);text-transform:uppercase;letter-spacing:1.15px;margin:0;line-height:1.4}.appointment-form__title{font-family:var(--font-family-heading);font-size:max(32px,min(5vw,46px));font-weight:var(--font-weight-normal);color:var(--tertiary-color);letter-spacing:2px;text-transform:capitalize;margin:7px 0 0;line-height:1.2}.appointment-form__description{font-family:var(--font-family);font-size:17px;font-weight:var(--font-weight-normal);color:var(--text-color);gap:var(--spacing-md);flex-direction:column;line-height:1.5;display:flex}.appointment-form__description p{margin:0}.appointment-form__form-wrapper{flex-direction:column;gap:14px;width:100%;max-width:434px;display:flex}.appointment-form__form-placeholder{flex-direction:column;gap:14px;display:flex}.appointment-form__field{position:relative}.appointment-form__field label{font-family:var(--font-family);font-size:15px;font-weight:var(--font-weight-semibold);color:var(--color-white);text-transform:uppercase;letter-spacing:1.15px;pointer-events:none;line-height:1.6;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.appointment-form__field:last-child label{top:22px;transform:none}.appointment-form__input-placeholder{background-color:var(--secondary-color);border:none;border-radius:15px;height:44px;box-shadow:0 4px 4px rgba(0,0,0,.25)}.appointment-form__textarea-placeholder{background-color:var(--secondary-color);border:none;border-radius:15px;height:133px;box-shadow:0 4px 4px rgba(0,0,0,.25)}.appointment-form__button{background-color:var(--secondary-color);color:var(--color-white);font-family:var(--font-family);font-size:15px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:1.15px;cursor:pointer;transition:var(--transition);border:none;border-radius:15px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:8px 15px}.appointment-form__button:hover{background-color:var(--tertiary-color);box-shadow:var(--box-shadow);transform:translateY(-2px)}
