.module-header {
    min-height: 43rem;
    position: relative
}

#background-video {
    height: 94rem;
    margin: 0 auto;
    object-fit: cover;
    opacity: .8;
    position: absolute;
    text-align: center;
    width: 100vw;
    z-index: -1
}

#top-content, .hat, .main-header {
    background: transparent
}

#top-content {
    font-size: 0;
    height: 0;
    line-height: 0rem
}

.container-header {
    padding: 14rem 0 5rem;
    position: relative
}

.container-header h1 {
    color: #fff;
    font-size: 4.2rem;
    margin: 0 0 2rem;
    text-align: center
}

.container-header h1 span {
    color: #09d674;
    display: inline
}

.container-header .list {
    color: #fff;
    font-size: var(--font-size-p);
    font-weight: 300
}

.container-header .list ul {
    margin: 0 auto;
    text-align: center
}

.container-header .list ul li {
    background: url(https://f.hubspotusercontent10.net/hubfs/7797867/mktv/bt-check.png) no-repeat 0 .18rem;
    display: inline;
    margin: 0 1.4rem 1rem;
    padding: 0 0 1rem 2.8rem
}

.container-header .cta-group {
    display: flex;
    justify-content: center;
    margin: 6rem 0 0
}

.container-header .cta-group > div a {
    border-radius: 50px;
    font-size: 1.6rem;
    font-weight: 700;
    margin: .3rem 1rem 0;
    text-align: center
}

.container-header .cta-group > div:first-child a {
    background: #09d674;
    box-shadow: 0 0 20px rgba(9, 214, 116, .6);
    color: #000;
    padding: 10px 25px;
    transition: all .3s ease
}

.container-header .cta-group > div:first-child a:hover {
    background: #0abc67
}


.container-header .cta-group > div:last-child a:hover {
    background: hsla(0, 0%, 100%, .15)
}

@media (max-width: 768px) {
    .module-header {
        min-height: auto
    }

    .container-header .list ul {
        display: flex;
        flex-direction: column;
        margin: 5rem auto 0;
        width: fit-content
    }

    .container-header .list ul li {
        margin: 0 1.4rem;
        padding: 0 0 1rem 2.8rem;
        text-align: left
    }

    .container-header .cta-group {
        flex-direction: column;
        margin: 4rem auto 0;
        text-align: center
    }

    .container-header .cta-group > div.cta a, .container-header .cta-group > div.cta a.cta_button {
        margin-bottom: 1rem;
        min-width: 14rem;
        padding: 10px 40px
    }
}

@media (max-width: 600px) {
    .container-header h1 {
        font-size: var(--font-size-t1)
    }

    .module-header {
        position: relative
    }
}

#video {
    height: auto !important;
    width: 100% !important
}

.overlay-container-video {
    left: 0;
    position: fixed;
    top: 0;
    z-index: 999999
}

.overlay-container-video .overlay-container-outer-video {
    height: 100vh;
    left: 0;
    overflow-y: scroll;
    position: absolute;
    top: 0;
    transform: translateY(100vh);
    transform-origin: center center;
    transition: all .5s ease;
    width: 100vw
}

.overlay-container-video .overlay-container-outer-video.shazam-video {
    transform: translate(0)
}

.overlay-container-video .overlay-container-outer-video .overlay-container-inner-video {
    background-color: transparent;
    left: 50%;
    min-width: 1000px;
    padding: 70px;
    position: absolute;
    top: calc(50% - 350px);
    transform: translate(-50%);
    transform-origin: center center;
    transition: all .5s ease;
    z-index: 5
}

@media (max-width: 920px) {
    .overlay-container-video .overlay-container-outer-video .overlay-container-inner-video {
        max-width: 95%;
        min-width: unset;
        width: 100%
    }
}

@media (max-width: 768px) {
    .overlay-container-video .overlay-container-outer-video .overlay-container-inner-video {
        max-width: 95%;
        width: 100%
    }
}

