::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #aaa;
    border-radius: 3px;
}

    ::-webkit-scrollbar-thumb:hover {
        background: #888;
    }



html, body {
    padding: 0;
    margin: 0;
    height: 100vh;
    width: 100%;
}

html {
    background-color: rgb(122, 113, 168);
    background: linear-gradient(90deg, rgb(124, 81, 223) 0%, rgb(146, 73, 224) 100%);
}

/*body {
    background-image: url('../../Content/Images/full_en.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}*/

/*body.ar {
        background-image: url('../../Content/Images/full_ar.jpg');
    }*/
.full-container {
    display: block;
    text-align: center;
    height: 100%;
}

    .full-container img {
        width: auto;
        max-width: 100%;
        height: 100%;
        box-shadow: 0 0 100px #182454
    }

.mobile-container {
    display: none;
    text-align: center;
}

    .mobile-container img {
        width: auto;
        max-width: 100%;
        box-shadow: 0 0 100px #182454;
    }
html {
    background-color: rgb(21, 38, 81);
    background: linear-gradient(90deg, rgb(21, 38, 81) 0%, rgb(21, 38, 81) 100%);
}


.full-container {
    display: block;
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
}

.full-container img {
    width: auto;
    max-width: 100%;
    height: auto;
    box-shadow: 0 0 100px #182454;
}

@media (max-width: 992px) {
    /*body {
        background-image: none;
        background-color: #4f76ba;
    }*/
    .full-container {
        display: none;
    }

    .mobile-container {
        display: block;
    }
}