@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');
*, *::before, *::after {box-sizing: border-box;transition: all 0.3s ease-in-out;scroll-behavior: smooth;}
body{margin: 0px;padding: 0px;background-color: #1e1e1e;}

a, a:hover {text-decoration: unset;cursor: pointer;color: unset;}
a, button {cursor: pointer !important;}
a label {cursor: pointer !important;}
hr {margin: 0 auto;color: inherit;background-color: currentColor;border: 0;opacity: .25;width: 100%;position: absolute;left: 0px;}
/* SCROLLBAR CSS START */
::-webkit-scrollbar {width: 5px;}
::-webkit-scrollbar-track {box-shadow: inset 0 0 5px #000; border-radius: 10px;}
::-webkit-scrollbar-thumb {background: rgba(255, 230, 0, 0.466); border-radius: 10px;}
::-webkit-scrollbar-thumb:hover {background: rgba(255, 230, 0, 0.466);}
/* SCROLLBAR CSS ENDD */

/* NEVBAR CSS START */
.cusnevbar {background: #FFF;padding: 15px;}
.cusnevbar .logo {max-width: 150px;}
.cusnevbar .navbar-toggler {background-color: #000;}
.cusnevbar .navbar-toggler .navbar-toggler-icon {filter: brightness(0) invert(1);}
.cusnevbar {background-color: #FFF;padding: 15px;}
.cusnevbar .nav-item .nav-link {text-align: left;color: #000;font-size: 16px;line-height: 20px;font-weight: 500;font-family: "Plus Jakarta Sans", sans-serif;}
.cusnevbar .nav-item .nav-link.active {color: #000;}
/* INPUT CSS START */
.form-label {text-align: left;color: #404040;font-size: 13px;line-height: 16.54px;font-weight: 400;text-transform: capitalize;font-family: 'Google Sans';}
.form-label span {color: #F22121;}
.form-check-label {text-align: left;color: #FFF;font-size: 13px;line-height: 16.54px;font-weight: 400;text-transform: capitalize;font-family: 'Google Sans';}
.form-check-label span {color: #F22121;}
.form-control {background: #FFF;border: 1px solid #9B9B9B;outline: 0px;border-radius: 4px;padding: 15px;color: #BCBCBC;font-size: 14px;line-height: 17px;font-weight: 500;font-family: 'Google Sans';min-height: 55px;}
.form-control:focus {outline: 0;box-shadow: none;border-color: #77D024;}
.form-select {background-color: transparent;border: 1px solid #9B9B9B;outline: 0px;border-radius: 4px;padding: 15px;color: #000;font-size: 14px;line-height: 17px;font-weight: 500;font-family: 'Google Sans';min-height: 55px;}

.form-control.user {background-image: url(../images/svg/usericon.svg);background-repeat: no-repeat;background-position: left 10px bottom 50%;background-size: 25px;padding-inline-start: 45px;}
.form-control[type="email"] {background-image: url(../images/svg/emailicon.svg);background-repeat: no-repeat;background-position: left 10px bottom 50%;background-size: 25px;padding-inline-start: 45px;}
.form-control[type="password"] {background-image: url(../images/svg/pswrdicon.svg);background-repeat: no-repeat;background-position: left 10px bottom 50%;background-size: 25px;padding-inline-start: 45px;}

.frgtpswd {text-align: left;color: #FF5B5B;font-size: 13px;line-height: 16.54px;font-weight: 500;text-transform: capitalize;font-family: 'Google Sans';}
.singup_text {text-align: left;color: #404040;font-size: 14px;line-height: 17.81px;font-weight: 500;text-transform: unset;font-family: 'Google Sans';}
.singup_text a {font-weight: 500;}
.form-control[type="date"] {background-image: url(../images/svg/dateicon.svg);background-repeat: no-repeat;background-position: right 10px bottom 50%;background-size: 20px;}
.form-check-input {border: 2px solid #838383;background-color: rgb(57 57 57);}
.form-check-input:checked {background-color: rgb(57 57 57);border-color: rgba(255, 92, 0, 1);}
.form-check-input:checked[type=radio] {background-image: url(../images/svg/rdroundicon.svg);}

/* BUTTON CSS */
.btn_grdant_orng {background: linear-gradient(180deg, #FDDC9E 0%, #F49B11 100%);border-radius: 68px;border: 4.26px solid #000000;width: 100%;padding: 10px;text-align: center;color: #000;font-size: 22px;line-height: 24px;font-weight: 400;text-transform: uppercase;font-family: 'Swis721 BdRnd BT';}
.btn_grdant_blue {background: linear-gradient(180deg, #A9D0E4 0%, #2865B1 100%);border-radius: 68px;border: 4.26px solid #000000;width: 100%;padding: 10px;text-align: center;color: #000;font-size: 22px;line-height: 24px;font-weight: 400;text-transform: uppercase;font-family: 'Swis721 BdRnd BT';}
.btn_grdant_gren {background: linear-gradient(180deg, #CFE185 0%, #2EAD3E 100%);border-radius: 68px;border: 5px solid #000000;box-shadow: 0px 4px 4px 0px #00000040;width: 100%;padding: 10px;text-align: center;color: #000;font-size: 24.72px;line-height: 30.17px;font-weight: 400;text-transform: uppercase;font-family: 'Swis721 BdRnd BT';}
.btn_grdant_red  {background: linear-gradient(171.48deg, #FE7373 23.38%, #FF3D3D 99.99%);;border-radius: 68px;border: 5px solid #000000;box-shadow: 0px 4px 4px 0px #00000040;width: 100%;padding: 10px;text-align: center;color: #000;font-size: 24.72px;line-height: 30.17px;font-weight: 400;text-transform: uppercase;font-family: 'Swis721 BdRnd BT';}

/* DATE PICKER ICON CHANGE */
.form-control[type="date"]::-webkit-calendar-picker-indicator {color: rgba(0, 0, 0, 0);opacity: 1;display: block;background: url(../images/svg/dateicn.svg) no-repeat;width: 20px;height: 20px;border-width: thin;}

/* CUSTOME CLASS START */
.custd_none {display: none;}
.cusdblock_mauto {display: block;margin: 0px auto;}
.cusp_20px {padding: 20px;}
.cush-70 {height: 70%;}

/* ALL CSS START  */
.setbg .container {background-color: #FFF;background-image: url(../images/background.png);background-repeat: no-repeat;background-position: center;background-size: cover;}
.setwhitedarkbg .container {background-color: #1E1E1E;background-image: url(../images/background_white.png);background-repeat: no-repeat;background-position: center;background-size: cover;overflow-y:scroll;}
/*.pwa .setwhitedarkbg .container {background-color: red;background-image:unset;}*/
/*.mh-100-center {min-height: 100dvh;}*/

/* MAIN SET CSS */

.pwa .set_maincont {padding-bottom: 50px;}
.pwa.loginpg .set_maincont{padding-bottom: 0px !important;}


.set_maincont {height: calc(100dvh - 0px);display: flex;flex-flow: column nowrap;}
.main {position: relative;}
.set_maincont .header, .footer {position: relative;}
.set_maincont .main {flex: 1;}
.set_maincont .bigimgset {width: 90%;}

/* START PAGE CSS */
#loginshow {display: block;}
.loginpgsec {position: relative;max-height: 100vh;overflow: hidden;}
.loginpgsec .login_cont {padding: 15px 15px 0px;}
.loginpgsec .login_cont .btn_grdant_orng {width: 60%;text-transform: unset;}
.loginpgsec .login_cont .btn_grdant_blue {width: 60%;text-transform: unset;}

.loginpgsec .set_maincont .btn_grdant_orng {width: 60%;text-transform: unset;}
.loginpgsec .set_maincont .btn_grdant_blue {width: 60%;text-transform: unset;}

/* SET TIME PAGE START */
.sttimepgsec {position: relative;}
.sttimepgsec .sttime_cont {padding: 20px;}
.sttimepgsec .sttime_cont .botm_btn {padding: 30px;}
.sttimepgsec .sttime_cont h3 {text-align: center;color: #FFF;font-size: 31px;line-height: 37.84px;font-weight: 400;font-family: 'Swis721 BdRnd BT';}
.sttimepgsec .sttime_cont h3 span {display: block;}
.sttimepgsec .sttime_cont h4 {text-align: center;color: #FFF;font-size: 34px;line-height: 37.4px;font-weight: 400;font-family: "Graphik";margin-bottom: 0px;margin-top: 10px;display: inline-block;}
.sttimepgsec .sttime_cont .picker .swiper-container .swiper-slide .form-control {width: 100%;min-height: auto; background-color: transparent;border: 0px;opacity: 1;padding: 0px;text-align: center;color: #FFF;font-size: 42px;line-height: 46.2px;font-weight: 600;font-family: "Graphik";}
.sttimepgsec .sttime_cont .picker .swiper-container .swiper-slide .form-control::placeholder {color: #FFF;}
/* Chrome, Safari, Edge, Opera */
.sttimepgsec .sttime_cont .picker .swiper-container .swiper-slide .form-control::-webkit-outer-spin-button,
.sttimepgsec .sttime_cont .picker .swiper-container .swiper-slide .form-control::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
.sttimepgsec .sttime_cont .picker .swiper-container .swiper-slide .form-control[type=number] {-moz-appearance: textfield;}

.sttimepgsec .botm_buttom {padding: 30px;}

/* START GAME PAGE START */
.strgmpgsec {position: relative;}
.strgmpgsec .strtgm_cont {padding: 20px;}
.strgmpgsec .strtgm_cont .btn_grdant_orng {width: 50%;}
.strgmpgsec .strtgm_cont .btn_grdant_orng span {display: block;}
.strgmpgsec .strtgm_cont .cush-70 {height: calc(100% - 113px);}
.strgmpgsec .strtgm_cont .set_gama_img {height: 450px;align-content: center;}
.strgmpgsec .strtgm_cont .set_gama_img img {max-height: 450px;object-fit: contain;}
.strgmpgsec .strtgm_cont .botm_btn {padding: 0px 20px;}

.strgmpgsec .botm_buttom {padding: 30px;}

/* COUNTDOWN PAGE START */
.cuntdnpgsec {position: relative;}
.cuntdnpgsec .cuntdwn_cont {padding: 20px;}
.cuntdnpgsec .cuntdwn_cont .time_setcont {padding: 20px;position: relative;}
.cuntdnpgsec .cuntdwn_cont .time_setcont::after {content: ":";color: #FFF;text-align: center;font-size: 42px;line-height: 46.2px;font-weight: 600;font-family: "Graphik";position: absolute;top: 50%;left: 50%;margin-right: -50%;transform: translate(-50%, -50%);}
.cuntdnpgsec .cuntdwn_cont .time_setcont .left_count h3 {padding: 20px;width: 101px;min-height: 130px;display: inline-grid;align-items: center;background: linear-gradient(180deg, #FDDC9E 0%, #F49B11 100%);border: 3px solid #000000;border-radius: 80px;color: #000;text-align: center;font-size: 42px;line-height: 46.2px;font-weight: 600;font-family: "Graphik";margin-bottom: 0px;}
.cuntdnpgsec .cuntdwn_cont .time_setcont .rigt_count h3 {padding: 20px;width: 101px;min-height: 130px;display: inline-grid;align-items: center;background: linear-gradient(0deg, #16A7EC, #16A7EC),linear-gradient(180deg, #A9D0E4 0%, #2865B1 100%);border: 3px solid #000000;border-radius: 80px;color: #000;text-align: center;font-size: 42px;line-height: 46.2px;font-weight: 600;font-family: "Graphik";margin-bottom: 0px;}
.cuntdnpgsec .cuntdwn_cont .soundplay_btnset {padding: 20px;position: relative;}
.cuntdnpgsec .cuntdwn_cont .dwnbtn_set {padding: 10px 20px !important;position: relative;}
.cuntdnpgsec .cuntdwn_cont .dwnbtn_set .btn_grdant_orng {font-size: 32px;line-height: 39.06px;font-weight: 400;padding: 20px;border: 3px solid #FFFFFF;}
.cuntdnpgsec .cuntdwn_cont .dwnbtn_set .btn_grdant_orng span {display: block;}
.cuntdnpgsec .cuntdwn_cont .dwnbtn_set .btn_grdant_gren {font-size: 32px;line-height: 39.06px;font-weight: 400;padding: 20px;border: 3px solid #FFFFFF;background: linear-gradient(180deg, #039400 0%, #2EAD3E 100%);}

/* OUT OF TIME PAGE START */
.outtmpgsec {position: relative;}
.outtmpgsec .outtime_maincont {padding: 0px 20px;}
.outtmpgsec .outtime_maincont h3 {display: inline-block;padding: 15px;width: 80%;background: #FFF;border: 3px solid #000000;border-radius: 10px;color: #000;text-align: center;font-size: 37px;line-height: 45.17px;font-weight: 400;font-family: "Swis721 BdRnd BT";}
.outtmpgsec .outtime_maincont h3 span {display: block;}
.outtmpgsec .outtime_maincont .dwnbtn_set {padding: 20px !important;}
.outtmpgsec .outtime_maincont .dwnbtn_set .btn_grdant_gren {padding: 20px;border-radius: 9px;text-shadow: 0px 3px 0px #00000040;font-size: 28px;line-height: 34.18px;font-weight: 400;}
.outtmpgsec .outtime_maincont .dwnbtn_set .btn_grdant_gren span {display: block;}
.outtmpgsec .outtime_maincont .dwnbtn_set .btn_grdant_red {padding: 15px;border-radius: 9px;font-size: 28px;line-height: 34.18px;font-weight: 400;}

.outtmpgsec1 {position: relative;}
.outtmpgsec1 .outtime_maincont {padding: 0px 20px;}
.outtmpgsec1 .outtime_maincont h3 {display: inline-block;padding: 15px;width: 80%;background: #FFF;border: 3px solid #000000;border-radius: 10px;color: #000;text-align: center;font-size: 37px;line-height: 45.17px;font-weight: 400;font-family: "Swis721 BdRnd BT";}
.outtmpgsec1 .outtime_maincont h3 span {display: block;}
.outtmpgsec1 .outtime_maincont .dwnbtn_set {padding: 20px !important;}
.outtmpgsec1 .outtime_maincont .dwnbtn_set .btn_grdant_gren {padding: 20px;border-radius: 9px;text-shadow: 0px 3px 0px #00000040;font-size: 28px;line-height: 34.18px;font-weight: 400;}
.outtmpgsec1 .outtime_maincont .dwnbtn_set .btn_grdant_gren span {display: block;}
.outtmpgsec1 .outtime_maincont .dwnbtn_set .btn_grdant_red {padding: 15px;border-radius: 9px;font-size: 28px;line-height: 34.18px;font-weight: 400;}

/* MISTAKE PAGE START */
.mstkpgsec {position: relative;}
.mstkpgsec .mstkpg_maincont {padding: 30px;}
.mstkpgsec .mstkpg_maincont h3 {display: inline-block;padding: 20px;background: #FFF;border: 3px solid #000000;border-radius: 10px;color: #000;text-align: center;font-size: 27px;line-height: 32.96px;font-weight: 400;font-family: "Swis721 BdRnd BT";}
.mstkpgsec .mstkpg_maincont h3 span {display: block;}
.mstkpgsec .mstkpg_maincont .setbox_cont img {display: block;margin: 0 auto;max-width: 120px;}
.mstkpgsec .mstkpg_maincont .setbox_cont .btn_solid_white {border: 3px solid #000000;background: #FFFFFF;border-radius: 10px;padding: 20px;margin: 20px auto;color: #000;text-align: center;font-size: 27px;line-height: 29.7px;font-weight: 600;text-transform: uppercase;font-family: "Graphik";}

/* WINNING PAGE START */
.winpgsec {position: relative;}
.winpgsec .winpg_cont {padding: 0px 20px;align-items: center !important;}
.winpgsec .winpg_cont h3 {display: inline-block;padding: 10px 30px;margin: 0 auto;background: #FFF;border: 3px solid #000000;border-radius: 10px;color: #000;text-align: center;font-size: 27px;line-height: 32.96px;font-weight: 400;text-transform: uppercase;font-family: "Swis721 BdRnd BT";}
.winpgsec .winpg_cont .setmaincont {height: calc(100%);align-content: center;position: relative;}
/*.winpgsec .winpg_cont .setmaincont .setbutton {width: 100px;height: 100px;position: absolute;bottom: 0px;left: 50%;margin-right: -50%;transform: translate(-50%, -0%);}*/
.winpgsec .winpg_cont .setmaincont .setbutton img {width: 100px;margin-top:-100px;}
.winpgsec .winpg_cont .botm_btn {padding: 0px;margin-top:30px !important;}


/* ANIMATION CSS START */
.updown_animation { animation: top_down infinite 2s ease-in-out }
@keyframes top_down {
    50% { transform: translateY(20px) }
}

/* 
.updown_animation {animation: UpDown 2s linear infinite;position: relative;}
  
  @keyframes UpDown {
    0% {bottom: 0;}
    50% {bottom: .5em;}
    100% {bottom: 0;}
  }
   */