.pop-up{
    opacity: 0;
    pointer-events: none;
}

.pop-up.active {
    opacity: 1;
    pointer-events: all;
    height: auto;
    min-height: 100vh;
    max-height: 100%;
}
.pop-up__bg {
    width: 100%;
    position: absolute;
    top: 0;
    height: 100vh;
    background: rgba(5, 8, 15, 0.7);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 999999;
}
.pop-up__block {
    width: 100%;
    height: 88%;
    position: relative;
    background-color: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    border-radius: var(--border-radius-medium);
    border-radius: 4px;
}

@supports (height: 100dvh) {
    .pop-up.active  {
        height: 100dvh;
    }
    .pop-up__block {
        height: 100dvh;
    }
}
.pop-up__scroll {
    width: 100%;
    height: 100%;
}
.pop-up__close {
    position: absolute;
    right: calc(1rem - 10px);
    top: calc(1rem - 10px);
    user-select: none;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-size: 1.2rem;
    z-index: 999999;
}
.pop-up__slider,
.pop-up__project {
    width: 100%;
    height: 100%;
}
.pop-up__slider .swiper-wrapper {
    width: 100%;
    height: 100%;
}
.pop-up__slide-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.pop-up__slide {
    padding: 3.6rem 0 5rem 0;
    user-select: none;
}

.pop-up__desc {
    position: absolute;
    left: 0;
    bottom: 1rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.1rem;
    font-size: 0.8rem;
    user-select: none;
}
.pop-up__desc h4 {
    font-weight: 600;
    text-transform: uppercase;
}
.pop-up__slider 
.swiper-button {
    width: 44px;
    height: 54px;
    border: 1px solid #fff;
    background-color: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    border-radius: var(--border-radius-small);
    padding: 0.9rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pop-up__slider .swiper-button:after {
    content: '';
}
.pop-up__slider .swiper-button svg path {
    stroke: var(--color-gray-40);
    transition: all 0.3 ease;
}
.pop-up__slider .swiper-button:hover svg path {
    stroke: var(--color-gray-60)
}
.pop-up___btn {
    margin: 2rem auto 0 auto;
}
.pop-up__slider .swiper-button-disabled {
    opacity: 0;
}
/*thank you pop-up*/
.thank .pop-up__block {
    width: auto;
    height: auto;
    padding: 2.5rem 2rem 2rem 2rem;
    border: 4px solid var(--color-gray-20);
    text-align: center;
}

.thank .pop-up__scroll {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media screen and (min-width: 768px) {
    .pop-up__bg {
        height: 100vh;
        padding: 4vh 4vw;
    }
    .pop-up__block {
        width: 100%;
        height: 100%;
        max-width: 1082px;
        max-height: 800px;
    }
    .pop-up__slide {
        padding: calc(2rem + 20px) 0;
    }
     .pop-up__slider .swiper-button-disabled {
        opacity: 0.3;
    }

    .pop-up__desc {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 0.5rem;
    }
}
@media screen and (min-width: 1024px) {
    .pop-up__slide {
            padding: 2rem calc(2rem + 44px) 3rem;
    }
    .pop-up__slider .swiper-button {
        background-color: rgba(255, 255, 255, 1);
    }
}
@media screen and (min-width: 1440px) {

  /* .pop-up__slide {
      padding: 2rem calc(2rem + 54px);
  } */
    /* .pop-up__slide {
        padding: 2rem 4.4rem 3rem 4.4rem;
    } */
}