.renewal-journey-box{padding:27px 0 100px;background-color:#f8f9fa}
.loader-box .container .loader-inner .loader-img-wrap{width:180px;height:180px}
.renewal-journey-box .renewal-journey-inner{display:flex;flex-wrap:wrap;justify-content:center}
.renewal-journey-box .renewal-left{width:488px}
.renewal-journey-box .renewal-left-text{color:#20252b;font-family:"Roboto-Medium";margin:20px 0 7px 0}
.renewal-journey-box .renewal-right{width:calc(100% - 488px);padding-left:75px}
.renewal-journey-box .top-image-text-wrap{padding-bottom:6px}
.renewal-journey-box .keep-discounts-wrap{padding-top:14px;border-top:1px dashed rgba(132,149,204,0.5)}
.renewal-journey-box .cashless-wrok-wrap{padding:12px 0;border-top:1px dashed rgba(132,149,204,0.5)}
.renewal-journey-box .cashless-list-wrap{display:flex;flex-wrap:wrap;margin:-15px -13px 0}
.renewal-journey-box .cashless-list-wrap li{width:50%;padding:15px 13px 0}
.renewal-journey-box .keep-discounts-inner{max-width:370px;margin:0 auto}
.renewal-journey-box .discount-point-text{position:relative;color:#565656;display:inline-block;padding-left:22px;font-family:"Roboto-Light"}
.renewal-journey-box .renewal-discount-row{padding:0 5px}
.renewal-journey-box .tick{position:absolute;left:0;top:0;font-size:16px;line-height:16px;color:#20252b}
.renewal-journey-box .slider-text{color:#565656;font-family:"Roboto-Medium";text-align:center;font-size:14px;line-height:21px}
.renewal-journey-box .renewal-right-inner{padding-top:13px}
.renewal-journey-box .choose-option-box{padding:21px 24px 30px}
.renewal-journey-box .choose-option-text,.renewal-journey-box .renewal-journey-heads{font-family:"Roboto-Medium"}
.renewal-journey-box .renewal-journey-heads{color:#000;margin-bottom:12px}
.renewal-journey-box .renewal-journey-heads .arrow-icon{font-size:16px;line-height:16px;vertical-align:middle;cursor:pointer;margin-right:5px}
.renewal-journey-box .choose-option-text{color:#20252b}
.renewal-journey-box .option-list-wrap{padding-top:17px;display:flex;flex-wrap:wrap;margin:-8px -4px 0}
.renewal-journey-box .option-list-wrap li{width:33.33%;padding:8px 4px 0}
.renewal-journey-box .car-registration-num{padding-top:8px}
.renewal-journey-box .custom-checkbox-label{margin-top:16px}
.renewal-journey-box .renewal-btn-wrap{padding-top:30px;text-align:center}
.renewal-journey-box .renewal-btn-wrap .btn{max-width:368px;margin:0 auto;width:100%}
.renewal-journey-box .mob-car-img{display:none}
.renewal-journey-box .mob-renewal{display:none}
.renewal-journey-box .plan-top-left{width:68% !important;padding-right:10px}
.renewal-journey-box .plan-top-right{width:auto !important}
.renewal-journey-box .existing-plan-top{display:flex;flex-wrap:wrap;justify-content:space-between;padding-bottom:17px}
.renewal-journey-box .registration-num{color:#20252b;font-family:"Roboto-Medium";text-align:right}
.renewal-journey-box .jsRegistrationEdit{color:#c21b17;font-size:16px;line-height:16px;margin-left:4px;cursor:pointer}
.renewal-journey-box .existing-plan-bottom{padding-top:24px;border-top:1px solid #f2f2f2}
.renewal-journey-box .current-plan-wrap{padding-top:20px;display:flex;flex-wrap:wrap;align-items:center}
.renewal-journey-box .current-plan-left{width:60%;padding-right:8px}
.renewal-journey-box .current-plan-right{width:40%;text-align:right}
.renewal-journey-box .modify-btn-wrap{padding-top:24px}
.renewal-journey-box .btn-list-wrap{display:flex;flex-wrap:wrap;margin:-16px -8px 0;justify-content:center}
.renewal-journey-box .btn-list-wrap li{width:50%;padding:16px 8px 0}
.renewal-journey-box .btn-list-wrap li .btn{width:100%}
.renewal-journey-box .policy-contact-text{color:#565656;letter-spacing:.12px;font-family:"Roboto-Light";margin-top:16px}
.renewal-journey-box .existing-renew-plan .car-deatils-verify{margin-bottom:12px}
.jsArrowBack{color:#000}
.prem-amt-val-btn{margin-left:4px}
.txt-size-poly-no{font-size:15px !important;font-weight:600}
.renew-car-txt{font-size:13px}
.policy-contact-text{font-size:13px}
.policy-contact-txt{color:#c21b17;font-weight:600}
.renewal-registration-number::placeholder{color:#adb2b7 !important}
.renewal-registration-number{font-weight:600}
.handle-txt-size{padding-left:0 !important;cursor:text !important}
.checkboxtext{font-size:12px !important}
.renewal-journey-box .top-image-text-wrap .image-wrapper img{width:488px;height:310px}
@media(max-width:1199px){.renewal-journey-box .renewal-left{width:400px}
.renewal-journey-box .renewal-right{width:calc(100% - 400px);padding-left:30px}
}
@media(max-width:991px){.renewal-journey-box .renewal-left{width:100%}
.renewal-journey-box .renewal-right{width:100%;padding-left:0;padding-top:60px}
}
@media(max-width:767px){.renewal-journey-box{padding-top:24px}
.renewal-journey-box .keep-discounts-wrap{display:none}
.renewal-journey-box .renewal-right{padding:0}
.renewal-journey-box .renewal-left{display:none}
.checkboxtext{font-size:11px !important}
.renewal-journey-box .renewal-journey-heads{display:block !important}
.stepper-align-mob{padding-left:0 !important}
.renewal-journey-heads{font-size:17px !important}
.mob-renewal{display:none !important}
.renewal-journey-box .option-list-wrap{margin:-23px 0 0}
.renewal-journey-box .option-list-wrap li{width:100%;padding:23px 0 0}
.renewal-journey-box .choose-option-box{padding:20px 16px}
.renewal-journey-box .renewal-right-inner{padding-top:0}
.renewal-journey-box .mob-renewal{display:block;margin-bottom:12px;margin-top:0;font-weight:600;font-family:"Roboto-Regular"}
.renewal-journey-box .mob-car-img{display:block;margin-bottom:24px}
.renewal-journey-box .mob-car-img img{width:350px;margin:0 auto;height:200px}
.renewal-journey-box .plan-top-left{width:100%;padding-right:0}
.renewal-journey-box .plan-top-right{width:100%;padding-top:10px}
.renewal-journey-box .registration-num{text-align:left}
.renewal-journey-box .policy-contact-text{display:block}
.renewal-journey-box .btn-list-wrap{margin:-24px 0 0}
.renewal-journey-box .btn-list-wrap li{width:100%;padding:24px 0 0}
.renewal-journey-box .current-plan-left{width:100%}
.renewal-journey-box .current-plan-right{width:100%;padding-top:12px;text-align:center}
.mob-renewal-para-txt{margin-bottom:15px}
.plan-texts{font-size:11px !important}
}
.form-select-pageType .single-select2{width:100%;padding:10px;border:unset;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:10px;background:url('../../../../../../../content/dam/futuregeneraliindiainsurancecoltd/down-arrow-svgrepo-com.svg') no-repeat right center;background-size:12px;cursor:pointer;border-bottom:1px solid #ccc;background-position:95% center}
.form-group.mg-b-0 .form-select-pageType{margin-bottom:20px}
.form-select-pageType{position:relative}
.form-select-pageType .single-select2:focus{outline:0}
.display-none{display:none}
.renewal-user-details-form .col-md-12{margin-bottom:20px}
.renewal-user-details-form .col-md-12:last-child{margin-bottom:0}
.renew-editable-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.renew-edit-btn{border:0;background:transparent;color:#c21b17;font-family:"Roboto-Medium";font-size:1.2rem;padding:0;display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.renew-edit-btn .icon-edit{font-size:1.3rem}
.renew-edit-btn[disabled]{color:#999;cursor:not-allowed}
.renewal-user-details-form .form-control[readonly]{background-color:#f6f7f9;cursor:default}
@media(max-width:767px){.renew-editable-head{align-items:flex-start;flex-direction:column;gap:4px}
}
.errorMsg{color:#c5281c;display:none;font-size:1.2rem;font-family:robotoregular}
.form-group .form-control{font-size:16px;margin-bottom:0}
.api-status-msg{margin-top:unset;font-size:13px;line-height:unset;font-family:"Roboto-Regular"}
.api-status-msg.is-success{color:#2e7d32}
.api-status-msg.is-error{color:#c5281c}
.renew-loader{position:fixed;inset:0;z-index:10000;background:rgba(32,37,43,0.38);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.renew-loader__spinner{width:46px;height:46px;border-radius:50%;border:4px solid rgba(255,255,255,0.3);border-top-color:#fff;animation:renewSpin .9s linear infinite}
.renew-loader__text{color:#fff;font-family:"Roboto-Medium";font-size:1.4rem}
.loader-box .container .loader-img-wrap img{border-radius:inherit;object-fit:cover;width:68%;height:68%}
.loader-box .container .loader-img-wrap{position:relative;width:290px;height:290px;border-radius:50%;margin:0 auto;display:flex;justify-content:center}
@keyframes renewSpin{to{transform:rotate(360deg)}
}
.renew-modal{position:fixed;inset:0;z-index:10;background:rgba(0,0,0,0.55);display:flex;align-items:center;justify-content:center;padding:20px}
.renew-modal__dialog{width:100%;max-width:480px;background:#fff;border-radius:14px;box-shadow:0 18px 34px rgba(0,0,0,0.2);position:relative;transform:translateY(0);animation:renewModalIn .2s ease-out}
.renew-modal__body{padding:24px}
.renew-modal__body--center{text-align:center}
.renew-modal__close{position:absolute;right:10px;top:8px;width:32px;height:32px;border:0;background:transparent;font-size:26px;color:#565656;cursor:pointer}
.renew-modal__title{margin:0 0 10px;color:#20252b;font-family:"robotobold";font-size:20px;text-align:center}
.renew-modal__desc{margin:0 0 18px;color:#565656;font-size:18px;text-align:center;font-family:"robotolight"}
.renew-modal__otp-wrap{margin-bottom:5px;position:relative}
.renew-modal__otp-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}
.renew-modal__otp-head .form-label{margin-bottom:0}
.renew-modal__otp-wrap .form-control{border:0;border-bottom:1px solid #ccc;border-radius:0;height:34px;font-size:18px;font-family:"robotolight";padding:4px 0}
.renew-modal__otp-wrap .form-control:focus{border-color:#c21b17;box-shadow:none}
.renew-modal .jsOtpError{display:none;margin-top:4px;color:#c5281c;font-size:1.2rem;font-family:"robotoregular"}
.renew-modal__actions{display:flex;justify-content:center;gap:0}
.renew-modal__actions .primaryRedBtn{min-width:200px;background-color:#c21b17;color:#ffff;padding:10px;border-radius:10px;margin-top:10px}
.renew-modal .jsResendOtpBtn{border:0;background:transparent;font-family:robotobold;font-size:16px;color:#c21b17;padding:0;text-transform:uppercase;white-space:nowrap;line-height:1.2;position:absolute;top:0;right:0;z-index:999}
.renew-modal .jsResendOtpBtn.btn-disabled,.renew-modal .jsResendOtpBtn:disabled{color:#999;cursor:not-allowed}
.renew-modal__success-icon{width:58px;height:58px;margin:0 auto 12px;border-radius:50%;background:#2e7d32;color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.8rem;font-weight:700}
@keyframes renewModalIn{from{opacity:0;transform:translateY(10px)}
to{opacity:1;transform:translateY(0)}
}
@media(max-width:767px){.renew-modal{padding:12px;align-items:flex-end}
.renew-modal__dialog{max-width:100%;border-radius:12px 12px 0 0;max-height:88vh;overflow-y:auto}
.renew-modal__body{padding:18px}
.renew-modal__close{right:8px;top:6px;width:28px;height:28px;font-size:24px}
.renew-modal__title{font-size:18px;padding-right:22px}
.renew-modal__desc{font-size:16px;margin-bottom:14px}
.renew-modal__otp-wrap .form-control{font-size:1.8rem;height:32px}
.renew-modal__actions .btn,.renew-modal__actions .primaryRedBtn{width:100%;min-width:0}
.renew-modal__otp-head{align-items:flex-start;flex-direction:column;gap:6px}
.renew-modal .jsResendOtpBtn{font-size:1.2rem;text-align:left}
.renew-modal__success-icon{width:52px;height:52px;font-size:2.4rem}
}