/********************
CUSTOM PROPERTIES
********************/
:root {
    --clr-light-green: #939757;
}
/* Video Styles */
.mw__video--wrapper {
    border-top-left-radius: 100px;
    border-bottom-right-radius: 100px;
    box-shadow: 10px 10px 8px rgb(0 0 0 / 35%);
    overflow: hidden;
}
.video-container {
  background: #24282f;
  color: white;
  text-align:center;
  aspect-ratio: 16 / 6.75;
}

#iframe-container h1 {
    font-size: 52px;
}

#iframe-container h3 {
    font-size: 30px;
}

/* Mobile Video Styles */

@media only screen and (max-width: 767px) {
    #iframe-container h1 {
        font-size: 36px;
    }
    
    #iframe-container h3 {
        font-size: 20px;
    }
    
    div#iframe-container {
        background-image: url(https://static.mywebsites360.com/e4939f2347314257830caac5088c4307/i/d55e75626edb4a3cab552908cdc99664/1/4SoifmQp45JMgBnHp7ed2/mobile-bg.jpg);
        background-position: center;
        background-attachment: scroll;
        background-size: cover;
        background-repeat: no-repeat;
    }
    
    .video-wrap {
        display: none!important;
    }
    
    .video-container {
        padding: 100px 20px 100px 20px;
    }
}

/* End Video Styles */
/*********************
LANDING PAGE REVIEW
********************/
.blockWrap_e022657fb9a147dfaeeffb4b37c5bb8b .itemImg {
    margin-top: -100px;
}
.blockWrap_e022657fb9a147dfaeeffb4b37c5bb8b .item {
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
}
/********************
MOBILE VIDEO STYLES
********************/
#iframe-container {
    transition: all 1.5s ease 1.5s;
}

.mw__video--wrapper {
    cursor: pointer;
}
.mw__video-modal--close {
    color: white;
    font-size: 14px;
    
    position: absolute;
    right: 4%;
    top: 2%;
    height: 40px;
    width: 40px;
    
    display: flex;
    align-items: center;
    justify-content: center;
    
    background-color: var(--clr-light-green);
    padding: 5px;
    cursor: pointer;
}
.blockWrap_b42dad1b86f44e79a2ddfb10c2429b3d {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}
.blockWrap_b42dad1b86f44e79a2ddfb10c2429b3d .blockContent {
    position: relative;
    height: 100%;
}
.blockWrap_b42dad1b86f44e79a2ddfb10c2429b3d .blockInnerContent {
    display: flex;
    align-items: center;
    height: 100%;
}