/* Brings the older pages (About, Contact, Career, Community, Finance, Motor,
   Profile, EMI, Loan assistant, Terms, Privacy, Post-property ...) in line with
   the new design. Load AFTER style.css / responsive.css. */
:root{--primery:#b5002b;--red:#b5002b;--dark-red:#8f0024;--green:#b5002b;--dark-green:#8f0024;--light-green:#fde8ee;
  --light-yellow:#faf8f6;--whitish:#faf8f6;--border:#e9e3dd;--dark-black:#141414;
  --ud-red:#b5002b;--ud-ink:#141414;--ud-mut:#6f6962;--ud-sand:#efe8df;--ud-line:#e9e3dd}
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ud-ink);background:#faf8f6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,h4,h5,h6,.btn,button,input,select,textarea{font-family:Inter,system-ui,sans-serif}
h1,h2,h3,h4,h5,h6{color:var(--ud-ink);font-weight:800;letter-spacing:-.03em}
h1{font-size:clamp(32px,5vw,56px);line-height:1.04;letter-spacing:-.04em}
h2{font-size:clamp(26px,3.4vw,40px);line-height:1.1}
h3{font-size:clamp(20px,2.2vw,28px)}
p{color:#4d4842}
a{color:var(--ud-red)}a:hover{color:var(--dark-red)}
:focus-visible{outline:2px solid var(--ud-red);outline-offset:2px}
img{max-width:100%}

/* title banner */
.bred_crumb,.bred_crumb.bred_crumb_sm{background:var(--ud-sand)!important;background-image:none!important;min-height:0!important;padding:56px 0 44px;display:block}
.bred_crumb::after,.inner_banner_object{display:none!important}
.bred_crumb .bred_text{text-align:left!important}
.bred_crumb .bred_text h1{color:var(--ud-ink);margin:0 0 12px}
.bred_crumb .bred_text ul{justify-content:flex-start!important;margin:0;padding:0;display:flex;list-style:none}
.bred_crumb .bred_text ul li{margin:0 6px 0 0}
.bred_crumb .bred_text ul li a,.bred_crumb .bred_text ul li span{color:var(--ud-mut);font-size:13px;font-weight:600}
.bred_crumb .bred_text ul li a:hover{color:var(--ud-red)}

/* sections + buttons */
.row_am{padding:56px 0}
.title_badge{background:transparent;color:var(--ud-red);padding:0;border-radius:0;font-size:12px;font-weight:700;letter-spacing:.1em;margin-bottom:12px}
.section_title h2,.section_title h3{color:var(--ud-ink)}.section_title p{color:var(--ud-mut)}
.btn{font-weight:700;border-radius:10px}
.puprple_btn,.white_btn .puprple_btn{border-radius:10px;padding:12px 24px;background:var(--ud-red);color:#fff;border:0;font-size:14.5px;font-weight:700}
.puprple_btn::before{display:none}.puprple_btn:hover{background:var(--dark-red);color:#fff}
.form-control,input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],select,textarea{border-radius:10px}
.form-control:focus,input:focus,select:focus,textarea:focus{border-color:var(--ud-ink)!important;box-shadow:0 0 0 1px var(--ud-ink)!important;outline:0}
.go_top{background:var(--ud-red)}
#preloader{background:#faf8f6}
.cta_section{display:none!important}
.text_list_section{display:none}

/* neutral cards instead of the old multi-colour boxes */
.features_section .feature_detail .feature_box .data_block,.features_section .feature_detail .feature_box .data_block.color1,.features_section .feature_detail .feature_box .data_block.color2,
.features_section .feature_detail .feature_box .data_block.color3,.features_section .feature_detail .feature_box .data_block.color4{background:#fff!important;border:1px solid var(--ud-line);border-radius:16px;color:var(--ud-ink)}
.features_section .feature_box .data_block h6{color:var(--ud-ink)!important}.features_section .feature_box .data_block p{color:var(--ud-mut)!important}
.features_section .feature_box .data_block .icon{background:#fde8ee!important}.features_section .feature_box .data_block .icon i{color:var(--ud-red)!important}
.ft_tool_card{background:#fff!important;border:1px solid var(--ud-line);box-shadow:none!important;border-radius:16px}
.ft_tool_card:hover{border-color:var(--ud-red);box-shadow:0 10px 28px rgba(60,40,20,.1)!important}
.ft_tool_card h6,.ft_tool_text h6{color:var(--ud-ink)!important}.ft_tool_card p,.ft_tool_text p{color:var(--ud-mut)!important}
.ft_tool_icon{background:#fde8ee!important;color:var(--ud-red)!important}.ft_tool_arrow{color:var(--ud-mut)!important}

/* readability + mobile */
.about_section p,.row_am p{text-align:left}
@media(max-width:767px){
  .bred_crumb,.bred_crumb.bred_crumb_sm{padding:32px 0 26px}
  .row_am{padding:40px 0}
  .container{padding-left:16px;padding-right:16px}
  input,select,textarea{font-size:16px!important}
  table{display:block;overflow-x:auto}
  .feature_img,.mobile-frame{max-width:100%}
}