:root{
    --mmv-max-width:1162px;
    --mmv-padding:28px 40px;
    --mmv-radius:24px 24px 0 0;
    --mmv-gap:40px;
    --mmv-thumbnail-width:268px;
    --mmv-thumbnail-radius: 14px;
    --mmv-play-size: 48px;
    --mmv-play-path: url('../../images/money-movement/minute-to-win-play.webp');
    --mmv-play-position-right:16px;
    --mmv-play-position-bottom:16px;
    --mmv-bg-path:url('../../images/money-movement/minute-to-win-bg.webp');
    --mmv-content-gap:28px;
    --mmv-content-title-gap:6px;
}
.money-movement-video-tile{
    max-width: var(--mmv-max-width);
    width: 100%;
    margin: 0 auto;
    border-radius: var(--mmv-radius);
    padding: var(--mmv-padding);
    background-image: var(--mmv-bg-path);
    background-color: #E5F3FF;
    background-position: center top;
    background-size: cover;
    display: flex;
    gap: var(--mmv-gap);
    border: 1px solid rgba(165, 199, 253, 0.51);
    box-shadow: -3.258px 22.805px 26.063px 0 rgba(212, 228, 253, 0.20), -2.134px -1.318px 3.453px 0 rgba(250, 250, 250, 0.22) inset;
}
.money-movement-video-thumb{
    position: relative;
    flex-shrink: 0;
    width: var(--mmv-thumbnail-width);
    border-radius: var(--mmv-thumbnail-radius);
    overflow: hidden;
}
.money-movement-video-thumb::before{
    width: var(--mmv-play-size);
    height: var(--mmv-play-size);
    background-image: var(--mmv-play-path);
    right: var(--mmv-play-position-right);
    bottom: var(--mmv-play-position-bottom);
    position: absolute;
    content: '';
    background-size: 100% 100%;
}
.money-movement-video-content{
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: var(--mmv-content-gap);
}
.mmv-top{
    display: flex;
    flex-direction: column;
    gap: var(--mmv-content-title-gap);
}
.mmv-top span{
    color: #6B7080;
    display: block;
    letter-spacing: 0;
}
.video-thumb-img {
    width: 100%;
    height: auto;
}
.mmv-btm .btn{
    font-size: var(--fontSizeExtraLarge); 
    line-height: var(--lineheightExtraLarge); 
    letter-spacing: 0;
}
.money-movement-lottie {
    min-height: 1px;
}

@media screen and (max-width: 1600px) {
    :root {
        --mmv-max-width: 808px;
        --mmv-padding: 40px;
        --mmv-gap: 32px;
        --mmv-thumbnail-width: 247px;
        --mmv-bg-path: url(../../images/money-movement/minute-to-win-bg-lg.webp);
        --mmv-content-gap: 22px;
        --mmv-content-title-gap: 6px;
    }
    .money-movement-video-main {
        padding-top: 96px;
    }
    .mmv-top p{
        letter-spacing: -0.3px;
    }
    .mmv-top span{
        --fontSizeLarge:18px;
    }
}
@media screen and (max-width: 1200px) {
    :root {
        --mmv-max-width: 770px;
        --mmv-padding: 32px;
        --mmv-radius: 16px 16px 0 0;
        --mmv-gap: 32px;
        --mmv-play-size: 32px;
        --mmv-play-position-right: 12px;
        --mmv-play-position-bottom: 12px;
        --mmv-bg-path: url(../../images/money-movement/minute-to-win-bg-md.webp);
        --mmv-content-gap: 20px;
    }
    .mmv-top p{
        letter-spacing: -0.4px;
    }
}
@media screen and (max-width: 991px) {
    :root {
        --mmv-padding: 24px;
        --mmv-gap: 24px;
        --mmv-bg-path: url(../../images/money-movement/minute-to-win-bg-sm.webp);
    }
    .money-movement-video-main {
        padding-top: 80px;
    }
}    
@media screen and (max-width: 767px) {
    :root {
        --mmv-thumbnail-width: inherit;
        --mmv-bg-path: url(../../images/money-movement/minute-to-win-bg-xs.webp);
    }
    .money-movement-video-tile {
        flex-direction: column;
    }
    .money-movement-video-main {
        padding-top: 0;
    }
}