/* 
-----------------------------------------
HOME
-----------------------------------------
*/

.home-page {
    min-height: 100vh;
    width: 100vw;
}

    .home-page > .background {
        border-radius: 0 0 25px 25px;
        overflow: hidden;
        position: relative;
        background-position: bottom;
        min-height: 100vh;
        display: flex;
        align-items: end;
    }

    .home-page > .background > video,
    .home-page > .background > .overlay {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
    }

    .home-page > .background > .overlay {
        background-color: #fff0;
        --background-overlay: '';
        background-image: linear-gradient(180deg,#8B7C5B4A 40%,#EFF1F2C7 67%);
    }

    .home-page > .background > .container-x {
        position: relative;
        z-index: 1;
    }

        .home-page > .background > .container-x > div {
            max-width: 1000px;
        }

            .home-page > .background > .container-x > div .btn {
                margin: 1rem 0;
                width: 100%;
                max-width: 350px;
            }

/* Subpage */

.about-kewab img {
    aspect-ratio: 4/3;
    object-fit: cover;
    object-position: center;
    border-radius: 15px;
}

.certificates img {
    object-fit: contain;
    object-position: center;
    height: 80px;
    width: 470px;
    filter: brightness(0%) contrast(200%) saturate(0%) blur(0) hue-rotate(0deg);
}

.contact-section .contacts p,
.contact-section .billing p,
.contact-section .billing a,
.contact-section .contacts a {
    font-size: 12px;
    font-weight: 400;
}

.contact-section .billing a.btn {
    font-weight: 500;
}

.contact-section .contacts svg {
    height: 12px;
}

.learn-more-section {
    position: relative;
}

    .learn-more-section > .bg-dark,
    .learn-more-section > .bg-white,
    .learn-more-section.medium > .bg-lightest {
        position: absolute;
        left: 0;
        right: 0;
        height: 50%;
        z-index: 0;
    }

    .learn-more-section.light > .bg-white {
        bottom: 0;
    }

    .learn-more-section.medium > .bg-lightest {
        bottom: 0;
    }


    .learn-more-section > .container-x {
        position: relative;
        z-index: 1;
    }

        .learn-more-section > .container-x a {
            font-weight: 400;
            flex: auto;
            max-width: 250px;
        }

/* Text Page */