.modal-backdrop.show {
  opacity: 0.9;
  background-color: #fff;
}
.fancybox-content {
  padding: 0
}
.btn-open-modal {
  color: #484848;
  font-size: 18px;
  padding: 0;

}
.btn-open-modal i {
  font-size: 18px;
}
footer#footer {
  height: 260px
}
@media (min-width: 576px) {
  .loan-modal .modal-dialog {
    max-width: 700px;
  }
}

@media (max-width: 768px) {
  footer#footer {
    height: auto;
  }
  .sticky-side-bar {
    transform: none !important;
    margin: 20px 0 30px;
  }
}
@media (min-width: 768px) {

  .sticky-side-bar {
    position: -webkit-sticky;
    position: sticky;
    top: 20px;
    z-index: 99;
    transition: transform 0.3s ease;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .com_home-loans .col-cs-6 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
  }
}
.loan-modal .modal-content {
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 15px 8px rgba(0, 0, 0, 0.02);
  box-shadow: 0 2px 15px 8px rgba(0, 0, 0, 0.02);
  background-color: #ffffff;
  padding: 40px;
  border: none;
  color: #484848;
}

.loan-modal .modal-header {
  padding: 0;
  margin-bottom: 30px;
  border: 0;
}

.loan-modal .modal-header .modal-title {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.42;
}

.loan-modal .modal-header .close {
  padding: 0;
  font-size: 32px;
  color: #d9d9d9;
}

.loan-modal .modal-body {
  padding: 0;
}

.loan-modal .modal-body p {
  font-size: 14px;
  line-height: 1.71;
  color: #484848;
}

.loan-modal .modal-body p:last-child {
  margin-bottom: 0;
}
.taxpayer-number-wrapper .material-form-control.on-focus {
  margin-top: 15px;
}
.taxpayer-number-wrapper .material-form-control.on-focus.is-empty {
  margin-top: 15px;
}
.taxpayer-number-wrapper .material-form-control {
  margin-top: 15px;
}
.taxpayer-number-wrapper .material-form-control.is-empty {
  margin-top: 7px;
}

.com_home-loans .mb-dt-30 {
  margin-bottom: 30px;
}
.com_home-loans .mb-dt-30 .form-group {
  margin-bottom: 0;
}
.com_home-loans .ml-20 {
  margin-left: 20px;
}

.com_home-loans .text-18 {
  font-size: 18px;
  line-height: 30px;
}
.popup-content {
  width: 700px;
}
.popup-content p {
  font-size: 14px;
  line-height: 1.71;
  color: #484848;
}
.popup-content .btn-wrapper {
  text-align: right;
}
.popup-content .button--size-2{
  display: table-cell;
  vertical-align: middle;
  height: 60px;
}

.w-120 {
  min-width: 110px;
  width: 110px;
}
.com_home-loans .fw-600 {
  font-weight: 600;
}
.popup-content h4 {
  max-width: calc(100% - 23px);
}
.popup-content + .popup-footer {
  padding: 20px;
  border-top: solid 1px #d9d9d9;
}
.popup-content + .popup-footer a{
  font-size: 16px;
}
@media (min-width: 1200px) {
  .popup-content + .popup-footer {
    padding: 30px
  }
  .popup-content h4 {
    max-width: 470px;
  }
}
@media (min-width: 1024px) {
  .d-cs-block {
    display: block !important;
  }
}
@media (max-width: 768px) {
  .com_home-loans {
    padding-top: 30px;
  }
}

@media (max-width: 768px) {
  .com_home-loans .mob-mt1 {
    margin-top: 10px;
  }

  .com_home-loans .h-l-masthead {
    margin-bottom: 50px;
    height: 300px;
    padding: 20px;
  }
  .com_home-loans .h-l-masthead h3 {
    font-size: 18px;
  }
  .com_home-loans .h-l-fields {
    margin-top: 30px;
  }
  .com_home-loans .h-l-section {
    margin-bottom: 30px;
  }
  .com_home-loans .y-l-package {
    padding-bottom: 50px;
  }
  .com_home-loans .hl-selection-1 {
    padding: 0 10px;
    text-align: center;
    margin-bottom: 50px;
    font-size: 24px;

  }
  .com_home-loans h3 .h-l-s-item {
    margin-right: 0;
  }
  .com_field .select-dropdown .big-select, .com_field .select-dropdown .big-select select.select2{
    white-space: normal;
    text-align: center;
    text-align-last: center;
  }
  .com_home-loans .mb-md-30 {
    margin-bottom: 30px;
  }

  .com_home-loans .mb-dt-30 {
    margin-bottom: 0;
  }
  i.fa-info-circle.fz-16 {
    font-size: 14px;
  }
  .link-add {
    font-size: 14px;
  }

}
.com_home-loans .preview-field.v3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.com_home-loans .preview-field.v3 > * {
  margin-bottom: 0 ;
  padding-bottom: 0 ;
  width: calc(50% - 10px);
}
.com_home-loans .preview-field .subcategory-note {
  font-size: 14px;
  line-height: 24px;
  color: #888888;
}

