.Introduction-success-send {
    display: none;

}


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

    #intro-video, #intro-image {
        filter: var(--videofilter);
    }

    .Introduction-Desc .Page-Container {
        display: grid;
        grid-template-columns: 560px 1fr;
    }

    .SoundButton {
        display: flex;
        justify-content: flex-start;
        align-items: flex-end;
        padding-left: 60px;
    }

    .SoundButton img {
        width: 38px;
        height: 38px;
        cursor: pointer;
    }

    .pause {
        display: none;
    }

    .Introduction {
        position: relative;
        width: 100%;
        overflow: hidden;
        /* margin-top: -120px; */
        z-index: 200;
        background: var(--gradient1);
        min-height: 420px;
        display: flex;
        align-items: center;
    }

    #intro-video,
    #intro-image {
        min-width: 760px;
        margin-right: -40px;
        display: block;
        
    }

    #intro-image img {
        min-height: 100%;
    }

    /* .intro-video-wrapper,
    .intro-image-wrapper,
    .Introduction-Desc {
        overflow: hidden;
        height: 668px;

    } */

    .intro-video-wrapper {
        max-width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .Introduction-Desc {
        box-sizing: border-box;
        position: absolute;
        width: 100%;
        z-index: 400;
        /* padding-bottom: 24px; */
    }

    .Introduction-Header {
        display: block;
        transform: translateX(-7.2%) scale(0.86);
        font-size: x-large;
        font-weight: 500;
        margin-bottom: 14px;
        color: var(--color7);
    }

    .Introduction-About {
        display: block;
        font-weight: 500;
        font-size: x-large;
        margin: 24px 0 38px 0px;
        color: var(--textLight);
    }

    .intro-content-wrapper {
        min-width: 500px;
        max-width: 500px;
    }

    .intro-illustration {
        display: flex;
        flex-direction: row-reverse;
    }

    .intro-monitor {
        width: 350px;
        position: relative;
        filter: var(--brightness);
    }

    .intro-content {
        text-align: left;
    }

    .intro-content a,
    .intro-content span {
        margin: 0 18px 18px 0;
        /* width: 14vw; */
    }

    .intro-WhatsApp-icon {
        width: 24px;
        height: 24px;
        margin-right: 14px;
    }


}


/*----------- MOBILE ----------------------------------------------------*/
@media screen and (max-width: 768px) {

    #intro-video,
    #intro-image {
        filter: var(--videofilter);
    }

    .Introduction-Desc .Page-Container {
        display: flex;
        flex-direction: column;
    }


    .SoundButton {
        width: 44px;
        margin-top: -108px;
        padding: 0 14px 78px 0;
    }

    .pause {
        display: none;
    }


    .Introduction {
        position: relative;
        width: 100%;
        margin-top: 24px;
        z-index: 200;
        display: flex;
        flex-direction: column-reverse;
        background: var(--gradient1);
    }

    /* .intro-video-wrapper,
    .intro-image-wrapper,
    .Introduction-Desc {
        overflow: hidden;
        height: 856px;

    } */

    .Introduction-Desc {
        /* position: absolute;
        margin-top: 0vw; */
        padding: 18px 0 40px 0;
        box-sizing: border-box;
        z-index: 500;
        /* background: linear-gradient(180deg, #ffffff00 94%, var(--color0) 40px, var(--color2)); */
    }


    .Introduction-Header {
        display: block;
        font-size: x-large;
        margin-bottom: 24px;
        font-weight: 500;
        color: var(--color7);
        /*	text-shadow: 1px 1px 14px #00000059;*/
    }


    .Introduction-About {
        display: block;
        font-size: larger;
        color: var(--color8);
        line-height: 1.5;
        margin-bottom: 1.8rem;
        /*	text-shadow: 1px 1px 14px #00000059;*/
    }

    .intro-content {
        text-align: left;
    }

    .intro-content a {
        margin: 0 0 18px 0;
        display: block;
    }

    .intro-illustration {
        padding: 40px 0 0 0;
    }

    .intro-WhatsApp-icon {
        width: 24px;
        height: 24px;
        margin-right: 14px;
    }



}