*{font-family:Rubik;margin:0}
.dnone{display:none}
.text_right{text-align:right}
.text_left{text-align:left !important}
.text_center{text-align:center}
.coe_main_section{width:45%;margin:40px auto;padding:25px 25px;border:1px solid #99bfde;border-radius:10px}
.otp_wrapper .enterotp_text{display:flex;align-items:center;gap:4px}
.otp_wrapper .enterotp_img img{width:12px;height:12px}
.otp_wrapper #err_msg{color:#0bab64;font-family:Rubik;font-weight:400;font-size:12px}
.otp_wrapper .error-red{color:#b40000 !important}
.coe_main_heading{font-family:Rubik;font-weight:700;font-size:24px;text-align:center;color:#131619}
.coe_subheading{font-family:Rubik;font-size:16px;font-weight:400;letter-spacing:.04em;text-align:center;color:#5c666e;margin:20px 0 40px}
.coe_main_section form{text-align:center;width:75%;margin:auto}
.browse_section{position:relative;margin-bottom:20px;border:1px solid #005eac;border-radius:10px}
.coe_main_section form input[type="text"],.coe_main_section form input[type="tel"]{padding:11px 15px;width:100%;font-family:Rubik;font-size:14px;font-weight:500;line-height:18px;text-align:left;color:#363c41;z-index:1;position:relative;background:transparent;border:0;outline:0}
.coe_main_section form input[type="text"]{cursor:default}
.coe_main_section form input:focus-visible{outline:0}
.coe_submit{box-shadow:0 7px 17px 0 #ec9f4952;background:linear-gradient(90deg,#ff6700 0,#ff8900 100%);border-radius:10px;padding:12px 30px;font-family:Rubik;font-size:16px;font-weight:600;line-height:14px;text-align:center;color:#fff;border:0;cursor:pointer}
.coe_main_section form span label{background:#ff7601;padding:8px 8px 8px 24px;border-radius:10px;border:0;cursor:pointer;font-family:Rubik;font-family:Inter;font-weight:700;font-size:14px;color:#fff}
.browse_section span{display:flex;gap:5px;position:absolute;right:5px;top:4px;z-index:1}
.browse_section span img{position:absolute;top:8px;left:5px}
form>div{position:relative}
.coe_main_section .error{font-family:Rubik !important;font-size:10px !important;margin-top:4px !important;font-weight:500 !important;color:red;bottom:12px;display:flex;align-items:start}
.otp-model-main{text-align:center;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;-webkit-overflow-scrolling:touch;outline:0;opacity:0;-webkit-transition:opacity .15s linear,z-index .15;-o-transition:opacity .15s linear,z-index .15;transition:opacity .15s linear,z-index .15;z-index:-1;overflow-x:hidden;overflow-y:auto}
.otpmodel-open{z-index:99999;opacity:1;overflow:hidden}
.otp-model-inner{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:-webkit-transform .3s ease-out;-o-transition:transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;display:inline-block;vertical-align:middle;width:600px;margin:30px auto;max-width:97%}
.otp-model-wrap{display:block;width:75%;margin:0 auto;position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,0.5);box-shadow:0 3px 9px rgba(0,0,0,0.5);background-clip:padding-box;outline:0;text-align:left;padding:20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;max-height:calc(100vh - 70px);overflow-y:auto}
.otpmodel-open .otp-model-inner{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);position:relative;z-index:999}
.otpmodel-open .bg-overlay{background:rgba(0,0,0,0.6);z-index:99}
.bg-overlay{background:rgba(0,0,0,0);height:100vh;width:100%;position:fixed;left:0;top:0;right:0;bottom:0;z-index:0;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}
.close-btn{position:absolute;right:90px;top:0;cursor:pointer;z-index:99;font-size:30px;color:#ff6700}
@media screen and (min-width:800px){.otp-model-main:before{content:"";display:inline-block;height:auto;vertical-align:middle;margin-right:-0;height:100%}
}
@media screen and (max-width:799px){.otp-model-inner{margin-top:45px;width:100%;max-width:unset;margin:unset}
.otpmodel-open{display:flex;align-items:end}
.coe_main_section form input[type="text"],.coe_main_section form input[type="tel"]{padding:11px 15px;width:100%;font-family:Rubik;font-size:14px;font-weight:500;line-height:18px;text-align:left;color:#363c41;z-index:1;position:relative;background:transparent;border:0;outline:0}
}
.otp_main_section{padding:25px}
.otp_heading{font-family:Rubik;font-size:18px;font-weight:600;line-height:13.05px;letter-spacing:1px;text-align:center;color:#1a1a1a}
.otp_subheading{font-family:Rubik;font-size:14px;font-weight:400;line-height:20px;letter-spacing:.5px;text-align:center;color:#6e6e6e;margin:20px 0}
#email{text-decoration:underline}
.policy_number{font-family:Rubik;font-size:14px;font-weight:600;line-height:20px;text-align:center;letter-spacing:.5px;color:#6e6e6e;margin:10px 0 20px}
.otp-input{display:flex;justify-content:space-between;margin-bottom:12px;display:flex;gap:5px}
.otp-input input{width:40px;height:25px;padding:9px 12px 10px 12px;gap:0;font-family:Rubik;border:1px;font-size:24px;font-weight:600;line-height:17.4px;text-align:center;color:#000;transition:all .3s ease;border-bottom:1px solid #000}
.otp-input input:focus{border-color:#888787;box-shadow:0 0 0 2px rgba(0,0,0,0.3);outline:0}
.otp-input input::-webkit-outer-spin-button,.otp-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.otp-input input[type="number"]{-moz-appearance:textfield}
.verify_btn{box-shadow:0 7px 17px 0 #ec9f4952;border-radius:10px;background:linear-gradient(90deg,#ff6700 0,#ff8900 100%);padding:12px 20px;font-family:Rubik;font-size:14px;font-weight:500;line-height:14px;text-align:center;color:#fff;border:0;margin-bottom:20px;width:100%}
button:disabled{background:#ccc;border-color:#999;color:#666;cursor:not-allowed;transform:none;box-shadow:none}
@keyframes pulse{0{opacity:1}
50%{opacity:.5}
100%{opacity:1}
}
.expired{animation:pulse 2s infinite;color:#f44}
.resend-text{font-family:Rubik;font-size:11px;font-weight:400;line-height:7.98px;color:#f89c30;border:1px solid #f89c30;border-radius:200px;display:flex;align-items:center;gap:4px;padding:2px 6px;width:max-content;margin:0 auto}
.resend-link,#timer{text-decoration:none;cursor:pointer;transition:color .3s ease;font-family:Rubik;font-size:14px;font-weight:400;line-height:10.15px;letter-spacing:.04em;text-align:center;color:#4f4f4f}
.resend_text{text-align:end;margin-bottom:20px}
.resend_text .text_orange_active{color:#ff8401;font-family:Rubik;font-weight:500;font-size:17px;cursor:pointer}
.browse_placeholder{position:absolute;top:12px;left:15px;font-family:Rubik;font-size:14px;font-weight:500;line-height:18px;text-align:left;color:#363c41;transition:opacity .3s ease}
.browse_placeholder.hidden{opacity:0;pointer-events:none}
.coe_main_section form input::placeholder{color:#363c41}
@media(max-width:767px){.coe_main_section{width:90%;margin:15px auto 12px;margin-left:19px;box-shadow:0 2px 10px 0 #00000040;padding:8px 16px;margin-top:90px}
.coe_main_heading{font-size:16px}
.coe_subheading{font-size:14px}
.coe_submit{font-size:14px;width:100%}
.otp-model-wrap{width:100%}
.otp_heading{font-size:16px}
.otp_main_section{padding:25px 5px}
.otp-input input{width:45px;height:20px;font-size:20px}
.close-btn{right:20px;top:6px}
.browse_section input::-webkit-input-placeholder{width:80px;display:flex;overflow:hidden}
.browse_placeholder{width:50%}
.browse_section div input[type="text"],.browse_section div input[type="tel"]{padding:16px 15px 16px}
.browse_section span{top:10px}
.browse_section div input[type="text"]{padding:16px 15px 16px}
.coe_main_section form span label{font-size:12px}
.coe_subheading{margin:8px 0 16px}
.coe_main_section form{width:unset}
}
.main-popup{position:fixed;font-family:Rubik;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 1px 1px gray;gap:0;opacity:1;border-radius:10px;text-align:center;padding:5px 30px 5px 30px;width:50%;background-color:#fff;font-size:24px;font-weight:400;z-index:101}
.popup-content{position:relative}
.close-popup{position:absolute;right:-18px;top:-7px;cursor:pointer}
.main_popup_bg{background:rgba(0,0,0,0.5);position:fixed;top:0;bottom:0;left:0;right:0;width:100%;height:100%;z-index:100}
.message-popup{font-size:18px;padding:20px 0}
@media(max-width:767px){.main-popup{padding:5px 10px 5px 10px;width:90%}
.message-popup{font-size:14px;padding:20px 0}
.close-popup{position:absolute;right:-2px;top:-9px;cursor:pointer}
}