.com_home-loans .col-cs-3 {
  -ms-flex: 0 0 360px;
  -webkit-box-flex: 0;
  flex: 0 0 360px;
  max-width: 360px;
}
@media (max-width: 1023px) {
  .com_home-loans .pb-cs-30 {
    padding-bottom: 30px !important;
  }
}

@media (max-width: 1024px) {
  .com_home-loans .col-cs-3 {
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 300px;
    flex: 0 0 300px;
    max-width: 300px;
  }
  .com_home-loans .col-cs-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 300px);
    flex: 0 0 calc(100% - 300px);
    max-width: calc(100% - 300px);

  }
}

@media (max-width: 767px) {
  .com_home-loans .col-cs-3 {
    display: block;
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .com_home-loans .col-cs-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .com_home-loans .preview-field p, .com_home-loans .preview-field .com_card-comparison sup, .com_card-comparison .com_home-loans .preview-field sup, .com_home-loans .preview-field #promotions__filtered .ca-li-set.merchant-item .feature__column--text .feature__column--link h4 a, #promotions__filtered .ca-li-set.merchant-item .feature__column--text .feature__column--link h4 .com_home-loans .preview-field a, .com_home-loans .preview-field #promotions__filtered .ca-li-set.merchant-item .feature__column--text .feature__column--link .com_investment-graph .intro a, #promotions__filtered .ca-li-set.merchant-item .feature__column--text .feature__column--link .com_investment-graph .intro .com_home-loans .preview-field a, .com_home-loans .preview-field .com_investment-graph #promotions__filtered .ca-li-set.merchant-item .feature__column--text .feature__column--link .intro a, .com_investment-graph #promotions__filtered .ca-li-set.merchant-item .feature__column--text .feature__column--link .intro .com_home-loans .preview-field a {
    font-size: 16px;
    line-height: 28px;
  }
  .com_home-loans .preview-field p strong, .com_home-loans .preview-field .com_card-comparison sup strong, .com_card-comparison .com_home-loans .preview-field sup strong, .com_home-loans .preview-field #promotions__filtered .ca-li-set.merchant-item .feature__column--text .feature__column--link h4 a strong, #promotions__filtered .ca-li-set.merchant-item .feature__column--text .feature__column--link h4 .com_home-loans .preview-field a strong, .com_home-loans .preview-field #promotions__filtered .ca-li-set.merchant-item .feature__column--text .feature__column--link .com_investment-graph .intro a strong, #promotions__filtered .ca-li-set.merchant-item .feature__column--text .feature__column--link .com_investment-graph .intro .com_home-loans .preview-field a strong, .com_home-loans .preview-field .com_investment-graph #promotions__filtered .ca-li-set.merchant-item .feature__column--text .feature__column--link .intro a strong, .com_investment-graph #promotions__filtered .ca-li-set.merchant-item .feature__column--text .feature__column--link .intro .com_home-loans .preview-field a strong {
    line-height: inherit;
  }
  .com_home-loans .preview-field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .com_home-loans .preview-field.v2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
  }


  body.home-loan .com_home-loans .preview-field > * {
    margin-bottom: 0 ;
    padding-bottom: 0 ;
    width: calc(50% - 10px);
  }
  body.home-loan .com_home-loans .preview-field.v2 > * {
    margin-bottom: 0 ;
    padding-bottom: 0 ;
    width: calc(100% - 10px);
  }
  .com_home-loans .preview-field > *:last-child {
    text-align: right;
    overflow-wrap: break-word;
  }
  .com_home-loans .preview-field.v2 > *:last-child {
    text-align: left;
  }
  .com_home-loans .h-l-form-fields .bottom-btn-wrapper .afppl-submit {
    float: left !important;
    margin-top: 30px;
  }
  .com_home-loans .mt-md-30 {
    margin-top: 0px;
  }
  .com_home-loans .mb-dt-30 .form-group {
    margin-bottom: 10px;
  }
  .com_home-loans .cs-20 {
    padding-bottom: 20px;
  }
  .h-l-c-text .block-link {
    display: block;
  }
  .h-l-c-text p, .h-l-c-text .block-link a.link-underline {
    font-size: 14px;

  }
  .list-conditions-checkbox {
    -ms-flex-direction: column-reverse ;
    -webkit-box-orient: vertical ;
    -webkit-box-direction: reverse ;
    flex-direction: column-reverse ;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
  }
  .com_home-loans .text-18 {
    font-size: 16px;
    line-height: 1.63;
  }
  .btn-open-modal i {
    font-size: 16px;
  }

  .popup-content .button--size-2 {
    margin-top: 30px;
  }
  .popup-content .btn-wrapper {
    text-align: left;
  }
  .material-form-control input,
  .material-form-control textarea,
  .material-form-control .unit,
  .material-form-control .label {
    font-size: 16px;
  }
  .com_field .material-form-control.has-static input {
    font-weight: normal;
  }
}


