.appointment-modal{z-index:1;background:#0000004d;justify-content:center;align-items:center;width:100%;display:flex;position:fixed;inset:0;overflow:auto}.appointment-modal__title-container{flex-direction:column;display:flex}.appointment-modal__container{scrollbar-width:thin;scrollbar-color:#0003 transparent;background:#fff;border-radius:8px;flex-direction:column;width:90%;max-width:576px;max-height:90vh;padding:24px 24px 32px;display:flex;position:relative;overflow-y:auto;box-shadow:0 4px 8px #0003}.appointment-modal__container::-webkit-scrollbar{width:4px}.appointment-modal__container::-webkit-scrollbar-thumb{background:#0003;border-radius:8px}.appointment-modal__container::-webkit-scrollbar-track{background:0 0}.appointment-modal__close-button{opacity:1;cursor:pointer;background-color:#1348ba;background-image:url(../media/close-button.331_1lqhscpbj.png);background-repeat:no-repeat;border:0;border-radius:12px;width:100%;max-width:16px;height:16px;padding:10px;transition:all .7s;display:flex;position:absolute;top:16px;right:16px}.appointment-modal__buttons-container{display:flex}.appointment-modal__close-button:hover{opacity:.7}.appointment-modal__text-content{flex-direction:column;align-items:end;gap:16px;display:flex}.appointment-modal__title{color:#1e1e1e;margin:0 0 16px;font-family:Cera Round,sans-serif;font-size:24px;font-style:normal;font-weight:700;line-height:140%}.appointment-modal__text,.appointment-modal__text-mobile{color:#1e1e1e;margin-bottom:24px;font-family:Cera Round,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:140%}.appointment-modal__button{color:#757575;cursor:pointer;opacity:1;background:0 0;border:0;border-bottom:1px solid #d9d9d9;margin-bottom:24px;padding:8px 12px;font-family:Cera Round,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:140%;transition:all .7s;display:block}.appointment-modal__button:hover{opacity:.7}.active-modal{color:#1e1e1e;border-bottom:1px solid #1e1e1e}.appointment-modal__form{flex-direction:column;gap:16px;width:100%;display:flex}.appointment-modal__input,.appointment-modal__textarea{color:#1e1e1e;background:#fff;border:1px solid #d9d9d9;border-radius:8px;padding:12px;font-family:Cera Round,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:140%}.appointment-modal__label-checkbox{flex-direction:row;align-items:center;width:100%;font-size:14px;display:flex}.appointment-modal__label-link{color:#1348ba;margin:0 4px;font-size:14px;font-weight:500}.appointment-modal__checkbox{opacity:0;cursor:pointer;position:absolute}.appointment-modal__custom-checkbox{background-color:#0000;border:1px solid #d9d9d9;border-radius:2px;width:16px;height:16px;margin-top:2px;margin-right:8px;transition:background-color .3s,border-color .3s;display:inline-block;position:relative}.appointment-modal__checkbox:checked+.appointment-modal__custom-checkbox{background-color:#1348ba;border-color:#1348ba}.appointment-modal__custom-checkbox:after{content:"";border:3px solid #fff;border-width:0 3px 3px 0;width:6px;height:12px;display:none;position:absolute;top:0;left:4px;transform:rotate(30deg)}.appointment-modal__checkbox:checked+.appointment-modal__custom-checkbox:after{display:block}.appointment-modal__button-container{width:100%}.appointment-modal__contacts{flex-direction:column;gap:16px;display:flex}.appointment-modal__contacts-subtitle{color:#000;margin-bottom:16px;font-family:Cera Round,sans-serif;font-size:16px;font-style:normal;font-weight:500;line-height:140%}.appointment-modal__contacts-paragraph{color:#000;font-family:Cera Round,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:140%}.appointment-modal__contacts-phones{flex-direction:column;gap:4px;display:flex}.phone-paragraph{margin-bottom:8px}.appointment-modal__contacts-ul{flex-direction:column;gap:8px;display:flex}.list-paragraph:before{content:url(../media/marker.11w9ekv184viu.svg);width:8px;height:8px;margin-right:8px}.appointment-modal__button-container-mobile,.appointment-modal__button-mobile,.appointment-modal__span-mobile,.appointment-modal__form-title,.appointment-modal__text-mobile{display:none}@media (max-width:768px){.appointment-modal__text{display:none}.appointment-modal__button-container-mobile,.appointment-modal__button-mobile,.appointment-modal__text-mobile{display:flex}.appointment-modal__container{max-width:327px;padding:18px 24px 20px}.appointment-modal__title{width:100%;max-width:200px;margin:6px 0 0}.appointment-modal__buttons-container{display:none}.appointment-modal__logo{width:79px;min-height:95px}.appointment-modal__button-container-mobile{flex-direction:column;gap:16px;display:flex}.appointment-modal__button-mobile{color:#1e1e1e;border:1px solid #1348ba;border-radius:8px;justify-content:center;width:100%;padding:8px 12px;font-family:Cera Round,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:140%}.appointment-modal__span-mobile{color:#1e1e1e;text-align:center;padding:0 4px;font-family:Cera Round,sans-serif;font-size:18px;font-style:normal;font-weight:500;line-height:28px;display:block;position:relative}.appointment-modal__span-mobile:before,.appointment-modal__span-mobile:after{content:"---------------------------";color:#d9d9d9;flex:1;height:1px;margin:0 8px}.appointment-modal__form-title{color:#1e1e1e;margin:24px 0 0;font-family:Cera Round,sans-serif;font-size:24px;font-style:normal;font-weight:700;line-height:140%;display:block}.appointment-modal__form{gap:12px}.appointment-modal__label-link,.appointment-modal__label-checkbox{font-size:9px}.appointment-modal__label-link{margin:0 0 0 2px}}
