* {
    box-sizing: border-box;
}
.enjoy-block {
    height: 40.25rem; /* Equivalent to 644px */
    margin-bottom: 6.25rem; /* Equivalent to 100px */
}

main a {
    text-decoration: none;
}

.enjoy-block-content {
    display: flex;
    flex-direction: column;
    padding: 6.25rem 45.625rem 6.25rem 6.25rem; /* Equivalent to 100px 730px 100px 100px */
    border-radius: 2.5rem; /* Equivalent to 40px */

    background-image: url('../../../assets/images/img-enjoy-block.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;

    position: relative;
    overflow: hidden;
}

.background-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.enjoy-block-heading {
    font-size: 4.5rem; /* Equivalent to 60px */
    line-height: 105%;
    margin-bottom: 2.5rem; /* Equivalent to 40px */
    z-index: 1;
}

.enjoy-heading-part1 {
    color: var(--text-accent-color);
    font-style: italic;
}

.enjoy-heading-part2 {
    color: var(--text-light-color);
}

.enjoy-block-content p {
    font-weight: 400;
    margin: 0;
    margin-bottom: 2.5rem; /* Equivalent to 40px */
    color: var(--text-light-color);
    z-index: 1;
}

.button-primary {
    z-index: 1;
}

/* Media query for screens between 768px and 1439px (tablets) */
@media screen and (max-width: 1439px) and (min-width: 768px) {
    .enjoy-block-content {
        padding: 6.25rem 6.125rem 6.25rem 3.75rem; /* Equivalent to 100px 98px 100px 60px */
    }
}

/* Media query for screens between 380px and 767px (smaller tablets and large mobiles) */
@media screen and (max-width: 767px) and (min-width: 380px) {
    .enjoy-block {
        height: 34.5rem; /* Equivalent to 552px */
    }

    .enjoy-block-content {
        padding: 3.75rem 1rem; /* Equivalent to 60px 16px 60px 16px */
    }

    .enjoy-block-heading {
        font-size: 2.625rem; /* Equivalent to 42px */
        line-height: 115%;
    }
}

/* Media query for screens below 380px (small mobiles) */
@media screen and (max-width: 379px) {
    .enjoy-block-content {
        padding: 3.75rem 1rem; /* Equivalent to 60px 16px 60px 16px */
    }

    .enjoy-block-heading {
        font-size: 2.625rem; /* Equivalent to 42px */
    }
    .enjoy-block-content p {
        font-size: 0.8rem;
        line-height: 1.3;
    }
}