.bounce-enter-active {
  animation: max-height 1s ease-in-out;
  overflow: hidden;
}
.bounce-leave-active {
  animation: max-height-leave 1s;
  overflow: hidden;
}
@keyframes max-height {
  0% {
    max-height: 0;
  }
  50% {
    max-height: 500px;
  }
  100% {
    max-height: 1000px;
  }
}
@keyframes max-height-leave {
  0% {
    max-height: 1000px;
  }
  50% {
    max-height: 500px;
  }
  100% {
    max-height: 0;
  }
}
.com_home-loans .pb-80 {
  padding-bottom: 80px;
}
.com_home-loans .pb-60 {
  padding-bottom: 60px;
}
.com_home-loans .pb-50 {
  padding-bottom: 50px;
}
.com_home-loans .pb-45 {
  padding-bottom: 45px;
}
.com_home-loans .pb-40 {
  padding-bottom: 40px;
}
.com_home-loans .pb-35 {
  padding-bottom: 35px;
}
.com_home-loans .pb-30 {
  padding-bottom: 30px;
}
.com_home-loans .pb-25 {
  padding-bottom: 25px;
}
.com_home-loans .pb-20 {
  padding-bottom: 20px;
}
.com_home-loans .pb-15 {
  padding-bottom: 15px;
}
.com_home-loans .pb-10 {
  padding-bottom: 10px !important;
}
.com_home-loans .pb-0 {
  padding-bottom: 0px;
}

.com_home-loans .pt-60 {
  padding-top: 60px;
}
.com_home-loans .pt-30 {
  padding-top: 30px;
}
.com_home-loans .pt-45 {
  padding-top: 45px;
}
.com_home-loans .pt-50 {
  padding-top: 50px;
}

.com_home-loans .pl-15 {
  padding-left: 15px !important;
}

.com_home-loans .mt-45 {
  margin-top: 25px;
}
.com_home-loans .mt-10 {
  margin-top: 10px;
}

.com_home-loans .mb-25 {
  margin-bottom: 25px;
}
.com_home-loans .mb-15 {
  margin-bottom: 15px;
}
.com_home-loans .mb-10 {
  margin-bottom: 10px;
}
.com_home-loans .mb-20 {
  margin-bottom: 20px;
}
.com_home-loans .mb-30 {
  margin-bottom: 30px;
}
.com_home-loans .mb-0 {
  margin-bottom: 0px !important;
}

.full-w{
  width: 100%;
}

