html, body {
    overflow-x: hidden;

}



.ebp_wrapper {
    margin-bottom: 40px;
}

@media screen and (max-width: 576px) {
    iframe {
        width: 315px;
        height: 215px;
        resize: both;
        overflow: auto;
    }

 
}

@media screen and (max-width: 361px) {
    iframe {
        width: 300px;
        height: 200px;
        resize: both;
        overflow: auto;
    }
}

/*@media only screen and (max-width: 440px) {
    .ebp_EniacHubLogo {
        width: 280px;
    }
}


@@media screen and (max-width: 381px) {
    .ebp_EniacHubLogo {
        width: 280px;
    }
}

/*.ebp_EniacHubLogo {
    width: 440px;
}


@media screen and (max-width: 381px) {
    .ebp_EniacHubLogo {
        width: 280px;
    }
}

@media only screen and (max-width: 440px) {
    .ebp_EniacHubLogo {
        width: 380px;
    }
}*/







@media screen and (max-width: 321px) {
    iframe {
        width: 245px;
        height: 135px;
        resize: both;
        overflow: auto;
    }
}


@media screen and (max-width: 281px) {
    iframe {
        width: 215px;
        height: 115px;
        resize: both;
        overflow: auto;
    }
}




#ebp_DigitalBusinessPlatform {
    font-family: 'Poppins', 'Open Sans',sans-serif;
    font-size: 32px;
    margin-bottom: 20px;
}

#homewelcome {
    font-size: 1.2rem;
}

.ebp_HomeLogin, .ebp_HomeMenuBusinesses, .ebp_HomeOurSolution, .ebp_HomeSignUpFree, .ebp_ServiceProviders {
    color: white;
    background-color: var(--eniac-blue);
}

    .ebp_HomeLogin:hover, .ebp_HomeMenuBusinesses:hover, .ebp_HomeOurSolution:hover, .ebp_HomeSignUpFree:hover, .ebp_ServiceProviders:hover {
        background-color: var(--eniac-blue-hover);
        /*border-bottom: 1px solid #789EB4;*/
        color: white;
    }



/* --VIDEO PLAYER-- */

.tr {
    border: none;
}

.ebp_container {
    /* What you need */
    position: relative;
    /* the code below is only for this example */
    width: 300px;
    /*background-color: yellow;*/
    margin: 10px;
    padding: 20px;
}




.ebp_video {
    /* What you need */
    position: relative;
    z-index: 2;
    /* the code below is only for this example */
    width: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: var(--eniac-blue);
    cursor: pointer;
    /*Background*/
    border-radius: 15px;
    /*Centering the immages*/
    display: block;
    margin-left: auto;
    margin-right: auto;
}


    .ebp_video:hover {
        -webkit-filter: brightness(115%);
    }


.ebp_eniacpdf:hover {
    cursor: pointer;
    -webkit-filter: brightness(115%);
}


.ebp_wrapper {
    float: left;
    width: 25%;
    align-items: center;
}

.ebp_checkmark {
    /* What you need */
    position: relative;
    z-index: 1;
    top: -25px; /* change value to desired position */
    right: -60px;
    /* the code below is only for this example */
    width: 55px;
    /* height: 100px;*/
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: var(--eniac-blue);
    cursor: pointer;
    /*Background*/
    border-radius: 15px;
}

.ebp_eniacpdf {
    position: absolute;
    top: -20px; /* change value to desired position */
    right: 80px; /* change value to desired position */
    z-index: 1;
    /* the code below is only for this example */
    width: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}




@media screen and (max-width: 985px) {


    [class^="icon-"], [class*=" icon-"] {
        display: inline-block;
        width: 100%;
    }
    /* Mobile Responsive Buttons*/
    .ebp_wrapper {
        width: 100%;
        text-align: center;
    }

    .ebp_container {
        margin: auto;
    }
}