.modal-contact {
    max-width: 68rem;
    width: 100%;
    background-color: $light;

    // .modal-contact__inner

    &__inner {
        box-sizing: border-box;
        padding: 5rem 2rem;
        display: flex;
        justify-content: space-between;
        @media(min-width: $tabletSmallP1) {
            padding: 4.85rem 9.5rem 4.85rem 6rem;
        }

        h2 {
            @extend .h4;
            @include adaptiveProperty('font-size', 32, 24);
            font-family: $secondary-font;
        }

        p {
            font-size: 1.4rem;
            &:not(:first-child) {
                margin-top: 1.7rem;
            }

            a {
                position: relative;

                &::before {
                    content: '';
                    width: 0;
                    height: .1rem;
                    background-color: $secondary;
                    position: absolute;
                    bottom: 0;
                    right: 0;
                    transition: all .2s;
                }

                &:not(:first-child) {
                    margin-top: 2rem;
                }

                &:hover {
                    &::before {
                        width: 100%;
                        left: 0;
                    }
                }
            }
        }

        form {
            &:not(:first-child) {
                margin-top: 1.8rem;
            }
        }
    }

    // .modal-contact__checkbox

    &__checkbox {    
        label {
            display: flex;
            align-items: center;
            gap: 1rem;
            cursor: pointer;

            input {
                position: absolute;
                width: 0;
                height: 0;
                top: 0;
                left: 0;
                &:checked {
                    & + div {
                        background-color: $secondary;
                        border-color: $secondary;
                        &::before {
                            opacity: 1;
                        }
                    }
                }
            }

            > div {
                width: 2rem;
                height: 2rem;
                flex-shrink: 0;
                position: relative;

                border: .1rem solid $primary;
                background-color: #EEEEEE;
                transition: .2s all;
                &::before {
                    position: absolute;
                    content: "";
                    inset: 0;
                    width: 100%;
                    height: 100%;
                    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.6097 5.20743C21.0475 5.54416 21.1294 6.17201 20.7926 6.60976L10.7926 19.6098C10.6172 19.8378 10.352 19.9793 10.0648 19.9979C9.77765 20.0166 9.49637 19.9106 9.29289 19.7072L4.29289 14.7072C3.90237 14.3166 3.90237 13.6835 4.29289 13.2929C4.68342 12.9024 5.31658 12.9024 5.70711 13.2929L9.90178 17.4876L19.2074 5.39034C19.5441 4.95258 20.172 4.87069 20.6097 5.20743Z' fill='%23ffffff'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
                    background-position: center;
                    background-size: 100% auto;
                    background-repeat: no-repeat;
                    z-index: 2;
                    opacity: 0;
                    transition: .2s all;
                }
            }

            > span {
                font-size: 1.2rem;
                line-height: 1.4;
            }
        }
    }

    // .modal-contact__btn

    &__btn {
        &:not(:first-child) {
            margin-top: 1.8rem;
        }

        .btn {
            @media(max-width: $tabletSmall) {
                min-width: 100%;
            }

            &:hover {
                background-color: $primary;
                color: $white;
            }
        }
    }

}
.modal-slider {
    &.modal-window__item--active {
    pointer-events: none;

    }

		// .modal-slider__container

		&__container {
            position: relative;
		}

		// .modal-slider__buttons

		&__buttons {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 100%;
            padding: 20px;
            box-sizing: border-box;
            pointer-events: none;
            left: 0;

            display: flex;
            align-items: center;
            z-index: 2;
            justify-content: space-between;
		}

		// .modal-slider__button

		&__button {
            pointer-events: all;
		}
        .slick-dots {
                list-style: none;
                display: flex !important;
                align-items: center;
                justify-content: center;
                gap: .9rem;
                padding: 2rem 0 0;
                margin: 0;

                @media(min-width: $tabletSmallP1) {
                    padding: 5.8rem 0 2.6rem 11rem;
                }

                li {
                    width: .6rem;
                    height: .6rem;
                    border-radius: 50%;
                    background-color: $light;
                    margin: 0;
                    padding: 0;
                    position: relative;
                    cursor: pointer;
                    transition: all .2s;
                    @media(min-width: $tabletSmallP1) {
                        width: .8rem;
                        height: .8rem;
                    }

                    &::before {
                        content: '';
                        width: 1.25rem;
                        aspect-ratio: 1/1;
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%, -50%);
                    }

                    &.slick-active {
                        background-color: $secondary;
                        pointer-events: none;
                    }
                }
                
                button {
                    font-size: 0;
                    color: transparent;
                }
            }
            .slick-arrow {
                width: 4rem;
                aspect-ratio: 1/1;
                border-radius: 50%;
                overflow: hidden;
                background-color: $secondary;
                font-size: 0;
                color: transparent;
                border: .1rem solid $secondary;
                transition: .2s all;
                display: flex;
                align-items: center;
                justify-content: center;
                cursor: pointer;
                    color: $white;

                &.slick-disabled {
                    border: .1rem solid $light;
                    background-color: $white;
                    transform: rotate(0);
                    cursor: unset;
                    color: $light;
                }
                &.gallery--prev {
                    transform: scaleX(-1);
                }
                img,svg {
                    width: 1.6rem;
                    height: auto;
                }
            }

		// .modal-slider__slider

		&__slider {
            width: 100%;
            padding: 0 6.4rem;
            .slick-slide {
                margin: 0 .5rem;
            }
            .slick-list {
                margin: 0 -.5rem;
            }
		}
        .gallery__slide {
            width: 100%;
            aspect-ratio: 16/9;
            // display: flex;
            align-items: center;
            justify-content: center;
            img,  {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
            iframe {
                width: 100%;
                height: 100%;
            pointer-events: all;
            }
            &[data-video] {
                img,
                .gallery__preview {
                    display: none;
                }
            }
        }
        .modal-slider__slider {
            position: relative;
        }
        .modal-window__close-icon {
            min-width: 3.2rem;
            height: 3.2rem;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            background-color: $secondary;
            pointer-events: all;
            right: 8rem;
            z-index: 10;

            &::before {
                content: '';
                width: 4.4rem;
                height: 4.4rem;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
            }
            img,svg {
                width: 1.7rem;
                height: auto;
            }
        }
        .gallery__slide {
            pointer-events: none;
        }
}