.f-r-c-wrapper{
  position: relative;
}
.f-r-c-wrapper::before{
  position: absolute;
  content: '';
  top: 0;
  left: -500px;
  width: 2000%;
  height: 100%;
  background: #ebeff1;
  z-index: -1;
}
.f-r-c-wrapper .f-r-c-title{
  font-size: 24px;
}
.link-bold{
  display: block;
  font-weight: bold;
  position: relative;
}
.link-20{
  font-size: 16px;
}
.link-r i{
  font-size: 12px;
}
.button--bluedark{
  background: #3b5998;
  color: #ffffff;
}
.button--trans{
  border: solid 1px #d9d9d9;
  background: transparent;
}
.r-type{
  display: flex;
  flex-direction: column;
}
.mt-r-wrapper .f-r-c-text  p{
  font-size: 14px;
}
.or{
  font-size: 16px;
  text-align: center;
}
.button .ic-r{
  display: flex;
  margin-right: 10px;
  justify-content: center;
  align-items: center;
}
.mt-r-wrapper .button--bluedark:hover{
  background: #263d6f;
  color: #ffffff;
}
.mt-r-wrapper .button--trans:hover,
.mt-r-wrapper .button--trans:focus{
  background: #f7f7f7;
  color: #484848;
}
.mt-r-wrapper .button .text{
  align-items: center;
  display: flex;
}
.button .ic-r i{
  font-size: 18px;
  margin-left: 0;
}
.mt-r-wrapper .button.button--primary{
  padding: 0 20px;
  display: flex;
  justify-content: center;
}
.wellcome{
  padding-top: 15px;
}
.ic-r img{
  width: 14px;
}
.mt-r-wrapper .link-r{
  margin-left: -20px;
  display: flex;
  justify-content: center;
}
.verify-wrapper .button.button--primary.button--darkblue{
  height: 60px;
  line-height: 52px;
  padding: 5px 30px;
}
.h-l-step-block .radio-style-2 .big-radio.mt-l-cs{
  padding: 10px;
}
.com_field .ar-code{
  -ms-flex: 0 0 35%;
    -webkit-box-flex: 0;
    flex: 0 0 35%;
    max-width: 35%;
}
.com_field .p-nb{
  -ms-flex: 0 0 65%;
    -webkit-box-flex: 0;
    flex: 0 0 65%;
    max-width: 65%;
}
.mb-nb-wrapper .material-form-control .unit{
  color: #888888;
}
.com_field .select-dropdown .color-light{
  color: #b2bec4;
}
.h-l-c-text .block-link.ct-cs-link{
  text-align: left;
}
.ct-cs-link a{
  font-size: 14px;
}
.re-ar-content{
  background: #f7f8f9;
  padding: 30px 10px;
}
.re-ar-text{
  border: solid 1px #c9c9c9;
  padding: 20px;
}
.popup-content{
  max-width: 100%;
}

