@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Hind:wght@300;400;500;600;700&display=swap');

/* #### Generated By: http://font.download #### */

@font-face {
    font-family: 'Arial Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Arial Regular'), url('fonts/ARIAL.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Arial Narrow';
    font-style: normal;
    font-weight: normal;
    src: local('Arial Narrow'), url('fonts/ARIALN.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Arial Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Arial Italic'), url('fonts/ARIALI 1.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Arial Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Arial Italic'), url('fonts/ARIALI.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Arial Narrow Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Arial Narrow Italic'), url('fonts/ARIALNI.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Arial Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Arial Medium'), url('fonts/ArialMdm.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Arial Medium Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Arial Medium Italic'), url('fonts/ArialMdmItl.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Arial Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Arial Bold'), url('fonts/ARIALBD 1.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Arial Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Arial Bold'), url('fonts/ARIALBD.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Arial Narrow Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Arial Narrow Bold'), url('fonts/ARIALNB.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Arial Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Arial Bold Italic'), url('fonts/ARIALBI 1.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Arial Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Arial Bold Italic'), url('fonts/ARIALBI.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Arial Narrow Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Arial Narrow Bold Italic'), url('fonts/ARIALNBI.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Arial Black';
    font-style: normal;
    font-weight: normal;
    src: local('Arial Black'), url('fonts/ARIBLK.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Arial Black Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Arial Black Italic'), url('fonts/ARIALBLACKITALIC.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Arial Light Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Arial Light Regular'), url('fonts/ARIALLGT.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Arial CE Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Arial CE Regular'), url('fonts/ArialCE.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Arial CE MT Black Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Arial CE MT Black Regular'), url('fonts/ArialCEMTBlack.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Arial CE Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Arial CE Bold'), url('fonts/arialceb.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Arial Light Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Arial Light Italic'), url('fonts/ARIALLGTITL.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Arial CE Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Arial CE Italic'), url('fonts/ArialCEItalic.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Arial CE Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Arial CE Bold Italic'), url('fonts/ArialCEBoldItalic.woff') format('woff');
    }

.bebas-neue-regular {
    font-family: "Bebas Neue", sans-serif;
    font-weight: 400;
    font-style: normal;
  }

  
  body{
    font-family: "Bebas Neue", sans-serif;
    font-weight: 400;
    max-width: 657px;
    
    margin: auto;
  }

  .main{ max-width: 657px;background: url(../images/login-bg.png) no-repeat; background-size: cover;min-height: 100vh;}
  .login_main h4 { text-align: center; color: #fff; font-size: 35px; margin: 30px 0;}
  .logo {
    padding: 20px 0 0px;
}
  label.form-label,label.form-check-label {
      font-size: 15px;
      color: #fff;
      /* font-family: 'Arial Regular'; */
    }
    
    label.form-check-label {
        font-family: 'Arial Regular';
        font-weight: 300;
        color: #fff;
        text-transform: uppercase;
        font-size: 10px;
    }
    label.form-check-label a{ color: #fff;}
form {
    max-width: 400px;
    margin: auto;
    display: block;
    width: 80%;
}

.form-control, .form-select {
    border: 2px solid #9b171f;
    border-radius: 10px;
    font-size: 18px;
    color: #c6c6c6 !important;
    line-height: 20px;
    font-family: "Bebas Neue", sans-serif;
    padding: 11px 10px;
}

::placeholder{ color: #c6c6c6 !important;}

.form-select {
    -webkit-appearance: none;
    background: #fff url(../images/triangle.png) no-repeat right 10px center;
    padding: 13px 10px 9px;
}

.btn-image{ background: none; border: 0; padding: 0; margin: 10px auto 25px; display: block;}

form p {
    font-family: 'Arial Regular';
    color: #fff;
    text-transform: uppercase;
    font-size: 10px;
}

form p a{
    color: #fff;
}
.form-check { margin: auto; display: table;}

.landing-content{ color: #fff; text-align: center; max-width: 508px; margin: 0vh auto; display: block;min-height: calc(100vh - 300px);}
.landing-content h4{ color: #fff; font-size: 35px;}
.landing-content h2{ color: #cc0000; font-size: 65px;}
.landing-content p{ font-family: 'Arial Bold';}

.guy-img {
    margin-bottom: 20px;
}

.landing-content {
    color: #fff;
    text-align: center;
    max-width: 508px;
    margin: 0vh auto;
    display: flex;
    min-height: calc(100vh - 300px);
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.mobilenumbera-div{ position: relative;}
.mobilenumbera-div:after {
    content: "+91";
    font-size: 20px;
    position: absolute;
    top: 3px;
    height: calc(100% - 6px);
    color: #aeaeaf;
    display: flex;
    align-items: center;
    padding: 0 10px;
    border-right: 1px solid #aeaeaf;
}

.warrior-page .logo img {
    max-width: 200px;
}


.warrior-content h4 {
    color: #fff;
    margin-top: 5px;
    font-size: 22px;
    text-align: center;
    margin-bottom: 0;
}
.warrior-content h2 {
    color: #cc0000;
    text-align: center;
    font-size: 33px;
}
.score-section { margin-bottom: 20px;}
.your-points,.your-progress { background: url(../images/texture.png) no-repeat center; background-size: cover; padding: 10px; height: 100%;}
.score-section a {
    font-family: 'Arial Regular';
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
}

.score-section h6 {
    color: #fff;
    margin-bottom: 0;
}

.score-section h2 {
    text-align: left;
    margin-bottom: 0;
}

.progressbar {
    border: 1px solid #fff;
    height: 10px;
    border-radius: 5px;
    margin-top: 3px;
}

.list-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    margin-bottom: 10px;
    background: url(../images/texture.png) no-repeat center; background-size: 120%;
}
.list-box-right span {
    color: #fff;
    margin-right: 10px;
}
.list-box h4 {
    font-size: 20px;
    line-height: 1;
    margin-bottom: 8px;
    margin-top: 10px;
}

.leaderboard-content h4{ text-align: center; color: #fff; font-size: 25px;}

.leaderboard-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid transparent;
    border-radius: 10px;
    background: url(../images/texture.png) no-repeat center; background-size: 120%;
}
.leaderboard-box.yellow { background-image: url(../images/texture-ellow.png);border: 1px solid #fff;}
.leaderboard-box.gray { background-image: url(../images/texture-gray.png);border: 1px solid #fff;}
.leaderboard-box.orange { background-image: url(../images/texture-orange.png);border: 1px solid #fff;}

.leaderboard-box h4 {
    font-size: 18px;
    margin-bottom: 0;
}

.leaderboard-box span {
    font-size: 14px;
}

.leaderboard-content {
    min-height: calc(100vh - 205px);
}



.modal-backdrop.show {
    opacity: 0.8;
}
.modal-body{ color: #fff; text-align: center;}
.modal-body label{ text-align:left;}

button.btn-close:before {
    content: "";
    width: 22px;
    background: #fff;
    height: 2px;
    display: block;
    transform: rotate(-45deg);
    margin-top: 6px;
    position: absolute;
    top: 8px;
}

button.btn-close:after {
    content: "";
    width: 22px;
    background: #fff;
    height: 2px;
    display: block;
    transform: rotate(45deg);
    position: absolute;
    top: 14px;
}

button.btn-close {
    background: none;
    position: relative;
}

.modal-body h6 {
    font-size: 16px; margin-bottom: 0;
}
.modal-body h2 {
    font-size: 40px;
    margin-bottom: 0;
}

.modal-body p {
    font-family: 'Arial Regular';
    font-size: 11px;
    font-weight: 400;
}
.modal-body form{ width: 90%; text-align: left;}

.modal-content {
    background: #5b58588c;
    color: #fff;
    border-radius: 15px;
}
.modal-content .form-control {
    background: #ffffff6e;
    border-color: #fff;
}

.modal-content .btn-image {
    max-width: 200px;
}

.guy-img {
    max-width: 130px;
    margin: auto;
}
.screen-page .guy-img {
    max-width: 26vw;
    margin: auto;
}