/*CSS COMMON START*/
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Oswald:wght@200..700&display=swap');

* {
    padding: 0;margin: 0;box-sizing: border-box;
}

body {
    /*background: radial-gradient(70.26% 70.26% at 50% 50%, #EC91FC 0%, #33035A 100%) center/cover fixed no-repeat,
    url('https://images.moneycontrol.com/images/win_to_spin/stwbgimg.png') center/cover fixed no-repeat;*/
    background: radial-gradient(#000, #000)  center/cover fixed no-repeat,
    url('https://images.moneycontrol.com/images/win_to_spin/stwbgimg_grad.png') center/cover fixed no-repeat;
    background-blend-mode: screen;
 
}

body.css-spin-to-win-body {
    /*background: radial-gradient(70.26% 70.26% at 50% 50%, #EC91FC 0%, #33035A 100%) center/cover fixed no-repeat,
    url('https://images.moneycontrol.com/images/win_to_spin/stwbgimg.png') center/cover fixed no-repeat;*/
    background: radial-gradient(#000, #000)  center/cover fixed no-repeat,
    url('https://images.moneycontrol.com/images/win_to_spin/stwbgimg.png') center/cover fixed no-repeat;
    background-blend-mode: screen;
 
}

.ap_bg {position: relative;z-index: 0;min-height: 100dvh;overflow-y: auto;overflow-x: hidden;}


/* --------------- OverflowHeader - Start --------------- */
#mainHeader{background: rgba(165, 233, 223, 0);}
#mainHeader.scrolled {background: #000;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);}
/* --------------- OverflowHeader - End --------------- */

/* --------------- FixedHead - Start --------------- */
.header {
    width: 100%;padding: 24px 12px;
    display: flex;align-items: center;justify-content: space-between;
    position: fixed;top: 0;z-index: 100;
}
/* --------------- FixedHead - End --------------- */

.spacer{margin-top: 70px;}

/* --------------- Progress-Bar Start --------------- */
.progressWrapper{
    position: relative;
    width: 370px;margin: 0 auto 20px auto;
    display: flex;align-items: center;
}
.progressWrapper .msg {
    position: absolute;left: 70px;bottom: -10px;
    font: italic 500 14px "Inter", sans-serif; color: rgba(255, 239, 13, 1);
}
.progressHolder{
        position: relative;background-color: rgba(0, 0, 0, 0.2);border-radius: 20px 0 0 20px; 
        width: 100%;padding: 3px;
        -webkit-mask: radial-gradient(circle at right, transparent 13%, #000 13%);
        mask: radial-gradient(circle at right, transparent 13%, #000 13%);
}
.progressHolder .progressBar{
    width: 0%; height: 20px;transition: width 0.3s ease;border-radius: 10px;background: linear-gradient(90deg, #EF3FFF 0%, #FFD900 100%); 
}
.endpnt{
    position: relative;
    width: 70px;height: 70px;border-radius: 50%;background: rgba(0, 0, 0, 0.2);margin-left: -45px;
}

.endpnt .reward {
    position: absolute;top: -32px;left: -18px;width: 96px;height: auto;
}
/* --------------- Progress-Bar End --------------- */

/* --------------- stwsubtitle Start --------------- */
.stw_ttl .sub_ttl{display:flex;flex-direction:column;align-items:center;margin-top: 10px;}
.stw_ttl .sub_ttl span{display:block;border-radius:20px;padding:5px 10px;width:fit-content;background-color:rgba(59,9,97,.6);color:#fff;font:500 20px/32px Inter,sans-serif}
.stw_ttl .ltdrwds{color:#070707;position:relative;font:italic 16px Inter,sans-serif;margin-top: 10px;}
.stw_ttl .ltdrwds::after,.stw_ttl .ltdrwds::before{content:"";position:absolute;width:27px;height:2px}
.stw_ttl .ltdrwds::before{left:-30px;top:8px;background:linear-gradient(270deg,#430c60 0,rgba(102,102,102,0) 100%)}
.stw_ttl .ltdrwds::after{left:128px;top:8px;background:linear-gradient(90deg,#430c60 0,rgba(102,102,102,0) 100%)}
.stw_ttl .img_wrp{width: 245px;}
.stw_ttl .img_wrp.js-main-congrats-img, .title-congrats{width: 320px;}

/* --------------- stwsubtitle End --------------- */

/* --------------- Popup Screen - Start --------------- */
.pop-up{position:sticky;height: 100dvh;width: 100vw;inset:0;background:rgba(0,0,0,.8);z-index:1000;color:#fff;display:none;animation:.4s forwards fadeInOverlay}
@keyframes fadeInOverlay {
    from {
      background-color: rgba(0, 0, 0, 0);
    }
    to {
      background-color: rgba(0, 0, 0, 0.8);
    }
}

.pop-up .popUpContent{position:absolute;bottom:0;width:100%;background:#000;border-radius:12px 12px 0 0;padding:38px 20px;animation:.4s ease-out forwards slideUp}
@keyframes slideUp {
    from {
      transform: translateY(100%);
      opacity: 0;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }

.pop-up .popUpContent .closeIcn{position: absolute;top: 20px;right: 20px;display: block;width: 16px;height: 16px;}
.pop-up .popUpContent .rulesHeader{display: flex;align-items: center;gap: 10px;margin-bottom: 18px;}
.pop-up .popUpContent .rulesHeader span{color: rgba(255, 169, 11, 1);font: 600 18px/22px "Inter",sans-serif;}
.pop-up .rules-list{font:400 16px/19px Inter,sans-serif;list-style-type:number;width:calc(100% - 40px);margin:0 auto;padding:0}
.pop-up .rules-list li{position: relative;padding: 15px 0;}
.pop-up .rules-list li::before{content:'';position:absolute;top:0;left:-20px;border-top:1px solid rgba(255,255,255,.1);width:calc(100% + 20px)}
.pop-up .popUpContent p{font:400 15px/18px Inter,sans-serif;border-top:1px solid rgba(255,255,255,.1);padding-top:15px}
.pop-up .popUpContent p a{color:inherit;text-underline-offset:2px}
.pop-up .popUpContent .rulesIcon{width:36px;height:28px}
.pop-up.err .rulesHeader{justify-content: center;}
.pop-up.err .popUpContent{padding: 20px;}
.pop-up.err .popUpContent .rulesHeader span{color: rgba(230, 88, 90, 1);}
.pop-up.err .popUpContent p{font:400 16px/19px Inter,sans-serif;text-align: center;}
.pop-up.err .popUpContent p span{display: block;}
.pop-up.err .popUpContent p span:nth-child(2){margin-top: 15px;}
/* --------------- Popup Screen - End --------------- */

/* --------------- CommonBtn - Start --------------- */
/* --------------- CoinElements - Start --------------- */
.coinElements{
    position: absolute;
    inset: 0;z-index: 100;
    pointer-events: none;
}

.coinElements::before,
.coinElements::after {
  content: '';
  position: absolute;
  inset: 0;
  background-size: cover;
  background-attachment: fixed;
  opacity: 1;
  z-index: 20;
}


.coinElements::after {
  background: 
  url("https://images.moneycontrol.com/images/win_to_spin/bgcoin1.png") 0% 30%/50px no-repeat fixed,
    url("https://images.moneycontrol.com/images/win_to_spin/bgcoin2.png") 100% 20%/50px no-repeat fixed,
    url("https://images.moneycontrol.com/images/win_to_spin/bgcoin3.png") 0% 80%/50px no-repeat fixed,
    url("https://images.moneycontrol.com/images/win_to_spin/bgcoin4.png") 100% 85%/50px no-repeat fixed;
  opacity: 0.5;
  z-index: 10;
}

.pg_ctxt .gftMsg span.dec_line {
    display: inline-block;
    width: 260px;
    position: relative;
    bottom: 18px;
    left: 3px;
    right: 10px;
}
.pg_ctxt .gftMsg span.dec_line.money {
    left: 3px;
}
/* --------------- CoinElements - Start --------------- */


.btn-cntr{margin-top:10px;display:flex;flex-direction:column;align-items:center}
.btn-cntr .submit-btn {
    background: rgba(213, 109, 217, 1);
    color: rgba(0, 0, 0, 1);
    border: 2px solid rgba(23, 22, 25, 1);
    box-shadow: 0px 6px 0px 0px rgba(0, 0, 0, 1);
    width: 100%;
    font: 700 18px/22px Inter,sans-serif;
    padding: 15px 0;
    border-radius: 12px;
    margin-bottom: 16px;
    position: relative;
    text-align: center;
    text-decoration: none;
}
.btn-cntr .submit-btn.css-special-reward {
    background: rgba(71, 239, 165, 1);
    color: rgba(0, 0, 0, 1);
}
/* --------------- CommonBtn - End --------------- */

/* --------------- CongratsTop - Start --------------- */
.pg_ctxt{display: flex;flex-direction: column;align-items: center;}
.pg_ctxt .congrText{width:340px;height:78px}
/*.pg_ctxt .gftMsg{font-size: 26px;line-height: 26px;text-align: center;font-family: Inter,sans-serif;color: rgba(255, 255, 255, 1);}*/
.pg_ctxt .gftMsg {
    position: relative;
    font-size: 28px;
    line-height: 32px;
    font-weight: 400;
    text-align: center;
    font-family: Inter,sans-serif;
    color: rgba(204, 204, 204, 1);
}
.pg_ctxt .gftMsg span.amzn-vchr {color: rgba(213, 109, 217, 1); /*text-decoration: underline;*/ font-weight:600; }
.pg_ctxt .gftMsg span.gift-vchr {color: rgba(71, 239, 165, 1); /*text-decoration: underline;*/ font-weight:600; }
.pg_ctxt .gftMsg span.wapp {color: rgba(255, 255, 255, 1); text-decoration: none; font-weight: 700}
/*.pg_ctxt .gftMsg span{font-weight: 900;}*/
.claimAnimation {margin-top: 20px; max-width: 225px; margin: 0 auto; margin-top: 20px; }
.form_cntr form .dsclmr{color: rgba(237, 196, 228, 1);font: 400 10px "Inter", sans-serif !important;}
.form_cntr form .dsclmr span{color: #fff;font-weight: 500;width: unset;}
/* --------------- CongratsTop - End --------------- */

/* --------------- ConfettiAnimatio - Start --------------- */
#icon-container{position:absolute;top:0;left:0;right:0;height:70%;pointer-events:none;z-index:102;overflow:hidden}

/* Blur gradient effect using multiple layers */
.blur-layer{position:absolute;top:0;left:0;right:0;height:100%;backdrop-filter:blur(var(--blur-value));mask:linear-gradient(to bottom,black var(--mask-start),transparent var(--mask-end))}

/* Apply different blur values at different heights */
#icon-container .blur-layer:first-child{--blur-value:0px;--mask-start:0%;--mask-end:20%}
#icon-container .blur-layer:nth-child(2){--blur-value:0px;--mask-start:20%;--mask-end:40%}
#icon-container .blur-layer:nth-child(3){--blur-value:0px;--mask-start:40%;--mask-end:60%}
#icon-container .blur-layer:nth-child(4){--blur-value:0px;--mask-start:60%;--mask-end:80%}
#icon-container .blur-layer:nth-child(5){--blur-value:0px;--mask-start:80%;--mask-end:100%}
#icon-container::after{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(0deg,rgba(255,255,255,0) -.16%,#fff 99.41%);
  background: transparent;
}
.icon{position:absolute;top:-50px;font-size:30px;opacity:1;animation:3s ease-in-out forwards fall;z-index: 103;}

@keyframes fall {
    0% {
        transform: translateY(-50px);
    }
    100% {
        transform: translateY(60vh);
        opacity: 0;
    }
}
/* --------------- ConfettiAnimatio - Start --------------- */

/* --------------- ResultScreens - Start --------------- */
.rsltBx{display: flex;flex-direction: column; justify-content: center;align-items: center;margin: 46px 0;}
.rsltBx .iconEl{width: 75px;height: 75px;}
.rsltBx .rsltBx_txt{color: rgba(230, 88, 90, 1);font:700 25px Inter,sans-serif;text-align: center;margin-top: 20px;}
.rsltBx .tryMsg{margin-top: 25px;color: rgba(0, 0, 0, 1);}
.rsltBx .tryMsg span:nth-child(1){font:700 18px/24px Inter,sans-serif;text-align: center;}
.rsltBx .tryMsg span:nth-child(2){display: block;font:400 16px/24px Inter,sans-serif;text-align: center;}
/* --------------- ResultScreens - End --------------- */

body.no-scroll{
    overflow: hidden;
}
.tnc_txt {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 100%;
    margin-bottom: 20px;
    font: 400 14px "Inter", sans-serif;
    text-align: center;
    color: rgba(181, 181, 181, 1);
}

.tnc_txt a{
    color: #fff;
    text-decoration: none;
}
/*CSS COMMON END*/

/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */


/* --------------- QuestionScreen - Start --------------- */
/*.form_cntr{min-height: 200px;width:calc(100% - 40px);margin:0 auto;background-image:linear-gradient(rgba(255,255,255,0.9) 20%,rgba(255,255,255,0.0) 100%);border-radius:16px;display:flex;justify-content:center;padding:20px;}*/
.form_cntr {
    min-height: 200px;
    width: calc(100% - 40px);
    margin: 0 auto;
    background: linear-gradient(180deg, rgba(255, 244, 218, 0.75) 41.34%, rgba(255, 255, 255, 0) 100%);
    /* background-image: linear-gradient(rgba(255,255,255,0.9) 20%,rgba(255,255,255,0.0) 100%); */
    border-radius: 16px;
    display: flex;
    justify-content: center;
    padding: 20px;
}
.form_cntr.questionPg{
background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
margin-top: 10px;
}
.form_cntr .input-elements{margin-top:30px;}
.form_cntr form{width:100%;}
.retrn_arr{width:24px;height:24px;}
.logo{width:140px;height:28px;}
.hint_arr{width:28px;height:28px;}
img{width:100%;height:100%;}
.form_cntr p{text-align:center;font:700 18px "Inter",sans-serif;max-width:258px;margin:0 auto;}
.form_cntr .input-wrapper{position: relative;}
.form_cntr .input-wrapper:not(:last-child){border-bottom:1px solid rgba(0, 0, 0, 0.1);}
.form_cntr .input-wrapper:not(:first-child){/*padding:15px 4px;*/padding: 0px 0px 15px 0px;}
.form_cntr .input-wrapper:first-child{padding-bottom:20px;padding:0px 4px 15px 4px;}
.form_cntr .input-wrapper ~ .caution_msg{color: #D04343;;text-align: center;margin-top: 20px;}
.form_cntr .input-wrapper .crctOpt{width: 36px; height: 36px;position: absolute;top: 0;right: 0;}
.form_cntr .input-wrapper:not(:first-child) .crctOpt{top: 20px;}
.form_cntr .input-wrapper:nth-of-type(2){border-bottom: 0;} /* check */
/* Custom Radio Boxes */
.custom-radio{display:flex;align-items:center;cursor:pointer;position:relative;padding-left:60px;font:400 16px Inter,sans-serif;height:42px;max-width: 240px;}
/* Hide native radio */
.custom-radio+input[type="radio"] {display: none;}
/* Circle before the label */
.custom-radio::before{content:'';position:absolute;left:0;top:0;width:36px;height:36px;border-radius:50%;background: rgba(59, 9, 97, 1);}
.input-wrapper:has(.custom-radio+input[type="radio"]:checked) label::before{
    content:'';background:url("https://images.moneycontrol.com/images/win_to_spin/dotmark2.svg") center/16px 16px no-repeat rgba(59, 9, 97, 1);display:flex;align-items:center;justify-content:center;color:#fff;
}
.input-wrapper:has(.custom-radio+input[type="radio"]:checked) label {font-weight: 700;}
.input-wrapper, input[type="radio"], label.custom-radio {
 -webkit-tap-highlight-color: transparent;
 -webkit-focus-ring-color: none;
   outline: none;
}
/* --------------- QuestionScreen - End --------------- */

/* --------------- SpinWheel - Start --------------- */
.stw_ttl,.stwboard{display:flex;flex-direction:column;align-items:center}
.stw_ttl .rwrdTxt{margin-top:-15px; width: 145px; min-height: 60px;}

.spin-btn{
    border:0;width:212px;height:66px;background:transparent;outline:0;margin: 30px 0 0 -10px;
    -webkit-tap-highlight-color:transparent;-webkit-focus-ring-color:rgba(0,0,0,0);
}
.spinWrapper {
    position: relative;
    background: url("https://images.moneycontrol.com/images/win_to_spin/wheelbg.png") -8px -12px / 375px no-repeat;box-shadow: 0px 0px 60px 0px rgba(255, 128, 128, 1);
    padding: 10px;border-radius: 50%;
}
#wheel{border-radius:50%;outline: 2px solid white; width: 340px; height: 340px}

.spinWrapper .pointer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events: none;}
.stwboard{position: relative;margin-top: 15px;}
.stwboard .coinsBg{
    position: absolute;width: 100%; height: 100%;transform: translateY(-20px);z-index: -1;
    background: 
    url('https://images.moneycontrol.com/images/win_to_spin/bgcoin1.png') left 20px / 53px 67px no-repeat,
    url('https://images.moneycontrol.com/images/win_to_spin/bgcoin2.png') right -20px / 60px 90px no-repeat,
    url('https://images.moneycontrol.com/images/win_to_spin/bgcoin3.png') left bottom 40px / 48px 58px no-repeat,
    url('https://images.moneycontrol.com/images/win_to_spin/bgcoin4.png') bottom right / 45px 60px no-repeat;
}
.userInfo{
    /* height: 800px; */
    display: flex;
    justify-content: center;
    gap: 10px;
    width: calc(100% - 50px);
    margin: 25px auto;
}

.userInfo .usrprfls{
    display: flex;
}
.userInfo .usrprfls .prfl:not(:first-child){
    margin-left: -10px;
}
.userInfo .usrprfls .prfl:nth-child(1){z-index: 20;}
.userInfo .usrprfls .prfl:nth-child(2){z-index: 10;}
.userInfo .usrprfls .prfl:nth-child(3){z-index: 5;}

.userInfo .usrprfls .prfl{width: 30px; height: 30px; border: 2px solid rgba(255, 169, 11, 1); border-radius: 50%; overflow: hidden; position: relative; display: flex; justify-content: center; align-items: center; background-color: rgba(97, 130, 206, 1); font: 400 10px Inter,sans-serif; color: #fff; }

.userInfo .usrprfls .prfl img{width: 100%;height: 100%;}
.userInfo .claimTxt{
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    padding: 0 10px;
}
.userInfo .claimTxt p{
    color: rgba(237, 196, 228, 1);
    font:400 12px Inter,sans-serif;
}


/*SPIN THE WHEEL phase 1 changes*/
.form_cntr.spnPg {
    padding: 0px 15px;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
    margin-top: 5px;
    background-image: unset;
    width: 100%;
}

.form_cntr.spnPg .spinBtn {
    display: block;
    text-decoration: none;
    text-align: center;
/*    width: 212px;*/
    margin: 5px auto 0px;
    background: transparent;
    color: #fff;
    border: 0;
    font: 700 18px/22px Inter,sans-serif;
    padding: 15px 0;
    border-radius: 12px;
}

.spinArr {
    position: absolute;
    transform: translate(-50%,-50%);
    top: 52%;
    left: 52%;
    pointer-events: none;
}

.form_cntr.spnPg .spinnerWrapper {
    width: 100%;
    aspect-ratio: 1;
}

.form_cntr.spnPg .container {
    position: relative;
    width: 100%;
    height: 100%;
    border: 9px solid #000;
    border-radius: 50%;
}

.winTxt{
    display: block;
    width: 294px;
    margin: 0 auto;
}
/*SPIN THE WHEEL phase 1 changes end*/

/* --------------- SpinWheel - End --------------- */

#result {
    margin-top: 30px;
    font-size: 24px;
    font-weight: bold;
}




/* --------------- Mobile Verification Screen - Start --------------- */

.form_cntr.cngrtsPg{padding: 48px 24px;flex-direction: column;justify-content: flex-start;position: relative;margin-top: 150px;padding-bottom: 0;}
.form_cntr.cngrtsPg.reward-successPg{margin-top: 100px;}
.form_cntr.cngrtsPg.raward-successPg{margin-top:100px;}
.form_cntr.cngrtsPg .cashImg{width: 250px;position: absolute;top: 0%;left: 50%;transform: translate(-50%,-85%);}
.form_cntr.cngrtsPg .cashImg.css-special-reward{width: 198px;position: absolute;top: 0%;left: 50%;transform: translate(-50%,-80%);}

.form_cntr .rewardTxt{color: rgba(128, 26, 50, 1);font:500 26px "Inter",sans-serif;}
.form_cntr .rewardTxt .amnt{font-weight: 800;}
.form_cntr.cngrtsPg form{margin-top: 10px;}
.form_cntr.cngrtsPg form p{font:400 14px/18px "Inter",sans-serif;padding-bottom: 16px;}
.form_cntr.cngrtsPg form .input-elements{margin-top: 0;padding-top: 5px;}
/* .form_cntr.cngrtsPg form .input-elements:nth-of-type(2){border-top: 0;} */
/*.form_cntr.cngrtsPg form .input-elements:nth-of-type(1){border-top: 1px solid rgba(134, 61, 108, 0.3);}*/

.form_cntr.cngrtsPg form .input-elements label{font:400 12px "Inter",sans-serif;margin-bottom: 10px;display: block;}
.form_cntr.cngrtsPg form .input-elements .inputItm {
    color: #fff;
    font: 400 16px "Inter",sans-serif;
    background-color: rgba(42, 41, 43, 1);
    border: 0;
    padding: 16px 15px;
    width: 85%;
}

.form_cntr.cngrtsPg form .input-elements.input-inactive{
    display: none;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #000 inset !important;
  -webkit-text-fill-color: #fff !important;
  transition: background-color 9999s ease-out;
  caret-color: #000;
}

/* .form_cntr.cngrtsPg form .input-elements.otp{display: none;} */
.form_cntr.cngrtsPg form .input-elements.otp.resend label{font-weight: bold;}
.form_cntr.cngrtsPg form .input-elements.otp .otp-container{
     display: flex;justify-content: space-between;
}
/*.form_cntr.cngrtsPg form .input-elements.otp .otp-container .otp-input { 
    color: #fff;font:400 16px "Inter",sans-serif;
    background-color: #000;box-shadow: 5px 0px 4px 0px rgba(0, 0, 0, 0.25) inset;
    border: 0;border-radius: 12px;max-width: 60px; height: 52px; aspect-ratio: 1; text-align: center;
}*/
.form_cntr.cngrtsPg form .input-elements.otp .otp-container .otp-input {
    color: #fff;
    font: 400 16px "Inter",sans-serif;
    background-color: rgba(42, 41, 43, 1);
    box-shadow: 5px 0px 4px 0px rgba(0, 0, 0, 0.25) inset;
    border: 0;
    border-radius: 12px;
    max-width: 60px;
    height: 52px;
    aspect-ratio: 1;
    text-align: center;
}

.form_cntr.cngrtsPg form .input-elements.otp .otp-container .otp-input:focus{outline: none;}
.form_cntr.cngrtsPg form .input-elements.otp .otp-container .otp-input::placeholder{
    color: #fff;
}
.form_cntr.cngrtsPg form .input-elements.otp .otp-container .otp-input:focus::placeholder {
    color: transparent;
}

/*.form_cntr.cngrtsPg form .inputCnt{position: relative;width: 100%;background-color: #000;box-shadow: 5px 0px 4px 0px rgba(0, 0, 0, 0.25) inset;border-radius: 12px;overflow: hidden;}*/
.form_cntr.cngrtsPg form .inputCnt {
    position: relative;
    width: 100%;
    background-color: rgba(42, 41, 43, 1);
    box-shadow: 5px 0px 4px 0px rgba(0, 0, 0, 0.25) inset;
    border-radius: 12px;
    overflow: hidden;
}
.form_cntr.cngrtsPg form .inputCnt span{position: absolute;right: 16px;top: 50%;transform: translateY(-50%);display: none;}
.form_cntr.cngrtsPg form .inputCnt input::placeholder{color: #fff;}
.form_cntr.cngrtsPg form .input-elements .inputItm:focus{outline: none;}
.form_cntr.cngrtsPg form .input-elements .error-message{text-align: start;max-width: unset;margin-top: 5px;font-size: 12px;color: #D04343;}
.form_cntr.cngrtsPg form .btn-cntr{margin-top: 14px;}
.form_cntr.cngrtsPg form .form_ttl{text-align: start;margin: 0;}
/* --------------- Mobile Verification Screen - End --------------- */

.form_cntr .claim-list {
    list-style-type: number;
    margin-left: 20px;
    position: relative;
}

.form_cntr .claim-list li:not(:last-child) {
    margin-bottom: 16px;
}

.form_cntr .claim-list li {
    font: 400 16px/19px Inter,sans-serif;
}

.pg_ctxt .winMsg {
    color: #fff;
    font: 700 26px/26px "Inter", sans-serif;
    text-align: center;
    margin-bottom: 30px;
}

.btn-cntr .submit-btn .imgEl {
    width: 55px;
    height: 60px;
    position: absolute;
    top: -10px;
    left: 2px;
}
.btn-cntr .submit-btn.css-proceed-disabled{opacity: 0.4; pointer-events: none;}

.form_cntr .success_msg {
    font: 700 20px/28px "Inter", sans-serif;
    text-align: center;
    max-width: 295px;
}

.form_cntr.winScrn {
    min-height: 350px;
}

/* CSS-Logic for selecting options Box MOdel - Start*/
.input-wrapper.box:has(.custom-radio+input[type="radio"]) label::before{
    display: none;
}
.input-wrapper.box:has(.custom-radio+input[type="radio"]) label {
    font-weight: 700;color: #000;
    background-color: transparent;
    background-color: transparent;
    border: 2px solid rgba(0, 0, 0, 0.6);
    border-radius: 8px;
}

.input-wrapper.box .custom-radio{max-width: unset;padding-left: 0;justify-content: center;line-height: 38px;}
.input-wrapper.box:has(.custom-radio+input[type="radio"]:checked) label {
    font-weight: 700;color: #000;
    background-color: transparent;
/*    background-color: rgba(97, 225, 180, 1);*/
    border: 2px solid rgba(0, 0, 0, 0.6);
    border-radius: 8px;
}

.form_cntr .input-wrapper.box .crctOpt{width: 24px; height: 24px;position: absolute;top: 8px;right: 10px;}
/* .form_cntr .input-wrapper.box:not(:first-child) .crctOpt{top: 20px;} */

/* correct answer */
.input-wrapper.box.crct:has(.custom-radio+input[type="radio"]:checked) label {background-color: rgba(97, 225, 180, 1);}
/* wrong answer */
.input-wrapper.box.wrng:has(.custom-radio+input[type="radio"]) label {background-color: rgba(255, 120, 120, 1);}



.input-wrapper.box:has(.custom-radio+input[type="radio"]:checked) label::before{
    display: none;
}


.input-wrapper, input[type="radio"], label.custom-radio {
 -webkit-tap-highlight-color: transparent;
 -webkit-focus-ring-color: none;
   outline: none;
}
/* CSS-Logic for selecting options Box MOdel - Start*/

.MT--15 {
    margin-top: -30px !important;
}

.atmptsPg {
  background: linear-gradient(180deg, #FFF4DA 41.34%, rgba(255, 255, 255, 0) 107.58%) !important;
    position: absolute;
    z-index: 130;
    top: 25%;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    border: 16px 16px 0 0 ;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.blur_bg{
  background: rgba(0, 0, 0, 0.2); /* Semi-transparent white */
  backdrop-filter: blur(10px); /* Blur effect */
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  z-index: 120;
}

.too-many-attempts-screen .stw_ttl .img_wrp{
    width: 320px;
}
.sub_ttle span{
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 30px;
    color: rgba(213, 109, 217, 1);
    text-align: center;
}

.lmtd_chances{
    background-color: rgba(73, 9, 60, 1);
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(100% - 60px);
    margin: 0 auto;
    border: 1px solid rgba(108, 2, 111, 1);
    border-radius: 4px;
    padding: 12px 16px;
    font-family: Inter;
    font-size: 14px;
    line-height: 26px;
    color: #fff;
    margin-top: 40px;
}
 
.lmtd_chances img{
    width: 20px;
    height: 20px;
    margin-left: 10px;
}


.css-try-agan-err-cont {
    display: flex;
    flex-direction: column;
    align-items: center;
}