.modal-window {
      position: fixed;
      inset: 0;
      background: rgba(0, 0, 0, 0.6);
      display: grid;
      place-items: center;
      opacity: 0;
      visibility: hidden;
      transition: all 0.25s ease;
      z-index: 1000;
      overflow: auto;
    }

    .modal-window.active {
      opacity: 1;
      visibility: visible;
    }

    .modal-window-content {
      background: white;
      border-radius: 30px;
      width: 90%;
      max-width: 680px;
      padding: 45px;
      box-shadow: 0 20px 50px -15px rgba(0,0,0,0.4);
      transform: scale(0.8);
      transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    }

    .modal-window.active .modal-window-content {
      transform: scale(1);
    }
    .modal-window__close{
        position: absolute;
        right: 20px;
        top: 20px;
        cursor: pointer;
    }
    .modal-window__title{
        font-weight: 700;
        font-size: 40px;
        line-height: 120%;
        color: var(--violet-dark);
        margin-bottom: 16px;
        text-align: center;
    }
    .modal-window__date{
        font-weight: 400;
        font-size: 16px;
        line-height: 110%;
        color: rgba(51, 51, 51, 0.5);
        margin-bottom: 17px;
    }
    .modal-window__description{
        font-weight: 400;
        font-size: 15px;
        line-height: 147%;
        color: var(--black);
        margin-bottom: 26px;
    }
    .modal-window__image{
      top: 10px;
      position: sticky;
      height: 100%;
    }
    .modal-window__image img{
        max-width: 100%;
        width: 100%;
        height: auto;
        border: 1px solid var(--stroke-photo-gray-bg);
        border-radius: 17px 17px 25px 25px;
    }
    .modal-window-content--techology{
      max-width: 914px;
    }
    .modal-window-body{
      display: flex;
      gap: 20px;
    }
    .modal-window-body > *{
      flex: 0 1 calc(50% - 10px);
    }
    .modal-window__description-detail_text p{
      font-weight: 400;
      font-size: 15px;
      line-height: 147%;
      color: var(--black);
      margin-bottom: 15px;
    }
    .modal-window__description-detail_text{
      margin-bottom: 15px;
    }
    .modal-window__why-we{
      padding: 30px 0;
      border-top: 1px solid rgba(212, 203, 225, 0.4);
      border-bottom: 1px solid rgba(212, 203, 225, 0.4);
      margin-bottom: 30px;
    }
    .modal-window__why-we h3{
      font-weight: 500;
      font-size: 19px;
      line-height: 110%;
      text-transform: uppercase;
      color: var(--accent-dark);
      margin-bottom: 18px;
    }
    .modal-window__why-we p{
      font-weight: 400;
      color: var(--black);
      font-size: 15px;
      line-height: 147%;
      margin-bottom: 15px;
    }
    .modal-window__why-we p span{
      color: var(--accent-dark);
      font-weight: 600;
    }
    .modal-window__why-we p:last-child{
      margin-bottom: 0;
    }
    .modal-window__low{
      font-weight: 600;
      font-size: 17px;
      line-height: 147%;
      text-align: center;
      color: var(--accent-dark);
      border-bottom: 1px solid rgba(212, 203, 225, 0.4);
      padding-bottom: 30px;
    }
    .modal-window-content--form{
      max-width: 644px;
    }
    #Modal-default .modal-window__subtitle{
        font-weight: 400;
        font-size: 18px;
        line-height: 120%;
        color: var(--black);
        margin-bottom: 32px;
        text-align: center;
    }
    .modal-window-form{
      display: flex;
      flex-direction: column;
    }
    .modal-window-form .form-item{
      display: flex;
      flex-direction: column;
      gap: 7px;
      margin-bottom: 17px;
    }
    .modal-window-form .form-item span{
        font-weight: 500;
        font-size: 18px;
        line-height: 140%;
        color: var(--violet-dark);
    }
    .modal-window-form .form-item input{
        background: var(--white);
        border: 1px solid var(--stroke-bg);
        border-radius: 30px;
        font-weight: 400;
        font-size: 20px;
        line-height: 140%;
        color: var(--black);
        padding: 16px 24px;
        transition: all .2s ease;
    }
    .modal-window-form .form-item input::placeholder{
        color: var(--gray-light);
    }
    .modal-window-form .form-item input:focus, .modal-window-form .form-item input:focus-visible{
        border-color: var(--violet-accent-text);
        outline: none;
    }

    .loader {
        animation: l7 1s infinite;
        max-width: 32px;
        margin: auto;
        background-image: url('/images/loader.svg');
        background-position: center center;
        background-repeat: no-repeat;
        width: 100%;
        height: 32px;
    }
    @keyframes l7 {to{transform: rotate(.5turn)}}

    .btn--form{
        font-weight: 500;
        font-size: 16px;
        line-height: 125%;
        text-align: center;
        color: var(--white);
        width: 100%;
        padding: 23px;
        border-radius: 100px;
        background: var(--violet-dark);
        border: 1px solid var(--violet-dark);
        max-height: 68px;
    }
    .btn--form.loading{
        background-color: var(--violet-accent-text) !important;
        border-color: var(--violet-accent-text) !important;
        padding: 18px;
        pointer-events: none;
    }
    .btn--form:hover{
        background: transparent;
        color: var(--violet-dark);
        border: 1px solid var(--violet-dark);
    }
    .modal-window-form .success{
        display: flex;
        align-items: flex-start;
        gap: 9px;
        position: relative;
        cursor: pointer;
        align-items: center;
        margin-bottom: 48px;
        margin-top: 7px;
        margin-left: 24px;
    }
    .modal-window-form .success span, .modal-window-form .success a{
      font-weight: 400;
      font-size: 14px;
      line-height: 130%;
      letter-spacing: -0.02em;
      color: #9e9e9e;
    }
    .modal-window-form .success input{
      width: 24px;
      height: 24px;
      z-index: -1;
      opacity: 0;
      min-width: 24px;
    }
    .modal-window-form .success input + span::before{
      content: '';
      width: 24px;
      height: 24px;
      border-radius: 7px;
      border: 1px solid var(--violet-accent-text);
      position: absolute;
      left: 0;
      top: 0;
    }
    .modal-window-form .success input:checked + span::before{
        background-color: var(--violet-accent-text);
    }
    .modal-window-form .success input:checked + span::after{
      content: '';
      width: 24px;
      height: 24px;
      left: 0;
      top: 0px;
      background: url('/images/modal-check.svg');
      background-repeat: no-repeat;
      background-position: center center;
      position: absolute;
    }
    .modal-window__prev-text p{
        font-weight: 400;
        font-size: 16px;
        line-height: 147%;
        color: var(--black);
        margin-bottom: 15px;
    }
    .modal-window__prev-text hr{
      margin: 25px 0 ;
      border-color: rgba(212, 203, 225, 0.7);
    }
    .modal-window__prev-text h3{
        font-weight: 500;
        font-size: 20px;
        line-height: 110%;
        text-transform: uppercase;
        color: var(--accent-dark);
        margin-bottom: 17px;
    }
    .modal-window__prev-text ol{
      display: flex;
      flex-direction: column;
      gap: 9px;
      margin-bottom: 20px;
    }
    .modal-window__prev-text ol li{
      display: flex;
      align-items: center;
      gap: 10px ;
    }
    .modal-window__prev-text ol li span{
      font-weight: 400;
      font-size: 16px;
      line-height: 110%;
      color: var(--black);
    }
    .modal-window__prev-text ol li div{
      font-weight: 400;
      font-size: 15px;
      line-height: 110%;
      text-align: center;
      color: var(--black);
      display: flex;
      width: 44px;
      height: 44px;
      border: 1px solid var(--gray-bg);
      border-radius: 50%;
      align-items: center;
      justify-content: center;
      min-width: 44px;
    }
    .modal-window__detail-text{
      font-weight: 600;
      font-size: 28px;
      line-height: 103%;
      letter-spacing: -0.01em;
      text-align: center;
      color: var(--accent-dark);
      margin-bottom: 24px;
    }
    .modal-window-image{
        margin-bottom: 25px;
        border-radius: 17px;
        overflow: hidden;
    }
    .modal-window-image img{
      max-width: 100%;
      height: auto;
      width: 100%;
      border-radius: 17px;
    }
    .modal-window__social{
      display: flex;
      align-items: center;
      gap: 20px; 
      justify-content: center;
    }
    .modal-window__social-item{
      display: flex;
      gap: 9px;
      align-items: center;
    
    }
    .modal-window__social-item__value a{
      font-weight: 600;
      font-size: 18px;
      color: var(--black);
      transition: border .2s ease;
      display: inline-block;
    }
    .modal-window__social-item__value a:hover{
      text-decoration: underline;
    }
    .modal-window__social-item__icon{
      min-width: 42px;
    }
    .modal-window--fs .modal-window-content{
      max-width: 680px;
    }
    #Modal-call .modal-window__title{
      text-align: center;
    }
    #Modal-call .modal-window__subtitle{
      font-weight: 400;
      font-size: 15px;
      line-height: 130%;
      color: var(--black);
      margin-bottom: 20px;
      text-align: center;
    }
    #Modal-call .modal-body{
      text-align: center;
    }
     #Modal-call .modal-body a{
      font-weight: 400;
      font-size: 15px;
      line-height: 130%;
      color: var(--black);
      display: inline-block;
     }
     #Modal-call .modal-body a:hover{
      text-decoration: underline;
     }
    


    @media(max-width:767px){
      .modal-window-body{
        flex-direction: column;
      }
      .modal-window-body > *{
        flex: 1 1 100%;
      }
      .modal-window__image{
        position: static;
      }
      .modal-window__social{
        flex-direction: column;
        align-items: flex-start;
      }
      .modal-window__detail-text{
        text-align: left;
      }
    }
    @media(max-width:575px){
      .modal-window__title{
        font-size: 25px;
      }
      #Modal-default .modal-window__title{
        font-size: 28px;
      }
      #Modal-default .modal-window__subtitle{
        font-size: 14px;
      }
      .btn--form{
        font-size: 14px;
        padding: 18.5px;
      }
      .modal-window-form .success span, .modal-window-form .success a{
        font-size: 13px;
      }
      .modal-window-form .form-item input{
        padding: 14px;
      }
      .modal-window-content{
        padding: 40px 20px;
      }
    }