:root{
    --primary1:#eea02a;
    --primary3:#d85934;
    --primary4:#eb910b;
    --color-black: #070707;
    --color-light-black: #515151;
    --color-lighter-grey: #eeeeee;
    --color-white: #ffffff;
    --size-1: 2rem;
    --size-1-5: 1.5rem;
    --size-2: 1.3rem;
    --size-3: 1.125rem;
    --size-4: 1rem;
    --size-5: 0.9rem;
    --size-6: 0.7rem;
    --size-7: 0.6rem;
}
body{
    background-color: var(--color-lighter-grey);
}
.header_top{
    background-color: var(--color-lighter-grey);
}
.header_section .header-container{
    max-width: 1200px;
    margin: auto;
}
.header_section .header_top{
    padding: 8px 0;
}
.header_section .header_top .contact_nav a.header-nav-first{
    margin-left: auto;
}
.header_section .header_bottom {
    background-color: var(--color-black);
}
.body-content{
    max-width: 1200px;
    margin: auto;
}
.navbar-brand{
    padding: 8px 10px;
}
.navbar-brand img{
    width: 180px;
}
.text-primary-yellow {
    color: var(--primary4);
}
.fs-1-5{
    font-size: var(--size-1-5);
}
.lh-3-2{
    line-height: 3.2em;
}
.btn-actions .btn-primary{
    background-color: var(--primary4) !important;
    border: 0;
}
.table-w100{
    width: 100%;
}
tr.tr-border-bottom-dashed{
    border-bottom: 1px dashed #ccc;
}
.space-pre{
    white-space: pre;
}
.bg-white{
    background-color: var(--color-white);
}
.book_section form label{
    font-size: .9em;
}
.book_section .nice-select:after {
    content: "\f107";
    font-family: FontAwesome;
    border: none;
    width: auto;
    height: auto;
    -webkit-transform: none;
            transform: none;
    top: 7px;
    font-size: 20px;
    font-weight: bold;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.form-check-input:checked{
    background-color: var(--primary4) !important;
    border-color: var(--primary4) !important;
}
form .form-control{
    height: 38px!important;
}
form .niceselectform{
    float: none;
    clear: none;
    display: inline-block;
    border: 1px solid var(--primary4);
    line-height: 36px!important;
    height: 36px!important;
}
form .niceselectform:after {
    margin-top: -6px!important;
}
form .form-check-label{
    color: #525151!important;
    font-size: 0.9em;
}
.hide{
    display: none;
}
p.modal-title{
    font-weight: bold;
}
form .errmsg{
    color: #cc0000;
    font-size: .85em;
}
form .consent-msg{
    font-size: .9em;
    margin-left: 15px;
    position: absolute;
    margin-bottom: 10px;
}
.custom-control.overflow-checkbox .overflow-control-input {
    display: none;
}
.form-group.required .control-label:after {
    content:"*";
    color:red;
}
.form-group-consent{
    position: relative;
    margin-bottom: 2em;
}
.modal .form-group-consent{
    margin-bottom: 2.5em;
}
input.checkbox-larger {
    transform: scale(1.5);
    filter: hue-rotate(170deg);
}
form.form-enquiryform input.form-check-input{
    border:var(--bs-border-width) solid #FF9800;
}
form.form-enquiryform .input-mobile{
    position:relative;
}
form.form-enquiryform .input-mobile input{
    padding-left:45px !important;
}
form.form-enquiryform span.input-mobilecode{
    position: absolute;
    top: 30px;
    z-index: 1000;
    left: 20px;
    color: #ad6700;
}
.section-enquiryform .enquiryform-btn-actions .btn{
    display: inline-block;
    padding: 10px 45px;
    background-color: #252525;
    color: #ffffff;
    border-radius: 5px;
    margin-top: 15px;
}
.section-enquiryform .form-error-message{
    padding: 1em;
    color: #cc0000;
}
/** START:: page-home **/
.slider_section{
    padding: 0;
    box-shadow: none;
}
.slider_section .bg-main-section{
    background-repeat: no-repeat;
    background-position: right;
}
.slider_section .container{
    padding: 0;
}
.slider_section .container .row-content{
    padding: 75px 4em 50px;
}
.promotion_section{
    background-color: #eea02a;
    padding: 65px 4em;
}
.promotion_section .promotion-message{
    font-size: 1.8em;
    color: var(--color-white);
    text-align: center;
    font-weight: 500;
    font-style: italic;
}
.info_section .info_top .info_logo a {
    padding: 10px 15px;
}
.info_section .info_top .info_logo a img {
    width: 180px;
}
.faq_section .card-header:first-child {
    border-radius: 0;
}
.faq_section .card-header {
    background-color: #f7f7f9;
    margin-bottom: 0;
    padding: 15px;
    border:none;
    
}
.faq_section .card-header i{
    float:right;        
    font-size:30px;
    width:1%;
    margin-right:10px;
}
.faq_section .card-header a{
    width:90%;
    float:left;
    color:#565656;
}
.faq_section .card-header p{
    margin:0;
}
.faq_section .card-header h3{
    margin:0 0 0px;
    font-size:20px;
    font-family: 'Slabo 27px', serif;
    font-weight:bold;
    color:#3fc199;
}
.faq_section .card-block {
    -moz-box-flex: 1;
    flex: 1 1 auto;
    padding: 20px;
    color:#232323;
    box-shadow:inset 0px 4px 5px rgba(0,0,0,0.1);
    border-top:1px soild #000;
    border-radius:0;
}
/** END:: page-search **/
/* START::form */
.search-form label.btn.active i.fa-circle-o{
    display: none;
}
.search-form label.btn.active i.fa-dot-circle-o{
    display: inline;
    color: #eea02a;
}
.search-form label.btn i.fa-circle-o{
    display: inline;
}
.search-form label.btn i.fa-dot-circle-o{
    display: none;
}
.search-form label.btn input{
    display: none;
}
.search-form label.btn span.radio-text{
    position: absolute;
    top: 10px;
    padding-left: 10px;
}
/* END::form */
/* form stepper */
.bs-stepper{
    border-bottom: 1px solid #ccc;
}
.bs-stepper .bs-stepper-header .step .bs-stepper-circle{
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.375rem;
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1.125rem;
    font-weight: 500;
}
.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label {
    margin: 0;
    max-width: 224px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: start;
    display: inline-grid;
    font-weight: 500;
    font-size: 0.9375rem;
    padding-left: 10px;
}
.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label .bs-stepper-title {
    line-height: 1;
    font-weight: 500;
    color: #232323;
}
.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label .bs-stepper-subtitle {
    font-size: 0.8125rem;
    font-weight: 400;
    margin-top: 0.25rem;
}
.bs-stepper .line {
    flex: 0;
    min-width: auto;
    min-height: auto;
    background-color: transparent;
    margin: 0;
}
.bs-stepper .bs-stepper-header .step .step-trigger:hover {
    background-color: transparent;
}
.widget-navtab .h3 {
    color : white;
    background-color: #428bca;
    padding : 5px 15px;
}
/* START:: page-index */
.page-home .bg-main-section .detail-box{
    background-color: #ffffff;
    padding: 20px 20px 25px;
    width: auto;
}
.page-home .bg-main-section .detail-box h5{
    font-weight: 300;
}
.page-home .client_section .heading_container h2 {
    text-transform: capitalize;
}
.page-home .about_section .detail-box p{
    color: var(--color-light-black);
}
/* END:: page-index */
/** START:: page-search **/
.section-searchfilter form button.btn {
    background-color: #252525;
    color: #ffffff;
    padding: 10px 45px;
    border-radius: 5px;
    text-transform: uppercase;
    border: 0;
}
.page-search .section-searchfilter form{
    padding: 35px 45px;
    max-width: 1000px;
    margin: auto;
}
.page-search .filter-form{
    font-size: 1.2em;
    line-height: 2em;
}
.page-search .filter-form select{
    padding: 3px 10px;
}
.page-search #filter-form .niceselectform{
    float: none;
    clear: none;
    display: inline-block;
    border: 1px solid var(--primary4);
    line-height: 35px;
    height: 36px;
}
.page-search #filter-form .niceselectform:after {
    border-bottom: 2px solid var(--primary4);
    border-right: 2px solid var(--primary4);
    height: 8px;
    width: 8px;
    margin-top: -6px;
}
.page-search .filter-form input{
    padding: 0;
}
.page-search .filter-form select,
.page-search .filter-form input{
    border: 0;
    border-bottom: 1px solid #eea02a;
    color: #dc8500;
    font-weight: 500;
    text-align: center;
    line-height: 1.5em;
}
.page-search .filter-form .js-input-curinterestrate{
    position: relative;
    display: inline-block;
}
.page-search .filter-form .js-input-curinterestrate input{
    width: 135px;
    line-height: 1.3em;
}
.page-search .filter-form .js-input-tenure {
    position: relative;
    display: inline-block;
}
.page-search .filter-form .js-input-curinterestrate #curinterestrate-msg,
.page-search .filter-form .js-input-tenure #tenure-msg,
.page-search .filter-form .js-input-loanquantum #loanquantum-msg{
    position: absolute;
    top: 25px;
    left: 0;
    font-size: .85em;
    color: #cc0000;
}
.page-search .filter-form .js-input-curinterestrate #curinterestrate-msg{
    top: 28px;
}
.page-search .filter-form .js-input-tenure .btn{
    padding: 6px 12px;
    background-color: #eea02a;
}
.page-search .filter-form input.input-curinterestrate:focus,
.page-search .filter-form input.input-tenure:focus,
.page-search .filter-form input.input-currency:focus{
    outline: none;
}
.page-search .filter-form input.input-tenure{
    width: 60px;
}
.page-search .filter-form .js-input-loanquantum {
    position: relative;
    display: inline-block;
}
.page-search .filter-form .slider-value-box{
    text-align: center;
    color: #dc8500;
    font-weight: 500;
    line-height: 1em;
}
.page-search .filter-form .input-slide-content{
    display: inline-grid;
}
.page-search .filter-form p{
    margin-bottom: 1em;
}
.page-search .promotion_section{
    padding-bottom: 15px;
}
.page-search .promotion-message{
    background-color: rgb(255, 219, 100);
    padding: 20px;
    font-weight: bold;
    font-style: italic;
}
.page-search .book_section form{
    background-color: var(--color-white);
}
.page-search #pptyleadtime{
    max-width: 100px;
}
/* .page-search .sidebar-right{
    min-width: 300px;
    max-width: 300px;
} */
.result-listing .result-item .thumbnail-content img{
    width: 100%;
    max-width: 150px;
}
.result-listing h2{
    font-size: 1.2em;
}
.result-item{
    margin-bottom: 20px;
    border: 0;
}
.result-item h4 span.label{
    font-size: 0.8em;
    color: hsl(0, 0%, 45%);
    font-weight: 400;
    display: block;
    margin-bottom: 5px;
}
.result-item h4{
    font-size: var(--size-3);
}
.result-item dl {
    float: left;
    margin-right: 0.5em;
    margin-bottom: 0;
    display: grid;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    text-align: left;
    grid-column-gap: calc(3rem / 2);
}
.result-item dt {
    align-self: end;
    grid-row: 1;
    color: hsl(0, 0%, 45%);
    font-weight: 300;
    font-size: var(--size-5);
}
.result-item dd {
    grid-row: 2;
    font-weight: 500;
}
.result-item .tab-content{
    background-color: #ffffff;
}
.result-item .item-subinfo-content{
    float: right;
    padding-right: 10px;
}
.result-item .item-subinfo-content .item-label{
    align-self: end;
    grid-row: 1;
    color: hsl(0, 0%, 45%);
    font-weight: 300;
    font-size: var(--size-5);
    padding-right: 5px;
}
.result-item .item-subinfo-content .item-value{
    font-weight: 500;
}
.result-item .btn-moredetails:hover,
.result-item .btn-moredetails:focus{
    background: #6c757d !important;
    color: #fff !important;
}
.result-item .btn-moredetails{
    border:0;
}
.result-item .btn-moredetails,
.result-item .btn-enquiry{
    font-size: var(--size-5);
}
.result-item .nav-tabs .nav-link{
    font-weight: 500;
    font-size: .9em;
    color: #000000;
    margin-right: 3px;
    background-color: #dfdfdf;
}
.result-item .nav-tabs .nav-item.show .nav-link, 
.result-item .nav-tabs .nav-link.active {
    color: #eb910b;
    background-color: #ffffff!important;
}
.result-item .more-detail-container{
    display: block;
}
.result-item .more-detail-container.hide{
    display: none;
}
.result-item .btn-actions .btn-icon{
    display: inline-block;
}
.result-item .btn-actions .btn-icon.hide{
    display: none;
}
.result-item .btn-actions {
    padding: 10px;
    border-top: 1px dashed #ccc;
    text-align: right;
}
.result-item .tab-inner-content{
    padding: 1em 0.5em;
    font-size: .9em;
}
.result-item .interest-content th{
    font-weight: 300;
    color: hsl(0, 0%, 45%);
}
.result-item .interest-content th,
.result-item .interest-content td{
    vertical-align: top;
}
.result-item .interest-content .text-sora{
    font-size: .85em;
    color: #716e6e;
}
.card-head-xs-thumbnail{
    max-width: 160px;
    display: block;
}
.card-head-xs-thumbnail img{
    width: 100%;
}
.card-head-xs-value .box-border-label{
    color: hsl(0, 0%, 45%);
    font-weight: 300;
    font-size: var(--size-5);
    display: inline-block;
    width: 100%;
    position: relative;
}
.card-head-xs-value .box-border-value{
    font-weight: 600;
    font-size: var(--size-3);
}
/** END:: page-search **/
/** START:: modal **/
.modal .book_section h4{
    margin-bottom: 0;
}
.modal .modal-content{
    border: 0;
}
.modal .section-enquiryform form{
    box-shadow: none;
    padding: 0;
}
.modal .section-enquiryform .form-group{
    width: 100%;
}
.modal .loan-summary{
    padding: 10px;
    background-color: #ededed;
    border-radius: 10px;
    font-size: .9em;
}
.modal .loan-summary .loan-summary-head .loan-summary-img{
    max-width: 150px;
    float: left;
}
.modal .loan-summary .loan-summary-head .loan-summary-img img{
    width: 100%;
}
.modal .loan-summary .loan-summary-head .loan-summary-amount{
    float: right;
    text-align: right;
}
.modal .loan-summary .loan-label{
    color: var(--color-light-black);
    font-size: .85em;
}
.modal .loan-summary .loan-summary-body{
    text-align: right;
    display: inline-block;
    width: 100%;
}
.modal .loan-summary .loan-summary-body .loan-label{
    margin-right: 3px;
}
.modal .loan-summary .loan-value{
    font-weight: bold;
    color: #4a4a4a;
}
.modal .btn-dismiss{
    background-color: transparent!important;
    color: #686868!important;
}
/** END:: modal **/
@media (min-width: 576px){
    .container {
        max-width: 98%;
    }
    .d-sm-grid{
        display: grid !important;
    }
}
@media (min-width: 576px){
    .container {
        max-width: 98%;
    }
}
@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
}
@media (max-width: 768px) {
    .page-search .section-searchfilter form{
        padding: 20px;
    }
    .page-search .search-form.container{
        padding-left: 0;
        padding-right: 0;
    }
    .page-search .result-listing,
    .page-search .sidebar-right{
        min-width: 100%;
    }
}
@media (max-width: 576px) { 
    .page-search .section-searchfilter form{
        padding: 20px;
    }
}
@media (max-width: 480px) {
    .page-search .section-searchfilter form{
        padding: 10px;
    }
    .page-search .nav-tabs .nav-link{
        padding-left: 5px;
        padding-right: 5px;
        font-size: var(--size-5);
    }
}