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