.overflow-hidden {
    overflow: hidden;
}

.relative {
    position: relative;
}

.absolute-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.background-cover {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.h-100 {
    height: 100%;
}

.w-100 {
    width: 100%;
}

.img-responsive {
    display: block;
    max-width: 100%;
}

.rounded-corners {
    border-radius: 2em;
}

@media (min-width:992px) {
    .rounded-corners {
        border-radius: 3em;
    }
}

.rounded-corners-small {
    border-radius: 1.25em;
}

.bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

    .bg > video, .bg > img, .bg > span, .bg > figure {
        width: 100%;
        height: 100%;
        object-fit: cover;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        display: block;
        position: relative;
    }

.nowrap {
    white-space: nowrap;
}

.row-split > div {
    position: relative;
}

    .row-split > div:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 1px;
        background-color: var(--black);
    }

    @media (max-width:767px) {
        .row-split > div:before {
            display: none;
        }
    }

.row-split > div:last-child:before {
    display: none;
}

.crop-image16x9 {
    position: relative;
    display: block;
    padding-bottom: 56.25%;
}

    .crop-image16x9 .play {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        max-width: 100px;
    }

.crop-image75 {
    position: relative;
    display: block;
    padding-bottom: 75%;
}