/* @media (min-width: 769px) { */

/* VIDEO Full Width Centered */
.wsi-hero-video {
    position: relative;
    width: 100vw;
    height: 177.78vw;
    max-height: 764px;
    overflow: hidden;
}
.wsi-iframe-wrapper {
    overflow: hidden;
}
.wsi-iframe-wrapper iframe {
    position:absolute;
    top: 50%;
    left: 50%;
    
    width: 100vw;
    height: 177.78vw;

    min-width: 100%;
    min-height: 100%;

    transform: translate(-50%, -50%);
    pointer-events: none;
}

@media (min-width: 769px) {
    .wsi-hero-video {
        position: relative;
        width: 100vw;
        height: 56.25vw;
        max-height: 800px;
        overflow: hidden;
    }
    .wsi-iframe-wrapper {
        overflow: hidden;
    }
    .wsi-iframe-wrapper iframe {
        position:absolute;
        top: 50%;
        left: 50%;
        
        width: 100vw;
        height: 56.25vw;

        min-width: 100%;
        min-height: 100%;

        transform: translate(-50%, -50%);
        pointer-events: none;
    }
}
/* Hero Video :: START */

.wsi-hero-gradient {
    width: 100vw;
    height: 177.78vw;
    max-height: 764px;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(0, 17, 26, 0.5) 0%, rgba(0, 17, 26, 0) 24.52%, rgba(0, 17, 26, 0) 50%, rgba(0, 17, 26, 0.75) 75%);
}
.wsi-hero-gradient::after {
    content: "";
    background: rgb(0, 17, 26);
    position: absolute;
    width: 100vw;
    height: 177.78vw;
    max-height: 764px;
    opacity: 1;

    animation: fadeGradient 2s ease forwards;
    animation-delay: 0.5s;
    pointer-events: none;
}
@keyframes fadeGradient {
    to {
        opacity: 0;
    }
}

@media (min-width: 769px) {
    .wsi-hero-gradient {
        height: 56.25vw;
        max-height: 800px;
        background: linear-gradient(180deg, rgba(0, 17, 26, 0.5) 0%, rgba(0, 17, 26, 0) 24.52%, rgba(0, 17, 26, 0) 50%, rgba(0, 17, 26, 0.75) 100%);
    }
    .wsi-hero-gradient::before {
        content: "";
        background: rgb(0, 17, 26);
        position: absolute;
        width: 100vw;
        height: 177.78vw;
        max-height: 764px;
        opacity: 1;

        animation: fadeGradient 2s ease forwards;
        animation-delay: 0.5s;
        pointer-events: none;
    }
    @keyframes fadeGradient {
        to {
            opacity: 0;
        }
    }
}

.wsi-hero-tagline {
    position: absolute;
    width: 100%;
    max-width: 1344px;
    z-index: 10;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    right: 0;
    margin-left: auto;
    margin-right: auto;

    padding-left: 1.5rem;
    padding-right: 1.5rem;

    text-shadow:0px 0px 10px rgba(0, 17, 26, 1);
}
@media (min-width: 1024px) {
    .wsi-hero-tagline {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}
@media (min-width: 1408px) {
    .wsi-hero-tagline {
        padding-left: 0;
        padding-right: 0;
    }
}


/* Insurance Product Line Up :: START */
.insurance-thumbnail {
    display: block;
    position: relative;
    text-decoration: none;
}
.insurance-thumbnail img {
    vertical-align: bottom;
    width: 100%;
    height: auto;
}
.insurance-thumbnail .product-tag {
    position: absolute;
    top: 3px;
    left: 0;
}
.insurance-thumbnail .product-tag .tag {
    display: inline;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}