@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
:root{
    --color-main:#2B2B2B;
    --bg-color-main:#E5E5E5;
    --bg-brand-color:#832625;
}

html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; margin:0; padding:0;}
body { font-family: 'Poppins', sans-serif; font-size:16px; line-height:1.5; padding:0 15px; background-color:var(--bg-color-main); color:var(--color-main);}
.mainBgImg{ background: url(../images/rectangleBg.svg) no-repeat 0 0;}
.mainWrap{ position: relative; max-width:1160px; margin: 0 auto;}
.smBrandLogo{ display:none; margin-left: auto;}
.mdBrandLogo{ display:none; margin-left: auto;}
.lgBrandLogo{ display:block; margin-left: auto;}
.topHeaderPanel{ width: 100%; margin-top: 24px; margin-bottom:70px;}
.contentWrap{ max-width: 1012px; margin: 0 auto; min-height:500px;}
.contentWrapFw{ width:100%; margin:0 auto; min-height:500px;}
.containerBox{ position: relative; min-height: 200px; background:#ffffff; box-shadow: 0px 1px 22px rgba(0, 0, 0, 0.12); border-radius:16px;}
.containerBox::after{ content: ""; position: absolute; top:-35px; right:-55px; z-index:-1; background: url(../images/topDotImg.svg) no-repeat 50% 50%; width: 86px; height: 86px;}
.containerBox::before{ content: ""; position: absolute; bottom:-6px; left:-30px; z-index:-1; background: url(../images/bottomDotImg.svg) no-repeat 50% 50%; width:66px; height: 86px;}
.gapLg{ padding:60px 60px;}
.containerBoxNoG{ position: relative; min-height: 200px; background:#ffffff; box-shadow: 0px 1px 22px rgba(0, 0, 0, 0.12); border-radius:16px;}

.leftImgWrap{ margin-top:15px;}

.formWrap{ max-width: 393px;}
.formWrap h2{ font-size: 30px; line-height: 1.4; color: #4F4F4F; font-weight: 500; margin-bottom:18px;}
.formWrap h2 .subTitle{ display: block; font-size:16px; line-height: 1.4; color: #7C7C7C; font-weight: 500; margin-top: 10px;}
.formWrap h2 small{ display: block; font-size:14px; line-height: 1.5; color: #757575; font-weight:400; margin-top:10px;}
.smTitle{ font-size: 16px; line-height: 1.5; color: #4A4A4A; margin-bottom: 25px;}

/*--Custom Form--*/
.customForm .form-control, .customForm .form-select{ border: none; border-bottom: 1px solid #ABABAB; border-radius: unset; padding-left:0; padding-right: 0; padding-top: 1.025rem!important; padding-bottom: 0.125rem!important; color: #3F3F3F; font-size:13px; line-height:1.5; font-weight:500; }
.customForm .form-control:focus, .customForm .form-select:focus{ outline: none; box-shadow: none;}
.customForm .form-select{ appearance: none; -webkit-appearance: none; -moz-appearance: none; background: url(../images/selectDropDown.svg) no-repeat 100% 73%;}
.customForm .form-floating>label{ color:#7B7B7B; font-size:14px; line-height:1.2; padding:1.6rem 0 1rem; opacity: 1;}
.customForm .form-floating>label>span{ color:#F9899E;}
.customForm .form-floating>.form-control:focus~label, .customForm .form-floating>.form-control:not(:placeholder-shown)~label, .customForm .form-floating>.form-select~label{ opacity: 1; padding-top:2px;}
.customForm .form-control:disabled, .customForm .form-control[readonly] { background-color: #ffffff; padding-left: 3px;}
.customForm .form-floating input:disabled ~ label{ padding-left:9px; padding-top:7px!important;}
.customForm .form-control.is-invalid, .customForm .was-validated .form-control:invalid { border-color: #dc3545;}
.customForm .form-control.bdrLt, .customForm .form-select.bdrLt{ border-bottom:1px solid #A1A1A1; color:#686868; background-position: 100% 65%;}
/*--/Custom Form--*/

.frmBtnCustom{ font-size:16px!important; line-height: 1.5; background-color:#fe9102; color: #fff; font-weight:300; border-radius:46px; min-height:54px; min-width: 153px; padding:0 25px;}
    .frmBtnCustom:hover {
        color: #fff;
        background: #832625;
    }
.frmBtnCustom:focus{  outline: none; box-shadow:none;}

.frmBtnCustomBdr{ font-size:16px!important; line-height: 1.5; background-color:#ffffff; color: #832625; font-weight:400; border-radius:46px; min-height:54px; min-width: 153px; padding:0 25px; border: 2px solid #832625;}
    .frmBtnCustomBdr:hover {
        color: #fff;
        background: #832625;
    }
.frmBtnCustomBdr:focus{  outline: none; box-shadow:none;}

.frmBtnCustomGray{ font-size:16px!important; line-height: 1.5; background-color:#A7A7A7; color: #fff; font-weight:300; border-radius:46px; min-height:54px; min-width: 153px; padding:0 25px;}
.frmBtnCustomGray:hover{ color: #fff; }
.frmBtnCustomGray:focus{  outline: none; box-shadow:none;}

.frmInputBtn{font-size: 14px; color: #832625; position: absolute; right: 0; top: 34%; border: 2px solid #832625; border-radius: 46px; padding: 0.2rem 1rem;}
.frmInputBtn:hover{ color: #832625; }
.frmInputBtn:focus{  outline: none; box-shadow:none;}

.footerPanel{ text-align:center; color: #515151; font-size: 13px; line-height: 1.5; padding:30px 0;}

.jrnType{display: flex; justify-content: flex-start;}
.jrnType .switchTxt{ margin-left:16px; line-height: 1.7; font-size: 15px; color: #3F3F3F; font-weight:500;}
.titleGap{ margin-bottom:35px!important;}
.switchGap{ margin-bottom: 40px;}
/*--------Switch---------*/
.switch { position: relative; width:52px; height:28px; margin-bottom: 0; }
.switch input { opacity: 0; width: 0; height: 0;}
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right:0; bottom: 0; background-color: #D2D2D2; border: 1px solid #C3C3C3; -webkit-transition: .4s; transition: .4s;}
.slider:before { position: absolute; content: ""; height:20px; width:20px; left:3px; bottom:3px; background-color: white; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.23)!important; -webkit-transition: .4s; transition: .4s;}
.switch input:checked + .slider {background-color: #4FBC46;}
.switch input:focus + .slider { box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.19)}
.switch input:checked + .slider:before { -webkit-transform: translateX(23px); -ms-transform: translateX(23px); transform: translateX(23px);}
/* Rounded sliders */
.slider.round { border-radius: 34px; box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.19)}
.slider.round:before { border-radius: 50%; box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.19);
    -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.19);}
/*--------/Switch---------*/

.topBtnLogout{font-size:16px!important; line-height: 1.5; background-color:#fff; color: #832625; border: 2px solid #832625; font-weight:400; border-radius:46px; min-height:49px; min-width:115px; padding:0 25px; }
    .topBtnLogout:hover {
        color: #ffff;
        background: #832625
    }
.topBtnLogout:focus{ outline: none; box-shadow:none;}
.mLogout{display:none; background: url(../images/logoutIcon.svg) no-repeat 50% 50%; width:20px; height:22px; border: none;}
.optionTxt{ position: absolute; left: 0; right:0; margin: 0 auto; color: #878787; text-align: center;}

.lgTxt{ font-size: 36px; line-height: 1.4; font-weight: 700; color:#4F4F4F; text-align: center;}

.offerBoxWrap{max-width:668px; margin: 0 auto;}
.offerBox{ text-align: center; padding:0 25px; font-size: 17px; line-height: 1.5; color:#3F3F3F; font-weight: 500;}
.brdRt{ border-right: 1px solid #bfbfbf;}
.rS{ font-family: Arial, Helvetica, sans-serif; font-weight:600;}

/* Data Table Style */
.customTable table.dataTable thead th, .customTable table.dataTable thead td { padding:13px 10px; background-color:#6d6e71; color: #ffffff; font-size:13px; font-weight:500;}
.customTable table.dataTable tbody th, .customTable table.dataTable tbody td { padding:13px 10px; font-size:13px; line-height:1.5; color: #757575; border-bottom:none; box-shadow: none!important;}
.bdrTable{ border: 1px solid #DDDDDD;}
table.dataTable.no-footer{ border-bottom:1px solid #DDDDDD;}
table.dataTable tr.odd td{ background-color: rgba(255, 255, 255, 1)!important;}
table.dataTable tr.even td{ background-color: rgba(241, 243, 249, 1)!important;}
.customTable table.dataTable tbody td.txtOrange{ color: #FE9102;}
table.dataTable thead .sorting_asc {background-image: url(../images/sort_asc.png)!important;}
table.dataTable thead .sorting_desc {background-image: url(../images/sort_desc.png) !important;}
table.dataTable thead .sorting { background-image: url(../images/sort_both.png);}
.dataTables_wrapper .dataTables_filter input { border:0; border-bottom: 1px solid #C5C5C5; border-radius:0; padding: 5px; background-color: transparent; margin-left: 3px; background-image: url(../images/magniIcon.svg); background-repeat: no-repeat; background-position: right 0 top 50%;}
.dataTables_wrapper .dataTables_filter input:focus-visible { outline: none;}
.dataTables_wrapper .dataTables_filter input::-webkit-input-placeholder { /* Edge */color: #7B7B7B; font-size: 13px;}
.dataTables_wrapper .dataTables_filter input:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #7B7B7B; font-size: 13px;}
.dataTables_wrapper .dataTables_filter input::placeholder {color: #7B7B7B; font-size: 13px;}
.dataTables_wrapper .dataTables_filter input[type=search] { outline-offset: -2px; -webkit-appearance:none!important; -moz-appearance:none!important; appearance:none!important; color: #7B7B7B;}
.dataTables_wrapper .dataTables_filter{ margin-bottom: 25px;}
.tableTitle{ margin-bottom: 25px; float:left; font-size: 30px; color: #4F4F4F;}
.tableTitle h2{ margin-bottom:0;}
.dataTables_wrapper .dataTables_paginate { margin-top: 25px;}
.dataTables_wrapper .dataTables_paginate .paginate_button { font-size:15px; padding:5px; min-width:34px; min-height: 34px; border: 1px solid transparent;}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{ background: none; color: #484848!important; border: 1px solid transparent!important;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{ border: 1px solid #fe9102; color:#fe9102!important; background: none!important; border-radius: 50%!important; padding: 5px; box-shadow: none;}
.dataTables_wrapper .dataTables_paginate .paginate_button:active{ box-shadow: none;}
/* /Data Table Style */

/* Top Banner Section */
.graphicsBg{ background-image: url(../images/bgObject01.svg), url(../images/bgObject02.svg); background-position: right 2% top 30px, right 16% bottom 10px; background-repeat: no-repeat, no-repeat;}
.bannerSecWrap{ max-width:1160px; margin: -50px auto 0; min-height:444px;}
.headingLgTitle{ font-size: 60px; line-height:1.5; font-weight: 700; color: #ffffff;}
.superLgSubTitle{ font-size: 24px; line-height: 1.5; color: #ffffff; font-weight: 400;}
.upcTitle{ font-size: 15px; line-height: 1.3; text-transform: uppercase; color: #F5B0AF;}
.loanDetails{ font-size: 22px; line-height: 1.5; color: #ffffff;}
.rsfont{ font-family: Arial, Helvetica, sans-serif;}
.w80{ width: 80%;}
.mbGapMd{ margin-bottom: 40px;}
.circleImgStyle{ width:100%; height:100%; max-width:404px; max-height:404px; padding: 8px; margin: 0 auto; background: #FFFFFF; box-shadow: 0px 3px 36px rgba(0, 0, 0, 0.11); border-radius: 50%;}
/* /Top Banner Section */

/* .customTab .nav{ padding-left: 45px; border-bottom: 0;}
.customTab .nav-tabs .nav-link{ position:relative; font-size:18px; line-height:1.4; font-weight:400; color:#FDBFBF; border-bottom: 4px solid transparent!important; border-top-left-radius: 0; border-top-right-radius:0; padding-left: 0; padding-right: 0; margin-bottom: 0; margin-right:25px; margin-left: 25px;}
.customTab .nav-tabs .nav-link:last-child::after{ display: none;}
.customTab .nav-tabs .nav-link::after{ content:""; position: absolute; right:-25px; top: 50%; transform: translateY(-50%); width:1px; height: 18px; background:#B95A59;}
.customTab .nav-tabs .nav-link:hover{ border: 1px solid transparent;} */
/* .customTab .nav-tabs .nav-link.active::before{ content:""; position: absolute; width: 14px; height: 9px; left: 50%; transform: translateX(-50%); bottom:-10px; z-index: 1; background:url(../images/downArrowMenu.svg) no-repeat 0 50%;} */
/* .customTab .nav-tabs .nav-link.active { color:#fff; background-color:inherit; border:none; border-bottom:4px solid #EE5915;}
.customTab .nav-tabs .nav-link:focus{ outline: none; box-shadow: none;} */
.customTab .nav{ padding-left:25px;}
.customTab .nav-tabs{ border-bottom:0; z-index: 1; position: relative;}
.customTab .nav-tabs .nav-link{ position:relative; font-size: 18px; line-height: 1.5; border: 0 solid transparent; color:#FDBFBF; padding-left: 0; padding-right: 0; padding-top:1rem; padding-bottom:1rem; margin-right:25px; margin-left: 25px;}
.customTab .nav-tabs .nav-link::after{ content:""; position: absolute; right:-25px; top: 50%; transform: translateY(-50%); width:1px; height: 18px; background:#B95A59;}
.customTab .nav-tabs .nav-link:last-child::after{ display: none;}
.customTab .nav-tabs .nav-link:focus, .customTab .nav-tabs .nav-link:hover { border-color: #e9ecef #e9ecef #dee2e6; isolation: isolate;}
.customTab .nav-tabs .nav-item.show .nav-link, .customTab .nav-tabs .nav-link.active{ position: relative; background:inherit; border-bottom:5px solid #EE5915!important; color:#fff;}
.customTab .nav-tabs .nav-item.show .nav-link, .customTab .nav-tabs .nav-link.active::before{ content:""; position: absolute; width: 14px; height: 9px; left: 50%; transform: translateX(-50%); bottom:-11px; z-index: 1; background:url(../images/downArrowMenu.svg) no-repeat 0 50%;}

.infotable{ border:1px solid #dddddd; }
.infotable thead tr { background: #6d6e71; border-bottom:0;}
.infotable thead tr th { color: #fff; font-size: 18px; font-weight: 500;}
.infotable tbody tr th{ color:#757575; font-weight: 400; font-size: 14px;}
.infotable tbody tr th span{ color:#757575; font-weight: 400; font-size: 14px;}
.infotable tbody tr td{ font-weight:600; color: #757575; font-size: 14px;}
.infotable>tbody>tr:nth-of-type(even){ background-color: rgba(241, 243, 249, 1.0)!important;}
.infotable.table>:not(caption)>*>*{ border-bottom-width:0; padding: 0.8rem 1.6rem;}
.infotable .infoTxt{ background-color:#ebe1e3!important;}
.infotable .infoTxt p{ padding:0.6rem 0; margin-bottom: 0; color: #535353!important;}
.infotable .infoTxt span{ color:#EE5915!important;}

.switchWithTxtLg{ display: flex; justify-content: flex-start; align-items: start; margin-bottom:30px;}
.switchTxtLg{ font-size: 14px; line-height: 1.5; color: #757575; text-align:left; padding-left: 25px;}
.switchTxtLg.active{ color: #4F4F4F; font-weight: 600;}
.noteSec{ font-size:13px; line-height: 1.5; color:#535353; text-align: left;}
.noteSec strong{ color:#EE5915;}
.infoWIcon{ background: url(../images/infoIcon.svg) no-repeat 0 5px; padding-left:80px; font-size: 13px; line-height: 1.5; color:#EE5915; text-align:left;}

.benefitSec h2{ font-size: 30px; line-height:1.5; color: #4F4F4F;}
.benefitSec h3{ font-size: 16px; line-height:1.5; font-weight: 500; color: #616161;}
.benefitSec p{ font-size: 14px; line-height:1.5; font-weight:400; color: #6C6C6C;}

.gAmountSec p {font-size: 16px; line-height: 1.5; font-weight:500; color: #757575; margin-bottom:2.2rem;}
.gAmountSec a {color: #FE9102; text-decoration: none;}
.gAmountSec a:hover {text-decoration: underline;}

.footerPanelw100{ background:#C4C4C4; display: flex; justify-content: center; align-items: center; min-height:67px; font-size: 14px; line-height: 1.5; margin-left: -15px; margin-right: -15px; color:#515151;}

.customWidthLoan{ max-width:840px; margin: 0 auto;}
.sldTitle{ font-size: 18px; line-height: 1.5; color:#616161; font-weight: 600; text-align: left; margin-bottom:35px;}
.gapBottMid{ margin-bottom:30px;}
/* Range Slider Style */
.customRangeSlider .ui-slider-horizontal {height: 0.25rem;}
.customRangeSlider .ui-widget.ui-widget-content {border: 1px solid transparent; background: #CACACA;}
.customRangeSlider .ui-slider-horizontal .ui-slider-range-min {height:0.25rem;}
.customRangeSlider .ui-slider-horizontal .ui-slider-range {top:-1px;}
.customRangeSlider .ui-widget-header { background: #832625;}
.customRangeSlider .ui-corner-all, .customRangeSlider .ui-corner-bottom, .customRangeSlider .ui-corner-right, .customRangeSlider .ui-corner-br {border-bottom-right-radius: 20px;}
.customRangeSlider .ui-corner-all, .customRangeSlider .ui-corner-bottom, .customRangeSlider .ui-corner-left, .customRangeSlider .ui-corner-bl {border-bottom-left-radius: 20px;}
.customRangeSlider .ui-corner-all, .customRangeSlider .ui-corner-top, .customRangeSlider .ui-corner-right, .customRangeSlider .ui-corner-tr {border-top-right-radius: 20px;}
.customRangeSlider .ui-corner-all, .customRangeSlider .ui-corner-top, .customRangeSlider .ui-corner-left, .customRangeSlider .ui-corner-tl {border-top-left-radius: 20px;}
.customRangeSlider .ui-slider-horizontal .ui-slider-handle {top: -0.55em;}
.customRangeSlider .ui-state-default, .customRangeSlider  .ui-widget-content .ui-state-default, .customRangeSlider .ui-widget-header .ui-state-default, .customRangeSlider .ui-button, .customRangeSlider html .ui-button.ui-state-disabled:hover, .customRangeSlider html .ui-button.ui-state-disabled:active{ background:#ffffff; color:inherit; border: inherit; outline: none!important; box-shadow: 0px 1px 11px rgba(0, 0, 0, 0.28);}
.customRangeSlider .resultBox{ width:70px; color:#616161; font-size: 16px; line-height: 1.5; font-weight: 400; border: none; font-family: Arial, Helvetica, sans-serif; text-align: right;}
.customRangeSlider .resultBox:focus{ box-shadow: none; outline: none;}
/* /Range Slider Style */

/* Datepicker */
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #832625; background: #832625; color: #ffffff;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #A7A7A7; background: #A7A7A7; color: #ffffff;}
/*/ Datepicker */

.rsliderWrap{ position: relative; width: auto; height: auto;}
.amountInCircle{ top: 30%; left: 50%; transform: translateX(-50%); z-index: 4; position: absolute;}
.resultBoxLg{ width: 100%; height: 30px; background: inherit; color:#832625; font-size:30px; line-height: 1.5; font-weight:700; border: none; font-family: Arial, Helvetica, sans-serif; text-align: center;}
.resultBoxLg:focus{ box-shadow: none; outline: none;}
.circleAType{ width: auto; color:#797979; font-size:14px; line-height: 1.5; font-weight:400; border-bottom:2px solid #E7E7E7; padding-bottom: 14px; text-align: center; }
.mTitle{ position: absolute; z-index:4; left:50%; transform: translateX(-50%); bottom:40px; margin: 0 auto; width: auto; color:#797979; font-size:12px; line-height: 1.5; font-weight:400; }

/* circle Slider Style */
.rs-border{ border: none;}
.rs-control {left: 0; right: 0; margin: 0 auto;}
.rs-control .rs-range-color {background-color: #fe9102;}
.rs-control .rs-path-color {background-color: #dddddd;}
.rs-control .rs-handle {background-color: #fe9102;}
.rs-control .rs-bg-color {background-color: #ffffff;}
.rs-tooltip-text{font-size: 30px; line-height: 1.5; color:#555454; font-weight: 600; font-family: 'Poppins', sans-serif;}
.rs-full .rs-tooltip{top: 70%;}
.rs-tooltip.rs-edit{padding: 0;}
.rs-tooltip.rs-hover, .rs-tooltip.rs-edit:hover {border:1px solid transparent;}
/* /circle Slider Style */

.lgTitleInner{ font-size:30px; line-height: 1.1; color: #4F4F4F;}
.lgTitleInner .lgSubTitleInner{ display: block; font-size: 14px; line-height: 1.5; font-weight: 400; color:#757575; text-align: center; margin-top: 13px;}
/* Step Style */
.stepProgressbar { counter-reset: step; margin:40px auto 45px; width:100%; padding: 0; text-align: center;}
.stepProgressbar li { list-style-type: none; width:25%; display: inline-block; vertical-align: top; font-size:16px; line-height:1.5; position: relative; text-align: center; text-transform: capitalize; color: #7d7d7d;}
.stepProgressbar li:before { width:30px; height:30px; top:-6px; font-size: 0; content: counter(step); counter-increment: step; line-height:14px; border:3px solid #ffffff; display: block; text-align: center; margin: 0 auto 0 auto; border-radius: 50%; background-color:#E0E0E0; position: relative; z-index:1; box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.25);}
.stepProgressbar li:after { width: 100%; height:3px; content: ''; background:url('../images/dashed.png') repeat-x 50% 50%; position: absolute; top:8px; left: -50%; z-index:0;}
.stepProgressbar li:first-child:before{ border: none; background:#fff; border:3px solid #832625; width:30px; height:30px; margin-top:0; box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.25);}
.stepProgressbar li:first-child:after { content: none;}
.stepProgressbar li:first-child span {color:#FE9102;}
.stepProgressbar li span { color:#4b4b4b; display: block; margin-top: 13px;}
.stepProgressbar li.active + li:after { background:url('../images/lightGray.png') repeat-x 50% 50%;}
.stepProgressbar li.active span{ font-weight:400; color:#363636;}
.stepProgressbar li.active small { font-size: 12px; color:#919191; display:block; margin-top:10px;}
.stepProgressbar li.active:before { width:30px; height:30px; border-color:#832625; background:#ffffff; background-image:url('../images/tickIcon.svg'); background-repeat: no-repeat; background-position: left 45.5% top 56%; margin-top:0; box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.25);}
.stepProgressbar li.active.nextActive + li:before { border: none; background:#fff; border:3px solid #832625; width:30px; height:30px; margin-top:0; box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.25); }
.stepProgressbar li.active.nextActive + li span{ font-weight:400; margin-top:13px; color:#FE9102;}
.stepProgressbar li.active.nextActive + li small{ color:#919191; display:block; margin-top:10px;}
/* /Step Style */
.formInfoTxt{ max-width: 825px; margin: 0 auto 15px; font-size: 14px; line-height: 1.9; font-weight: 500; color:#757575; text-align: center;}

.switchWithTxtXl{ display: flex; justify-content: flex-start; align-items: start;}
.switchTxtXl{ font-size:15px; line-height: 1.5; color: #959595; text-align:left; padding-left:15px;}
.switchTxtXl.active{ color: #4F4F4F; font-weight: 600;}

.frmSmTitletxt{ font-size: 14px; line-height: 1.5; font-weight: 500; color:#7B7B7B;}

.aAndMCircle{position: relative; width: 230px; height: 230px; border:10px solid #FE9102; border-radius: 50%; margin: 0 auto;}
.aAndMCircleBox {position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); z-index:1;}
.inputCircleLg{display: block; background: inherit; color:#832625; font-size:29.7px; line-height:1.3; font-weight:700; border: none; border-bottom:1px solid #A1A1A1; text-align: center; margin: 0 auto;}
.inputCircleLg:focus{box-shadow: none; outline: none;}
.amWidth{width: 134px;}
.moWidth{width: 50px;}
.sITitle{font-size:14px; color:#797979;}
.sITitle span{ font-weight:400;}
.amountSecBox{margin-bottom: 15px;}

/* Custom Modal */
.modal{ background:rgba(0, 0, 0, .06);}
.customModal{ border-radius: 16px; border: none; box-shadow: 0px 1px 28px rgba(0, 0, 0, 0.33);}
.customModal .modal-header{ border-radius: 16px; background: var(--bg-brand-color); color: #ffffff; border-radius: 16px 16px 0 0; border-bottom: none;}
.customModal .btn-close{ opacity:1; padding: 0; margin: 0; width: 38px; height: 38px; border-radius: 50%; background: rgba(255, 255, 255, 0.1) url(../images/modalCrossBtn.svg) no-repeat 50% 50%; }
.customModal .btn-close:hover{ opacity:1;}
.customModal .btn-close:focus{ box-shadow: none;}
.customModal .modal-body{ padding-left: 25px; padding-right: 25px; padding-top: 25px; padding-bottom: 0; min-height: 250px;}
.customModal .modal-footer{ border-top: 0; justify-content: center; padding:0  15px  35px;}
/* Custom Modal */

.otpInfo{ padding: 30px 30px 0 30px;}
.chkmobotpTxt{font-size: 18px; line-height: 1.4; color:#464646; width: 98%; margin: 0 auto 20px;}
.btnWidth112{ min-width: 112px;}

.pcWrap{ max-width: 630px; margin: 0 auto;}
.pcWrap .pcImg{margin: 10px 0;}
.pcWrap .errImg{margin: 10px 0;}
.pcheading{ color:#6D6D6D; font-size:50px; line-height:1.3; font-weight: 700; text-align: center;}
.errorheading{ color:#4F4F4F; font-size:46px; line-height:1.3; font-weight:500; text-align: center;}
.errorParaLg{ color:#535353; font-size:18px; line-height:1.3; font-weight:500; text-align: center; margin-bottom: 20px;}
.errorPara{ color:#757575; font-size:14px; line-height:1.3; font-weight:400; text-align: center; margin-bottom: 30px;}
.alaTxt { text-align:center; color:#535353; font-size:19px; line-height:1.4; font-weight:500;}
.alaTxt strong{ font-size: 24px; line-height:1.4; font-weight:700;}
.bdrTitle{ color: #4F4F4F; font-size: 24px; line-height: 1.5; font-weight:500; border-bottom: 1px solid #8D8D8D; padding: 14px 0; margin-bottom: 20px;}
.detailsList { font-size: 14px; line-height: 1.5; color: #383838;}
.detailsList dt{ font-weight:400; margin-bottom: 1.1rem;}
.detailsList dd{ font-size: 16px;}
.otpWaiting { font-size: 16px; line-height: 1.5; color: #383838; margin-bottom: 0;}
.otpWaiting dt{  margin-right:5px;}

.tyTxt01{ color:#535353; font-size: 18px; line-height:1.3; font-weight: 500; margin-bottom: 30px;}
.tyTxt02{ color:#383838; font-size: 16px; line-height:1.3; font-weight: 400; margin-bottom:30px;}
.rnNo{ max-width: 323px; margin: 0 auto 40px; width: 100%; outline-style: dashed; outline-width: 2px; outline-color: #832625; font-size: 28px; font-weight: 500; line-height: 1.5; color: #832625; background: #EFEFEF; border:8px solid #ffffff; padding:10px; border-radius: 6px;}
.tyTxtpara{ font-size: 14px; line-height: 1.5; color: #757575;}

.frmLgTitle{ color: #4F4F4F; font-size: 20px; line-height: 1.3; font-weight: 500; margin-bottom: 0;}
.calIcon{background: url(../images/calIcon.svg) no-repeat left 100%  top 65%;}

.scrollHeight{height:300px; overflow-y:auto}
.close{border:0; background:none}
.close span{font-size:25px}

    @media (max-width:1399.98px) {
        .customTab .nav-tabs .nav-item.show .nav-link, .customTab .nav-tabs .nav-link.active
        {
            /*color:#000*/

        }

    }

    @media (max-width:1299.98px) {
        .contentWrapFw .containerBox::after, .contentWrapFw .containerBox::before {
            display: none;
        }
    }


    @media (max-width: 1139.98px) {

        .containerBox::after, .containerBox::before {
            display: none;
        }
    }

    @media (max-width: 991.98px) {

        .topHeaderPanel {
            margin-bottom: 40px;
        }

        .gapLg {
            padding: 40px;
        }

        .leftImgWrap {
            margin-right: 30px;
        }

        .smBrandLogo {
            display: block;
        }

        .mdBrandLogo {
            display: none;
        }

        .lgBrandLogo {
            display: none;
        }

        .bannerSecWrap {
            max-width: 1160px;
            margin: 0 auto 0;
            min-height: 350px;
        }

        .headingLgTitle {
            font-size: 50px;
        }

        .superLgSubTitle {
            font-size: 20px;
        }

        .loanDetails {
            font-size: 19px;
        }

        .circleImgStyle {
            max-width: 330px;
            max-height: 330px;
        }
    }

    @media (max-width: 1100px) {

        body {
            background-color: #832625 !important;
        }

        .contentWrap {
            min-height: auto;
        }

        .formWrap h2 {
            font-size: 17px;
        }

        .smBrandLogo {
            display: block;
        }

        .mdBrandLogo {
            display: none;
        }

        .lgBrandLogo {
            display: none;
        }

        .leftImgWrap {
            display: none;
        }

        .titleGap {
            margin-bottom: 20px !important;
        }

        .formWrap {
            max-width: 100%;
        }

        .gapLg {
            padding: 15px;
        }

        .topHeaderPanel {
            margin-bottom: 35px;
        }

        .formWrap h2 small {
            font-size: 11px !important;
            margin-top: 5px;
        }

        .formWrap h2 span.subTitle {
            font-size: 11px;
        }

        .smTitle {
            font-size: 13px;
        }

        .footerPanel {
            color: #ffffff;
        }

        .frmBtnCustom, .frmBtnCustomBdr, .frmBtnCustomGray {
            font-weight: 400;
            min-height: 40px;
            min-width: 90px;
            font-size: 12px !important;
        }

        .footerPanel {
            padding: 15px 0;
            font-size: 11px;
        }

        .topBtnLogout {

            font-size: 13px !important;
            min-height: 32px;
            min-width: 75px;
            padding: 0 15px;
        }

        .mLogout {
            display: block;
        }

        .switchGap {
            margin-bottom: 25px;
        }

        .jrnType .switchTxt {
            margin-left: 12px;
            font-size: 14px;
            line-height: 1.5;
        }

        .switch {
            width: 43px;
            height: 20px;
        }

        .slider:before {
            height: 12px;
            width: 12px;
        }

        .optionTxt {
            left: inherit;
            bottom: 12px
        }

        .lgTxt {
            font-size: 20px;
        }

        .offerBox {
            padding: 20px 10px;
        }

            .offerBox img {
                width: 65px;
            }

            .offerBox p {
                font-size: 14px;
                line-height: 1.5;
            }

        .brdRt {
            border-bottom: 1px solid #f1f1f1;
            border-right: none;
        }

        .headingLgTitle {
            font-size: 38px;
        }

        .w80 {
            width: 100%;
        }

        .upcTitle {
            font-size: 13px;
        }

        .loanDetails {
            font-size: 16px;
        }

        .superLgSubTitle {
            font-size: 17px;
        }

        .aAndMCircle {
            width: 200px;
            height: 200px;
        }

        .sITitle {
            font-size: 13px;
        }

        .sldTitle {
            font-size: 13px;
            margin-bottom: 20px;
        }

        .resultBox {
            font-size: 13px;
        }

        .inputCircleLg {
            font-size: 23px;
        }

        .infotable.table > :not(caption) > * > * {
            padding: 0.5rem 0.8rem;
        }

        .graphicsBg {
            background: inherit;
        }

        .benefitSec {
            background: #fff;
            padding: 15px;
            border-radius: 15px;
        }

            .benefitSec h2 {
                font-size: 18px;
            }

        .lgTitleInner {
            font-size: 16px;
        }

            .lgTitleInner .lgSubTitleInner {
                font-size: 12px;
            }

        .gAmountSec p {
            font-size: 14px;
            color: #ffffff;
            margin-bottom: 1.8rem;
        }

        .footerPanelw100 {
            min-height: 40px;
            font-size: 12px;
        }

        .switchTxtXl {
            font-size: 13px;
        }

        .pcWrap .pcImg {
            margin: 20px 0 10px;
            max-width: 45%;
        }

        .pcWrap .errImg {
            margin: 20px 0 10px;
            max-width: 35%;
        }

        .errorheading {
            color: #4F4F4F;
            font-size: 34px;
        }

        .pcheading {
            font-size: 38px;
        }

        .alaTxt {
            font-size: 18px;
        }

        .bdrTitle {
            font-size: 20px;
        }

        .errorParaLg {
            font-size: 16px;
        }

        .errorPara {
            font-size: 13px;
            margin-bottom: 10px;
        }

        .customTab .nav-tabs .nav-item.show .nav-link, .customTab .nav-tabs .nav-link.active {
            color: #fff;
        }
    }

    @media (max-width: 575.98px) {

        h3 {
            margin-bottom: 0.3rem;
        }

        p {
            margin-bottom: 0.5rem;
        }

        .tableTitle h2 {
            font-size: 16px;
        }

        .tableTitle {
            margin-bottom: 13px;
            float: none;
            text-align: center;
        }

        .dataTables_wrapper .dataTables_filter input[type=search] {
            width: 100%;
        }

        .dataTables_wrapper label {
            display: block;
        }

        .headingLgTitle {
            font-size: 30px;
            text-align: center;
        }

        .superLgSubTitle {
            font-size: 16px;
            text-align: center;
        }

        .circleImgStyle {
            max-width: 220px;
            max-height: 220px;
        }

        .mbGapMd {
            margin-bottom: 25px;
        }

        .customTab .nav-tabs .nav-link {
            font-size: 14px;
            padding-bottom: 0.7rem;
        }

        .infotable thead tr th {
            font-size: 15px;
        }

        .infotable tbody tr th {
            font-size: 12px;
        }

        .benefitSec p {
            font-size: 12px;
        }

        .switchWithTxtLg {
            margin-bottom: 25px;
        }

        .stepProgressbar {
            margin: 30px auto 30px;
        }

            .stepProgressbar li {
                width: 31%;
                font-size: 12px;
                line-height: 1.4;
            }

        .switchTxtLg {
            font-size: 12px;
        }

        .formInfoTxt {
            line-height: 1.6;
        }

        .customForm .form-floating > .form-control:focus ~ label, .customForm .form-floating > .form-control:not(:placeholder-shown) ~ label, .customForm .form-floating > .form-select ~ label {
            padding-top: 10px;
        }

        .customForm .form-floating {
            margin-bottom: 1.2rem;
        }


        .aAndMCircle {
            margin-bottom: 15px;
        }

        .chkmobotpTxt {
            font-size: 14px;
        }

        .pcWrap .pcImg {
            margin: 20px 0 10px;
            max-width: 70%;
        }

        .pcheading {
            font-size: 25px;
            line-height: 1;
        }

        .alaTxt {
            font-size: 15px;
            margin-bottom: 15px;
        }

            .alaTxt strong {
                font-size: 17px;
            }

        .bdrTitle {
            font-size: 19px;
            padding: 5px 0;
            margin-bottom: 15px;
        }

        .detailsList dt {
            margin-bottom: 0.2rem;
        }

        .tyTxt01 {
            font-size: 16px;
            margin-bottom: 18px;
        }

        .tyTxt02 {
            font-size: 13px;
            margin-bottom: 18px;
        }

        .rnNo {
            margin: 0 auto 20px;
            font-size: 22px;
        }

        .tyTxtpara {
            font-size: 12px;
        }

        .errorPara {
            font-size: 11px;
            margin-bottom: 5px;
        }
    }

    .field-validation-error {
        font-size: 12px;
        color: red;
    }

.swal2-styled.swal2-confirm {
    border: 0;
    border-radius: 46px !important;
    background-color: #fe9102 !important;
    padding: 15px 46px;
    outline: none !important;
    box-shadow: none !important;
}

.swal2-confirm.swal2-styled:hover {
    background: #832526 !important;
}

.swal2-icon.swal2-info {
    border-color: #fe9102 !important;
    color: #fe9102 !important;
}