@media (max-width: 480px) {
    .overlay-container-video .overlay-container-outer-video .overlay-container-inner-video {
        padding: 45px
    }
}

@media (max-width: 320px) {
    .overlay-container-video .overlay-container-outer-video .overlay-container-inner-video {
        top: 100px
    }
}

.overlay-container-video .overlay-container-outer-video .overlay-container-inner-video .overlay-image-container-video {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    height: 240px;
    margin-bottom: 32px;
    min-height: 240px;
    min-width: 240px;
    width: 240px
}

@media (max-width: 375px) {
    .overlay-container-video .overlay-container-outer-video .overlay-container-inner-video .overlay-image-container-video {
        height: 180px;
        min-height: unset;
        min-width: unset;
        width: 180px
    }
}

@media (max-width: 320px) {
    .overlay-container-video .overlay-container-outer-video .overlay-container-inner-video .overlay-image-container-video {
        height: 180px;
        width: 180px
    }
}

.overlay-container-video .overlay-container-outer-video .overlay-container-inner-video .overlay-role-container-video {
    margin-bottom: 3rem;
    padding-top: .8rem
}

@media (max-width: 480px) {
    .overlay-container-video .overlay-container-outer-video .overlay-container-inner-video .overlay-role-container-video {
        margin-bottom: 1.5rem
    }
}

.overlay-container-video .overlay-container-outer-video .overlay-container-inner-video .overlay-socials-container-video {
    margin-bottom: 4rem
}

@media (max-width: 480px) {
    .overlay-container-video .overlay-container-outer-video .overlay-container-inner-video .overlay-socials-container-video {
        margin-bottom: 2rem
    }
}

.overlay-container-video .overlay-container-outer-video .overlay-container-inner-video .overlay-socials-container-video a {
    border-radius: 50%;
    box-shadow: 0 -5px 15px transparent;
    line-height: 0;
    transition: all .5s ease
}

@media (hover: hover) {
    .overlay-container-video .overlay-container-outer-video .overlay-container-inner-video .overlay-socials-container-video a:hover {
        box-shadow: 0 5px 10px rgba(0, 0, 0, .2)
    }
}

.overlay-container-video .overlay-container-outer-video .overlay-container-inner-video .close-bio-video {
    cursor: pointer;
    display: inline-block;
    height: 17.97px;
    position: absolute;
    right: 47px;
    top: 39px;
    width: 17.97px
}

.lang-ar .overlay-container-video .overlay-container-outer-video .overlay-container-inner-video .close-bio-video {
    left: 47px;
    right: unset
}

@media (max-width: 480px) {
    .overlay-container-video .overlay-container-outer-video .overlay-container-inner-video .close-bio-video {
        right: 25px;
        top: 20px
    }

    .lang-ar .overlay-container-video .overlay-container-outer-video .overlay-container-inner-video .close-bio-video {
        left: 25px;
        right: unset
    }
}

.overlay-container-video .overlay-container-outer-video .overlay-container-inner-video .close-bio-video svg {
    transform: rotate(0deg);
    transform-origin: center center;
    transition: all .5s ease
}

@media (hover: hover) {
    .overlay-container-video .overlay-container-outer-video .overlay-container-inner-video .close-bio-video:hover svg {
        transform: rotate(-180deg)
    }
}

.overlay-back-shadow-video {
    background-color: rgba(73, 73, 73, .85);
    height: 100vh;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    visibility: hidden;
    width: 100vw;
    z-index: 4
}

.overlay-back-shadow-video.shazam-video {
    opacity: 1;
    visibility: visible;
    z-index: 99999
}

.header-container-outer .header-logo-container img {
    height: 37px;
}

.phone {
    color: #ffffff;
}

.scrolled .phone {
    color: #7b7e7e;
}

.logo-dark {
    display: none;
}

.scrolled .logo-dark {
    display: block;
}

.pages .logo-dark {
    display: block !important;
}

.pages .logo-white {
    display: none !important;
}

.scrolled .logo-white {
    display: none;
}


.mb-3 {
    margin-bottom: 1rem;
}