.com_field .material-form-control .message.hide-message{
  display: none;
}
.st-p-wrapper .link-dott{
  display: table;
}
.d-r-a-text{
  border: solid 1px #c9c9c9;
  padding: 20px;
}
.control-pointer{
  pointer-events: none;
}
.mess-succ{
  padding: 30px 10px;
  background: #baf4f2;
}
.mess-succ .text{
  color: #319988;
  font-weight: bold;
}
.mess-succ .text-14{
  font-size: 14px;
}
.mess-succ .text-24{
  font-size: 24px;
}
.mess-succ .text-16{
  font-size: 16px;
}
.d-a-d-text .text-14{
  font-size: 14px;
}
.com_home-loans .button.prev{
  width: 60px;
  padding: 5px 0px;
  text-align: center;
  color: #484848;
  border: 2px solid #484848;
  border-radius: 5px;
}
.com_home-loans .bottom-btn-wrapper .button {
  height: 60px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.com_home-loans .button.prev i{
  margin-left: 0;
  /* color: #2979ff; */
}
.align-l-r{
  padding-left: 10px;
  padding-right: 10px;
}
.n-c-wrapper{
  border-radius: 5px;
  box-shadow: 0 2px 15px 8px rgba(0, 0, 0, 0.02);
}
.n-c-wrapper .title{
  font-size: 14px;
}
.n-c-wrapper .name{
  font-size: 24px;
}
.edit-profile .material-form-control input,
.edit-profile .material-form-control textarea{
  color: #94a4ad;
}
.edit-profile .select-dropdown .default-select.grey-select select.form-control{
  color: #94a4ad;
}
.sort-stt{
  display: flex;
}
.sort-stt .form-group{
  flex-grow: 1;
  margin-left: 12px;
}
.sort-stt .select-dropdown{
  font-size: 16px;
}
.c-p-d-wrapper table{
  font-size: 14px;
  border-collapse: collapse;
}
.c-p-d-wrapper td,
.c-p-d-wrapper th{
  padding: 30px 10px;
  text-align: center;
  border: 1px solid #e8e8e8;
  white-space: nowrap;
}
.c-p-d-wrapper th{
  border-top: none;
}
.c-p-d-wrapper td:first-child,
.c-p-d-wrapper th:first-child{
  border-left: none;
}
.c-p-d-wrapper td:last-child,
.c-p-d-wrapper th:last-child{
  border-right: none;
}
.approved{
  color: #319988;
}
.unapproved{
  color: #ef473a;
}
.pending{
  color: #888888;
}
.cs-pd{
  padding-right: 0;
}
.table-sd{
  box-shadow: 0 2px 15px 8px rgba(0, 0, 0, 0.02);
}
.table-sd .table-wrapper{
  transition: max-height 1s ease;
  height: auto;
  max-height: 613px;
}
.table-sd .table-wrapper.height-auto{
  max-height: unset;
}
.c-p-d-wrapper table thead{
  color: #667c88;
}
.c-p-d-wrapper .d-md-block{
  overflow-x: auto;
}
.db.expand-btn-wrapper{
  text-align: center;
  width: 100%;
}
.db.expand-btn-wrapper .showless-table{
  display: none;
}
.db.expand-btn-wrapper.expanded .expand-table.showless-table{
  display: inline-block;
}
.db.expand-btn-wrapper.expanded .expand-table{
  display: none;
}
.com_field .infor-per .big-radio.checked input[type="radio"] + span{
  border: 7px solid #fff;
}
.com_home-loans .bg-home-ct{
  height: 180px;
  margin-bottom: 0;
}
.bg-wrapper{
  position: relative;
}
.bg-wrapper::before{
  position: absolute;
  content: '';
  width: 2000%;
  height: 100%;
  left: -500px;
  background: #fbfbfb;
  z-index: -1;
  top: 0;
}
.h-t-apply{
  padding-left: 10px;
  padding-right: 10px;
}
.btn-bd-green{
  border: 2px solid #18a7a4;
}
.com_home-loans .h-l-btn-option .button.btn-bd-green{
  height: 46px;
  line-height: 32px;
}
.com_home-loans .h-l-btn-option .button.btn-bd-green:hover{
  background: #18a7a4;
  color: #fff;
}
/* .section{
  overflow: hidden;
} */
.banner-content a.link:hover{
  color: #484848 !important;
}
.img-wrapper{
  min-height: 250px;
}
.img-wrapper img{
  height: 65px;
}
.label-cs{
  position: absolute;
  top: 0;
}
.com_home-loans .h-l-mess h3.text-24{
  font-size: 24px;
}
a.link i.fa-question-circle{
  font-size: 14px;
}
.block-mb{
  display: none !important;
}
.mt-r-wrapper .f-r-c-title{
  max-width: 400px;
}
.link-16{
  font-size: 16px;
}
.verify-wrapper .f-r-c-title{
  line-height: 1.3;
}
.re-ar-wrapper.com_field .label-checkbox input[type="checkbox"] + span + span{
  margin-top: -5px;
}
.st-p-wrapper .f-r-c-title strong{
  display: block;
}
.cs-pl-10{
  padding-left: 10px !important;
}
.cs-pl-40{
  padding-left: 40px !important;
}
.com_home-loans .contract-profile.bottom-btn-wrapper .button{
  color: #2979ff;
}
@media (min-width: 768px){
  .cs-mt-30{
    margin-top: 0;
  }

  .align-l-r{
    padding-left: 30px;
    padding-right: 30px;
  }
  .sort-stt .form-group{
    max-width: 230px;
  }
  .cs-pd{
    padding-right: 10px;
  }
  .table-sd .table-wrapper table{
    margin: 0 auto;
    width: 100%;
  }
  .com_home-loans .bg-home-ct{
    height: 400px;
  }
  .dt-pt-60{
    padding-top: 60px;
  }
  .dt-pb-60{
    padding-bottom: 60px;
  }
  .dt-flex{
    display: flex;
  }
  .dt-pl-15{
    padding-left: 15px;
  }
  .cs-flex{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .dt-mt-24{
    margin-top: 24px;
  }
  .verify-wrapper .f-r-c-text{
    max-width: 70%;
  }
  .verify-wrapper .f-r-c-title{
    padding-bottom: 20px;
  }
  .re-ar-content .h-l-s-b-title {
    font-size: 18px;
  }.re-ar-content .h-l-s-b-title {
    font-size: 18px;
  }
  .st-p-wrapper .f-r-c-text{
    max-width: 940px;
  }
  .d-r-a-wrapper .order-1{
    order: 1;
  }
  .d-r-a-wrapper .order-2{
    order: 3;
  }
  .d-r-a-wrapper .order-3{
    order: 2;
  }
  .cs-order-1{
    order: 1;
  }
  .cs-order-2{
    order: 2;
  }
}
.breakword {
  word-break: break-all;
}
@media (max-width: 1199px){
  .mt-30-1199{
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .com_home-loans .cs-mb-20{
    margin-bottom: 20px;
  }
  .cs-mb-10{
    margin-bottom: 10px;
  }
  .com_home-loans .cs-mb-0{
    margin-bottom: 0;
  }
  .com_home-loans .cs-mb-40{
    margin-bottom: 40px;
  }
  .com_home-loans .cs-mt-30{
    margin-top: 30px;
  }
  .com_home-loans .cs-mt-15{
    margin-top: 15px;
  }
  .com_home-loans .cs-mb-30-imp{
    margin-bottom: 30px !important;
  }
  .cs-30 {
    margin-bottom: 30px;
  }
  .cs-pr-per-55{
    padding-right: 55%;
  }
  .cs-pr-20{
    padding-right: 20px;
  }
  .cs-pt-60{
    padding-top: 60px;
  }
  .cs-pb-60{
    padding-bottom: 60px;
  }
  .cs-pb-30{
    padding-bottom: 30px;
  }
  .cs-pb-40{
    padding-bottom: 40px;
  }
  .cs-mb-15{
    margin-bottom: 15px;
  }
  .img-wrapper{
    min-height: unset;
  }
  .img-wrapper img{
    width: auto;
  }
  .com_home-loans .two-line{
    margin-bottom: 15px;
  }
  .com_home-loans .h-l-form-fields .bottom-btn-wrapper .text-step-1.text-16{
    font-size: 16px;
  }
  .com_home-loans .h-l-mess h3.text-24{
    font-size: 20px;
  }
  .block-dt{
    display: none !important;
  }
  .block-mb{
    display: block !important;
  }
  .cs-bg-grey{
    padding: 45px 10px 30px;
    background-color: #f7f8f9;
    border-radius: 5px;
    margin-bottom: 30px;
  }
  .or-1{
    order: 1;
  }
  .or-2{
    order: 2;
  }
  .or-3{
    order: 3;
  }
  .cs-f-mbnum{
    top: -22px;
    position: absolute;
  }
  .com_home-loans .cs-pb-0-imp{
    padding-bottom: 0 !important;
  }
  .mt-r-wrapper .f-r-c-title{
    max-width: 320px;
    padding-bottom: 30px;
  }
  .link-16{
    font-size: 14px;
  }
  .r-type{
    padding: 0 20px;
  }
  .com_home-loans .pb-15.f-r-c-text{
    padding-bottom: 10px;
  }
  .mt-r-wrapper .button.button--primary{
    margin-bottom: 10px;
  }
  .mt-r-wrapper .f-r-c-text p{
    font-size: 16px;
  }
  .re-ar-wrapper .f-r-c-title{
    padding-bottom: 30px;
    padding-top: 30px;
  }
  .st-p-wrapper .f-r-c-text{
    padding-bottom: 30px;
  }
  .st-p-wrapper .f-r-c-title strong{
    display: initial;
  }
}
.t-sub-weight {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.71;
}
@media (max-width: 767px) {
  .com_field .select-dropdown .default-select.grey-select select.form-control.is-empty {
    border-color: #484848;
    color: #888888;
  }
}
/* .select2-default-dropdown .select2-dropdown .select2-results .select2-results__option,
.com_home-loans .h-l-form-fields .select-dropdown .default-select.grey-select.select2-selected.dropdown__theme .select2-container .select2-selection--single .select2-selection__rendered {
  text-transform: capitalize;
} */
.error-1 + .error-2{
  display: none !important;
}
.error-2{
  color: #cb2d3e !important;
}
.button-cover
{
  margin: 4px 0;
  display: block;
  width: 310px;
  position: relative;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 5px;
  color: #d9d9d9;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);

}

.button-cover .button-checkbox
{
  position: relative;
  top: 0;
  height: 60px;
  text-align: center;
  border-radius: 5px;

}

.button-cover .checkbox
{
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
}

.button-cover .button-checkbox  .knobs
{
  z-index: 2;
  color: #d9d9d9;
  transition: 0.3s ease all;
}

.button-cover .layer
{
    width: 100%;
    background-color: #fff;
    transition: 0.3s ease all;
    z-index: 1;
}
.button-checkbox .knobs:before, .button-checkbox .knobs:after, .button-checkbox .knobs span
{
    position: absolute;
    top: -3px;
    width: 50%;
    height: 66px;
    font-size: 18px;
    text-align: center;
    line-height: 60px;
    border-radius: 5px;
    transition: 0.3s ease all;
}

.button-cover .button-checkbox .knobs:before
{
  left: 50%;
  content: '';
  color: #d9d9d9;
  background-color: #7c909b;
}

.button-cover .button-checkbox .knobs:after {
  content: 'No';
  right: 0;
  color: #fff;
  font-weight: bold;
}

.button-cover .button-checkbox .knobs span
{
  display: inline-block;
  left: 0;
  z-index: 1;
  color: #94a4ad;
}

.button-cover .button-checkbox .checkbox:checked + .knobs span
{
  font-weight: bold;
  color: #fff;

}

.button-cover .button-checkbox .checkbox:checked + .knobs:before
{
    left: 0;
    background-color: #7c909b;
    height: 66px;

}

.button-cover .button-checkbox .checkbox:checked + .knobs:after
{
  right: 0;
  color: #94a4ad;
  font-weight: 400;
}

.button-cover .button-checkbox .checkbox:checked ~ .layer
{
    background-color: #fff;
}

.com_home-loans .h-l-form-fields .h-l-s-b-title.mb-30 .color-title{
  color: #484848;
}

@media (max-width: 768px) {
  .button-cover {
    width: 280px;
  }
  .com_field .big-radio {
    padding: 10px;
  }
}
.quotation{
  color: #b2bec4;
}
body.home-loan .header__main .header__main--primary .header__main--navi .link-back .n-icon {
  margin-right: 5px;
    color: #7c909a;
}
body.home-loan .header__main .header__main--primary .header__main--navi .link-back .n-icon i {
  font-size: 10px;
  line-height: 28px;
}
.hl-selection-1-text {
  color: #2979ff;
  /* margin: 0 10px; */
}
.block-end {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.mt-23 {
  margin-top: 25px;
}

.loading-indicator {
  padding: 80px 0;
  text-align: center;
}
.loading-indicator img {
  width: 42px;
  height: 42px;
  margin: 0 auto;
  animation: spin 2s infinite linear;
}
@keyframes spin {
  from {
      transform: rotate(0deg);
  }
  to {
      transform: rotate(360deg);
  }
}
.com_field .select-dropdown .default-select.grey-select.dropdown__theme .select2-container.select2-container--disabled .select2-selection--single {
  border-color: #d9d9d9;
  color: #c9c9c9;
  background-color: transparent;
}
.com_field .select-dropdown .default-select.grey-select.dropdown__theme .select2-container.select2-container--disabled .select2-selection--single .select2-selection__rendered {
  color: #c9c9c9;
}
.com_field .select-dropdown .default-select.grey-select.dropdown__theme.input-select.select2-disabled:after {
  color: #d9d9d9;
}
.com_has-header .dropdown .dropdown-menu {
  max-height: 350px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .com_home-loans .f-i-f-column1 .pl-md-60 {
    padding-left: 100px;
  }
}

.h-l-c-text,
.h-l-c-text a {
  font-size: 16px;
  line-height: 28px;
}

.rn-text-break {
  -ms-word-break: break-word;
  word-break:break-word;
}
.com_home-loans .preview-field .big-text {
  font-size: 24px;
}

@media (max-width: 576px) {
  .com_home-loans .preview-field .big-text {
    font-size: 18px;
  }
}
.com_home-loans .h-l-mess-image {
  width: 100%;
  height: 450px;
}
.com_home-loans .h-l-mess-image img{
  max-width: 100%;
  height: auto
}
.com_home-loans .h-l-mess {
  text-align: left;
  padding: 20px;
  background-color: transparent;
}
.com_home-loans .h-l-mess h3 {
  text-align: left;
}
@media (max-width: 768px) {
  .com_home-loans .h-l-mess-image,
  .com_home-loans .h-l-mess {
    height: auto;
  }
  .com_home-loans .h-l-mess {
    padding: 30px 20px 0;
  }
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#app {
  min-height: 100vh;
}
#main-wrapper {
  min-height: calc(100vh - 100px);
}
@media (max-width: 768px) {
  #main-wrapper {
    padding-bottom: 80px !important;
  }
}
.link.link-download {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.67;
}
.c-green {
  color: #319988 !important;
}
.radio-style-2 .big-radio {
  color: #484848;
  border: 1px solid #667c88;
  border-left: 1px solid #667c88;
}
.radio-style-2 .big-radio.checked {
  background-color: #7c909b;
  color: #ffffff;
}
.bottom-button-group {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-pack: end;
  -webkit-box-pack: end;
  justify-content: flex-end;
}
.bottom-button-group .link-dott {
  margin-right: 30px;
}
@media (max-width: 768px) {
  .bottom-button-group {
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end;
    -ms-flex-direction: column-reverse;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse;
  }
  .bottom-button-group .link-dott {
    margin-top: 30px;
    margin-right: 0;
  }
}
.floor-unit-number {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.floor-unit-number .floor-unit-input{
  -ms-flex: 0 0 25%;
  -webkit-box-flex: 0;
  flex: 0 0 25%;
  max-width: 25%;
}
.floor-unit-number .floor-unit-separator {
  padding: 5px 10px;
}
@media (max-width: 768px) {
  .floor-unit-number .floor-unit-input{
    -ms-flex: 0 0 40%;
    -webkit-box-flex: 0;
    flex: 0 0 40%;
    max-width: 40%;
  }
}
@media(min-width: 768px) {
  .com_home-loans .mb-35 {
    margin-bottom: 35px;
  }
}

.com_home-loans  .joint-landing .preview-field p strong {
  font-weight: bold;
}

.com_home-loans .h-l-section.joint-landing-sub {
  margin-bottom: 40px;
}

.com_home-loans .myinfo-logo {
  text-align: left;
}

.com_home-loans .myinfo-logo img {
  margin-bottom: 30px;
}

.com_field .material-form-control input.fz-bigger,
.com_field .material-form-control textarea.fz-bigger {
  padding: 14px 0px 10px;
  height: 50px;
  font-weight: 400;
}

.com_field .material-form-control.has-unit.fz-bigger span.unit {
  font-size: 24px;
  line-height: 34px;
  height: 50px;
}

.mb1-im {
  margin-bottom: 0 !important;
}

.com_home-loans .subcategory-note.label-highlight {
  font-size: 12px;
  color: #888888;
  font-weight: normal;
  padding-top: 8px;
}

.clear-both {
  clear: both;
}

.cs-pc-show {
  display: block !important;
}

.cs-mb-show {
  display: none !important;
}

.pt-50 {
  padding-top: 50px;
}

.pt-30-im {
  padding-top: 30px !important;
}

body.home-loan .h-l-step-block .big-radio {
  border: 1px solid #667c88;
  border-left: 1px solid #667c88;
}
.com_field .contact-mbnb .material-form-control input.fz-bigger {
  height: 36px;
  padding: 0;
}

.com_home-loans .h-l-form-fields .contact-mbnb .select-dropdown .default-select.grey-select.dropdown__theme.fz-bigger .select2-container .select2-selection--single .select2-selection__rendered{
  font-weight: normal;
}

.contact-mbnb .material-form-control .label {
  position: unset;
  transform: none;
}

.mt-60 {
  margin-top: 60px;
}



@media screen and (max-width: 991px) {
  .header__main .header__logo .logo-campaign {
    width: 100%;
    text-align: right;
    left: auto;
    right: 60px;
  }

  .header__main .header__logo .logo-campaign a {
    display: inline-block;
  }
}

@media (max-width: 767px) {
  .joint_block {
    display: block !important;
  }

  body.home-loan .com_home-loans .preview-field.joint_block > * {
    width: 100%;
    text-align: left;
  }

  .com_home-loans .mob-mt0 {
    margin-top: 0;
  }

  .com_home-loans .mob-mb15 {
    margin-bottom: 15px;
  }

  .com_home-loans .joint_lh-nm {
    line-height: normal;
  }

  .com_home-loans h3 {
    line-height: normal;
  }

  .com_home-loans .h-l-form-fields .h-l-profile-picture {
    flex: 0 0 60px;
    max-width: 60px;
    margin-top: 5px;
  }

  .myinfo-img {
    display: block;
  }

  .com_home-loans .preview-field.joint_block .big-text {
    font-size: 24px;
    margin-top: 5px;
  }

  .join_flr {
    float: right;
  }

  .w-70 {
    width: 70px;
    min-width: 70px;
  }

  .mb-5-im {
    margin-bottom: 5px;
  }

  .pb0-im {
    padding-bottom: 0 !important;
  }

  .mb-mb0-im {
    margin-bottom: 0 !important;
  }

  .mb-fz-14 {
    font-size: 14px;
  }

  .cs-pc-show {
    display: none !important;
  }

  .cs-mb-show {
    display: block !important;
  }

  .text-right-mb {
    text-align: right;
  }
  .mb-30-mb {
    margin-bottom: 30px !important;
  }

  .com_field .contact-mbnb .select-dropdown .default-select.grey-select select.form-control {
    /* font-weight: 600; */
    padding-bottom: 0;
    font-size: 24px;
    height: 36px;
  }

  .pb-20-mb {
    padding-bottom: 20px;
  }
}


@media screen and (min-width: 768px) {
  .com_home-loans .h-l-box-list .owl-carousel .owl-stage {
    display: flex;
  }
  .com_home-loans .h-l-box-list .owl-carousel .owl-stage {
    display: flex;
  }

  .com_home-loans .h-l-box-list .owl-carousel.owl-drag .owl-item {
    width: 380px !important;
  }

  .com_home-loans .h-l-box-list .owl-carousel .owl-stage .h-l-box-item {
    height: 100%;
    padding: 10px 0;
  }

  .com_home-loans .h-l-box-list .owl-carousel .owl-stage .h-l-box-item .h-l-box {
    width: 100%;
  }
}

.mv-relative-unit {
  max-width: 25%;
  min-width: unset
}
@media (max-width: 768px) {
  .mv-relative-unit {
    max-width: 40%;
  }
}