#slot-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
  }
  @media(max-width: 1024px) {
    #slot-modal {
      overflow-y: scroll;
    }
  }
  
  #slot-modal .modal-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    flex-direction: inherit;
    margin: 0 auto;
    background: #fff;
    padding: 20px;
    border-radius: 0;
    max-width: 420px;
    width: 100%;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    overflow-y: scroll;
  }
  @media(min-width: 1025px) {
    #slot-modal .modal-content {
      max-width: 100%;
      min-height: 100vh;
      flex-direction: column;
      width: 100%;
      border-radius: 0;
      padding: 40px;
      padding-top: 20px;
    }
  }
  @media(max-width: 1024px) and (min-width: 600px) {
    #slot-modal .modal-content {
      top: 0;
      bottom: 0;
      margin: auto;
    }
  }
  @media(max-width: 1024px) {
    #slot-modal .modal-content {
      display: flex;
      flex-direction: column;
      min-height: 700px;
      height: fit-content;
      max-width: 450px;
    }
  }
  @media(max-width: 600px) {
    #slot-modal .modal-content {
      min-height: 100%;
      height: 100%;
    }
  }

  .modal_content {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 40px;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
  }
  .modal_content_block {
    /* max-width: 50%; */
    width: 100%;
  }
  @media(max-width: 1024px) {
    .modal_content {
      flex-direction: column;
      gap: 0;
    }
    .modal_content_block {
      max-width: 100%;
    }
  }
  
  #slot-modal .modal-close {
    position: absolute;
    top: 20px;
    left: 20px;
    display: flex;
    align-items: center;
    justify-content: start;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #2D4155;
    font-size: 20px;
    font-weight: 400;
    line-height: 130%;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    background: transparent !important;
  }
  #slot-modal .modal-close::before {
    content: '';
    display: block;
    position: relative;
    min-width: 6px;
    width: 6px;
    height: 10px;
    margin-right: 10px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10' viewBox='0 0 6 10' fill='none'%3e%3cg clip-path='url(%23clip0_2236_8382)'%3e%3cpath d='M0.162909 4.6098L4.70779 0.159755C4.8129 0.0567475 4.95323 0 5.10285 0C5.25247 0 5.39279 0.0567475 5.49791 0.159755L5.83261 0.487394C6.0504 0.700889 6.0504 1.04788 5.83261 1.26105L2.01616 4.99793L5.83684 8.73895C5.94196 8.84196 6 8.97928 6 9.1257C6 9.27228 5.94196 9.4096 5.83684 9.51269L5.50215 9.84025C5.39694 9.94325 5.2567 10 5.10708 10C4.95746 10 4.81714 9.94325 4.71202 9.84025L0.162909 5.38614C0.0575423 5.2828 -0.000330925 5.14484 1.43051e-06 4.99817C-0.000330925 4.85094 0.0575423 4.71305 0.162909 4.6098Z' fill='%231BB4FD'/%3e%3cmask id='mask0_2236_8382' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='6' height='10'%3e%3cpath d='M0.162909 4.6098L4.70779 0.159755C4.8129 0.0567475 4.95323 0 5.10285 0C5.25247 0 5.39279 0.0567475 5.49791 0.159755L5.83261 0.487394C6.0504 0.700889 6.0504 1.04788 5.83261 1.26105L2.01616 4.99793L5.83684 8.73895C5.94196 8.84196 6 8.97928 6 9.1257C6 9.27228 5.94196 9.4096 5.83684 9.51269L5.50215 9.84025C5.39694 9.94325 5.2567 10 5.10708 10C4.95746 10 4.81714 9.94325 4.71202 9.84025L0.162909 5.38614C0.0575423 5.2828 -0.000330925 5.14484 1.43051e-06 4.99817C-0.000330925 4.85094 0.0575423 4.71305 0.162909 4.6098Z' fill='white'/%3e%3c/mask%3e%3cg mask='url(%23mask0_2236_8382)'%3e%3crect width='6' height='10' transform='matrix(-1 0 0 1 6 0.5)' fill='%231BB4FD'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_2236_8382'%3e%3crect width='6' height='10' fill='white' transform='matrix(-1 0 0 1 6 0)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
  }
  @media(min-width: 1025px) {
    #slot-modal .modal-close {
      top: 20px;
      left: 0px;
    }
  }
  @media(max-width: 1024px) {
    #slot-modal .modal-close {
      width: 24px;
      height: 24px;
      padding: 0;
      right: auto;
      font-size: 0;
    }
    #slot-modal .modal-close::before {
      min-width: 24px;
      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M17 2L7 12L17 22' stroke='%232D4155' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
      background-repeat: no-repeat;
      background-position: center;
      background-size: 100%;
      width: 24px;
      height: 24px;
    }
  }


  #slot-modal form {
    display: flex;
    flex-direction: column;
    max-width: 550px;
    width: 100%;
  }
  @media(min-width: 1025px) {
    #slot-modal form {
      order: -1;
    }
  }
  
  #slot-modal input[type="text"],
  #slot-modal input[type="tel"],
  #slot-modal input[type="date"],
  #slot-modal textarea {
    padding: 12px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 8px;
    width: 100%;
    transition: .3s;
  }
  #slot-modal input:focus-visible,
  #slot-modal textarea:focus-visible {
    outline: none;
    border-color: #1BB4FD;
  }
  
  #slot-modal button.submit-btn {
    background: #00aaff;
    color: white;
    border: none;
    padding: 12px;
    font-size: 16px;
    border-radius: 25px;
    cursor: pointer;
    margin-top: 10px;
  }
  #slot-modal button.submit-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed
  }
  @media(min-width: 1025px) {
    #slot-modal button.submit-btn {
      display: block;
      max-width: 375px;
      width: 100%;
      margin: 5px 0 20px;
    }
  }
  @media(max-width: 1024px) {
    #slot-modal button.submit-btn {
      max-width: 450px;
      width: 100%;
      margin: 5px 0 20px;
    }
  }
  
  #slot-modal .checkbox-wrapper {
    font-size: 12px;
    margin-top: 10px;
    display: flex;
    align-items: flex-start;
    gap: 8px;
  }
  
  #slot-modal .checkbox-wrapper input {
    margin-top: 0;
    min-width: 24px;
    width: 24px;
    height: 24px;
  }
  
  #slot-modal .checkbox-wrapper a {
    color: #1BB4FD;
    text-decoration: underline;
  }

  .modal_controls {
    margin-bottom: 30px;
  }
  @media(min-width: 1025px) {
    .modal_controls {
      margin-bottom: 60px;
    }
  }

  #slot-modal .form-group-acceptance label {
    display: flex;
    align-items: start;
  }
  #slot-modal .form-group-acceptance span {
    max-width: 350px;
    width: 100%;
    text-align: left;
  }
  #slot-modal .form-group-acceptance input:checked::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='1' y='1' width='22' height='22' rx='3' fill='white' stroke='%231BB4FD' stroke-width='2'/%3e%3cpath d='M5.5 11.2857L10.5909 17L19.5 7' stroke='%231BB4FD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
    border-radius: 0;
  }

  .modal_title {
    margin: 0;
    color: #2D4155;
    font-size: 17px;
    font-weight: 400;
    line-height: 130%;
    text-align: center;
  }
  .modal_title.desktop {
    display: none;
  }
  .modal_title.mobile {
    display: block;
  }
  .modal_subtitle {
    margin: 0 0 20px;
    color: #2D4155;
    font-size: 22px;
    font-weight: 600;
    line-height: 120%;
    text-align: left;
  }
  @media(min-width: 1025px) {
    .modal_title {
      font-size: 24px;
      font-weight: 600;
    }
    .modal_title.desktop {
      display: block;
      margin-bottom: 40px;
      font-size: 44px;
      font-weight: 600;
      line-height: 130%;
      text-align: left;
    }
    .modal_title.mobile {
      display: none;
    }
    .modal_subtitle {
      font-size: 32px;
      line-height: 40px;
    }
  }

  .modal_success_icon {
    display: block;
    margin: 70px 0 20px 0;
  }
  @media(max-width: 1024px) {
    .modal_success_icon {
      margin: 0 auto 20px;
    }
  }
  .modal_success_note {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #8791A5;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 130%;
  }
  .modal_success_note::before {
    content: '';
    display: block;
    position: relative;
    width: 24px;
    height: 24px;
    margin: 0 auto 10px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cg clip-path='url(%23clip0_2056_10509)'%3e%3cpath d='M1 6V1H6' stroke='%231BB4FD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M23 18V23H18' stroke='%231BB4FD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M1 18V23H6' stroke='%231BB4FD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M23 6V1H18' stroke='%231BB4FD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_2056_10509'%3e%3crect width='24' height='24' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
  }
  .modal_success .modal_subtitle {
    margin: 0 auto;
  }
  @media(max-width: 1024px) {
    .modal_success .modal_subtitle {
      text-align: center;
      max-width: 230px;
      margin: 0 auto;
    }
  }

  .modal_doc {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
  }
  .modal_doc_avatart {
    min-width: 100px;
    width: 100px;
    height: 100px;
    border-radius: 100px;
    margin-right: 10px;
    background: rgba(27, 180, 253, 0.10);
  }
  @media(min-width: 1025px) {
    .modal_doc_avatart {
      min-width: 110px;
      width: 110px;
      height: 110px;
      margin-right: 15px;
    }
  }
  .modal_doc_info {
    width: 100%;
    text-align: left;
  }
  .modal_doc_name {
    margin: 0 0 10px;
    color: #2D4155;
    font-size: 16px;
    font-weight: 600;
    line-height: 130%;
  }
  .modal_doc_exp {
    margin: 0 0 2px;
    color: #2D4155;
    font-size: 14px;
    font-weight: 400;
    line-height: 130%;
  }
  .modal_doc_advice {
    margin: 0;
    color: #2D4155;
    font-size: 14px;
    font-weight: 400;
    line-height: 130%;
  }

  .modal_date {
    padding: 10px 15px;
    margin-bottom: 40px;
    border-radius: 10px;
    background: #F6F9FB;
    text-align: left;
  }
  .modal_date_top {
    display: flex;
    align-items: start;
    justify-content: space-between;
    margin-bottom: 10px;
  }
  .modal_date_value {
    margin: 0;
    padding-right: 15px;
    color: #2D4155;
    font-size: 17px;
    font-weight: 600;
    line-height: 130%;
  }
  .modal_date_position {
    margin: 0 0 5px;
    color: #2D4155;
    font-size: 17px;
    font-weight: 600;
    line-height: 130%;
  }
  .modal_date_services {
    margin: 0 0 20px;
    color: #2D4155;
    font-size: 15px;
    font-weight: 400;
    line-height: 130%;
  }
  .modal_date_info {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .modal_date_duration {
    margin: 0;
    color: #8791A5;
    font-size: 15px;
    font-weight: 400;
    line-height: 130%;
  }
  .modal_date_price {
    margin: 0;
    color: #2D4155;
    font-size: 15px;
    font-weight: 400;
    line-height: 130%;
  }
  .modal_date_address {
    display: flex;
    align-items: center;
    margin: 20px 0 0;
    color: #2D4155;
    font-size: 15px;
    font-weight: 400;
    line-height: 130%;
    
    display: none;
  }
  .modal_date_address::before {
    content: '';
    display: block;
    min-width: 24px;
    width: 24px;
    height: 24px;
    margin-right: 5px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 2.75C7.99594 2.75 4.75 5.99594 4.75 10C4.75 12.7037 6.57785 15.5212 8.56056 17.7517C9.53432 18.8472 10.5104 19.7625 11.2439 20.4043C11.5427 20.6658 11.8003 20.8811 12 21.0438C12.1997 20.8811 12.4573 20.6658 12.7561 20.4043C13.4896 19.7625 14.4657 18.8472 15.4394 17.7517C17.4221 15.5212 19.25 12.7037 19.25 10C19.25 5.99594 16.0041 2.75 12 2.75ZM12 22L12.45 22.6C12.1833 22.8 11.8167 22.8 11.55 22.6L12 22ZM3.25 10C3.25 5.16751 7.16751 1.25 12 1.25C16.8325 1.25 20.75 5.16751 20.75 10C20.75 13.2963 18.5779 16.4788 16.5606 18.7483C15.5343 19.9028 14.5104 20.8625 13.7439 21.5332C13.3601 21.869 13.0395 22.1336 12.8135 22.3151C12.7006 22.4059 12.6112 22.476 12.5493 22.524C12.5183 22.5479 12.4943 22.5664 12.4776 22.5791L12.4581 22.5939L12.4526 22.5981L12.4509 22.5993C12.4507 22.5995 12.45 22.6 12 22C11.55 22.6 11.5502 22.6002 11.55 22.6L11.5474 22.5981L11.5419 22.5939L11.5224 22.5791C11.5057 22.5664 11.4817 22.5479 11.4507 22.524C11.3888 22.476 11.2994 22.4059 11.1865 22.3151C10.9605 22.1336 10.6399 21.869 10.2561 21.5332C9.48959 20.8625 8.46568 19.9028 7.43944 18.7483C5.42215 16.4788 3.25 13.2963 3.25 10Z' fill='%231BB4FD'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 7.75C10.7574 7.75 9.75 8.75736 9.75 10C9.75 11.2426 10.7574 12.25 12 12.25C13.2426 12.25 14.25 11.2426 14.25 10C14.25 8.75736 13.2426 7.75 12 7.75ZM8.25 10C8.25 7.92893 9.92893 6.25 12 6.25C14.0711 6.25 15.75 7.92893 15.75 10C15.75 12.0711 14.0711 13.75 12 13.75C9.92893 13.75 8.25 12.0711 8.25 10Z' fill='%231BB4FD'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
  }

  .form_pacients {
    width: 100%;
    color: #2D4155;
    font-size: 22px;
    font-weight: 600;
    line-height: 120%;
    text-align: left;
  }
  @media(min-width: 1025px) {
    .form_pacients {
      margin-bottom: 20px;
      font-size: 32px;
      line-height: 40px; 
    }
  }
  .checkbox-wrapper label {
    max-width: 400px;
    width: 100%;
    margin: 0;
    text-align: left;
    color: #8791A5;
    font-size: 12px;
    font-weight: 400;
    line-height: 130%;
  }
  @media(min-width: 1025px) {
    .checkbox-wrapper label {
      font-size: 15px;
    }
  }

  .change-slot-btn {
    padding: 0;
    color: #1BB4FD;
    font-size: 15px;
    font-weight: 600;
    line-height: 130%;
    background: transparent;
    border: none;
    transition: .3s;
  }
  @media(min-width: 1025px) {
    .change-slot-btn:hover {
      opacity: 0.5;
    }
  }
  .modal_date_direction {
    margin: 0 0 5px;
    color: #2D4155;
    font-size: 20px;
    font-weight: 600;
    line-height: 130%; 
  }

  @media(max-width: 1024px) {
    .modal_doc_name {
      font-size: 14px;
    }
    .modal_doc_exp,
    .modal_doc_advice {
      font-size: 12px;
    }
    .change-slot-btn {
      font-size: 14px;
    }
    .modal_date_direction {
      font-size: 17px;
    }
    .modal_date_services { 
      margin: 0 0 15px;
      font-size: 14px;
    }
    .modal_date_duration {
      font-size: 14px;
    }
    .modal_date_price {
      font-size: 14px;
    }
    .modal_date_address {
      margin: 15px 0 0;
      font-size: 14px;
    }
    
  }


  
  .modal_success {
    order: -1;
    max-width: 50%;
    width: 100%;
  }

  @media(max-width: 1024px) {
    .modal_success {
      max-width: 100%;
      order: 1;
    }
  }



  .modal_error_overlay {
    align-items: center;
    justify-content: center;
    z-index: 11111;
    background: rgba(0, 0, 0, 0.5);
  }
  .modal_error_overlay_content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0px;
    background: #fff;
    width: 600px;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 4px 4px 35px 0px rgba(0, 0, 0, 0.15);
  }
  .modal_error_overlay .modal_subtitle {
    text-align: center;
    width: 100%;
  }
  .modal_error_overlay .modal_text {
    width: 100%;
    max-width: 290px;
    margin: 0 auto 20px;
    font-weight: 400;
  }
  .modal-retry-btn {
    border-radius: 30px;
    background: #1BB4FD;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    color: #fff;
    min-height: 60px;
    min-width: 340px;
    margin: 0 auto;
    border: none;
  }

  @media(max-width: 1024px) {
    .modal_error_overlay_content {
      max-width: 400px;

    }
  }

  @media(max-width: 500px) {
    .modal_error_overlay_content {
      max-width: 94%;
    }
  }

  #full-form input {
    margin-bottom: 15px;
  }

  #phone-check-form .submit-btn {
    margin-top: 0 !important
  }
  #phone-check-form input[name="phone"] {
    margin-bottom: 20px;
  }