@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap');

@import "modules/normalize.css";

@import "modules/modals.css";

@import "modules/animate.css";

@import "modules/loader.css";



/* Pages */

@import "pages/deposit.css";

@import "pages/store.css";

@import "pages/stream.css";



/* Templates */

@import "templates/header.css";

@import "templates/footer.css";



/* Animation */

@import "animation.css";



body {

    font-family: "Open Sans", sans-serif;

    overflow-x: hidden;

    height: auto;

    min-height: 100vh;

    padding-bottom: 40px;

    background: #3D348B !important;

    background-image: url(../images/bgsliders/main-bg.png) !important;

    background-repeat: no-repeat !important;

    background-size: cover !important;

    background-position: center;

}



a {

    text-decoration: none !important;

}





.main-wrapper {

    position: relative;

    display: flex;

    flex-direction: column;

    align-items: center;

    animation: header 1s linear;

    animation-fill-mode: forwards;

    min-height: 100vh;

}



.hidden {

    display: none;

}



#modalPrivacyPolicy .modal-dialog {

    overflow-y: initial !important

}



#modalPrivacyPolicy .modal-body {

    overflow: hidden;

}



#modalPrivacyPolicy .table-wrap {

    overflow-x: auto;

}



#modalPrivacyPolicy .table-wrap .table {

    width: 900px;

}





.payment-status {

    margin-top: 50px;

    background: #fff;

    padding: 30px;

    border-radius: 20px;

    max-width: 565px;

    width: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

}



.payment-status-text {

    font-size: 32px;

    color: #000;

    font-weight: bold;

    margin-top: 20px;

}



.go-back {

    margin-top: 10px;

    color: #3F38DD;

    font-weight: bold;

}



@media screen and (max-width: 500px) {

    .main-wrapper {

        animation: headerMobile 1s linear;

        animation-fill-mode: forwards;

    }



    .payment-status {

        max-width: 90%;

    }

}



:root {

    --bg-color: #0B3954;

    --main-color: #F35B04;

}
