/* Custom styles */

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
button,
p {
    font-family: "Poppins", sans-serif !important;
}

body.custom-page-home .site-header {
    position: sticky;
    top: -44px;
}

form {
    margin: 0;
}

figure,
h1,
h2,
h3,
h4,
h5,
p {
    margin: 0;
}

a {
    color: unset;
}

a:hover {
    color: unset;
}

div#page-breadcrumb {
    display: none;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button,
select::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* firefox */
input[type="number"] {
    -moz-appearance: textfield;
    appearance: textfield;
}

select {
    -moz-appearance: none;
    appearance: none;
}

.font-1 {
    font-weight: 100;
}

.font-2 {
    font-weight: 200;
}

.font-3 {
    font-weight: 300;
}

.font-4 {
    font-weight: 400;
}

.font-5 {
    font-weight: 500;
}

.font-6 {
    font-weight: 600;
}

.font-7 {
    font-weight: 700;
}

.font-8 {
    font-weight: 800;
}

.text-12 {
    font-size: 12px;
}

.text-14 {
    font-size: 14px;
}

.text-16 {
    font-size: 16px;
}

.text-18 {
    font-size: 18px;
}

.text-19 {
    font-size: 19px;
}

.text-26 {
    font-size: 26px;
}

.text-30 {
    font-size: 30px;
}

.text-48 {
    font-size: 48px;
}

.color-5a5a5a {
    color: #5a5a5a;
}

.color-ffc001 {
    color: #FFC001;
}

.color-white {
    color: white;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-justify {
    text-align: justify;
}

.text-start {
    text-align: start;
}

.text-end {
    text-align: end;
}

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

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

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

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

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

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

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

.mr-5 {
    margin-right: 5px;
}

.mr-10 {
    margin-right: 10px;
}

.mr-15 {
    margin-right: 15px;
}

.mr-20 {
    margin-right: 20px;
}

.mr-25 {
    margin-right: 25px;
}

.mr-30 {
    margin-right: 30px;
}

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

.mb-10 {
    margin-bottom: 10px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-25 {
    margin-bottom: 25px;
}

.mb-30 {
    margin-bottom: 30px;
}

.ml-5 {
    margin-left: 5px;
}

.ml-10 {
    margin-left: 10px;
}

.ml-15 {
    margin-left: 15px;
}

.ml-20 {
    margin-left: 20px;
}

.ml-25 {
    margin-left: 25px;
}

.ml-30 {
    margin-left: 30px;
}

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

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

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

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

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

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

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

.pr-5 {
    padding-right: 5px;
}

.pr-10 {
    padding-right: 10px;
}

.pr-15 {
    padding-right: 15px;
}

.pr-20 {
    padding-right: 20px;
}

.pr-25 {
    padding-right: 25px;
}

.pr-30 {
    padding-right: 30px;
}

.pb-5 {
    padding-bottom: 5px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-14 {
    padding-bottom: 14px;
}

.pb-15 {
    padding-bottom: 15px;
}

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

.pb-25 {
    padding-bottom: 25px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-80 {
    padding-bottom: 80px;
}

.pl-5 {
    padding-left: 5px;
}

.pl-10 {
    padding-left: 10px;
}

.pl-15 {
    padding-left: 15px;
}

.pl-20 {
    padding-left: 20px;
}

.pl-25 {
    padding-left: 25px;
}

.pl-30 {
    padding-left: 30px;
}

.p-45-50 {
    padding: 45px 50px
}

.min-h-450 {
    min-height: 450px;
}

.max-w-1200 {
    max-width: 1200px;
}

.max-w-1300 {
    max-width: 1300px;
}

.max-w-725 {
    max-width: 725px;
}

.line-60 {
    line-height: 60px;
}

.m-0-auto {
    margin: 0 auto;
}

.flex {
    display: flex;
}

.grid {
    display: grid;
}

.none {
    display: none;
}

.block {
    display: block;
}

.inline {
    display: inline;
}

.justify-start {
    justify-content: flex-start;
}

.justify-end {
    justify-content: flex-end;
}

.justify-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between;
}

.justify-around {
    justify-content: space-around;
}

.justify-evenly {
    justify-content: space-evenly;
}

.justify-items-start {
    justify-items: start;
}

.justify-items-end {
    justify-items: end;
}

.justify-items-center {
    justify-items: center;
}

.justify-items-stretch {
    justify-items: stretch;
}

.justify-self-start {
    justify-self: start;
}

.justify-self-end {
    justify-self: end;
}

.justify-self-center {
    justify-self: center;
}

.justify-self-stretch {
    justify-self: stretch;
}

.flex-row {
    flex-direction: row;
}

.flex-row-reverse {
    flex-direction: row-reverse;
}

.flex-col {
    flex-direction: column;
}

.flex-col-reverse {
    flex-direction: column-reverse;
}

.items-center {
    align-items: center;
}

.gap-90 {
    gap: 90px;
}

.overflow-hidden {
    overflow: hidden;
}

.z-index-1 {
    z-index: 1;
}

.w6h100 {
    width: 100px;
    height: 6px;
    background: #FFC001;
}

.getbg {
    background-image: url(../customify-child/assets/images/testbg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.explore-your-options {
    width: 100%;
    min-height: 47px;
    background: linear-gradient(90deg, #FFBF00, #FFAE00);
    border-radius: 8px;
    padding: 0 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

.explore-your-options:hover {
    background: linear-gradient(90deg, #FFAE00, #FFBF00);
    box-shadow: 0 5px 15px rgba(255, 174, 0, 0.4);
    transform: translateY(-1px);
}

.explore-your-options .icon {
    width: 22px;
    height: 22px;
    background-image: url(../customify-child/assets/images/readmore1.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.getCol {
    grid-template-columns: 1fr 308px;
    background-image: url(../customify-child/assets/images/bg_no-income-check2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    align-items: center;
    gap: 90px;
}

/* layout */
.layout-contained,
.header--row-inner.header-top-inner .customify-container,
.header--row-inner.header-main-inner .customify-container,
.footer--row-inner.footer-main-inner .customify-container,
.footer--row-inner.footer-bottom-inner .customify-container {
    max-width: 1300px !important;
    margin: 0 auto;
    padding: 0;
}

body .site-header .customify-container {
    max-width: 1300px !important;
    margin: 0 auto;
    padding: 0;
}

.custom-page-home .customify-container,
.layout-contained {
    max-width: 100% !important;
    margin: 0 auto;
    padding: 0;
}

.customify-container,
.layout-contained {
    margin: 0;
    padding: 0;
    max-width: 100%;
}

#sidebar-secondary,
#sidebar-primary,
#main {
    padding-top: 0;
    padding-bottom: 70px;
}

body.custom-page-home #main {
    padding-bottom: 0;
}

.home .page-titlebar,
.custom-page-no-income-check .page-titlebar {
    display: none;
}

.page-titlebar {
    width: 100%;
    height: 204px;
    display: flex;
    padding: 0;
    background: linear-gradient(to bottom, #ffffff, #f4f4f4);
    border-bottom: none;
}

body.category-resources .page-titlebar {
    height: 268px;
}

.page-titlebar div {
    display: flex;
    justify-content: center;
    align-items: center;
}

body.single.single-post .categories-sidebar {
    margin-top: 87px;
}

.categories-sidebar .categories-widget .title-custom {
    color: #5A5A5A;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 13px;
    display: flex;
    gap: 5px;
    align-items: center;
}

.categories-sidebar .categories-widget .categories-list {
    list-style: none;
    margin: 0;
}

.categories-sidebar .categories-widget .categories-list .category-item {
    margin: 7px 0 7px 30px;
}

.categories-sidebar .categories-widget .categories-list .category-item a {
    font-size: 16px;
    font-weight: 400;
    color: #5A5A5A;
}

.categories-sidebar .categories-widget .categories-list .category-item.active a,
.categories-sidebar .categories-widget .categories-list .category-item a:hover {
    color: #FFC001;
}

body.single.single-post .site-content .customify-container .customify-grid,
body.archive .site-content .customify-container .customify-grid {
    display: block;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
}

body.single.single-post .customify-grid main#main,
body.archive .customify-grid main#main {
    max-width: 100%;
}

body.category.archive .page-titlebar div {
    flex-direction: column;
}

body.category.archive .page-titlebar div.titlebar-tagline p {
    width: 100%;
    max-width: 872px;
    margin: 0 auto;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    margin-top: 5px;
    color: #5a5a5a;
}

.page-titlebar h1 {
    font-size: 45px;
    line-height: 84px;
    font-weight: 700;
    text-align: center;
    color: #5a5a5a;
}

body.custom-page-meet-our-team .page-titlebar h1 {
    font-size: 45px;
}

.header-main .light-mode {
    box-shadow: none;
}

body.single-post .header-main .light-mode {
    box-shadow: 0 1px 2px 0 #e1e5ea;
}

.header--row-inner.header-top-inner.dark-mode {
    background: #ffc001;
}

.header--row-inner.header-top-inner.dark-mode .customify-container {
    height: 44px;
}

.item--inner.builder-item--search_icon {
    display: none;
}

.item--inner.builder-item--button {
    margin: 0;
}

.item--inner.builder-item--button .customify-builder-btn {
    background-color: #ffc001;
    border-radius: 75px;
    width: 178px;
    height: 44px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    text-transform: capitalize;
    align-items: center;
}

.nav-menu-desktop.style-plain .nav-menu>li {
    margin-right: 30px;
    height: 44px;
}

.nav-menu-desktop .menu>li>a {
    padding: 0;
    color: #5a5a5a;
    font-size: 14px;
    line-height: 21px;
    font-weight: 700;
    text-transform: capitalize;
}

.nav-menu-desktop #menu-top-menu>li.current-menu-item>a {
    color: #ffc001 !important;
    border-bottom: 3px solid #ffc001;
    padding-bottom: 8px;
}

.nav-menu-desktop #menu-top-menu>li>a:hover {
    color: #ffc001 !important;
    border-bottom: 3px solid #ffc001;
    padding-bottom: 8px;
}

.nav-menu-desktop .menu>li {
    padding-bottom: 8px;
}

.nav-menu-desktop .sub-menu {
    box-shadow: none;
    filter: drop-shadow(1px 1px 2px #00000040);
    width: max-content;
}

.header-menu-sidebar.dark-mode .header-menu-sidebar-bg:before {
    background-color: rgba(90, 90, 90, 0.9);
}

.nav-menu-desktop .sub-menu::before {
    content: "";
    background-image: url(../customify-child/assets/images/icon-triangle-menu.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 14px;
    height: 8px;
    display: inline-block;
    position: absolute;
    top: -7px;
    left: 20px;
}

.nav-menu-desktop .sub-menu li a {
    padding: 9px 0 9px 5px;
    border-bottom: 0.5px dashed #cecece;
    color: #5a5a5a;
    font-weight: 500;
    font-size: 14px;
}

.nav-menu-desktop .sub-menu li.current-menu-item a span {
    /* border-bottom: 3px solid #FFC001; */
    width: max-content;
    color: #ffc001;
}

.nav-menu-desktop .sub-menu li {
    padding: 0 10px;
}

.nav-menu-desktop .sub-menu li:last-child a {
    border-bottom: none;
}

.light-mode .nav-menu-desktop.style-plain .nav-menu>li.current-menu-ancestor>a {
    color: #ffc001 !important;
    border-bottom: 3px solid #ffc001;
    padding-bottom: 5px;
}

.light-mode .nav-menu-desktop.style-plain {
    position: relative;
    bottom: -10px;
}

.row-v2.no-center .col-v2.col-v2-right {
    flex: none;
}

.header-details {
    display: flex;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    gap: 15px;
    align-items: center;
}

.header-details div a {
    color: #ffffff !important;
}

.header-details div:nth-child(odd) {
    display: flex;
    align-items: center;
    gap: 10px;
}

.header-details .divine {
    width: 1px;
    height: 12px;
    background-color: #fff;
}

span.icon-location,
span.icon-email,
span.icon-phone,
span.icon-fb,
span.icon-ig,
span.icon-gg,
span.icon-location-contact,
span.icon-phone-contact,
span.icon-clock-contact,
span.article {
    display: block;
    width: 24px;
    height: 24px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    flex-shrink: 0;
}

span.icon-location {
    background-image: url(../customify-child/assets/images/icon-location.svg);
}

span.icon-email {
    background-image: url(../customify-child/assets/images/icon-email.svg);
}

span.icon-phone {
    background-image: url(../customify-child/assets/images/icon-phone.svg);
}

span.icon-fb {
    background-image: url(../customify-child/assets/images/icon-fb.svg);
}

span.icon-ig {
    background-image: url(../customify-child/assets/images/icon-ig.svg);
}

span.icon-gg {
    background-image: url(../customify-child/assets/images/icon-gg.svg);
}

span.icon-location-contact {
    background-image: url(../customify-child/assets/images/icon-location-contact.svg);
}

span.icon-phone-contact {
    background-image: url(../customify-child/assets/images/icon-phone-contact.svg);
}

span.icon-clock-contact {
    background-image: url(../customify-child/assets/images/icon-clock-contact.svg);
}

span.article {
    background-image: url(../customify-child/assets/images/article.svg);
}

span.icon-email-our-team,
span.icon-phone-our-team {
    display: block;
    width: 16px;
    height: 16px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    flex-shrink: 0;
}

span.icon-email-our-team {
    background-image: url(../customify-child/assets/images/icon-email-our-team.svg);
}

span.icon-phone-our-team {
    background-image: url(../customify-child/assets/images/icon-phone-our-team.svg);
}

.footer--row-inner.footer-main-inner.dark-mode {
    background-color: #5a5a5a;
}

.footer--row-inner.footer-main-inner.dark-mode .customify-container .customify-grid.customify-grid-top {
    justify-content: space-between;
}

.footer--row-inner.footer-main-inner.dark-mode .customify-container .customify-grid.customify-grid-top>div {
    max-width: 300px;
}

.footer--row-inner.footer-main-inner.dark-mode .customify-container .customify-grid.customify-grid-top>div:nth-of-type(1) {
    max-width: 310px;
}

.footer--row-inner.footer-bottom-inner.dark-mode {
    background-color: #787878;
}

.logo-bottom-footer {
    width: 80px;
    height: 80px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../customify-child/assets/images/logo-bottom-footer.svg);
}

.builder-footer-copyright-item.footer-copyright {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.customify-container:before,
.customify-container:after {
    display: none;
}

body .builder-footer-copyright-item.footer-copyright {
    padding: 20px 0 !important;
}

.builder-footer-copyright-item.footer-copyright div:first-child {
    display: flex;
    align-items: center;
    gap: 30px;
    min-width: 80px;
}

.builder-footer-copyright-item.footer-copyright div:first-child p {
    max-width: 569px;
}

.builder-footer-copyright-item.footer-copyright div:first-child p,
.builder-footer-copyright-item.footer-copyright div:nth-child(2) {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

.footer-bottom .footer--row-inner {
    padding: 0;
}

.footer-bottom .footer--row-inner .customify-container {
    display: grid;
}

.flex-content {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center;
}

.footer--row-inner.footer-main-inner.dark-mode .widget.widget_block {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

.footer--row-inner.footer-main-inner.dark-mode .widget.widget_block a {
    color: #fff;
    text-decoration: underline;
}

.footer--row-inner.footer-main-inner.dark-mode .widget.widget_block .about .distance {
    margin: 20px 0;
}

.footer--row-inner.footer-main-inner.dark-mode .wp-block-heading {
    color: #ffc001;
    text-transform: uppercase;
    font-weight: 700;
}

.footer--row-inner.footer-main-inner.dark-mode .widget.widget_block .contact,
.footer--row-inner.footer-main-inner.dark-mode .widget.widget_block .location {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-bottom: 50px;
}

.footer--row-inner.footer-main-inner.dark-mode .widget.widget_block .location {
    max-width: 300px;
}

.footer--row-inner.footer-main-inner.dark-mode .widget.widget_block .contact div:nth-of-type(2) a {
    font-size: 14px;
}

.footer--row-inner.footer-main-inner.dark-mode .widget.widget_block .social,
.footer--row-inner.footer-main-inner.dark-mode .widget.widget_block .contact div {
    display: flex;
    gap: 10px;
}

.footer--row-inner.footer-main-inner.dark-mode .widget.widget_block .contact a,
.footer--row-inner.footer-main-inner.dark-mode .widget.widget_block .social a {
    text-decoration: none;
}

.footer--row-inner.footer-main-inner.dark-mode .widget.widget_block .location div:nth-child(1),
.footer--row-inner.footer-main-inner.dark-mode .widget.widget_block .location div:nth-child(2) {
    display: flex;
    gap: 5px;
}

.footer--row-inner.footer-main-inner.dark-mode .widget.widget_block .location .work-hours {
    margin-top: 15px;
}

.footer--row-inner.footer-main-inner.dark-mode .widget.widget_block .location .work-hours .title {
    font-weight: 700;
}

.widget-area .widget ul li {
    margin: 0;
    display: flex;
    /* justify-content: center; */
    align-items: center;
    padding-bottom: 15px;
}

.widget-area .widget .menu-menus-footer-container ul li::before {
    content: "";
    margin-right: 10px;
    color: #ffffff;
    height: 24px;
    width: 24px;
    display: inline-block;
    background-image: url(../customify-child/assets/images/icon-list.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

body.custom-page-loan-resources-center section.block.container-bg {
    background-image: url(../customify-child/assets/images/bg_loan-resource.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 430px;
    display: flex;
    justify-content: center;
    align-items: center;
}

body.custom-page-loan-resources-center section.block1.container-bg {
    background-image: url(../customify-child/assets/images/bg_loan-resource1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 100px;
}

body section.loans-section {
    background-image: url(../customify-child/assets/images/bg_loan-resource2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

body.custom-page-no-income-check section.loans-section {
    background-image: url(../customify-child/assets/images/bg_no-income-check1.png);
}

body.custom-page-loan-resources-center section.block3.container-bg {
    padding-top: 60px;
    padding-bottom: 100px;
    background: linear-gradient(#ffffff 0%, #f6f6f6 50%, #f3f3f3 100%);
}

.dark-mode .widget-area .widget_nav_menu li a {
    border-color: transparent;
    padding-bottom: 0;
    margin-left: 5px;
    color: #fff !important;
    width: max-content;
}

.dark-mode .widget-area .widget_nav_menu li a:hover {
    color: #ffc001 !important;
}

.layout-content-pages,
.list-state-container {
    max-width: 1000px;
}

.list-state-container {
    margin-bottom: 3em;
}

.list-state-container .list-state {
    margin-bottom: 15px;
}

.list-state-container .list-state div:first-child {
    font-size: 22px;
    line-height: 42px;
    font-weight: 700;
}

.list-state-container .list-state div:nth-child(2) {
    font-size: 20px;
    line-height: 39px;
    font-weight: 400;
}

.state-licensing-disclosures-page {
    margin-bottom: 3em;
}

.state-licensing-disclosures-page img {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
}

p.layout-content-pages.paragraph {
    margin: 0 auto;
    padding-bottom: 20px;
    color: #5a5a5a;
}

p.layout-content-pages.paragraph a {
    color: #ffc003;
}

.triangle {
    display: block;
    width: 132px;
    height: 37px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../customify-child/assets/images/icon-triangle.svg);
    margin: 0 auto;
    margin-bottom: 3em;
}

main .entry-content {
    max-width: 1000px;
    margin: 0 auto !important;
}

body.custom-page-our-process main .entry-content,
body.custom-page-state-licensing-disclosures main .entry-content {
    max-width: 100%;
}

main .content-inner .entry-content p,
main .content-inner .entry-content ul {
    padding-bottom: 10px;
}

main .content-inner .entry-content p,
main .content-inner .entry-content ul li,
main .content-inner .entry-content h3,
main .content-inner .entry-content h4 {
    color: #5a5a5a;
}

main .content-inner .entry-content p,
main .content-inner .entry-content ul li {
    font-size: 16px;
    line-height: 27px;
}

body.custom-page-contact-us main .content-inner .entry-content p {
    font-size: 20px;
    line-height: 27px;
}

main .content-inner .entry-content h3 {
    font-size: 22px;
    line-height: 39px;
    font-weight: 700;
    margin-top: 1.5em;
}

main .content-inner .entry-content h4 {
    font-size: 18px;
    line-height: 30px;
    font-weight: 700;
    margin-top: 1em;
}

main .content-inner .entry-content .divide-1200 {
    max-width: 1200px;
    width: 100%;
    height: 1px;
    background: #cecece;
    margin-top: 2.5em;
    margin-bottom: 20px;
}

main .content-inner .entry-content .text-our-process {
    text-align: center;
    max-width: 537px;
    font-size: 12px;
}

main .content-inner .entry-content .w-1100 {
    max-width: 700px;
}

p.indented-content {
    padding-left: 20px;
}

p.link-content a {
    color: #ffc001;
    text-decoration: underline;
}

p.adding-spacing {
    padding-bottom: 10px;
}

.header-container,
.header-container .social {
    display: flex;
}

.header-container .social {
    gap: 5px;
}

.header-top .header--row-inner.header-top-inner.dark-mode .customify-container {
    position: relative;
}

.header-top .header--row-inner.header-top-inner.dark-mode .customify-container .social {
    position: absolute;
    right: 0;
}

body.custom-page-meet-our-team .page-titlebar {
    background: transparent;
    height: auto;
    margin-top: 4em;
}

body.custom-page-meet-our-team .header-main .light-mode,
body.custom-page-mortgage-calculator .header-main .light-mode,
body.custom-page-newsletter .header-main .light-mode {
    box-shadow: 0 1px 2px 0 #e1e5ea;
}

body.custom-page-meet-our-team .header-main .light-mode .page-titlebar h1 {
    font-size: 55px;
}

body.custom-page-meet-our-team main .entry-content {
    max-width: 1254px;
}

body.custom-page-meet-our-team .our-team-container .divine {
    width: 100%;
    max-width: 305px;
    height: 6px;
    background: #ffc001;
    border-radius: 10px;
    margin: 20px auto 30px auto;
}

body.custom-page-meet-our-team .our-team-container p {
    font-size: 22px;
    line-height: 33px;
    font-weight: 400;
    color: #5a5a5a;
    margin: 0 auto;
    max-width: 1080px;
    text-align: center;
}

body.custom-page-meet-our-team .our-team-container .our-team {
    display: grid;
    grid-template-columns: repeat(5, 240px);
    gap: 25px;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    margin-top: 60px;
    margin-bottom: 30px;
    justify-content: space-evenly;
}

body.custom-page-meet-our-team .our-team-container .profile-card {
    width: 100%;
    max-width: 291px;
    display: flex;
    flex-direction: column;
}

body.custom-page-meet-our-team .our-team-container .profile-image {
    width: 100%;
    max-width: 240px;
    height: 312px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

body.custom-page-meet-our-team .our-team-container .profile-image.billy {
    background-image: url("../customify-child/assets/images/billy.png");
}

body.custom-page-meet-our-team .our-team-container .profile-image.troy {
    background-image: url("../customify-child/assets/images/troy.png");
}

body.custom-page-meet-our-team .our-team-container .profile-image.tyrone {
    background-image: url("../customify-child/assets/images/tyrone.png");
}

body.custom-page-meet-our-team .our-team-container .profile-image.ly {
    background-image: url("../customify-child/assets/images/ly.png");
}

body.custom-page-meet-our-team .our-team-container .profile-image.celine {
    background-image: url("../customify-child/assets/images/ngoc.png");
}

body.custom-page-meet-our-team .our-team-container .profile-image.brandon {
    background-image: url("../customify-child/assets/images/brandon.png");
}

body.custom-page-meet-our-team .our-team-container .profile-image.yen {
    background-image: url("../customify-child/assets/images/yen.png");
}

body.custom-page-meet-our-team .our-team-container .profile-image.lesa {
    background-image: url("../customify-child/assets/images/lesa.png");
}

body.custom-page-meet-our-team .our-team-container .profile-image.natanon_corbin {
    background-image: url("../customify-child/assets/images/corbin.png");
}

body.custom-page-meet-our-team .our-team-container .profile-image.emily_baker {
    background-image: url("../customify-child/assets/images/emily.png");
}

body.custom-page-meet-our-team .our-team-container .profile-image.binh_huynh {
    background-image: url("../customify-child/assets/images/binh-huynh.png");
}

body.custom-page-meet-our-team .our-team-container .profile-image.kelvin_nguyen {
    background-image: url("../customify-child/assets/images/kevin-nguyen.png");
}

body.custom-page-meet-our-team .our-team-container .profile-image.hanh_nguyen {
    background-image: url("../customify-child/assets/images/hanh-nguyen.png");
}

body.custom-page-meet-our-team .our-team-container .profile-image.khuyen_nguyen {
    background-image: url("../customify-child/assets/images/vanh-khuyen.png");
}

body.custom-page-meet-our-team .our-team-container .contact-info {
    background-color: #00000080;
    height: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    width: -webkit-fill-available;
    width: -moz-available;
    bottom: 0;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    transition: height 0.3s ease-in-out, opacity 0.2s ease-in-out;
    opacity: 0;
    gap: 10px;
    overflow: hidden;
    padding: 10px 0;
}

body.custom-page-meet-our-team .our-team-container .profile-card:hover .contact-info {
    height: 100px;
    opacity: 1;
}

body.custom-page-meet-our-team .our-team-container .contact-item {
    display: flex;
    align-items: center;
    color: white;
    transform: translateY(100%);
    transition: transform 0.3s ease-in-out;
}

body.custom-page-meet-our-team .our-team-container .contact-item a {
    color: white;
}

body.custom-page-meet-our-team .our-team-container .contact-item:nth-child(1) {
    transition-delay: 0.1s;
}

body.custom-page-meet-our-team .our-team-container .contact-item:nth-child(2) {
    transition-delay: 0.2s;
}

body.custom-page-meet-our-team .our-team-container .profile-card:hover .contact-item {
    transform: translateY(0);
}

body.custom-page-meet-our-team .our-team-container span.tag {
    width: 30px;
    height: 25px;
    background-color: #ffc001;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: end;
}

body.custom-page-meet-our-team .our-team-container span.circle {
    width: 21px;
    height: 21px;
    background-color: white;
    border-radius: 50%;
    margin-right: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
}

body.custom-page-meet-our-team .our-team-container .contact-item .phone {
    font-size: 13px;
    line-height: 22px;
    font-weight: 400;
    word-break: break-all;
}

body.custom-page-meet-our-team .our-team-container .contact-item .email {
    font-size: 12px;
    line-height: 22px;
    font-weight: 400;
    word-break: break-all;
}

body.custom-page-meet-our-team .our-team-container .profile-name {
    font-size: 20px;
    line-height: 100%;
    font-weight: 700;
    color: #ffc001;
    margin-top: 20px;
    margin-bottom: 5px;
    text-transform: uppercase;
}

body.custom-page-meet-our-team .our-team-container .profile-position {
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    color: #5a5a5a;
}

.profile-license {
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    color: #5a5a5a;
}

body.custom-page-meet-our-team .our-team-container .profile-license {
    margin-top: 5px;
}

body.custom-page-our-lending-partners .site-content .customify-container .customify-grid,
.layout-contained {
    max-width: 1220px !important;
    margin: 0 auto;
    padding: 0;
}

body.custom-page-our-lending-partners main .entry-content {
    max-width: 100%;
}

body.custom-page-our-lending-partners main .entry-content .wpcp-single-item {
    border: none !important;
    max-width: 170px;
    display: flex;
    align-items: center;
}

body.custom-page-our-lending-partners .wpcpro-row {
    margin: 0;
    row-gap: 30px;
}

body.custom-page-our-lending-partners .wpcpro-row>div {
    display: flex;
    justify-content: center;
    min-height: 155px;
    padding-bottom: 0 !important;
}

.nav-menu-desktop .nav-icon-angle {
    width: 8px;
    height: 8px;
    border-left: 2.5px solid currentColor;
    border-top: 2.5px solid currentColor;
}

.nav-menu-desktop .menu>li.menu-item-has-children>a .nav-icon-angle {
    margin-right: 4px;
}

.site-footer {
    z-index: 9;
}

.container-widget-form-result {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
}

.container-widget-form-result.override-rate-form-container {
    box-shadow: 5px 15px 35px -5px #00000040;
    border-radius: 20px;
}

.container-widget-form-result .title {
    background: #5a5a5a;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    height: 58px;
    display: flex;
    align-items: center;
}

.container-widget-form-result .title p {
    text-align: center;
    font-size: 25px !important;
    font-weight: 500;
    line-height: 100% !important;
    text-transform: uppercase;
    color: #fff !important;
    width: 100%;
    margin: 0;
}

.container-widget-form-result input:focus {
    border: none !important;
    box-shadow: none;
    font-size: 15px !important;
}

.custom-modal-text {
    font-size: 12px;
    font-weight: 400;
    color: #5A5A5A;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    margin-top: -5px;
}

.custom-modal-text span {
    font-weight: 600;
}

.custom-modal-text a {
    color: #ffc001;
}

section.homepage-widgets.top-banner.no-rates-form {
    height: 100% !important;
}

.homepage-widgets.top-banner .container-bg {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    gap: 50px;
}

.homepage-widgets.top-banner .left-content {
    max-width: 630px;
}

.homepage-widgets.top-banner .left-content .button-custom {
    display: flex;
    gap: 20px;
}

.homepage-widgets.top-banner .left-content .title h2 {
    font-size: 80px;
    font-weight: bold;
    color: #5a5a5a;
    margin-bottom: 30px;
}

.homepage-widgets.top-banner .left-content .title h2 span.custom-text {
    color: #ffc001;
}

.homepage-widgets.top-banner .left-content .des p {
    font-size: 24px;
    line-height: 36px;
    color: #5a5a5a;
    margin-bottom: 50px;
}

.homepage-widgets.top-banner .right-content {
    max-width: 602px;
    margin-top: 2em;
}

.homepage-widgets.top-banner .right-content .image img {
    width: 100%;
    max-width: 662px;
    height: 602px;
}

.homepage-widgets.top-banner .button-custom .request-quote:hover {
    color: white !important;
}

.homepage-widgets.top-banner .button-custom .apply-now:hover,
.homepage-widgets.top-banner .button-custom .apply-now:focus,
.homepage-widgets.top-banner .button-custom .apply-now:active {
    color: #ffc001 !important;
}

body.custom-page-home .homepage-widgets.top-banner .button-custom .apply-now:hover {
    background: #ffc001;
    color: white !important;
    box-shadow: none;
}

.homepage-widgets.top-banner .right-content .image {
    background-image: url(../customify-child/assets/images/top-banner.png);
    width: 100%;
    height: 602px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.homepage-widgets.top-banner .apply-now,
.homepage-widgets.top-banner .request-quote {
    text-transform: capitalize;
}

.sidebar-content.sidebar_vertical_border .content-area {
    border-left: none;
}

.sidebar-primary-inner.sidebar-inner.widget-area {
    display: block;
    max-width: 275px;
    width: 100%;
    padding: 0;
}

body.archive .sidebar-content.sidebar_vertical_border .content-area {
    padding: 0;
}

body.custom-page-home .recent-posts {
    background-image: url(../customify-child/assets/images/new_banner.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
    position: relative;
    padding-top: 80px;
}

body .archive-posts-custom {
    display: grid;
    grid-template-columns: 275px 1fr;
    gap: 55px;
}

.post-date-custom {
    color: #A7A7A7;
    font-size: 12px;
    font-weight: 300;
    text-transform: uppercase;
    margin-top: 5px;
    display: block;
}

.post-date-custom.single-date {
    margin: 15px 0;
}

body.custom-page-home .recent-posts h2,
body .archive-posts-custom h2 {
    font-size: 48px;
    font-weight: bold;
    color: #5a5a5a;
    margin: 0;
    text-align: center;
}

body .archive-posts-custom h2 {
    display: none;
}

body.custom-page-home .recent-posts h2 span,
body .archive-posts-custom h2 span {
    color: #ffc001;
}

body.custom-page-home .recent-posts>p,
body .archive-posts-custom>p {
    font-size: 24px;
    line-height: 36px;
    color: #5a5a5a;
    margin-top: 1em;
    margin-bottom: 2em;
    text-align: center;
}

body.custom-page-home .recent-posts>p {
    margin-top: 25px;
    margin-bottom: 40px;
    font-size: 20px !important;
    font-weight: 400;
}

body.custom-page-home .recent-posts>div {
    position: relative;
}

body.custom-page-home .recent-posts>div>div::before {
    left: 0;
    background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
}

body.custom-page-home .recent-posts>div>div::after {
    right: 0;
    background: linear-gradient(to left, white 0%, rgba(255, 255, 255, 0) 100%);
}

body.custom-page-home .recent-posts .swiper-wrapper.posts-list {
    justify-content: space-between;
}

body .archive-posts-custom .posts-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 310px));
    gap: 20px;
    align-items: flex-start;
}

.sidebar-content.sidebar_vertical_border .content-inner {
    padding-left: 0;
}

body.single.single-post .single-post {
    margin-top: 60px;
    display: grid;
    grid-template-columns: 275px 1fr;
    gap: 55px;
}

body.custom-page-home .recent-posts .posts-list .post-item,
body .archive-posts-custom .posts-list .post-item,
body.single.single-post .single-post .container-single .related-posts .post-item {
    box-shadow: 2px 5px 25px 0 rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    width: 100%;
    max-width: 310px;
}

body.custom-page-home .recent-posts .posts-list .post-item .image,
body .archive-posts-custom .posts-list .post-item .image,
body.single.single-post .single-post .container-single .related-posts .post-item .image {
    width: 100%;
    height: 235px;
}

body.custom-page-home .recent-posts .posts-list .post-item .image img,
body .archive-posts-custom .posts-list .post-item .image img,
body.single.single-post .single-post .container-single .related-posts .post-item .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}

body.custom-page-home .recent-posts .posts-list .post-item .content,
body .archive-posts-custom .posts-list .post-item .content,
body.single.single-post .single-post .container-single .related-posts .post-item .content {
    padding: 15px 20px 30px 20px;
}

body.custom-page-home .recent-posts .posts-list .post-item .content .tags-container,
body .archive-posts-custom .posts-list .post-item .content .tags-container,
body.single.single-post .single-post .container-single .related-posts .post-item .content .tags-container {
    display: flex;
    gap: 5px;
    width: 100%;
    margin-bottom: 10px;
    min-height: 32px;
    overflow-x: scroll;
    white-space: nowrap;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

body.custom-page-home .recent-posts .posts-list .post-item .content .tags-container .category,
body .archive-posts-custom .posts-list .post-item .content .tags-container .category {
    font-size: 13px;
    line-height: 20px;
    font-weight: 400;
    color: #ffc001;
    background: #fff5e3;
    border-radius: 20px;
    display: block;
    width: max-content;
    padding: 6px 16px;
    flex-shrink: 0;
    cursor: pointer;
}

body.single.single-post .single-post .container-single .related-posts .post-item .content .tags-container .category {
    font-size: 13px;
    line-height: 20px;
    font-weight: 400;
    color: #ffc001;
    background: #fff5e3;
    border-radius: 20px;
    display: block;
    width: max-content;
    padding: 6px 16px;
    flex-shrink: 0;
    cursor: pointer;
}

body.custom-page-home .recent-posts .posts-list .post-item .content .title,
body.custom-page-home .recent-posts .posts-list .post-item .content .des p,
body .archive-posts-custom .posts-list .post-item .content .title,
body .archive-posts-custom .posts-list .post-item .content .des p,
body.single.single-post .single-post .container-single .related-posts .post-item .content .title,
body.single.single-post .single-post .container-single .related-posts .post-item .content .des p {
    color: #5a5a5a;
}

body.custom-page-home .recent-posts .posts-list .post-item .content .title,
body .archive-posts-custom .posts-list .post-item .content .title,
body.single.single-post .single-post .container-single .related-posts .post-item .content .title {
    font-size: 18px;
    line-height: 27px;
    font-weight: 500;
    margin: 0;
    min-height: 54px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

body.custom-page-home .recent-posts .posts-list .post-item .content .title a,
body .archive-posts-custom .posts-list .post-item .content .title a,
body.single.single-post .single-post .container-single .related-posts .post-item .content .title a {
    cursor: pointer;
}

body.custom-page-home .recent-posts .posts-list .post-item .content .des,
body .archive-posts-custom .posts-list .post-item .content .des,
body.single.single-post .single-post .container-single .related-posts .post-item .content .des {
    margin-top: 10px;
    margin-bottom: 20px;
    min-height: 84px;
}

body.custom-page-home .recent-posts .posts-list .post-item .content .des p,
body .archive-posts-custom .posts-list .post-item .content .des p,
body.single.single-post .single-post .container-single .related-posts .post-item .content .des p {
    font-size: 14px;
    line-height: 21px;
    margin: 0;

    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 84px;
}

body.custom-page-home .recent-posts .posts-list .post-item .content .readmore,
body .archive-posts-custom .posts-list .post-item .content .readmore,
body.single.single-post .single-post .container-single .related-posts .post-item .content .readmore {
    width: 100%;
    max-width: 169px;
    margin: 0 auto;
}

body.custom-page-home .recent-posts .posts-list .post-item .content .readmore a,
body .archive-posts-custom .posts-list .post-item .content .readmore a,
body.single.single-post .single-post .container-single .related-posts .post-item .content .readmore a {
    font-size: 16px;
    line-height: 24px;
    color: white;
    font-weight: 400;
    background: #ffc001;
    border-radius: 75px;
    width: 169px;
    height: 44px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

body.custom-page-home .homepage-widgets.logos-slider {
    background-color: #F0F0F0;
    min-height: 255px;
}

body.custom-page-home .homepage-widgets.logos-slider .title {
    width: 100%;
    font-size: 30px;
    font-weight: 600;
    color: #5a5a5a;
    display: flex;
    justify-content: center;
    padding-top: 35px;
}

body.custom-page-home .homepage-widgets.logos-slider .divine-logos {
    margin-bottom: 20px;
    margin-top: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 13px;
}

body.custom-page-home .homepage-widgets.logos-slider .divine-logos .divine-logos-line1,
body.custom-page-home .homepage-widgets.logos-slider .divine-logos .divine-logos-line2 {
    background: #C5C5C5;
    width: 200px;
    height: 1px;
}

body.custom-page-home .homepage-widgets.logos-slider .divine-logos .divine-logos-dot {
    background: #FFC001;
    width: 8px;
    height: 8px;
    border-radius: 100%;
}

body.custom-page-home .homepage-widgets.logos-slider .wpcp-carousel-wrapper {
    display: flex;
    align-items: center;
    justify-self: center;
    width: 100%;
}

body.custom-page-home .homepage-widgets.logos-slider .wpcp-carousel-wrapper .wpcp-carousel-content-wrapper {
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
    min-height: 97px;
}

body.custom-page-home .homepage-widgets.logos-slider .wpcp-carousel-wrapper .wpcp-carousel-content-wrapper>div {
    min-height: 97px;
}

body.custom-page-home .homepage-widgets.logos-slider .wpcp-carousel-wrapper .wpcp-carousel-content-wrapper div.wpcp-single-item {
    border: none !important;
    width: 100%;
    max-width: 200px;
}

.is-menu-sidebar.menu_sidebar_slide_left {
    overflow: hidden !important;
}

.homepage-widgets.cards {
    background-image: url(../customify-child/assets/images/card_banner-homepage.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 831px;
    position: relative;
}

.homepage-widgets.cards .container-cards .wrapper-content-cards {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.homepage-widgets.cards .container-cards .wrapper-content-cards p.text1-cards {
    font-size: 28px;
    font-weight: 500;
    line-height: 100%;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.homepage-widgets.cards .container-cards .wrapper-content-cards p.text2-cards {
    color: #5a5a5a;
    font-size: 55px;
    font-weight: 700;
    line-height: 68px;
}

.homepage-widgets.cards .container-cards .wrapper-content-cards p.text2-cards span {
    color: #FFC001;
}

.homepage-widgets.cards .container-cards .wrapper-content-cards p.text3-cards {
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
    color: #5a5a5a;
    margin-top: 30px;
}

.homepage-widgets.cards .cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    width: 100%;
    gap: 30px;
}

.homepage-widgets.cards .cards .card-item:nth-of-type(1),
.homepage-widgets.cards .cards .card-item:nth-of-type(3) {
    bottom: 60px;
}

.homepage-widgets.cards .cards .card-item:nth-of-type(2),
.homepage-widgets.cards .cards .card-item:nth-of-type(4) {
    top: 60px;
}

.homepage-widgets.cards .cards .card-item {
    width: 100%;
    max-width: 250px;
    box-shadow: 5px 15px 35px -5px #00000040;
    border-radius: 30px;
    background: linear-gradient(to top,
            #ffc001 0%,
            #ffc001 50%,
            white 50%,
            white 100%);
    background-size: 100% 200%;
    background-position: top;
    min-height: 250px;
    height: 100%;
    transition: background-position 0.5s ease-out;
    position: relative;
}

.homepage-widgets.cards .cards .card-item:hover {
    background-position: bottom;
}

.homepage-widgets.cards .cards .card-item .image,
.homepage-widgets.cards .cards .card-item .image-with-hover {
    width: 100%;
    height: 90px;
    margin: 0 auto;
    margin-top: 28px;
}

.homepage-widgets.cards .cards .card-item .image-with-hover {
    margin-top: 28px;
}

.homepage-widgets.cards .cards .card-item .image {
    max-width: 90px;
}

.homepage-widgets.cards .cards .card-item .image img,
.homepage-widgets.cards .cards .card-item .image-with-hover img {
    width: 100%;
    height: 100px;
    object-fit: contain;
    max-width: 100px;
}

.homepage-widgets.cards .cards .card-item:nth-of-type(3) .image img,
.homepage-widgets.cards .cards .card-item:nth-of-type(3) .image-with-hover img {
    width: 100%;
    height: 104px;
}

.homepage-widgets.cards .cards .card-item .title {
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
    color: #5a5a5a;
    margin: 20px auto 5px auto;
    padding: 0 25px;
}

.homepage-widgets.cards .cards .card-item:hover .title {
    margin: 20px auto 5px auto;
    padding: 0 25px;
}

.homepage-widgets.cards .cards .card-item .des {
    font-size: 13px;
    line-height: 22px;
    font-weight: 400;
    color: #5a5a5a;
    margin: 0 auto;
    padding: 0 25px;
}

.homepage-widgets.cards .cards .card-item .title,
.homepage-widgets.cards .cards .card-item .des {
    text-align: center;
    width: 100%;
    max-width: 246px;
}

.homepage-widgets.cards .cards .card-item:hover .title,
.homepage-widgets.cards .cards .card-item:hover .des {
    color: white;
}

.homepage-widgets.cards .cards .card-item .image-with-hover {
    display: none;
}

.homepage-widgets.cards .cards .card-item:hover .image-with-hover {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90px;
    height: 90px;
}

.homepage-widgets.cards .cards .card-item:hover .image-with-hover>div {
    max-width: 90px;
    height: 90px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.homepage-widgets.cards .cards .card-item:hover .image {
    display: none;
}

.homepage-widgets.cards .cards .card-item .image div,
.homepage-widgets.cards .cards .card-item .image-with-hover>div>div {
    width: 100%;
    height: 90px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.homepage-widgets.cards .cards .card-item:nth-of-type(3) .image div,
.homepage-widgets.cards .cards .card-item:nth-of-type(3) .image-with-hover div>div {
    height: 90px;
}

.homepage-widgets.cards .cards .card-item:nth-child(1) .image div {
    background-image: url(../customify-child/assets/images/rates.png);
}

.homepage-widgets.cards .cards .card-item:nth-child(2) .image div {
    background-image: url(../customify-child/assets/images/chat.png);
}

.homepage-widgets.cards .cards .card-item:nth-child(3) .image div {
    background-image: url(../customify-child/assets/images/option.png);
}

.homepage-widgets.cards .cards .card-item:nth-child(4) .image div {
    background-image: url(../customify-child/assets/images/process.png);
}

.homepage-widgets.cards .cards .card-item:nth-child(1) .image-with-hover div>div {
    background-image: url(../customify-child/assets/images/rates_view.png);
}

.homepage-widgets.cards .cards .card-item:nth-child(2) .image-with-hover div>div {
    background-image: url(../customify-child/assets/images/chat_view.png);
}

.homepage-widgets.cards .cards .card-item:nth-child(3) .image-with-hover div>div {
    background-image: url(../customify-child/assets/images/option_view.png);
}

.homepage-widgets.cards .cards .card-item:nth-child(4) .image-with-hover div>div {
    background-image: url(../customify-child/assets/images/process_view.png);
}

.homepage-widgets.cards>div:nth-child(1)>div>div h4 {
    line-height: 42px;
    font-weight: 400;
    margin-bottom: 30px;
}

.homepage-widgets.cards>div:nth-child(1)>div>div h3 {
    width: 100%;
    max-width: 866px;
    text-align: center;
    margin: 0 auto;
    line-height: 100px;
    font-weight: bold;
}

.homepage-widgets.cards>div:nth-child(2) {
    position: relative;
    z-index: 2;
}

.homepage-widgets.cards .container-cards {
    display: grid;
    grid-template-columns: 1fr 530px;
    gap: 55px;
    width: 100%;
    max-width: 1300px;
}

body.custom-page-home .homepage-widgets.lending {
    margin-bottom: 80px !important;
}

body.custom-page-home .homepage-widgets.lending>div>div>div>p {
    margin-bottom: 20px;
}

body.custom-page-home .homepage-widgets.lending {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
}

body.custom-page-home .homepage-widgets.lending .custom-col-2-lending {
    display: grid !important;
    grid-template-columns: 80px 1fr;
    gap: 30px;
    margin-bottom: 20px;
}

body.custom-page-home .homepage-widgets.lending .custom-col-2-lending>div:nth-child(1) {
    display: flex;
    align-items: center;
}

body.custom-page-home .homepage-widgets.lending .custom-col-2-lending>div:nth-child(2) p,
body.custom-page-home .homepage-widgets.lending .custom-col-2-lending>div:nth-child(2) h4 {
    margin: 0;
}

body.custom-page-home .homepage-widgets.lending>div>div>div h5 {
    margin-bottom: 5px;
}

body.custom-page-home .homepage-widgets.lending>div>div>div h3 {
    margin-bottom: 10px;
}

body.custom-page-home .homepage-widgets.lending>div>div>div h3 mark {
    line-height: 1;
    display: block;
    font-weight: 600;
}

body.custom-page-home .homepage-widgets.lending>div>div>div div.wp-block-buttons {
    gap: 20px;
    margin-top: 30px;
}

body.custom-page-home .homepage-widgets.lending>div>div>div div.wp-block-buttons div {
    height: 44px;
}

body.custom-page-home .homepage-widgets.lending>div>div>div div.wp-block-buttons div:nth-child(1) a,
body.custom-page-home .homepage-widgets.lending>div>div>div div.wp-block-buttons div:nth-child(2) a {
    height: 44px;
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 24px;
    justify-content: center;
    font-weight: bold;
}

body.custom-page-home .homepage-widgets.lending>div>div>div div.wp-block-buttons div:nth-child(2) a {
    border: 3px solid #ffc001;
}

body.custom-page-home .homepage-widgets.lending>div>div>div div.wp-block-buttons div:nth-child(1) {
    width: 266px;
}

body.custom-page-home .homepage-widgets.lending>div>div>div div.wp-block-buttons div:nth-child(2) {
    width: 201px;
}

body.custom-page-home .homepage-widgets.lending>div>div>div:nth-child(1) figure {
    margin-top: 0;
}

body.custom-page-home .homepage-widgets.reviews {
    width: 100%;
    height: 195px;
    max-width: 100%;
    background-image: url(../customify-child/assets/images/banner_review.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}

body.custom-page-home .homepage-widgets.reviews>div {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 1300px;
    left: 50%;
}

body.custom-page-home .homepage-widgets.reviews>div>div>div>div>div:nth-child(2) h3,
body.custom-page-home .homepage-widgets.reviews>div>div>div>div>div:nth-child(2) span {
    font-size: 60px;
    font-weight: bold;
    color: #ffc001;
    line-height: 1;
    margin: 0;
}

body.custom-page-home .homepage-widgets.reviews>div>div>div>div>div:nth-child(2) p {
    font-size: 20px;
    line-height: 100%;
    font-weight: 400;
    color: #ffffff;
    margin: 0;
}

body.custom-page-home .homepage-widgets.reviews>div>div>div>div>div:nth-child(2) p a {
    text-decoration: underline;
}

body.custom-page-home .homepage-widgets.reviews>div>div>div>div>div:nth-child(2) p a:hover {
    color: #FFC001;
}

body.custom-page-home .homepage-widgets.reviews>div>div>div>div>div figure {
    margin: 0;
}

body.custom-page-home .homepage-widgets.reviews .col-reviews>div div:nth-child(1) {
    position: relative;
}

body.custom-page-home .homepage-widgets.reviews .col-reviews>div div:nth-child(1) figure {
    margin: 0;
    padding: 0;
}

body.custom-page-home .homepage-widgets.reviews .col-reviews>div div:nth-child(1) figure.image-dark,
body.custom-page-home .homepage-widgets.reviews .col-reviews>div div:nth-child(1) figure.image-light {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 75px;
    height: 75px;
    transition: opacity 0.3s ease;
    transform: translate(-50%, -50%);
}

body.custom-page-home .homepage-widgets.reviews .col-reviews>div div:nth-child(1) figure.image-dark {
    z-index: 1;
}

body.custom-page-home .homepage-widgets.reviews .col-reviews>div div:nth-child(1) figure.image-light {
    z-index: 2;
    opacity: 0;
}

body.custom-page-home .homepage-widgets.reviews .col-reviews:hover>div div:nth-child(1) figure.image-light {
    opacity: 1;
}

body.custom-page-home .homepage-widgets.reviews .col-reviews>div {
    display: grid;
    grid-template-columns: 75px 1fr;
    gap: 15px;
    margin: 0;
    width: 100%;
}

body.custom-page-home .homepage-widgets.reviews .col-reviews>div div:nth-child(1) {
    display: flex;
    justify-content: center;
    align-items: center;
}

body.custom-page-home .homepage-widgets.reviews>div>div {
    gap: 15px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

body.custom-page-home .homepage-widgets.reviews>div>div>div {
    display: flex;
    justify-self: center;
    align-items: center;
    text-align: center;
}

body .form-by-step {
    box-shadow: 2px 5px 15px 0 #00000040;
    border-radius: 15px;
    background: white;

    position: relative;
    min-height: 400px;
    overflow: hidden;
}

body .form-by-step div.notice.notice-success p {
    font-weight: bold;
    color: #28a745;
    padding: 0;
    margin-bottom: 15px;
}

body.custom-page-pre-qualify .form-by-step {
    position: relative;
    top: -142px;
    margin-bottom: -80px;
}

body .form-by-step>p {
    margin: 0 !important;
    padding: 0 !important;
    font-weight: bold;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    min-height: 57px;
    display: flex;
    justify-content: center;
    align-items: center;
}

body .form-by-step>div {
    margin: 0;
    padding: 0 30px;
}

body .form-by-step>p mark a,
body .form-by-step>p mark a:hover {
    color: white;
}

body .form-by-step>div:nth-child(1) {
    margin: 0 30px;
    padding: 0;
    border-bottom: 1px solid #cecece;
    padding-bottom: 25px;
    padding-top: 30px;
    flex-wrap: nowrap !important;
}

body .form-by-step .loan-content-with-flex {
    display: flex;
    justify-content: end;
    align-items: center;
    text-align: end;
}

body .form-by-step>div:nth-child(1)>div:nth-child(2) {
    display: flex;
    justify-content: end;
    align-items: center;
    text-align: end;
}

body .form-by-step>div:nth-child(1)>div:nth-child(2)>div {
    margin: 0;
}

body .form-by-step>div:nth-child(3) {
    display: grid;
    grid-template-columns: 1fr 270px;
    margin-bottom: 40px;
}

body .form-by-step>div:nth-child(3) h3 {
    font-size: 46px;
    line-height: 69px;
    font-weight: bold;
}

body .form-by-step>div:nth-child(3) p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

body .form-by-step>div:nth-child(3) h3,
body .form-by-step>div:nth-child(3) p {
    margin: 0;
    padding: 0;
}

body .form-by-step>div:nth-child(1) p {
    padding: 0;
    margin: 0;
}

body .form-by-step>div:nth-child(1) p a {
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 24px;
    color: #5a5a5a;
    padding: 0;
    margin: 0;
}

body .form-by-step>div:nth-child(1) p strong {
    font-size: 18px;
    line-height: 27px;
}

body .form-by-step .step-progress {
    margin-top: 30px;
    margin-bottom: 20px;
}

/* set full width */
body.custom-page-pre-qualify .customify-container,
body.custom-page-pre-qualify .customify-container main .entry-content,
body.custom-page-loan-options .customify-container,
body.custom-page-loan-options .customify-container main .entry-content,
body.custom-page-contact-us .customify-container,
body.custom-page-contact-us .customify-container main .entry-content,
body.custom-page-reviews .customify-container,
body.custom-page-reviews .customify-container main .entry-content {
    max-width: 100% !important;
    padding: 0;
}

body.custom-page-rates-result .page-titlebar,
body.custom-page-loan-options .page-titlebar,
body.custom-page-contact-us .page-titlebar,
body.custom-page-reviews .page-titlebar,
body.custom-page-pre-qualify .page-titlebar,
body.custom-page-newsletter .page-titlebar {
    display: none;
}

body.custom-page-pre-qualify .customify-container main .entry-content>div,
body.custom-page-loan-options .customify-container main .entry-content .form-by-step {
    max-width: 1000px;
    margin: 0 auto;
}

.form-by-step .progress-container {
    width: 100%;
    height: 8px;
    background: transparent;
    border-radius: 100px;
    display: flex;
    margin-bottom: 20px;
    gap: 6px;
}

.form-by-step .progress-segment {
    flex: 1;
    height: 100%;
    background: #e9e9e9;
    transition: background-color 0.3s ease;
}

.form-by-step .progress-segment:first-child {
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
}

.form-by-step .progress-segment:last-child {
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
}

.form-by-step .progress-segment.active {
    background: #ffc001;
}

.form-by-step {
    position: relative;
    overflow: hidden;
}

.form-by-step .form-step-custom {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    width: 100%;
    transition: all 0.4s ease;
    transform: translateX(50px);
    z-index: -1;
    top: 0;
    left: 0;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.form-by-step .form-step-custom .hide-without-home-purchase {
    margin-top: 30px;
    display: none;
}

.form-step-custom.active {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

.form-by-step .form-step-custom.active {
    opacity: 1;
    visibility: visible;
    position: relative;
    transform: translateX(0);
    z-index: 1;
}

.form-by-step .step-progress .step-text {
    font-size: 16px;
    line-height: 24px;
    color: #909090;
    margin-bottom: 10px;
}

.form-by-step .form-step-custom label.label {
    font-size: 16px;
    font-weight: 400;
    color: #5a5a5a;
    margin-bottom: 5px;
    display: block;
}

.form-by-step .form-step-custom input {
    width: 100%;
    max-width: 320px;
    border-radius: 10px;
    padding: 16px;
    border: 1px solid #c6c6c6;
    box-shadow: none;
    height: 51px;
    font-weight: 500;
    color: #5a5a5a;
}

.form-by-step .form-step-custom .number-item input {
    max-width: 100%;
    height: 57px;
    padding-left: 70px;
}

.form-by-step .form-step-custom .number-item.percent-item input {
    height: 56px;
    padding-left: 16px;
}

.form-by-step .form-step-custom .container-button input[type="submit"] {
    display: block;
    width: 100%;
    max-width: 141px;
    height: 44px;
    background: #ffc001;
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    border-radius: 75px;
    box-shadow: 0px 4px 4px 0 #00000040;
    padding: 0;
    border: none;
}

.form-by-step .form-step-custom .container-button input[type="submit"]:hover {
    box-shadow: inset 0 0 0 120px rgba(0, 0, 0, 0.18) !important
}

.form-by-step .form-step-custom input.max-w-full {
    max-width: 100%;
}

.form-by-step .form-step-custom .container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    max-width: 100%;
}

.form-by-step .form-step-custom .container div input {
    max-width: 100%;
}

.form-by-step .form-step-custom input:focus {
    box-shadow: none;
    background: transparent;
}

.form-by-step .form-step-custom input::placeholder {
    color: #cecece;
}

.form-by-step .form-step-custom button.next-step-button,
.form-by-step .form-step-custom button.button-submit {
    display: block;
    width: 100%;
    max-width: 122px;
    height: 44px;
    background: #ffc001;
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    border-radius: 75px;
    box-shadow: 0px 4px 4px 0 #00000040;
}

.form-by-step .form-step-custom button.button-submit {
    max-width: 141px;
}

.form-by-step .form-step-custom button.next-step-button:disabled,
.form-by-step .form-step-custom button.button-submit:disabled,
.form-by-step .form-step-custom .container-button input[type="submit"]:disabled {
    cursor: not-allowed;
    opacity: 0.5;
}

.form-by-step .form-step-custom button.prev-step-button {
    display: block;
    width: 100%;
    max-width: 160px;
    height: 44px;
    background: white;
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    border-radius: 75px;
    box-shadow: 0px 2px 5px 0 #00000040;
    color: #5a5a5a;
    border: 3px solid #5a5a5a;
}

.form-by-step .form-step-custom button.next-step-button:hover,
.form-by-step .form-step-custom button.button-submit:hover {
    color: white;
    box-shadow: 0px 4px 4px 0 #00000040 !important;
}

.form-by-step .form-step-custom button.prev-step-button:hover {
    color: #5a5a5a;
    box-shadow: 0px 2px 5px 0 #00000040 !important;
}

.form-by-step .form-step-custom button.next-step-button.go {
    width: 105px;
    margin-top: 30px;
    margin-bottom: 40px;
}

.form-by-step .form-step-custom div.container-button {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin: 40px 0;
}

.form-by-step .form-step-custom .large-title {
    font-size: 20px;
    line-height: 30px;
    font-weight: bold;
    color: #5a5a5a;
    padding: 0;
    margin: 10px 0 0 0;
    padding-bottom: 20px;
}

.form-by-step .form-step-custom label.large-title {
    font-weight: 600;
    padding: 0;
    margin: 0;
    padding-bottom: 10px;
}

.mt-25 {
    margin: 25px 0;
}

body div main#main p.text-disclaimer {
    font-size: 12px;
    font-weight: 400;
    color: #5A5A5A;
    line-height: 18px;
    padding-bottom: 0;
    margin-bottom: -23px;
    margin-top: 30px;
}

body div main#main p.text-disclaimer a {
    color: #FFC001;
}

.form-by-step .form-step-custom .optional-title {
    color: #5A5A5A;
    font-size: 12px;
    font-weight: 400;
    padding: 0;
    margin-top: -20px;
    margin-bottom: 20px;
    font-style: italic;
}

.form-by-step .form-step-custom .container-content.number-item {
    display: block;
    position: relative;
}

.form-by-step .form-step-custom .container-content.number-item .currency-prefix-container {
    position: absolute;
    top: 50%;
    left: 28px;
    transform: translate(-50%, -50%);
    height: 25px;
}

.form-by-step .form-step-custom .container-content.number-item.percent-item .currency-prefix-container {
    position: absolute;
    top: 50%;
    left: unset;
    transform: translate(-50%, -50%);
    height: 22px;
    right: 0;
}

.form-by-step .form-step-custom .container-content.number-item .currency-prefix-container .currency {
    position: relative;
    width: 25px;
    height: 25px;
    background-image: url(../customify-child/assets/images/currency-dollar-1.svg);
    background-repeat: no-repeat;
    display: block;
}

.form-by-step .form-step-custom .container-content.number-item.percent-item .currency-prefix-container .currency {
    background-image: none;
    width: 17px;
    height: 22px;
    position: relative;
    right: 6px;
}

.form-by-step .form-step-custom .container-content.number-item.percent-item .currency-prefix-container .currency img {
    width: 17px;
    height: 22px;
}

.form-by-step .form-step-custom .container-content.number-item .currency-prefix-container .prefix {
    width: 1px;
    height: 24px;
    background: #808080;
    display: block;
    position: absolute;
    left: 35px;
    top: 50%;
    transform: translateY(-50%);
}

.form-by-step .form-step-custom .container-content.number-item.percent-item .currency-prefix-container .prefix {
    left: -22px;
}

.form-by-step .form-step-custom .container-content {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 440px));
    row-gap: 20px;
    column-gap: 60px;
}

.form-by-step .form-step-custom .container-content .radio-item {
    display: flex;
    background: #f5f5f5;
    border-radius: 30px;
    min-height: 61px;
    align-items: center;
    padding: 0 36px;
}

.form-by-step .form-step-custom .container-content .radio-item label {
    color: #5a5a5a;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    padding-left: 20px;
    cursor: pointer;
}

.form-by-step .form-step-custom .container-content .radio-item input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    width: 25px;
    height: 25px;
    border: 3.5px solid #ffc001;
    border-radius: 50%;
    margin-right: 0;
    padding: 0;
    position: relative;
}

.form-by-step .form-step-custom .container-content .radio-item input[type="radio"]:checked {
    background-color: #ffc001;
    border: 3.5px solid #ffc001;
    box-shadow: inset 0 0 0 2px white;
}

.form-by-step .form-step-custom .container-content .radio-item input[type="radio"]:hover {
    cursor: pointer;
}

/* range progress */
.slider-container {
    width: 100%;
    max-width: 600px;
    margin: 20px auto;
}

.large-title {
    display: block;
    font-size: 1.25rem;
    font-weight: 500;
    color: #374151;
    margin-bottom: 1rem;
}

.range-wrapper {
    position: relative;
    height: 12px;
    margin: 2rem 0;
}

.form-by-step .form-step-custom .range-wrapper input {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 12px;
    background: #eeeeee;
    position: relative;
    max-width: 100%;
    border: none;
    padding: 0;
    box-shadow: none;
}

.range-input::-webkit-slider-runnable-track {
    height: 12px;
    border-radius: 100px;
    background: linear-gradient(to right,
            #ffc107 calc(var(--value-percent) - 12px),
            #e0e0e0 calc(var(--value-percent) - 12px));
}

.range-input::-moz-range-track {
    height: 12px;
    border-radius: 100px;
    background: linear-gradient(to right,
            #ffc107 calc(var(--value-percent) - 12px),
            #e0e0e0 calc(var(--value-percent) - 12px));
}

.range-input::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 30px;
    height: 30px;
    background: white;
    border: 6px solid #fdb813;
    border-radius: 50%;
    cursor: pointer;
    margin-top: -8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 2;
}

.range-input::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background: white;
    cursor: pointer;
    border: 6px solid #ffc107;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    margin-top: -8px;
    position: relative;
    z-index: 2;
}

.range-input::-moz-range-thumb {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background: white;
    cursor: pointer;
    border: 6px solid #ffc107;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    position: relative;
    z-index: 2;
}

.range-progress {
    position: absolute;
    height: 12px;
    background: #fdb813;
    border-radius: 100px;
    z-index: 1;
    top: 8px;
}

.price-display {
    text-align: center;
    font-size: 18px;
    line-height: 27px;
    font-weight: 700;
    color: #5a5a5a;
    margin-top: 1rem;
}

body .is-layout-flex {
    margin: 0;
}

body .banner-loan-page,
body.custom-page-reviews .reviews {
    background: linear-gradient(to bottom, #ffffff, #f0ede5);
    /* min-height: 420px; */
}

body .banner-loan-page>div,
body.custom-page-reviews .reviews>div {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    gap: 80px;
}

body .banner-loan-page>div>div:nth-child(1),
body.custom-page-reviews .reviews>div>div:nth-child(1) {
    position: relative;
    top: 60px;
}

body .banner-loan-page>div>div:nth-child(2),
body.custom-page-reviews.custom-page-reviews .reviews>div>div:nth-child(2) {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

body.custom-page-reviews .reviews>div>div:nth-child(2) {
    justify-content: flex-end;
}

body .banner-loan-page>div>div:nth-child(2) h3,
body.custom-page-reviews .reviews>div>div:nth-child(2) h3 {
    font-size: 36px;
    line-height: 54px;
    font-weight: bold;
    color: #5a5a5a;
    margin: 0;
}

body .banner-loan-page>div>div:nth-child(2) p,
body.custom-page-reviews .reviews>div>div:nth-child(2) p {
    font-size: 22px;
    line-height: 27px;
    font-weight: 400;
    color: #5a5a5a;
    margin: 20px 0 50px 0;
    padding: 0;
}

body .banner-loan-page>div>div:nth-child(2)>div {
    justify-content: center;
    width: 100%;
    gap: 30px;
}

body .banner-loan-page>div>div:nth-child(2) div div.scroll-to-purchase a,
body .banner-loan-page>div>div:nth-child(2) div div.scroll-to-get-started a {
    height: 54px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 16px;
}

body .banner-loan-page>div>div:nth-child(2) div div.scroll-to-get-started a:hover,
.form-by-step .form-step-custom button.prev-step-button:hover {
    background: #c8c8c8;
}

body .banner-loan-page>div>div:nth-child(2) div div.scroll-to-purchase a:hover,
.form-by-step .form-step-custom button.next-step-button:hover,
.form-by-step .form-step-custom button.button-submit:hover,
body.custom-page-home .recent-posts .posts-list .post-item .content .readmore a:hover,
body .archive-posts-custom .posts-list .post-item .content .readmore a:hover,
body.single.single-post .single-post .container-single .related-posts .post-item .content .readmore a:hover,
body .right-contact .contact-form-wrapper form.contact-form .button-submit-contact-form:hover,
body.custom-page-home .homepage-widgets.lending>div>div>div div.wp-block-buttons div:nth-child(1) a:hover {
    box-shadow: inset 0 0 0 120px rgba(0, 0, 0, 0.18) !important;
}

body .banner-loan-page>div>div:nth-child(2) div div.scroll-to-purchase a {
    width: 217px;
    background: #ffc001;
}

body .banner-loan-page>div>div:nth-child(2) div div.scroll-to-get-started a {
    width: 181px;
    background: transparent;
    border: 3px solid #5a5a5a;
}

body.custom-page-loan-options .entry-content>h2 {
    font-size: 55px;
    line-height: 82px;
    font-weight: bold;
    margin: 0;
    margin-top: 140px;
}

body.custom-page-loan-options .entry-content>p {
    font-size: 18px;
    line-height: 27px;
    font-weight: 500;
    padding: 0;
    margin-bottom: 40px;
}

body.custom-page-loan-options .loan-cards .loan-card-item h4,
body.custom-page-loan-options .loan-cards .loan-card-item p {
    margin: 0;
    padding: 0;
}

body.custom-page-loan-options .loan-cards {
    width: 100%;
    max-width: 1300px;
    margin: 60px auto 0 auto;
}

body.custom-page-loan-options .loan-cards #scroll_refinance,
body.custom-page-loan-options .loan-cards #scroll_purchase {
    font-size: 40px;
    line-height: 60px;
    font-weight: bold;
    margin-bottom: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

body.custom-page-loan-options .loan-cards #scroll_refinance span.divide-200,
body.custom-page-loan-options .loan-cards #scroll_purchase span.divide-200 {
    height: 5px;
    width: 100%;
    max-width: 200px;
    background: #ff9c00;
    position: relative;
    top: 11px;
}

body.custom-page-loan-options .loan-cards #scroll_purchase {
    margin-top: 60px;
}

body.custom-page-loan-options .loan-cards .loan-card-item h4 {
    font-size: 24px;
    line-height: 36px;
    font-weight: bold;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 15px;
}

body.custom-page-loan-options .loan-cards .loan-card-item p {
    font-size: 17px;
    line-height: 25px;
    font-weight: 400;
    color: #000000;
}

body.custom-page-loan-options .loan-cards .loan-card-item figure {
    width: 100%;
    max-width: 60px;
    height: 60px;
    margin: 0 auto;
}

body.custom-page-loan-options .loan-cards .loan-card-item {
    width: 100%;
    box-shadow: 2px 5px 15px #00000040;
    border-radius: 10px;
    padding: 30px;
    position: relative;
}

body.custom-page-loan-options .loan-cards .loan-card-item::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10px;
    background: transparent;
    transition: background 0.3s ease;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

body.custom-page-loan-options .loan-cards .loan-card-item:hover::after {
    background: #ffc001;
}

body.custom-page-loan-options .loan-cards .is-layout-flex {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
}

.form-by-step .form-step-custom .autocomplete-container {
    position: relative;
    width: 100%;
    max-width: 320px;
}

.form-by-step .form-step-custom .suggestions-list {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: white;
    border: 1px solid #ddd;
    border-top: none;
    max-height: 168px;
    overflow-y: auto;
    z-index: 1000;
    display: none;
    scroll-behavior: smooth;
}

.form-by-step .form-step-custom .suggestion-item {
    padding: 5px 16px;
    cursor: pointer;
    border-bottom: 1px solid #eee;
    font-size: 14px;
}

.form-by-step .form-step-custom .suggestion-item:hover,
.form-by-step .form-step-custom .suggestion-item.highlighted {
    background-color: #f5f5f5;
}

body iframe.contact-map {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    display: block;
    border-radius: 10px;
    height: 100%;
    min-height: 600px;
    margin-bottom: 30px;
}

body .container-contact {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    z-index: 2;
    margin-bottom: -60px;
}

body .container-contact>div {
    display: grid;
    grid-template-columns: 510px 1fr;
    gap: 20px;
}

body .left-contact {
    margin-top: 50px;
}

body .left-contact h2 {
    font-size: 80px;
    line-height: 120px;
    font-weight: bold;
    color: #ffc001;
}

body .left-contact p,
body .left-contact a,
body .left-contact div {
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    color: #5a5a5a;
}

body .left-contact>p {
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 0;
}

body .left-contact .contact>div {
    display: grid;
    grid-template-columns: 24px 1fr;
    gap: 16px;
    margin-bottom: 16px;
}

body .left-contact .contact>div>div {
    display: flex;
    align-items: center;
}

body .right-contact {
    position: relative;
    top: -170px;
}

body .right-contact>div:nth-child(1)>div {
    position: relative;
}

body .right-contact>div:nth-child(1)>div .position-content {
    position: absolute;
    top: 35px;
}

body .right-contact>div:nth-child(1)>div .position-content p {
    padding: 0;
    padding-left: 140px;
    padding-right: 30px;
}

body .right-contact>div:nth-child(1)>div .position-content p:nth-of-type(1) {
    color: white;
    font-size: 26px;
    line-height: 30px;
    font-weight: bold;
    margin-bottom: 5px;
}

body .right-contact>div:nth-child(1)>div .position-content p:nth-of-type(2) {
    color: #393939;
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
}

body .right-contact .contact-form-wrapper {
    box-shadow: 2px 2px 30px -5px #00000040;
    position: relative;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    padding: 45px 40px 24px 40px;
    padding-bottom: 65px;
    margin-left: 32px;
    top: -14px;
    z-index: 3;
    background: white;
}

body .right-contact .contact-form-wrapper form {
    margin: 0;
}

.contact-form-wrapper .success-message {
    font-size: 18px;
    color: #28a745;
    font-weight: 500;
    margin-bottom: 10px;
}

body .right-contact .contact-form-wrapper form.contact-form label {
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    color: #5a5a5a;
    margin-bottom: 10px;
    display: block;
}

body .right-contact .contact-form-wrapper form.contact-form input::placeholder,
body .right-contact .contact-form-wrapper form.contact-form textarea::placeholder {
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    color: #cecece;
}

body .right-contact .contact-form-wrapper form.contact-form input,
body .right-contact .contact-form-wrapper form.contact-form textarea {
    width: 100%;
    background: #f3f3f3;
    border-radius: 20px;
    box-shadow: none;
    border: none;
    font-size: 20px;
}

body .right-contact .contact-form-wrapper form.contact-form input {
    min-height: 54px;
    padding: 12px;
}

body .right-contact .contact-form-wrapper form.contact-form textarea {
    resize: none;
    padding: 12px;
}

body .right-contact .contact-form-wrapper form.contact-form .form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    margin-bottom: 30px;
}

body .right-contact img {
    min-height: 185px;
    object-fit: cover;
    object-position: left;
}

body .right-contact .contact-form-wrapper form.contact-form .button-submit-contact-form {
    background-image: url(../customify-child/assets/images/bg-button-submit-contact.png);
    background-color: unset;
    border-radius: 50px;
    color: white;
    font-size: 35px;
    line-height: 52px;
    font-weight: bold;
    width: 100%;
    height: 73px;
    padding: 0;
    margin: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    max-width: 297px;
    position: absolute;
    bottom: -36.5px;
    left: 50%;
    transform: translateX(-50%);
    text-transform: capitalize;
    min-height: 73px;
}

body .right-contact .contact-form-wrapper form.contact-form .button-submit-contact-form:hover {
    box-shadow: none;
}

body.custom-page-reviews .reviews-element {
    margin-top: 60px;
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

body.custom-page-reviews .reviews-element span.divide-300 {
    height: 3px;
    width: 300px;
    background: #ffc001;
    position: relative;
}

body.custom-page-reviews .reviews-element>div {
    text-align: center;
    margin: 0 30px;
}

body.custom-page-reviews .reviews-element>div div:nth-child(1) {
    font-size: 26px;
    line-height: 39px;
    font-weight: bold;
}

body.custom-page-reviews .reviews-element>div div:nth-child(2) {
    font-size: 24px;
    line-height: 36px;
    font-weight: 400;
}

.wp-gr .wp-star svg path {
    fill: #ffc001;
}

.wp-gr .grw-row {
    display: block !important;
    width: 100% !important;
    max-width: 1300px !important;
    margin: 0 auto !important;
}

.wp-gr .wpac {
    width: 100% !important;
    max-width: 1300px !important;
    margin: 0 auto !important;
}

.wp-google-name {
    display: none !important;
}

.wp-gr .wp-google-rating {
    color: black !important;
    font-weight: bold !important;
    font-size: 22px !important;
}

.wp-gr .wp-google-right,
.grw-review {
    background: #f8f8f8 !important;
}

.wp-gr div.rpi-dots-wrap div.rpi-dot {
    width: 8px !important;
    height: 8px !important;
    transform: none !important;
}

.wp-gr div.rpi-dots-wrap div.rpi-dot.active {
    background-color: black !important;
}

.grw-controls .grw-btns.grw-prev,
.grw-controls .grw-btns.grw-next {
    background: #848484 !important;
    border-radius: 50% !important;
}

.grw-controls .grw-btns svg path {
    fill: white !important;
}

.reviews-element-width-1300 {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
}

.widget-area .widget ul li.cat-item {
    display: block;
    max-width: 275px;
    width: 100%;
    padding: 0;
}

.widget-area .widget ul li.cat-item>ul li.current-cat a {
    color: #ffc001;
}

.widget-area .widget ul li.cat-item>a,
.widget-area .widget ul li.cat-item ul {
    margin: 0;
    padding: 0;
    border: none;
}

.widget-area .widget ul li.cat-item ul li a {
    padding-left: 30px;
    padding-bottom: 14px;
    color: #5a5a5a;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    width: max-content;
}

.widget-area .widget ul li.cat-item ul li a:hover {
    color: #ffc001;
}

.widget-area .widget ul li.cat-item>a {
    color: #5a5a5a;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    padding-bottom: 20px;
    display: flex;
    gap: 5px;
}

body.archive .widget-area .widget ul li.cat-item::before {
    width: 0;
    height: 0;
}

.archive-posts-custom .pagination {
    margin: 60px auto;
    display: block;
    width: 100%;
    text-align: center;
}

.archive-posts-custom .pagination .pagination-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.archive-posts-custom .pagination .pagination-wrapper .prev.page-numbers {
    width: 174px;
}

.archive-posts-custom .pagination .pagination-wrapper .next.page-numbers svg {
    transform: rotate(180deg);
}

.archive-posts-custom .pagination .pagination-wrapper .next.page-numbers {
    width: 144px;
}

.archive-posts-custom .pagination .pagination-wrapper .prev.page-numbers,
.archive-posts-custom .pagination .pagination-wrapper .next.page-numbers {
    background-color: #ffffff;
    color: #ffc001;
    border-radius: 75px;
    border: 2px solid #ffc001;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.archive-posts-custom .pagination .pagination-wrapper .prev.page-numbers:hover,
.archive-posts-custom .pagination .pagination-wrapper .next.page-numbers:hover {
    background: #ffc001;
    color: white;
}

.archive-posts-custom .pagination .pagination-wrapper .prev.page-numbers:hover svg path,
.archive-posts-custom .pagination .pagination-wrapper .next.page-numbers:hover svg path {
    fill: white;
}

.archive-posts-custom .pagination .pagination-wrapper .disabled {
    cursor: not-allowed;
}

body.single.single-post .single-post .container-single .post-header .post-title {
    font-size: 48px;
    line-height: 72px;
    font-weight: bold;
    color: #5a5a5a;
}

body.single.single-post .single-post .container-single .post-header .tags-container {
    display: flex;
    gap: 5px;
    width: 100%;
    /* overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; */
    margin-bottom: 30px;
    margin-top: 10px;
    min-height: 32px;
    flex-wrap: wrap;
}

body.single.single-post .single-post .container-single .post-header .tags-container .category {
    font-size: 13px;
    line-height: 20px;
    font-weight: 400;
    color: #ffc001;
    background: #fff5e3;
    border-radius: 20px;
    display: block;
    width: max-content;
    padding: 6px 16px;
    flex-shrink: 0;
    cursor: pointer;
}

body.single.single-post .single-post .container-single .featured-image {
    width: 100%;
}

body.single.single-post .single-post .container-single .featured-image img {
    width: 100%;
    max-height: 646px;
}

body.single.single-post .single-post .container-single .post-content {
    font-size: 18px;
    line-height: 27px;
    font-weight: 400;
    color: #5a5a5a;
    text-align: justify;
}

body.single.single-post .single-post .container-single .related-posts {
    margin-top: 80px;
}

body.single.single-post .content-area {
    width: 100%;
    max-width: 970px;
    padding: 0;
}

body.single.single-post .content-area .content-inner {
    padding: 0;
}

body.single.single-post .customify-grid {
    margin: 0;
}

body.single.single-post .single-post .container-single .related-posts .related-title h2 {
    font-size: 32px;
    line-height: 48px;
    font-weight: bold;
    color: #5a5a5a;
}

body.single.single-post .single-post .container-single .related-posts .related-title span {
    display: block;
    background: #ffc001;
    width: 100%;
    max-width: 680px;
    height: 4px;
}

body.single.single-post .single-post .container-single .related-posts .related-title {
    display: grid;
    grid-template-columns: 260px 1fr;
    align-items: center;
    gap: 30px;
    margin-bottom: 40px;
}

body.single.single-post .single-post .container-single .related-posts .posts-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 310px));
    gap: 20px;
}

body.single.single-post #sidebar-primary {
    margin-top: 150px;
}

ul.wp-block-categories-list.wp-block-categories>li:nth-of-type(2) {
    display: none;
}

.ti-review-text-mode-readmore {
    width: 100%;
    max-width: 1300px;
}

.ti-header.source-Google {
    background: #f4f4f4;
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
    border-radius: 10px;
    padding: 24px;
}

body.custom-page-reviews .ti-widget.ti-goog .ti-review-item>.ti-inner {
    padding: 30px !important;
}

.ti-widget.ti-goog .ti-controls .ti-next,
.ti-widget.ti-goog .ti-controls .ti-prev {
    width: 35px !important;
    padding-bottom: 15px !important;
    background: #848484 !important;
    border-radius: 50% !important;
}

.ti-widget.ti-goog .ti-controls .ti-next:before {
    top: 12px !important;
    right: 10px !important;
}

.ti-widget.ti-goog .ti-controls .ti-next:after {
    top: 20px !important;
    right: 10px !important;
}

.ti-widget.ti-goog .ti-controls .ti-next:before,
.ti-widget.ti-goog .ti-controls .ti-next:after {
    width: 12px !important;
    height: 2px !important;
    background: white !important;
}

.ti-widget.ti-goog .ti-controls .ti-prev:before,
.ti-widget.ti-goog .ti-controls .ti-prev:after {
    width: 12px !important;
    height: 2px !important;
    background: white !important;
}

.ti-widget.ti-goog .ti-controls .ti-prev:before {
    top: 20px !important;
    left: 10px !important;
}

.ti-widget.ti-goog .ti-controls .ti-prev:after {
    top: 12px !important;
    left: 10px !important;
}

.ti-large-logo {
    display: none !important;
}

.ti-widget.ti-goog .ti-header {
    text-align: start !important;
}

.ti-stars.star-lg {
    position: relative !important;
}

button.review-on-gg {
    background: #197afe !important;
    border-radius: 4px !important;
    position: absolute;
    right: 0;
}

div.ti-widget.ti-goog a {
    text-decoration: none !important;
}

.ti-header.source-Google .ti-rating-text {
    display: flex;
    gap: 8px;
    align-items: center;
}

span.image-review-on-gg {
    width: 100px;
    height: auto;
}

span.image-review-on-gg img {
    width: 100px;
    height: auto;
}

.ti-widget.ti-goog .star-lg span.ti-star {
    width: 20px !important;
    height: 20px !important;
}

.ti-stars.star-lg span.nowrap strong {
    font-weight: 400;
    color: #9d9d9d;
    font-size: 14px !important;
    position: relative;
    top: -5px;
}

.ti-widget.ti-goog .ti-profile-img {
    position: relative;
}

.ti-widget.ti-goog .ti-profile-img img.custom-logo-gg-with-avatar {
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    right: -5px;
    bottom: -5px;
    background: white;
    border: 2px solid white;
}

.ti-widget .source-Google .ti-review-header:after {
    display: none !important;
}

.customify-grid {
    margin: 0;
}

[class~="customify-col"],
[class*="customify-col-"],
[class*="customify-col_"] {
    padding: 0;
}

.no-rates-form {
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    padding: 0 16px;
    margin-bottom: 30px;
}

body.custom-page-rates-result .no-rates-form .no-rates-message .message-text {
    font-size: 16px;
    line-height: 24px;
    font-weight: normal;
    color: #5a5a5a;
    background: #ececec;
    padding: 40px 30px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom: 4px solid #ffc001;
}

body.custom-page-rates-result .no-rates-form .no-rates-message .button-helper {
    background-color: #ffc001;
    border-radius: 75px;
    width: 100%;
    height: 44px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    text-transform: capitalize;
    align-items: center;
    color: white;
    max-width: 178px;
    margin: 0 auto;
    margin-top: 30px;
}

body.custom-page-rates-result .no-rates-form .no-rates-message .button-helper:hover {
    box-shadow: inset 0 0 0 120px rgba(0, 0, 0, 0.18);
}

body.custom-page-rates-result .no-rates-form {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

body.custom-page-rates-result .no-rates-form .no-rates-message {
    box-shadow: 5px 15px 35px -5px #00000040;
    border-radius: 20px;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    background-color: white;
    position: relative;
    animation: popupFadeIn 0.3s ease-out;
    padding-bottom: 30px;
}

body.custom-page-rates-result .no-rates-form .no-rates-message .button-helper:hover {
    box-shadow: inset 0 0 0 120px rgba(0, 0, 0, 0.18);
}

@keyframes popupFadeIn {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.homepage-widgets.rates-form.hide-element {
    display: none;
}

.homepage-widgets.rates-form {
    position: relative;
    bottom: 138px;
    z-index: 1;
    margin-bottom: -38px;
}

.submit-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 144px;
}

.spinner {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border: 3px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border-top-color: #fff;
    animation: spin 1s ease-in-out infinite;
    -webkit-animation: spin 1s ease-in-out infinite;
}

body.custom-page-home section.homepage-widgets.top-banner .top-banner-container {
    margin: 0 auto;
}

body.custom-page-home section.homepage-widgets.top-banner .top-banner-container>div {
    gap: 20px;
}

body.custom-page-home section.homepage-widgets.top-banner .top-banner-container>div>div:last-child {
    position: relative;
}

body.custom-page-home section.homepage-widgets.top-banner .top-banner-container .top-banner-content-img {
    margin-top: 30px;
}

body.custom-page-home section.homepage-widgets.top-banner .top-banner-container .top-banner-content-img img {
    object-fit: unset !important;
}

body.custom-page-home section.homepage-widgets.top-banner .top-banner-container .top-banner-content-des {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

body.custom-page-home section.homepage-widgets.top-banner .top-banner-container .top-banner-content-des>h3 {
    font-size: 80px;
    line-height: 100px;
    font-weight: bold;
    color: #5a5a5a;
}

body.custom-page-home section.homepage-widgets.top-banner .top-banner-container .top-banner-content-des>p {
    margin-top: 30px;
    margin-bottom: 50px;
    font-size: 24px;
    line-height: 36px;
    color: #5a5a5a;
}

body.custom-page-home section.homepage-widgets.top-banner .top-banner-container .top-banner-content-des>div {
    gap: 20px;
}

body.custom-page-home section.homepage-widgets.top-banner .top-banner-container .top-banner-content-des>div .apply-now a {
    width: 168px;
    height: 44px;
    border: 3px solid #ffc001;
    background: transparent;
    border-radius: 75px;
    color: #ffc001 !important;
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
}

body.custom-page-home section.homepage-widgets.top-banner .top-banner-container .top-banner-content-des>div .request-quote a {
    width: 216px;
    height: 44px;
    background: #ffc001;
    border: none;
    border-radius: 75px;
    color: white;
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
}

body.custom-page-home section.homepage-widgets.top-banner .top-banner-container .top-banner-content-des>div .request-quote a:hover {
    box-shadow: inset 0 0 0 120px rgba(0, 0, 0, 0.18);
}

body.custom-page-home section.homepage-widgets.top-banner .top-banner-container .top-banner-content-des>div .apply-now a:hover,
body.custom-page-home .homepage-widgets.lending>div>div>div div.wp-block-buttons div:nth-child(2) a:hover {
    background: #ffc001 !important;
    color: white !important;
}

.override-rate-form-container .button-tab-container {
    display: flex;
    justify-content: center;
    position: relative;
    top: 12px;
}

.override-rate-form-container .button-tab-container .button-tab-item1,
.override-rate-form-container .button-tab-container .button-tab-item2 {
    width: 100%;
    max-width: 350px;
    height: 33px;
    background-color: #e0e0e0;
    border-radius: 40px;
    color: #808080;
    font-size: 16px;
    line-height: 100%;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 3px solid #ffffff;
    z-index: 1;
}

.override-rate-form-container .button-tab-container .button-tab-item1.active,
.override-rate-form-container .button-tab-container .button-tab-item2.active {
    background-color: #ffc001;
    color: #5a5a5a;
    z-index: 2;
}

.override-rate-form-container .button-tab-container .button-tab-item1 {
    position: relative;
    left: 20px;
}

.override-rate-form-container .button-tab-container .button-tab-item2 {
    position: relative;
    right: 20px;
}

.hidden-pricing-redirect-form {
    background: white;
    padding: 20px 121px 35px 121px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

.hidden-pricing-redirect-form .form-content {
    column-gap: 40px;
    row-gap: 34px;
    grid-template-columns: repeat(3, minmax(0, 326px));
    display: grid;
}

.hidden-pricing-redirect-form .form-content>div {
    display: flex;
    flex-direction: column;
    gap: 5px;
    position: relative;
}

.hidden-pricing-redirect-form .form-content>div span.icon {
    width: 20px;
    height: 20px;
    background-image: url(../customify-child/assets/images/info.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.hidden-pricing-redirect-form .form-content span.label-text {
    font-size: 15px;
    line-height: 100%;
    font-weight: 400;
    color: #5a5a5a;
}

.hidden-pricing-redirect-form .form-content .first-time-homebuyer-label {
    display: grid;
    grid-template-columns: 20px 1fr;
    align-items: center;
    gap: 8px;
}

.hidden-pricing-redirect-form .form-content>div input[name="loan_amount"],
.hidden-pricing-redirect-form .form-content>div input[name="property_value"],
.hidden-pricing-redirect-form .form-content>div input[name="zip_code"],
.hidden-pricing-redirect-form .form-content>div input[name="fico"],
.hidden-pricing-redirect-form .form-content>div select {
    color: #808080;
    font-size: 15px;
    font-weight: 400;
    height: 36px;
    width: 100%;
    box-shadow: none;
    border: none;
    padding: 0 30px 0 16px;
    background-color: #f3f3f3;
    border-radius: 50px;
}

.hidden-pricing-redirect-form .form-content>div select {
    background-image: url(../customify-child/assets/images/arrow-dropdown.svg);
    background-position: center right 12px;
}

.hidden-pricing-redirect-form .form-content>div input[name="loan_amount"],
.hidden-pricing-redirect-form .form-content>div input[name="property_value"] {
    padding-left: 64px;
}

.hidden-pricing-redirect-form .button-submit-container {
    margin-top: 38px;
    text-align: center;
}

.container-widget-form-result.override-rate-form-container .hidden-pricing-redirect-form .button-submit-container button {
    background: #ffc001;
    font-size: 20px;
    line-height: 100%;
    font-weight: bold;
    min-height: 40px;
    height: 100%;
    width: 100%;
    max-width: 221px;
    border-radius: 75px;
    padding: 0;
    color: white;
}

span.currency-prefix-1 {
    position: relative;
    left: 16px;
    width: 16px;
    height: 16px;
    background-image: url(../customify-child/assets/images/currency-dollar.svg);
    display: block;
}

span.currency-prefix-2 {
    width: 24px;
    height: 1px;
    background: #808080;
    rotate: 90deg;
    display: block;
    position: relative;
    top: -9px;
    left: 32px;
}

.currency-prefix-container-sales_price,
.currency-prefix-container-down_payment,
.currency-prefix-container-home_value,
.currency-prefix-container-mortgage_balance {
    position: absolute;
    top: 10px;
}

p.noted-text,
p.noted-text-down,
p.noted-text-zip-code-custom {
    font-size: 14px;
    line-height: 100%;
    font-weight: 400;
    color: #cecece;
    position: absolute;
    bottom: -18px;
    margin-top: 5px;
}

p.noted-text-down {
    bottom: -13px;
}

main .content-inner .entry-content p.noted-text-zip-code-custom {
    color: rgb(217, 83, 79);
    font-size: 14px;
    line-height: 100%;
    font-weight: 400;
    position: unset;
    margin-top: 5px;
    padding: 0;
}

.nav-menu-desktop .sub-menu li a:hover {
    color: #ffc001;
}

.disclaimer-text p {
    margin-top: 35px;
    padding-left: 22px;
}

.disclaimer-text p li.disclaimer-text-item {
    margin-top: 4px;
    margin-bottom: 10px;
}

body.custom-page-rates-result p.noted-text-zip-code-custom,
body.custom-page-rates-result p.noted-text-down {
    position: unset;
}

p.noted-text-zip-code-custom.error {
    color: #D32F2F;
}

p.validate-text-form-quote {
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    color: #D32F2F;
}

p.validate-text-form-quote.loan,
p.validate-text-form-quote.property {
    display: none;
}

div#wpadminbar {
    position: absolute;
}

.nav-menu-desktop #menu-top-menu>li.current-menu-parent>a {
    color: #ffc001 !important;
    padding-bottom: 8px;
    border-bottom: 3px solid #ffc001;
}

.first-time-homebuyer-container {
    margin-top: 3px;
}

.first-time-homebuyer-container .first-time-homebuyer-wrapper {
    display: flex;
    gap: 35px;
    margin-left: 30px;
    margin-top: 7px;
}

.first-time-homebuyer-container .first-time-homebuyer-wrapper label {
    font-size: 15px;
    line-height: 100%;
    font-weight: 400;
    color: #5a5a5a;
}

.spinner-form-rates-page-home {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 3px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border-top-color: #fff;
    animation: spinPageHome 1s ease-in-out infinite;
    -webkit-animation: spinPageHome 1s ease-in-out infinite;
    margin-left: 10px;
    vertical-align: middle;
}

@keyframes spinPageHome {
    to {
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes spinPageHome {
    to {
        -webkit-transform: rotate(360deg);
    }
}

.first-time-homebuyer-container .first-time-homebuyer-wrapper input[type="radio"] {
    display: none;
}

.first-time-homebuyer-container .first-time-homebuyer-wrapper input[type="radio"]+label {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    width: 25px;
    height: 25px;
}

.first-time-homebuyer-container .first-time-homebuyer-wrapper input[type="radio"]+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    border: 4px solid #ffc001;
    border-radius: 50%;
    background-color: #fff;
}

.first-time-homebuyer-container .first-time-homebuyer-wrapper input[type="radio"]:checked+label:after {
    content: "";
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #ffc001;
}

.first-time-homebuyer-container .first-time-homebuyer-wrapper input[type="radio"]:checked+label:before {
    border-color: #ffc001;
}


@keyframes spin {
    to {
        transform: translateY(-50%) rotate(360deg);
    }
}

/** Newsletter **/
.hidden-newsletter {
    display: none;
}

/* lending */
.homepage-widgets.lending .only-margin {
    display: block;
    margin-bottom: 15px;
}

.homepage-widgets.lending .main-container {
    display: grid;
    grid-template-columns: 368px 398px 1fr;
    gap: 49px;
    align-items: start;
    max-width: 1300px;
    margin: 0 auto;
}

.homepage-widgets.lending .experience-box {
    position: relative;
    width: 368px;
    height: 164px;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.homepage-widgets.lending .experience-box::before,
.homepage-widgets.lending .experience-box::after {
    content: '';
    position: absolute;
    width: 84px;
    height: 100%;
    border: 10px solid #5A5A5A;
    opacity: .2;
}

.homepage-widgets.lending .experience-box::before {
    left: 0;
    border-right: none;
}

.homepage-widgets.lending .experience-box::after {
    right: 0;
    border-left: none;
}

.homepage-widgets.lending .experience-box::after,
.homepage-widgets.lending .experience-box::before {
    top: 0;
}

.homepage-widgets.lending .number {
    font-size: 100px;
    line-height: 100%;
    font-weight: bold;
    color: #ffc001;
    margin-top: 10px;
}

.homepage-widgets.lending .text {
    font-size: 24px;
    font-weight: 600;
    line-height: 100%;
    color: #5a5a5a;
    margin: 0;
}

.homepage-widgets.lending .content-section {
    flex-grow: 1;
}

.homepage-widgets.lending .tagline {
    color: #FFC001;
    font-size: 17px;
    font-weight: 600;
    line-height: 100%;
    text-transform: uppercase;
    margin-bottom: 2px;
}

.homepage-widgets.lending .title {
    font-size: 42px;
    font-weight: 600;
    color: #5a5a5a;
    margin-bottom: 14px;
}

.homepage-widgets.lending .navigation {
    display: flex;
    gap: 45px;
}

.homepage-widgets.lending .nav-item {
    padding: 0 6px;
    cursor: pointer;
    position: relative;
    color: #5a5a5a;
    font-size: 22px;
    font-weight: 500;
    line-height: 100%;
    min-height: 33px;
}

.homepage-widgets.lending .nav-item:hover::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #FFC001;
    border-radius: 4px;
    transition: width 0.3s ease;

}

.homepage-widgets.lending .nav-item::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #FFA500;
    transition: width 0.3s ease;
}

.homepage-widgets.lending .nav-item:hover::after {
    width: 100%;
}

.homepage-widgets.lending .description-section {
    max-width: 600px;
}

.homepage-widgets.lending .description {
    display: none;
}

.homepage-widgets.lending .description.without-hover {
    display: block;
    width: 100%;
    max-width: 100%;
}

.homepage-widgets.lending br {
    margin-bottom: 15px;
    display: block;
    content: "";
}

.blog-section-news {
    max-width: 1300px;
    margin: 0 auto;
}

.blog-section-news .posts-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 50px;
    height: 100%;
}

.blog-section-news .sidebar-posts-container {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.blog-section-news .sidebar-posts-container:nth-child(2) {
    justify-content: start;
}


.blog-section-news .sidebar-posts-container:nth-child(3) {
    justify-content: space-evenly;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    padding: 10px 0;
}

.blog-section-news .sidebar-posts-container:nth-child(4) {
    justify-content: end;
}

/* Featured Post Styles */
.blog-section-news .featured-post {
    grid-row: span 3;
    position: relative;
}

.blog-section-news .featured-post .post-image {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.blog-section-news .post-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 40px;
    color: white;
}

.blog-section-news .post-overlay .post-title {
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    color: #fff;
    margin-top: 15px;
    margin-bottom: 0;
}

/* Sidebar Posts Styles */
.blog-section-news .sidebar-post {
    height: 150px;
    margin-bottom: 0;
}

.blog-section-news .post-card {
    display: flex;
    gap: 30px;
    height: 100%;
}

.blog-section-news .post-thumbnail {
    flex: 0 0 180px;
    height: 150px;
}

.blog-section-news .post-thumbnail img.image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
}

.blog-section-news .post-content {
    flex: 1;
}

.blog-section-news .post-date {
    font-size: 12px;
    font-weight: 300;
    color: #a7a7a7;
    display: block;
    text-transform: uppercase;
}

.blog-section-news .featured-post .post-date {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    display: flex;
    text-transform: uppercase;
    background: #FFC600;
    width: 100%;
    max-width: 175px;
    border-radius: 4px;
    height: 28px;
    align-items: center;
    justify-content: center;
}

.blog-section-news .post-title {
    margin: 5px 0 10px 0;
    font-size: 20px;
    font-weight: 700;
    color: #5a5a5a;
    text-transform: capitalize;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blog-section-news .read-more {
    color: #FFC001;
    font-weight: 500;
    font-size: 16px;
}

/* footer */
.footer-container-custom .hero {
    background-image: url(../customify-child/assets/images/footer_banner.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 410px;
    color: white;
    padding: 75px 16px 107px 16px;
    display: flex;
    align-items: center;
}

.footer-container-custom .hero-content {
    max-width: 1300px;
    width: 100%;
    margin: 0 auto;
}

.footer-container-custom .hero h1 {
    font-size: 38px;
    font-weight: 600;
    color: white;
}

.footer-container-custom .hero h1 span {
    color: #FFC001;
}

.footer-container-custom .hero p {
    font-size: 15px;
    font-weight: 400;
    max-width: 603px;
    margin-top: 5px;
    margin-bottom: 30px;
}

.footer-container-custom .btn-group {
    display: flex;
    gap: 15px;
}

.footer-container-custom a:focus {
    color: white;
}

.footer-container-custom .btn {
    padding: 5px 15px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 15px;
    transition: all 0.3s ease;
}

.footer-container-custom .btn-primary {
    background: transparent;
    color: white !important;
    border: 1px solid white;
    width: max-content;
}

.footer-container-custom .btn-primary:hover,
.footer-container-custom .btn-outline:hover {
    color: #ffc001 !important;
    border: 1px solid #ffc001;
}

.footer-container-custom .btn-outline {
    background: transparent;
    border: 1px solid white;
    color: white;
    width: max-content;
}

/* Footer */
.footer-container-custom footer {
    background: #373737;
    color: white;
    padding: 40px 16px;
}

.footer-container-custom .footer-content {
    display: grid;
    grid-template-columns: 2fr 205px 259px 190px;
    gap: 95px;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    position: relative;
}

.footer-container-custom .footer-content .footer-section.first-column a:hover {
    text-decoration: underline;
}

.footer-container-custom .footer-content .footer-section p,
.footer-container-custom .footer-content .footer-section ul li a,
.footer-container-custom .footer-bottom p {
    color: #ffffff;
    font-size: 15px;
    font-weight: 300;
}

.footer-container-custom .footer-content .footer-section:nth-of-type(1) p:nth-of-type(1) {
    margin-bottom: 8px;
}

.footer-container-custom .footer-content .footer-section:nth-of-type(1) p:nth-of-type(2) {
    margin-bottom: 20px;
}

.footer-container-custom .footer-logo img {
    max-width: 230px;
    margin-bottom: 15px;
}

.footer-container-custom .footer-section h3 {
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px;
}

.footer-container-custom .footer-section .social {
    width: 100%;
    display: block;
    border-top: 1px solid #666666;
    padding-top: 20px;
    margin-top: 20px;
    max-width: 190px;
}

.footer-container-custom .footer-section .flex-center {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.footer-container-custom .footer-section .flex-center {
    align-items: start;
}

.footer-container-custom .footer-links {
    list-style: none;
    margin: 0;
}

.footer-container-custom .footer-links li {
    margin-bottom: 5px;
    display: flex;
    gap: 5px;
}

.footer-container-custom .footer-links li img {
    width: 24px;
    height: 24px;
    transform: rotate(180deg);
}

.footer-container-custom .footer-links a {
    color: white;
    text-decoration: none;
}

.footer-container-custom ul.footer-links li a:hover {
    color: #ffc001;
}

.footer-container-custom .footer-bottom {
    margin: 100px auto 0 auto;
    padding-top: 15px;
    border-top: 1px solid #666666;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    max-width: 1300px;
}

.footer-container-custom .footer-bottom p.copy img {
    width: 40px;
    height: 40px;
}

.footer-container-custom .footer-bottom p.copy {
    display: flex;
    align-items: center;
    gap: 20px;
}

.footer-container-custom .footer-bottom p a:nth-of-type(1) {
    padding-right: 5px;
}

.footer-container-custom .footer-bottom p a:nth-of-type(2) {
    padding-left: 5px;
}


/* banner */
.homepage-widgets.top-banner .hero-carousel {
    position: relative;
    width: 100%;
    min-height: 600px;
}

.homepage-widgets.top-banner .hero-carousel .swiper-notification {
    display: none;
}

.homepage-widgets.top-banner .hero-carousel div.swiper-pagination-dot {
    position: absolute;
    bottom: 153px;
    z-index: 1;
    left: 50%;
    transform: translateY(50%);
}

.homepage-widgets.top-banner .hero-carousel div.swiper-pagination-dot span.swiper-pagination-bullet {
    margin: 0 5px;
    width: 10px;
    height: 10px;
    border: 1px solid #fff;
    opacity: 1;
    background: transparent;
}

.homepage-widgets.top-banner .hero-carousel div.swiper-pagination-dot span.swiper-pagination-bullet-active {
    background: white;
}

.homepage-widgets.top-banner .swiper-slide .slide-content {
    position: relative;
    width: 100%;
    min-height: 600px;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}

.homepage-widgets.top-banner .text-content {
    color: #fff;
    max-width: 622px;
    padding: 55px 0 0 70px;
}

.homepage-widgets.top-banner .slide-title1 {
    font-size: 60px;
    font-weight: 700;
    color: #FFC001;
}

.homepage-widgets.top-banner .slide-title {
    font-size: 50px;
    font-weight: 500;
    color: #fff;
}

.homepage-widgets.top-banner .slide-description {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 40px;
}

.homepage-widgets.top-banner .button-group {
    display: flex;
    gap: 20px;
}

.homepage-widgets.top-banner .btn-primary {
    background-color: #FFC001;
    color: #010101 !important;
    font-size: 16px;
    font-weight: 600;
    border-radius: 75px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 175px;
}

.homepage-widgets.top-banner .btn-primary:hover {
    box-shadow: inset 0 0 0 120px rgba(0, 0, 0, 0.18);
}

.homepage-widgets.top-banner .btn-secondary {
    background-color: transparent;
    border: 2px solid #FFC001;
    color: #FFC001 !important;
    font-size: 16px;
    font-weight: 600;
    border-radius: 75px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 175px;
}

.homepage-widgets.top-banner .btn-secondary:hover {
    background: #FFC001;
    color: white !important;
}

@keyframes fadeInUpBanners {
    from {
        opacity: 0;
        transform: translate3d(0, 30px, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.animated-banners {
    animation-duration: 0.6s;
    animation-fill-mode: both;
}

.fadeInUpBanners {
    animation-name: fadeInUpBanners;
}

.slide-title[data-animation] {
    animation-delay: 0.3s;
}

.slide-title1[data-animation] {
    animation-delay: 0.5s;
}

.slide-description[data-animation] {
    animation-delay: 0.7s;
}

.button-group[data-animation] {
    animation-delay: 0.9s;
}

[data-animation] {
    opacity: 0;
}

[data-animation].animated-banners {
    opacity: 1;
}

body.custom-page-reviews #main {
    padding-top: 0;
    padding-bottom: 0;
    background-image: url(../customify-child/assets/images/banner-reviews-page.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 767px;
    margin-bottom: -69px;
}

body.custom-page-reviews #main .ti-widget.ti-goog .ti-controls-line {
    display: block
}

/* loan resources center */
body.custom-page-loan-resources-center #page-titlebar {
    display: none;
}

body.custom-page-loan-resources-center .block .header {
    width: 100%;
    margin: 0 auto;
    max-width: 732px;
    text-align: center;
}

body.custom-page-loan-resources-center .block .header h1 {
    font-size: 36px;
    font-weight: 600;
    color: #FFC001;
}

body.custom-page-loan-resources-center .block .header p {
    font-size: 14px;
    font-weight: 400;
    color: white;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 45px;
}

body.custom-page-loan-resources-center .block .header div a.btn {
    font-size: 16px;
    font-weight: 600;
    border-radius: 75px;
    text-transform: capitalize;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
}

body.custom-page-loan-resources-center .block .header div {
    display: flex;
    justify-content: center;
    gap: 15px;
}

body.custom-page-loan-resources-center .block .header div a.btn.btn-primary {
    background: #FFC001;
    color: #010101;
    width: 257px;
}

body.custom-page-loan-resources-center .block .header div a.btn.btn-primary:hover {
    box-shadow: inset 0 0 0 120px rgba(0, 0, 0, 0.18);
}

body.custom-page-loan-resources-center .block .header div a.btn.btn-outline {
    background: transparent;
    color: #FFC001;
    border: 1px solid;
    width: 171px;
}

body.custom-page-loan-resources-center .block .header div a.btn.btn-outline:hover {
    background: #FFC001;
    color: white;
    border: 1px solid #FFC001;
}

body.custom-page-loan-resources-center .block1 .container {
    max-width: 1200px;
    margin: 0 auto;
}

body.custom-page-loan-resources-center .block1 .header {
    text-align: center;
    margin-bottom: 50px;
}

body.custom-page-loan-resources-center .block1.block3 .header {
    margin-bottom: 75px;
}

body.custom-page-loan-resources-center .block1 .header h1 {
    color: #5a5a5a;
    font-size: 40px;
    font-weight: 700;
}

body.custom-page-loan-resources-center .block1 .header .line {
    width: 100%;
    max-width: 95px;
    height: 7px;
    background: #FFC001;
    margin: 0 auto;
    border-radius: 10px;
}

body.custom-page-loan-resources-center .block1 .header p {
    padding-top: 25px;
    color: #5a5a5a;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    max-width: 660px;
    margin: 0 auto;
}

body.custom-page-loan-resources-center .block1 .grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

body.custom-page-loan-resources-center .block1.block3 .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 75px;
    column-gap: 30px;
}

body.custom-page-loan-resources-center .block1 .card {
    background: #fff;
    border-radius: 20px;
    padding: 20px 15px;
    position: relative;
    min-height: 285px;
    display: flex;
    flex-direction: column;
    transition: transform 0.2s;
    box-shadow: 2px 4px 20px #00000033;
    cursor: pointer;
}

body.custom-page-loan-resources-center .block1.block3 .card {
    text-align: center;
    min-height: 220px;
    padding: 60px 20px 20px 20px;
}

body.custom-page-loan-resources-center .block1 div div.card:hover {
    transform: translateY(-5px);
    background: #FFC001;
}

body.custom-page-loan-resources-center .block1 .card-icon.show_without_hover,
body.custom-page-loan-resources-center .block1 div div.card:hover .card-icon.hide_without_hover {
    display: block;
}

body.custom-page-loan-resources-center .block1 .card-icon.hide_without_hover,
body.custom-page-loan-resources-center .block1 div div.card:hover .card-icon.show_without_hover {
    display: none;
}

body.custom-page-loan-resources-center .block1.block3 div div.card:hover {
    transform: translateY(-5px);
    background: #484848;
}

body.custom-page-loan-resources-center .block1 .card:hover .card-title {
    color: #5a5a5a;
    border-bottom: 1px solid #fff;
}

body.custom-page-loan-resources-center .block1 .card:hover .card-title .optional-des {
    color: #5a5a5a;
}

body.custom-page-loan-resources-center .block1.block3 .card:hover .card-title {
    border-bottom: none;
}

body.custom-page-loan-resources-center .block1 .card:hover .card-description,
body.custom-page-loan-resources-center .block1 .card:hover .card-description {
    color: #5a5a5a;
}

body.custom-page-loan-resources-center .block1 .card:last-child {
    grid-column: span 2;
}

body.custom-page-loan-resources-center .block1.block3 .card:last-child {
    grid-column: auto;
}

body.custom-page-loan-resources-center .block1 .card.yellow {
    background: #FFB800;
}

body.custom-page-loan-resources-center .block1 .card.dark {
    background: #484848;
    color: white;
}

body.custom-page-loan-resources-center .block1 .card.white {
    background: #fff;
}

body.custom-page-loan-resources-center .block1 .card-icon {
    width: auto;
    height: auto;
    margin-bottom: 15px;
    max-height: 55px;
    max-width: 130px;
    object-fit: contain;
    margin-left: 0;
    margin-right: auto;
}

body.custom-page-loan-resources-center .block1.block3 .card-icon {
    width: 90px;
    height: 90px;
    max-height: 90px;
    max-width: 90px;
    margin-bottom: 0;
    position: absolute;
    right: 50%;
    transform: translateX(50%);
    top: -45px;
}

body.custom-page-loan-resources-center .block1 .card-title {
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    color: #5a5a5a;
    border-bottom: 1px solid #DFDFDF;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

body.custom-page-loan-resources-center .block1.block3 .card-title {
    border-bottom: none;
    margin-bottom: 5px;
    padding-bottom: 0;
}

body.custom-page-loan-resources-center .block1.block3 div div.card:hover .card-title,
body.custom-page-loan-resources-center .block1.block3 div div.card:hover .card-description,
body.custom-page-loan-resources-center .block1.block3 div div.card:hover .card-title .optional-des {
    color: white;
}

body.custom-page-loan-resources-center .block1 .card-title .optional-des {
    font-size: 11px;
    font-weight: 400;
    color: white;
}

body.custom-page-loan-resources-center .block1.block3 .card-title .optional-des {
    color: #5a5a5a;
    margin: 5px 0;
}

body.custom-page-loan-resources-center .block1 .dark .card-title {
    color: white;
}

body.custom-page-loan-resources-center .block1 .card-description {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    flex-grow: 1;
    color: #5a5a5a;
}

body.custom-page-loan-resources-center .block1 .dark .card-description {
    color: white;
}

body.custom-page-loan-resources-center .block1 .read-more {
    color: #FFC001;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 5px;
}

body.custom-page-loan-resources-center .block1.block3 .read-more {
    justify-content: center;
    margin-top: 10px;
}

body.custom-page-loan-resources-center .block1 .read-more span {
    width: 18px;
    height: 18px;
    background-image: url(../customify-child/assets/images/readmore2.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

body.custom-page-loan-resources-center .block1 .card:hover .read-more {
    color: white;
}

body.custom-page-loan-resources-center .block1 .card:hover .read-more span {
    background-image: url(../customify-child/assets/images/readmore1.svg);
}

body.custom-page-loan-resources-center .block1.block3 .card:hover .read-more {
    color: #FFC001;
}

body.custom-page-loan-resources-center .block1.block3 .card:hover .read-more span {
    background-image: url(../customify-child/assets/images/readmore2.svg);
}

body.custom-page-loan-resources-center .block1 .dark .read-more span {
    color: #5a5a5a;
}

body.custom-page-loan-resources-center .block1 .read-more:hover {
    color: #FFC001;
    text-decoration: none;
}

body.custom-page-loan-resources-center #main {
    padding: 0;
}

body .loans-section .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 80px 0 60px 0;
}

body.custom-page-no-income-check .loans-section .container {
    padding: 30px 0 10px 0;
    min-height: 650px;
}

body .loans-section .section-title {
    margin-bottom: 35px;
    margin-left: 70px;
    display: flex;
    align-items: center;
    gap: 25px;
}

body .loans-section .section-title::before {
    content: '';
    width: 7px;
    height: 75px;
    background-color: #FFC001;
    border-radius: 15px;
}

body .loans-section .section-title h2 {
    font-size: 40px;
    font-weight: bold;
    color: #5a5a5a;
    max-width: 242px;
}

body .loans-section .loans-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

body .loans-section .loan-card {
    background: white;
    border-radius: 20px;
    padding: 20px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
    position: relative;
    min-height: 230px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
}

body .loans-section .loan-card.isBg {
    background: #484848;
}

body .loans-section .loan-card:hover {
    transform: translateY(-5px);
    background: #ffc001;
}

body .loans-section .loan-card .loan-col-2 img.show_without_hover,
body .loans-section .loan-card:hover .loan-col-2 img.hide_without_hover {
    display: block
}

body .loans-section .loan-card .loan-col-2 img.hide_without_hover,
body .loans-section .loan-card:hover .loan-col-2 img.show_without_hover {
    display: none;
}

body .loans-section .loan-col-2 {
    display: flex;
    gap: 8px;
    border-bottom: 1px solid #DFDFDF;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

body .loans-section .loan-card:hover .loan-col-2 {
    border-bottom: 1px solid #fff;

}

body .loans-section .loan-icon {
    height: 60px;
    width: 100%;
    object-fit: fill;
    max-width: 95px;
}

body .loans-section .loan-title {
    font-size: 15px;
    font-weight: bold;
    color: #5a5a5a;
    display: flex;
    align-items: start;
    flex-direction: column;
    justify-content: end;
}

body .loans-section .loan-card.isBg .loan-title,
body .loans-section .loan-card.isBg .loan-description {
    color: #fff;
}

body .loans-section .loan-card.isBg:hover .loan-title,
body .loans-section .loan-card.isBg:hover .loan-description {
    color: #5a5a5a;
}

body .loans-section .loan-title .optional-title {
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
}

body .loans-section .loan-description {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    flex-grow: 1;
    color: #5a5a5a;
}

body.custom-page-no-income-check .loans-section .loan-description {
    font-size: 14px;
}

body .loans-section .read-more {
    color: #FFC001;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 5px;
}

body .loans-section .loan-card:hover .read-more {
    color: #fff;
}

body .loans-section .read-more span {
    width: 18px;
    height: 18px;
    background-image: url(../customify-child/assets/images/readmore2.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

body .loans-section .loan-card:hover .read-more span {
    background-image: url(../customify-child/assets/images/readmore1.svg);
}

body .loans-section .loan-card a:focus {
    color: #FFC001;
}

body .loans-section .loan-card:nth-of-type(2),
body .loans-section .loan-card:nth-of-type(5) {
    position: relative;
    bottom: 152px;
}

body.custom-page-no-income-check .loans-section .loan-card:nth-of-type(2),
body.custom-page-no-income-check .loans-section .loan-card:nth-of-type(5) {
    bottom: 0;
}

body.custom-page-no-income-check .loans-section .loan-card:nth-of-type(1),
body.custom-page-no-income-check .loans-section .loan-card:nth-of-type(3),
body.custom-page-no-income-check .loans-section .loan-card:nth-of-type(4),
body.custom-page-no-income-check .loans-section .loan-card:nth-of-type(6) {
    bottom: -120px;
}

/* popup custom */
#loanPopupCustom.loan-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    padding: 0 16px;
}

#loanPopupCustom .popup-content {
    position: relative;
    background-color: #fff;
    margin: 30px auto;
    width: 100%;
    max-width: 1000px;
    border-radius: 25px;
    max-height: 90vh;
    overflow-y: auto;
}

@media (max-height: 700px) {
    #loanPopupCustom .popup-content {
        max-height: 80vh;
    }
}

@media (max-height: 600px) {
    #loanPopupCustom .popup-content {
        max-height: 75vh;
    }
}

@media (max-height: 400px) {
    #loanPopupCustom .popup-content {
        max-height: 70vh;
    }
}

#loanPopupCustom .close-popup {
    cursor: pointer;
    margin: 0 auto;
    width: 100%;
    max-width: 1000px;
    position: relative;
    z-index: 1;
    display: block;
}

#loanPopupCustom .close-popup img {
    filter: brightness(0.9);
    position: absolute;
    right: 20px;
    top: 45px;
}

.center-div {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}

#loanPopupCustom .popup-header {
    background-image: url("../customify-child/assets/images/loan-resource-center_popup.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 35px 50px;
    display: flex;
    align-items: center;
    gap: 20px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    padding-bottom: 75px;
}

#loanPopupCustom .popup-icon {
    width: 142px;
    height: 132px;
}

#loanPopupCustom .popup-content h2#popupTitle {
    font-size: 30px;
    font-weight: bold;
    color: #FFC001;
}

#loanPopupCustom .popup-content p#popupOptional {
    font-size: 14px;
    font-weight: 400;
    color: #FFC001;
}

#loanPopupCustom .popup-content p#popupDescription {
    font-size: 14px;
    font-weight: 400;
    color: white;
}

#loanPopupCustom .popup-content .wrapper-container {
    padding: 40px 50px;
    background: white;
    border-radius: 25px;
    margin-top: -40px;
}

#loanPopupCustom .popup-content .wrapper-container .col2-custom-popup {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

#loanPopupCustom .popup-content .wrapper-container #showIfHasIsBest {
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}

#loanPopupCustom .popup-content .wrapper-container #showIfHasIsBest span {
    width: 100%;
    max-width: 90px;
    height: 31px;
    display: flex;
    background: #CDCDCD;
    color: white;
    font-size: 16px;
    font-weight: bold;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
}

#loanPopupCustom .popup-content .wrapper-container #showIfHasIsBest ul {
    list-style: none;
    margin: 0;
}

#loanPopupCustom .popup-content .wrapper-container .wrapper-content {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}

#loanPopupCustom .popup-content .wrapper-container .wrapper-content .wrapper-content-img {
    width: 32px;
    height: 32px;
}

#loanPopupCustom .popup-content .wrapper-container .wrapper-content .wrapper-content-title {
    font-size: 18px;
    font-weight: bold;
    color: #FFC001;
}

#loanPopupCustom .popup-content .wrapper-container ul {
    margin-left: 25px;
    margin-bottom: 0;
}

#loanPopupCustom .popup-content .wrapper-container ul li {
    font-size: 14px;
    font-weight: 400;
    color: #5a5a5a;
}

#loanPopupCustom .popup-content .wrapper-container ul li a {
    color: #FFC001;
    text-decoration: underline;
}

#loanPopupCustom .popup-content .wrapper-container .wrapper-content-button {
    display: flex;
    justify-content: center;
    position: relative;
    margin-top: 25px;
}

#loanPopupCustom .popup-content .wrapper-container .wrapper-content-button a {
    color: white;
    font-size: 16px;
    font-weight: 600;
    border: 3px solid;
    border-radius: 75px;
    width: 100%;
    max-width: 257px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    text-transform: capitalize;
}

#loanPopupCustom .popup-content .wrapper-container .wrapper-content-button .button1 {
    background: #FFC001;
    left: 15px;
    z-index: 1;
}

#loanPopupCustom .popup-content .wrapper-container .wrapper-content-button .button1:hover,
#loanPopupCustom .popup-content .wrapper-container .wrapper-content-button .button2:hover {
    box-shadow: inset 0 0 0 120px rgba(0, 0, 0, 0.18);
}


#loanPopupCustom .popup-content .wrapper-container .wrapper-content-button .button2 {
    background: #CDCDCD;
    right: 15px;
}


/* mortgage-calculator-container */
.mortgage-calculator-container {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
}

.mortgage-calculator-container .grid-cols .container-right .chart-container .apexcharts-text.apexcharts-pie-label:nth-of-type(3) {
    stroke: rgb(145, 0, 0);
    paint-order: stroke;
}

.mortgage-calculator-container .title-container {
    font-size: 18px;
    font-weight: 600;
    color: white;
    background: #5A5A5A;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    min-height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 16px;
}

.mortgage-calculator-container .grid-cols {
    display: grid;
    grid-template-columns: 550px 1fr;
    margin-bottom: 40px;
}

.mortgage-calculator-container .grid-cols .container-left {
    background: #F3F3F3;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    min-height: 397px;
    padding: 30px 50px 40px 50px;
    align-self: start;
}

.mortgage-calculator-container .grid-cols .container-left .input-group {
    display: grid;
    grid-template-columns: 1fr 280px;
    gap: 20px;
    margin-bottom: 10px;
    align-items: center;
    text-align: right;
}

.mortgage-calculator-container .grid-cols .container-left .input-group label,
.mortgage-calculator-container .grid-cols .container-left .input-group span {
    color: #5a5a5a;
}

.mortgage-calculator-container .grid-cols .container-left .input-group.w190 {
    grid-template-columns: 1fr 190px;
}

.mortgage-calculator-container .grid-cols .container-left .input-group.isCheckbox {
    display: block;
}

.mortgage-calculator-container .grid-cols .container-left .input-group .input-wrapper.w-col-1 {
    position: relative;
    width: 100%;
}

.mortgage-calculator-container .grid-cols .container-left .input-group.isCheckbox .input-wrapper.w-col-1 .checkbox-wrapper {
    display: flex;
    justify-content: center;
    gap: 15px;
    align-items: center;
    margin: 20px 0;
}

.mortgage-calculator-container .grid-cols .container-left .input-group.isCheckbox .input-wrapper.w-col-1 .checkbox-wrapper label {
    color: #5a5a5a;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    user-select: none;
}

.mortgage-calculator-container .grid-cols .container-left .input-group .input-wrapper.w-col-2 {
    display: grid;
    grid-template-columns: 1fr 80px;
    gap: 10px;
    position: relative;
}

.mortgage-calculator-container .symbol-dollars {
    position: absolute;
    top: 50%;
    left: 30px;
    transform: translate(-50%, -50%);
    height: 24px;
    border-right: 1px solid #808080;
    padding-right: 18px;
}

.mortgage-calculator-container .symbol-percent {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translate(-50%, -50%);
}

.mortgage-calculator-container .symbol-years {
    display: flex;
    justify-content: center;
    align-items: center;
}

.relative {
    position: relative;
}

.mb-10px {
    margin-bottom: 10px;
}

.mb-20px {
    margin-bottom: 20px;
}

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

.mortgage-calculator-container .input-group input,
.mortgage-calculator-container .input-group select {
    padding: 0 16px;
    border-radius: 50px;
    box-shadow: none;
    border: none;
    width: 100%;
    height: 36px;
    font-size: 16px;
    font-weight: 400;
    color: #808080;
    transition: all 0.3s ease;
}

.mortgage-calculator-container .input-group.isCheckbox input {
    width: 18px;
    height: 18px;
}

.mortgage-calculator-container .input-group select {
    -moz-appearance: none;
    appearance: none;
    background-image: url(../customify-child/assets/images/arrow-dropdown.svg);
    background-position: center right 12px;
}

.mortgage-calculator-container .input-group input:focus,
.mortgage-calculator-container .input-group select:focus {
    outline: none;
    background-color: white;
}

.mortgage-calculator-container .input-group input.input-with-symbol.dollars {
    padding-left: 64px;
}

.mortgage-calculator-container .input-group input.input-with-symbol.percent {
    padding-right: 40px;
}

body.custom-page-mortgage-calculator div#page-titlebar {
    display: none;
}

.mortgage-calculator-container h1.top-title {
    font-size: 35px;
    font-weight: bold;
    color: #FFC001;
    text-align: center;
    margin-top: 60px;
    margin-bottom: 20px;
    display: block;
    ;
}

.mortgage-calculator-container .input-group.isCheckbox input[type="checkbox"] {
    width: 18px;
    height: 18px;
    cursor: pointer;
    position: relative;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 2px solid #e0e0e0;
    border-radius: 4px;
    transition: all 0.2s ease;
    background-color: white;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.mortgage-calculator-container .input-group.isCheckbox input[type="checkbox"]:checked {
    background-color: #FFC001;
    border-color: #FFC001;
}

.mortgage-calculator-container .input-group.isCheckbox input[type="checkbox"]:checked::after {
    content: '';
    position: absolute;
    left: 5px;
    top: 0;
    width: 5px;
    height: 11px;
    border: solid white;
    border-width: 0 1.5px 1.5px 0;
    transform: rotate(45deg);
}

.mortgage-calculator-container .title-before-input {
    font-size: 16px;
    font-weight: 700;
    color: #5a5a5a;
    margin-bottom: 10px;
    text-align: center;
    display: block;
}

.mortgage-calculator-container .more-options {
    font-size: 16px;
    font-weight: 500;
    color: #FFC001;
    text-decoration: underline;
    cursor: pointer;
    margin: 25px 0;
}

.mortgage-calculator-container .more-options span {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    text-transform: uppercase;
}

.mortgage-calculator-container .grid-cols .container-left .input-group.w-col-4 {
    display: grid;
    grid-template-columns: 220px 1fr 82px 80px;
    gap: 10px;
    text-align: center;
}

.mortgage-calculator-container .grid-cols .container-left .color-5a5a5a {
    color: #5a5a5a;
}

.mortgage-calculator-container .button-calculator {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.mortgage-calculator-container .button-calculator input {
    font-size: 18px;
    font-weight: bold;
}

.mortgage-calculator-container .button-calculator button {
    padding: 0 !important;
    border-radius: 75px !important;
    width: 100%;
}

.mortgage-calculator-container .button-calculator .button-submit {
    background: #FFC001 !important;
    max-width: 262px;
}

.mortgage-calculator-container .button-calculator .button-submit:disabled {
    cursor: not-allowed;
}

.mortgage-calculator-container .button-calculator .button-clear {
    background: #D6D6D6 !important;
    max-width: 168px;
}

.mortgage-calculator-container .monthly-pay {
    min-height: 68px;
    background: #FFC001;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    font-size: 22px;
    font-weight: 600;
    color: white;
}

.mortgage-calculator-container .monthly-pay .price {
    font-size: 25px;
    font-weight: 700;
}

.mortgage-calculator-container .container-right .monthly-chart .cost-table {
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    color: #5a5a5a;
    margin-top: 20px;
}

.mortgage-calculator-container .container-right .monthly-chart .cell.hasBg {
    background: #F3F3F3;
    border-radius: 8px;
    color: #383838;
    font-weight: 600;
    margin: 10px 0;
}

.mortgage-calculator-container .container-right .monthly-chart .cost-table.col-2 .table-row {
    grid-template-columns: 1fr 200px;
}

.mortgage-calculator-container .container-right .monthly-chart .cost-table.col-2 .table-row.col-1 {
    grid-template-columns: 1fr;
}

.mortgage-calculator-container .container-right .monthly-chart .table-row {
    display: grid;
    grid-template-columns: 1fr 200px 200px;
    gap: 15px;
}

.mortgage-calculator-container .container-right .monthly-chart .table-row:last-child {
    border-bottom: none;
}

.mortgage-calculator-container .container-right .monthly-chart .cell {
    padding: 5px 0;
}

.mortgage-calculator-container .container-right .monthly-chart .text-normal .cell {
    font-weight: 400;
}

.mortgage-calculator-container .container-right .monthly-chart .text-normal .cell .font-12 {
    font-size: 12px;
}

.mortgage-calculator-container .container-right .monthly-chart .header {
    margin-bottom: 5px;
}

.mortgage-calculator-container .container-right .monthly-chart .title {
    padding-left: 57px;
}

.mortgage-calculator-container .container-right .monthly-chart .cell:not(:first-child) {
    text-align: right;
    padding-right: 20px;
    display: flex;
    justify-content: end;
    align-items: center;
}

.mortgage-calculator-container .container-right .monthly-chart .apexcharts-legend-marker {
    width: 20px !important;
    margin-right: 5px;
}

.mortgage-calculator-container .container-right .monthly-chart .apexcharts-legend {
    top: 12px !important;
    right: 20px !important;
}

.mortgage-calculator-container .container-right .monthly-chart .apexcharts-legend-series {
    margin: 0 !important;
}

.mortgage-calculator-container .container-right .monthly-chart #chart {
    display: flex;
    justify-content: center;
}

.mortgage-calculator-container .container-right .monthly-chart .apexcharts-legend-text {
    font-weight: 600 !important;
}

.mortgage-calculator-container .container-right .monthly-chart .apexcharts-legend-series.legend-mouseover-inactive {
    opacity: 1 !important;
}

.mortgage-calculator-container .container-right .monthly-chart .custom-legend .legend-item {
    display: flex;
    align-items: center;
    gap: 5px;
    line-height: 1.1;
}

.mortgage-calculator-container .container-right .monthly-chart .custom-legend .legend-item span.legend-marker {
    display: block;
    width: 20px;
    height: 14px;
    border-radius: 4px;
}

.mortgage-calculator-container .container-right .monthly-chart .custom-legend .legend-item span.legend-marker-label {
    font-weight: 500;
    color: #5a5a5a;
}

.mortgage-calculator-container .container-right .monthly-chart .chart-container {
    position: relative;
    display: flex;
    align-items: start;
    justify-content: center;
    margin-top: 30px;
}

.mortgage-calculator-container .container-right .monthly-chart .chart-container .custom-legend {
    margin-top: 5px;
}

.mortgage-calculator-container .container-right .monthly-chart .chart-container #chart .custom-label-2 {
    stroke: rgb(145, 0, 0);
    paint-order: stroke;
}

.mortgage-calculator-container .container-right .monthly-chart .cost-table.col-2.mt-40 {
    margin-top: 30px;
}

.mortgage-calculator-container .container-right .monthly-chart {
    padding-left: 30px;
}

.mortgage-calculator-container .container-right .monthly-chart .show-note-payment {
    font-size: 18px;
    font-weight: 400;
    color: #383838;
    margin-top: 30px;
}

.mortgage-calculator-container .container-right .monthly-chart .show-note-payment .noted-date,
.mortgage-calculator-container .container-right .monthly-chart .show-note-payment .noted-money {
    font-weight: 700;
}

.mortgage-calculator-container .container-left .show-first-form {
    display: block;
}

.mortgage-calculator-container .amortization-schedule {
    max-width: 770px;
    margin: 0 auto;
}

.mortgage-calculator-container .amortization-schedule h1 {
    text-align: center;
    color: #333;
}

.mortgage-calculator-container .amortization-schedule .schedule-toggle {
    display: flex;
    justify-content: center;
    margin: 20px 0;
    flex-wrap: wrap;
    margin-bottom: 20px;
    position: relative;
}

.mortgage-calculator-container .amortization-schedule .schedule-button {
    padding: 10px 20px;
    border: none;
    border-radius: 20px;
    cursor: pointer;
    font-size: 14px;
}

body.custom-page-mortgage-calculator main .mortgage-calculator-container .amortization-schedule button.schedule-button {
    background-color: #CDCDCD;
    border-radius: 75px;
    border: 3px solid #FFFFFF;
    font-size: 16px;
    padding: 0;
    width: 100%;
    max-width: 257px;
    font-weight: 600;
    height: 41px;
    min-height: 100%;
    text-transform: capitalize;
    position: relative;
}

body.custom-page-mortgage-calculator main .mortgage-calculator-container .amortization-schedule button.schedule-button span {
    top: -3px;
    position: relative;
}

body.custom-page-mortgage-calculator main .mortgage-calculator-container .amortization-schedule button.schedule-button:nth-of-type(1) {
    left: 15px;
}

body.custom-page-mortgage-calculator main .mortgage-calculator-container .amortization-schedule button.schedule-button:nth-of-type(2) {
    right: 15px;
}

body.custom-page-mortgage-calculator main .mortgage-calculator-container .amortization-schedule button.schedule-button.active {
    background-color: #ffc107;
    z-index: 1;
}

.mortgage-calculator-container .amortization-schedule table {
    width: 100%;
    margin: 0;
    max-width: 770px;
    border-collapse: collapse;
    table-layout: fixed;
    margin: 0;
    border-radius: 4px;
    overflow: hidden;
}

.mortgage-calculator-container .amortization-schedule th,
.mortgage-calculator-container .amortization-schedule td {
    padding: 10px 12px;
    text-align: center;
    border: 1px solid #B9B9B9;
    overflow: hidden;
    text-overflow: ellipsis;
    background: white !important;
}

.mortgage-calculator-container .amortization-schedule th {
    background-color: #0000000F !important;
    font-weight: 600;
    color: #484848;
    font-size: 16px;
}

.mortgage-calculator-container .amortization-schedule td {
    background-color: white;
    font-size: 16px;
}

.mortgage-calculator-container .amortization-schedule tr:nth-child(even) {
    background-color: white;
}

.mortgage-calculator-container .amortization-schedule .amount {
    text-align: right;
}

.mortgage-calculator-container .amortization-schedule .show-table2 {
    display: none;
}

.mortgage-calculator-container .amortization-schedule table.schedule-for-button1 th:nth-child(1),
.mortgage-calculator-container .amortization-schedule table.schedule-for-button1 td:nth-child(1) {
    width: 65px;
}

.mortgage-calculator-container .amortization-schedule table.schedule-for-button2 th:nth-child(1),
.mortgage-calculator-container .amortization-schedule table.schedule-for-button2 td:nth-child(1) {
    width: 80px;
}

.mortgage-calculator-container .amortization-schedule table.schedule-for-button1 th:nth-child(2),
.mortgage-calculator-container .amortization-schedule table.schedule-for-button1 td:nth-child(2) {
    width: 235px;
}

.mortgage-calculator-container .amortization-schedule table.schedule-for-button2 th:nth-child(2),
.mortgage-calculator-container .amortization-schedule table.schedule-for-button2 td:nth-child(2) {
    width: 230px;
}

.mortgage-calculator-container .amortization-schedule table.schedule-for-button1 th:nth-child(3),
.mortgage-calculator-container .amortization-schedule table.schedule-for-button1 td:nth-child(3),
.mortgage-calculator-container .amortization-schedule table.schedule-for-button1 th:nth-child(4),
.mortgage-calculator-container .amortization-schedule table.schedule-for-button1 td:nth-child(4) {
    width: 150px;
}

.mortgage-calculator-container .amortization-schedule table.schedule-for-button2 th:nth-child(3),
.mortgage-calculator-container .amortization-schedule table.schedule-for-button2 td:nth-child(3),
.mortgage-calculator-container .amortization-schedule table.schedule-for-button2 th:nth-child(4),
.mortgage-calculator-container .amortization-schedule table.schedule-for-button2 td:nth-child(4) {
    width: 147px;
}

.mortgage-calculator-container .amortization-schedule table.schedule-for-button1 th:nth-child(5),
.mortgage-calculator-container .amortization-schedule table.schedule-for-button1 td:nth-child(5) {
    width: 170px;
}

.mortgage-calculator-container .amortization-schedule table.schedule-for-button2 th:nth-child(5),
.mortgage-calculator-container .amortization-schedule table.schedule-for-button2 td:nth-child(5) {
    width: 165px;
}

.mortgage-calculator-container .amortization-schedule>h1 {
    font-size: 22px;
    font-weight: bold;
    color: #FFC001;
}

.mortgage-calculator-container .chart-table {
    position: relative;
    width: 100%;
    max-width: 490px;
    margin: 0 auto;
    padding-top: 100px;
}

.mortgage-calculator-container .chart-table .grid-line {
    stroke: #999;
    stroke-width: 0.5;
}

.mortgage-calculator-container .chart-table .axis-line {
    stroke: #666;
    stroke-width: 0.5;
    fill: none;
}

.mortgage-calculator-container .chart-table .chart-line {
    fill: none;
    stroke-width: 1.5;
}

.mortgage-calculator-container .chart-table .label {
    font-size: 12px;
    font-family: Arial, sans-serif;
    fill: #666;
    color: #000;
}

.mortgage-calculator-container .chart-table .axis-label {
    font-family: Arial, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #000;
}

.mortgage-calculator-container .chart-table .legend-container {
    position: absolute;
    top: 30px;
    left: 55px;
}

.mortgage-calculator-container .chart-table .legend-item {
    display: flex;
    align-items: center;
    gap: 5px;
    font-family: Arial, sans-serif;
    font-size: 16px;
    color: #000;
    line-height: 17px;
}

.mortgage-calculator-container .chart-table .legend-line {
    width: 20px;
    height: 6px;
}

.mortgage-calculator-container .display-col-2-with-table {
    display: grid;
    grid-template-columns: 770px 1fr;
    gap: 40px;
}

.mortgage-calculator-container .mortgage-calculator-content {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    margin-top: 60px;
    margin-bottom: 100px;
}

.mortgage-calculator-container .mortgage-calculator-content p,
.mortgage-calculator-container .mortgage-calculator-content h4,
.mortgage-calculator-container .mortgage-calculator-content li {
    color: #5a5a5a;
}

.mortgage-calculator-container .mortgage-calculator-content ul {
    margin: 0 0 20px 28px;
}

.mortgage-calculator-container .mortgage-calculator-content a,
.mortgage-calculator-container .mortgage-calculator-content a:focus {
    color: #FFC001;
    text-decoration: underline;
    font-weight: 700;
}

.mortgage-calculator-container .mortgage-calculator-content p {
    font-weight: 400;
}

.mortgage-calculator-container .mortgage-calculator-content strong {
    font-weight: 600;
}

.mortgage-calculator-container .mortgage-calculator-content h4 {
    font-weight: 700;
    font-size: 18px;
}

body.custom-page-mortgage-calculator main#main {
    padding: 0;
}

.has-border-top {
    border-top: 1px solid #CDCDCD;
    padding-top: 20px;
}

.mortgage-calculator-container .scroll-hor-table {
    position: relative;
}

.mortgage-calculator-container .scroll-hor-table::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 4px;
    border: 1px solid #b9b9b9;
    pointer-events: none;
}

/* newsletters */
main .content-inner .entry-content .newsletter-custom-class {
    width: 100%;
    max-width: 900px;
    background: white;
    border-radius: 15px;
    margin-top: 60px;
    box-shadow: 2px 5px 15px 0 rgba(0, 0, 0, 0.25);
    padding: 20px 80px 60px 80px;
    text-align: center;
    margin-bottom: 30px;
}

main .content-inner .entry-content .newsletter-custom-class p {
    padding: 0;
}

main .content-inner .entry-content .newsletter-custom-class .icon {
    background-image: url(../customify-child/assets/images/newsletter.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    max-width: 175px;
    height: 175px;
    margin: 0 auto;
    display: block;
}

main .content-inner .entry-content .newsletter-custom-class .title {
    font-size: 30px;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 10px;
    line-height: 100%;
}

main .content-inner .entry-content .newsletter-custom-class .des,
main .content-inner .entry-content .newsletter-custom-class .label {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

main .content-inner .entry-content .newsletter-custom-class .label {
    margin-top: 20px;
    margin-bottom: 10px;
}

main .content-inner .entry-content .newsletter-custom-class>input {
    padding: 16px;
    color: #5a5a5a;
    font-weight: 500;
    width: 100%;
    max-width: 510px;
    background: white;
    box-shadow: none;
    font-size: 16px;
    border-radius: 10px;
    border: 1px solid #C6C6C6;
    margin-bottom: 30px;
}

main .content-inner .entry-content .newsletter-custom-class>input:disabled {
    background-color: lightgray;
}

main .content-inner .entry-content .newsletter-custom-class form button {
    color: white;
    font-size: 20px;
    font-weight: 500;
    background-color: #FFC001;
    border-radius: 75px;
    width: 100%;
    max-width: 213px;
    min-height: 44px;
    height: 100%;
    line-height: 1;
    text-transform: capitalize;
}

div#locationPopup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

div#locationPopup .no-rates-message {
    box-shadow: 5px 15px 35px -5px #00000040;
    border-radius: 20px;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    background-color: white;
    position: relative;
    animation: popupFadeIn 0.3s ease-out;
    padding-bottom: 30px;
}

div#locationPopup .no-rates-message .message-text {
    font-size: 16px;
    line-height: 24px;
    font-weight: normal;
    color: #5a5a5a;
    background: #ececec;
    padding: 40px 30px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom: 4px solid #ffc001;
    text-align: center;
}

div#locationPopup .no-rates-message .button-helper {
    background-color: #ffc001;
    border-radius: 75px;
    width: 100%;
    height: 44px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    text-transform: capitalize;
    align-items: center;
    color: white;
    max-width: 178px;
    margin: 0 auto;
    margin-top: 30px;
}

.toggle-image1-up,
.toggle-image2-up {
    display: none;
}

.grecaptcha-badge {
    z-index: 9;
    display: none;
}

body.custom-page-pre-qualify .grecaptcha-badge,
body.custom-page-rates-result .grecaptcha-badge,
body.custom-page-contact-us .grecaptcha-badge {
    display: block;
}

body .n2-ss-slider .n2-ss-slider-wrapper-inside .n2-ss-slider-controls {
    bottom: 150px;
}

body div#n2-ss-1 .n2-ss-slide {
    height: 600px !important;
}

/* animation smart slider 3 */
.custom-animation-fade-down,
.custom-animation-fade-up {
    will-change: transform, opacity;
}

.n2-ss-slide:not(.n2-ss-slide-active) .custom-animation-fade-down,
.n2-ss-slide:not(.n2-ss-slide-active) .custom-animation-fade-up {
    opacity: 0 !important;
    transform: translateY(0) !important;
    transition: none !important;
}

.n2-ss-slide-active .custom-animation-fade-down {
    transition: transform 3000ms ease, opacity 3000ms ease;
}

.n2-ss-slide-active .custom-animation-fade-up {
    transition: transform 2000ms ease, opacity 2000ms ease;
}

.mortgage-calculator-container .scroll-hor-table {
    width: 100%;
    overflow-x: auto;
    position: relative;
    margin-bottom: 20px;
}

.mortgage-calculator-container .scroll-hor-table .table-wrapper {
    min-width: 100%;
    overflow-x: hidden;
}

.mortgage-calculator-container .scroll-hor-table table {
    width: 100%;
    border-collapse: collapse;
}

.mortgage-calculator-container .scroll-hor-table th {
    background-color: #f5f5f5;
    position: sticky;
    top: 0;
    z-index: 2;
}

.mortgage-calculator-container .scroll-hor-table .amount {
    text-align: right;
}

.temp-hidden {
    display: none !important;
}

.validation-errors {
    color: #d9534f;
    background-color: #f8d7da;
    border: 1px solid #f5c2c7;
    padding: 10px;
    margin-bottom: 20px;
}

.validation-errors ul {
    margin: 0;
    padding-left: 20px;
}

.validation-errors li {
    margin: 0;
}

.home-financing-program-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    z-index: 1000;
    overflow-y: auto;
    padding: 0 16px;
    -webkit-overflow-scrolling: touch;
}

.home-financing-program-content {
    width: 100%;
    max-width: 1300px;
    margin: 120px auto 30px auto;
    background: #fff;
    border-radius: 20px;
    box-shadow: 2px 5px 25px 0 rgba(0, 0, 0, 0.25);
    /* overflow: hidden; */
}

.home-financing-program-content .popup-header {
    background: #EBEBEB;
    padding: 15px 78px;
    position: relative;
    text-align: center;
    min-height: 97px;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}

.home-financing-program-content .popup-header h2 {
    font-size: 23px;
    font-weight: 700;
    color: #5a5a5a;
    margin-bottom: 5px;
}

.home-financing-program-content .popup-header p {
    font-size: 18px;
    font-weight: 400;
    color: #5a5a5a;
}

.home-financing-program-content .popup-close {
    position: absolute;
    border: none;
    background: transparent;
    cursor: pointer;
    height: 48px;
    top: 50%;
    right: 0;
    transform: translate(-50%, -50%);
}

.home-financing-program-content .popup-body {
    padding: 30px 200px;
}

.home-financing-program-content .form-group {
    display: grid;
    grid-template-columns: 273px 1fr;
    column-gap: 50px;
    margin-bottom: 15px;
}

.home-financing-program-content .form-group .label {
    display: block;
    font-weight: 500;
    font-size: 15px;
    color: #5a5a5a;
    text-align: end;
}

.home-financing-program-content .form-select {
    width: 100%;
    max-width: 410px;
    height: 36px;
    padding: 6.5px 53px 6.5px 16px;
    border-radius: 50px;
    appearance: none;
    font-size: 15px;
    color: #808080;
    font-weight: 400;
    background: #F3F3F3;
}

.home-financing-program-content .note {
    font-size: 15px;
    font-weight: 400;
    color: #5a5a5a;
    margin-top: 6px;
    width: 100%;
    max-width: 545px;
}

.home-financing-program-content .note strong{
    color: #ffc001;
    font-weight: 600;
}

.home-financing-program-content .note strong a {
    color: #ffc001;
}

.home-financing-program-content .btn-submit {
    width: 100%;
    max-width: 297px !important;
    background: #ffc001 !important;
    border: none !important;
    border-radius: 75px !important;
    font-weight: bold !important;
    color: #fff !important;
    font-size: 20px;
    cursor: pointer !important;
    transition: background 0.2s !important;
    line-height: 1 !important;
    min-height: 44px !important;
    margin-top: 15px !important;
}

.home-financing-program-content .btn-submit:hover {
    background: #e0a800 !important;
}

.custom-select-wrapper {
    position: relative;
    width: 100%;
}

.custom-select-trigger {
    cursor: pointer;
    width: 410px;
    height: 36px;
    border-radius: 50px;
    font-size: 15px;
    color: #808080;
    font-weight: 400;
    background: #F3F3F3;
    position: relative;
    display: flex;
    align-items: center;
}

.rates-result-form-container .rates-result-form-wrapper .custom-select-trigger {
    width: 100% !important;
}

.custom-select-trigger span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    max-width: calc(100% - 40px);
    padding-left: 16px;
}

.custom-arrow {
    transition: transform 0.2s ease;
    position: absolute;
    top: 15px;
    right: 14px;
    display: flex;
    flex-shrink: 0;
}

.custom-options {
    display: none;
    position: absolute;
    top: 100%;
    width: 100%;
    max-width: 410px;
    background: white;
    border-radius: 10px;
    box-shadow: 0 4px 12px #00000040;
    z-index: 10;
    margin-top: 3px;
    max-height: 220px;
    overflow-x: auto;
    scrollbar-width: none;
}

.custom-options span {
    display: block;
    padding: 4px 16px;
    cursor: pointer;
    font-size: 15px;
    color: #5a5a5a;
    font-weight: 400;
}

.custom-options span.active {
    background: #ffc001;
    color: #fff;
}

.custom-options span:first-child {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.custom-options span:last-child {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.custom-options span:hover {
    background-color: #F3F3F3;
    opacity: .8;
}

.custom-options span.active:hover {
    background: #ffc001;
    color: #fff;
    opacity: 1;
}

.custom-arrow {
    transition: transform 0.2s ease;
    position: absolute;
    top: 15px;
    right: 14px;
    display: flex;
}

.custom-select-wrapper.open .custom-select-trigger .custom-arrow {
    transform: rotate(180deg);
}

/* rates page */
.rates-result-form-container {
    margin-top: 60px;
    margin-bottom: 30px;
}

.rates-result-form-container.with-radio {
    margin-top: 20px;
    margin-bottom: 15px;
}

.rates-result-form-container.with-radio .form-group {
    justify-content: space-between;
    padding: 0 20px;
    display: none;
}

.rates-result-form-container .container {
    display: grid;
    grid-template-columns: 410px 1fr;
    max-width: 100%;
    margin: 0 30px;
}

.rates-result-form-container .form-section-form {
    background: white;
    border-radius: 30px;
    box-shadow: 1px 5px 40px rgba(0, 0, 0, 0.25);
    z-index: 1;
    padding: 40px 30px;
    margin-bottom: 20px;
    height: min-content;
}

.rates-result-form-container .title-tab-form span {
    font-size: 18px;
    font-weight: 600;
    color: #808080;
    background: #E0E0E0;
    border-radius: 40px;
    border: 4px solid #fff;
    width: 186px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    min-height: 39px;
    cursor: pointer;
    position: relative;
}

.rates-result-form-container .title-tab-form span:last-child {
    left: -22px;
}

.rates-result-form-container .title-tab-form span.active {
    color: #5a5a5a;
    background: #ffc001;
    z-index: 1;
}

.rates-result-form-container .title-tab-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    position: relative;
    margin-bottom: 20px;
}

.rates-result-form-container .form-section-table {
    margin-left: -30px;
    display: none;
}

.rates-result-form-container .form-group {
    margin-bottom: 15px;
}

.rates-result-form-container .form-group.property_type,
.rates-result-form-container .form-group.number_of_borrowers,
.rates-result-form-container .form-group.impound_escrow_account,
.rates-result-form-container .form-group.commit_period,
.rates-result-form-container .form-group.va_service_type,
.rates-result-form-container .form-group.va_loan_use_type,
.rates-result-form-container .form-group.va_disability_status,
.rates-result-form-container .form-group.va_funding,
.rates-result-form-container .form-group.is_financed,
.rates-result-form-container .form-group.is_second_mortgage,
.rates-result-form-container .form-group.remaining_balance {
    display: none;
}

.rates-result-form-container .form-group .checkbox-group {
    display: grid;
    grid-template-columns: 18px 1fr;
    gap: 15px;
    align-items: center;
}

.loan-popup-form.loan-limits .form-group .checkbox-group {
    display: grid;
    grid-template-columns: 24px 1fr;
    gap: 5px;
    align-items: center;
    background: #F3F3F3;
    padding: 5px 10px;
    border-radius: 10px;
}

.loan-popup-form.loan-limits .form-group .checkbox-group.checked-group {
    background: #5A5A5A;
}

.loan-popup-form.loan-limits .form-group .checkbox-group.checked-group label {
    color: #fff;
    word-break: break-all;
}

.rates-result-form-container .form-group .checkbox-group input,
.rates-result-form-container .form-group .checkbox-group label,
.loan-popup-form.loan-limits .form-group .checkbox-group input,
.loan-popup-form.loan-limits .form-group .checkbox-group label {
    cursor: pointer;
}

.rates-result-form-container .form-group.impound_escrow_account.disabled .checkbox-group input,
.rates-result-form-container .form-group.impound_escrow_account.disabled .checkbox-group label {
    cursor: not-allowed !important;
}

.rates-result-form-container .form-group span.label,
.rates-result-form-container .form-group .checkbox-group label {
    font-weight: 500;
    font-size: 15px;
    color: #5a5a5a;
}

.loan-popup-form.loan-limits .form-group .checkbox-group label {
    font-weight: 500;
    font-size: 16px;
    color: #5a5a5a;
    padding-left: 0;
    height: 24px;
}

.gap-15 {
    gap: 15px;
}

.rates-result-form-container .form-group input,
.rates-result-form-container .form-group select {
    width: 100%;
    height: 36px;
    border-radius: 50px;
    background: #F3F3F3;
    box-shadow: none;
    border: none;
    padding: 0 16px;
    font-size: 15px;
    font-weight: 400;
    color: #808080;
}

.rates-result-form-container .form-group input[type=checkbox],
.rates-result-form-container .form-group input[type=radio] {
    position: relative;
    cursor: pointer;
    height: auto;
}

.loan-popup-form.loan-limits .form-group input[type=radio] {
    position: relative;
    cursor: pointer;
    height: auto !important;
}

.rates-result-form-container .form-group input[type=checkbox]:before,
.rates-result-form-container .form-group input[type=checkbox]:checked:before,
.rates-result-form-container .form-group input[type=radio]:before,
.rates-result-form-container .form-group input[type=radio]:checked:before {
    content: "";
    display: block;
    position: absolute;
    width: 18px;
    height: 18px;
    top: -3px;
    left: 0;
}

.loan-popup-form.loan-limits .form-group input[type=radio]:before,
.loan-popup-form.loan-limits .form-group input[type=radio]:checked:before {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    top: -3px;
    left: 0;
}

.rates-result-form-container .form-group input[type=checkbox]:before,
.rates-result-form-container .form-group input[type=radio]:before {
    background-color: #fff;
    border: 1px solid #D9D9D9;
    border-radius: 3px;
}

.loan-popup-form.loan-limits .form-group input[type=radio]:before {
    background-color: #F3F3F3;
    border: 1px solid #727272;
    border-radius: 50%;
}

.rates-result-form-container .form-group input[type=checkbox]:checked:before,
.rates-result-form-container .form-group input[type=radio]:checked:before {
    border: none;
    background-image: url(../customify-child/assets/images/checked.svg);
    background-position: center;
    background-repeat: no-repeat;
}

.loan-popup-form.loan-limits .form-group input[type=radio]:checked:before {
    border: none;
    background-image: url(../customify-child/assets/images/vector-checked-rates.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-color: #5a5a5a;
}

.rates-result-form-container .form-group.impound_escrow_account.disabled input[type=checkbox]:checked:before {
    background-image: url(../customify-child/assets/images/disable-checked.svg);
}

.rates-result-form-container .form-group.impound_escrow_account.disabled .checkbox-group label {
    color: #e6e6e6;
}

.rates-result-form-container .form-group input:focus,
.rates-result-form-container .form-group select:focus {
    border-color: none;
    outline: none;
    background-color: #F3F3F3;
}

.rates-result-form-container .form-group.has-prefix input {
    padding-left: 64px;
    padding-right: 16px;
}

.rates-result-form-container .form-group .noted-value,
.rates-result-form-container .form-group .noted-ltv,
.rates-result-form-container .form-group .noted-cltv {
    font-size: 14px;
    font-weight: 400;
    color: #CECECE;
    margin-top: 5px;
}

.loan-type-note {
    font-size: 14px;
    font-weight: 400;
    color: #5a5a5a;
    font-style: italic;
}

.rates-result-form-container .form-group .noted-ltv {
    display: none;
}

.rates-result-form-container .form-group .conforming-popup {
    font-size: 14px;
    font-weight: 400;
    color: #ffc001;
    margin-top: 5px;
    text-decoration: underline;
    cursor: pointer;
    width: fit-content;
}

.rates-result-form-container .rates-more-details {
    font-size: 16px;
    font-weight: 500;
    color: #FFC001;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 5px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.rates-result-form-container .rates-more-details .less-detail {
    display: none;
}

.rates-result-form-container .rates-more-details.open {
    color: #B9B9B9;
}

.rates-result-form-container .rates-more-details img,
.rates-result-form-container .rates-more-details span {
    cursor: pointer;
}

body.custom-page-rates-result .rates-result-form-container .rates-result-form-wrapper .container .form-section-form .rates-button {
    font-size: 18px;
    font-weight: bold;
    width: 100%;
    background: #ffc001;
    border-radius: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    min-height: 40px;
    gap: 12px;
}

body.custom-page-rates-result .rates-result-form-container .rates-result-form-wrapper .container .form-section-form .rates-button .refresh-icon-disabled,
body.custom-page-rates-result .rates-result-form-container .rates-result-form-wrapper .container .form-section-form .rates-button.disabled .refresh-icon {
    display: none;
}

body.custom-page-rates-result .rates-result-form-container .rates-result-form-wrapper .container .form-section-form .rates-button.disabled .refresh-icon-disabled {
    display: block;
}

body.custom-page-rates-result .rates-result-form-container .rates-result-form-wrapper .container .form-section-form .rates-button.disabled {
    background: #DDDDDD;
}

body.custom-page-rates-result .rates-result-form-container .rates-result-form-wrapper .container .form-section-form .rates-button:hover {
    box-shadow: none;
}

body.custom-page-rates-result .rates-result-form-container .rates-result-form-wrapper .container .form-section-form .rates-button .button-icon {
    height: 25px;
}

.rates-result-form-container .tabs {
    display: flex;
    gap: 25px;
    padding: 0 56px;
}

.rates-result-form-container .tab {
    background: #C6C6C6;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    box-shadow: 0px -5px 10px -5px #00000040 inset;
    cursor: pointer;
    font-weight: bold;
    font-size: 16px;
    color: #5a5a5a;
    min-height: 36px;
    width: 100%;
    max-width: 205px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.rates-result-form-container .tab.active {
    background: #ffc001;
    color: #fff;
    box-shadow: none;
}

.rates-result-form-container .rates-results {
    background: #F3F3F3;
    border-radius: 25px;
    width: 100%;
}

.rates-result-form-container .rates-header,
.rates-result-form-container .rate-row {
    display: flex;
    align-items: center;
}

.rates-result-form-container .rate-row>div {
    min-height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.rates-result-form-container .rate-row>div:not(:nth-last-child(-n+2)) {
    box-shadow: 8px 0px 15px -4px #00000012;
}

.rates-result-form-container .rates-header {
    background: #f3f3f3;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    padding: 30px 20px 30px 30px;
    min-height: 48px;
    line-height: 24px;
    color: #5a5a5a;
    border-top-right-radius: 25px;
}

.rates-result-form-container .rates-header>div,
.rates-result-form-container .rate-row>div {
    flex: 1;
    text-align: center;
}

.rates-result-form-container .rates-header>div .tooltip,
.rates-result-form-container .form-section-form>div .tooltip {
    position: relative;
    top: 2px;
    cursor: pointer;
}

.tooltip-content {
    display: none;
    position: absolute;
    background: #fff;
    color: #5a5a5a;
    padding: 14px;
    border-radius: 4px;
    z-index: 100;
    font-size: 14px;
    font-weight: 400;
    min-width: 300px;
    left: 25px;
    right: auto;
    top: 30%;
    transform: translateY(-30%);
    filter: drop-shadow(0px 0px 2px #ccc);
    line-height: 18px;
    text-align: left;
}

.hasMI {
    display: none;
}

.tooltip.tooltip--left .tooltip-content {
    left: auto;
    right: 25px;
}

.tooltip.tooltip--left .tooltip-content::before {
    left: auto;
    right: -8px;
    border-width: 8px 0 8px 8px;
    border-color: transparent transparent transparent #fff;
}

.tooltip:hover .tooltip-content {
    display: block;
}

.tooltip-content::before {
    content: "";
    position: absolute;
    left: -8px;
    top: 30%;
    transform: translateY(-30%);
    border-width: 8px 8px 8px 0;
    border-style: solid;
    border-color: transparent #fff transparent transparent;
    filter: drop-shadow(0 0 0 #ccc);
}

.conforming-popup-modal {
    display: none; 
    position: fixed; 
    z-index: 9999; 
    left: 0; top: 0; width: 100%; height: 100%;
    overflow: auto; 
    background: rgba(0,0,0,0.5);
}

.conforming-popup-modal-content {
    background: #fff;
    margin: 10% auto; 
    padding: 30px 20px;
    border-radius: 8px;
    width: 90%; max-width: 400px;
    position: relative;
    box-shadow: 0 2px 16px rgba(0,0,0,0.2);
}

.conforming-popup-close {
    position: absolute; top: 10px; right: 15px;
    font-size: 28px; font-weight: bold; color: #888;
    cursor: pointer;
}

.conforming-popup-close:hover {
    color: #333;
}

.rates-result-form-container .rate-row {
    background: #fcfcfc;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.rates-result-form-container .rates-results .rate-row:not(:last-child) {
    margin-bottom: 10px;
}

.show-all-lower-rates-text,
.show-all-higher-rates-text {
    font-size: 12px;
    font-weight: 600;
    color: #ffc001;
    cursor: pointer;
}

.display-more-rates {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 5px;
}

.rates-line {
    width: 354px;
    height: 1px;
    background: #fff;
}

.rates-icon {
    rotate: 180deg;
}

.rates-result-form-container .rates-container {
    padding: 0 20px 30px 30px;
}

.rates-result-form-container .rates-container.hidden,
.rates-result-form-container .rate-row.hidden {
    display: none;
}

.rates-result-form-container .apply-btn {
    background: #ffc001;
    color: white;
    border: none;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    cursor: pointer;
    font-size: 15px;
    font-weight: 600;
    min-height: 30px;
    width: 76px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.rates-result-form-container .apply-icon {
    background: #797979;
    color: white;
    border: none;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    display: flex;
    justify-content: center;
    min-height: 30px;
    width: 24px;
    align-items: center;
    cursor: pointer;
    position: relative;
}

.rates-result-form-container .apply-icon .drop-list {
    display: none;
    position: absolute;
    background: #FFF6DC;
    box-shadow: 0px 8px 16px 0px #0000001F;
    color: #5A5A5A;
    width: 212px;
    border: 1px solid #FFC001;
    right: 0;
    top: 32px;
    border-radius: 5px;
    z-index: 2;
}

.rates-result-form-container .apply-icon .drop-list > div{
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    color: #5a5a5a;
    padding: 5px 0;
    text-align: left;
    margin: 0 10px;
}

.rates-result-form-container .apply-icon .drop-list > div:first-child{
    border-bottom: 1px solid transparent;
    border-image: repeating-linear-gradient(to right, #ffc001 0, #ffc001 3px, transparent 3px, transparent 6px);
    border-image-slice: 1;
}

.rates-result-form-container .question-icon {
    cursor: pointer;
}

.rates-result-form-container .question-icon:hover .default{
    display: none;
}

.rates-result-form-container .question-icon:hover .hover{
    display: block;
}

.rates-result-form-container .question-icon .default {
    display: block;
}

.rates-result-form-container .question-icon .hover {
    display: none;
}

.rates-result-form-container .disclaimer {
    font-size: 13px;
    font-weight: 400;
    color: #6B6B6B;
    margin-left: 26px;
    margin-right: 20px;
}

.rates-result-form-container .disclaimer strong {
    font-weight: 600;
}

.rates-result-form-container .disclaimer a {
    color: #ffc001;
}

.rates-result-form-container .rates-error-bar {
    margin-left: 56px;
    margin-bottom: 25px;
    padding: 12px 20px;
    background-color: #EEC8C5;
    border-radius: 10px;
    border: 1px solid #AD1F1A;
}

.rates-result-form-container .rates-error-bar > span {
    display: grid;
    grid-template-columns: 30px 1fr;
    gap: 15px;
    align-items: center;
}

.rates-result-form-container .rates-error-bar .error-message {
    font-size: 15px;
    font-weight: 500;
    color: #A81B12;
}

.rates-result-form-container .user-summary-bar {
    margin-left: 56px;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.rates-result-form-container .summary-label {
    font-size: 15px;
    font-weight: 400;
    color: #A3A3A3;
}

.rates-result-form-container .summary-label .summary-value {
    font-weight: 500;
    color: #5a5a5a;
}

.rates-result-form-container .summary-label .summary-icon {
    position: relative;
    top: 3px;
    margin-left: 5px;
    cursor: pointer;
    display: inline-block;
    height: 18px;
}

.rates-result-form-container .summary-divider {
    width: 1px;
    height: 15px;
    background: #D4D4D4;
    display: inline-block;
    margin: 0 10px;
}

.rates-result-form-container .summary-timestamp {
    font-size: 13px;
    font-weight: 500;
    color: #bababa;
}

.rates-result-form-container .sharing-button {
    background: #D1D1D1;
    width: 100%;
    max-width: 108px;
    min-height: 32px;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
}

.rates-result-form-container .sharing-button:hover {
    background: #ffc001;
}

.rates-result-form-container .sharing-button,
.rates-result-form-container .disclaimer {
    margin-left: 56px;
    margin-right: 20px;
    margin-top: 20px;
}

.rates-result-form-container .form-section-table .feature-text-value {
    font-size: 16;
    font-weight: 600;
    color: #ffc001;
}

.rates-result-form-container .form-section-table .interest-rate-value .rate {
    font-size: 16px;
    font-weight: 600;
    color: #5A5A5A;
}

.rates-result-form-container .form-section-table .interest-rate-value .apr {
    font-size: 14px;
    font-weight: 400;
    color: #8D8D8D;
}

.rates-result-form-container .form-section-table .lender-point-value {
    font-size: 16px;
    font-weight: 500;
}

.rates-result-form-container .form-section-table .lender-point-value.positive-value {
    color: #3D5FFF;
}

.rates-result-form-container .form-section-table .lender-point-value.negative-value {
    color: #27BE55;
}

.rates-result-form-container .form-section-table .normal-value {
    font-size: 16px;
    font-weight: 500;
    color: #5a5a5a;
}

.rates-result-form-container .form-section-table .action-type {
    display: grid;
    grid-template-columns: 100px 30px;
    gap: 20px;
    margin-right: 7px;
}

.rates-result-form-container .form-section-form .va-funding-fee-note,
.rates-result-form-container .form-section-form .impound-required-note {
    display: none;
}

.rates-result-form-container .form-section-form .impound-required-note {
    font-size: 12px;
    font-weight: 400;
    color: #E6E6E6;
    margin-top: 5px;
}

.rates-result-form-container .form-section-form .va-funding-fee-note .value-fee-note,
.rates-result-form-container .form-section-form .upfront-mip-fee-note .value-fee-note {
    font-size: 14px;
    font-weight: 400;
    color: #5a5a5a;
    margin-top: 5px;
}

.rates-result-form-container .form-section-form .upfront-mip-fee-note .formula {
    font-size: 10px;
    font-weight: 400;
    color: #B7B7B7;
}

.rates-result-form-container .form-section-form .va-funding-fee-note .tooltip {
    cursor: pointer;
}

.rates-result-form-container .form-section-form>div .tooltip-icon {
    position: relative;
    top: 2px;
    cursor: pointer;
}

.rates-result-form-container .form-section-form .form-group.impound_escrow_account .tooltip {
    margin-left: 10px;
}

.rates-result-form-container .form-section-form .form-group.impound_escrow_account.disabled .tooltip {
    display: none;
}

/* responsive */
@media screen and (max-width: 781px) {
    body.custom-page-home section.homepage-widgets.top-banner .top-banner-container .top-banner-content-img img {
        width: 100% !important;
        height: auto !important;
    }
}
@media screen and (max-width: 1380px) {
    .rates-result-form-container {
        margin-top: 20px;
    }

    .rates-result-form-wrapper {
        overflow-x: auto;
        scrollbar-width: thin;
    }

    .rates-result-form-container .container {
        min-width: 1380px;
        margin-top: 40px;
    }
}

@media screen and (max-width: 1280px) {
    .mortgage-calculator-container .container-right .monthly-chart .title {
        padding: 5px 16px;
    }

    .mortgage-calculator-container .container-right .monthly-chart .table-row {
        grid-template-columns: 1fr 1fr 1fr;
    }

    body.custom-page-home .homepage-widgets.logos-slider .wpcp-carousel-wrapper .wpcp-carousel-content-wrapper {
        max-width: 745px;
    }

    .footer-container-custom .footer-content {
        grid-template-columns: 2fr 1fr 1fr 1fr;
        gap: 35px;
    }
}

@media screen and (max-width: 1317px) {
    body.custom-page-no-income-check .loans-section .container {
        padding: 30px 16px 10px 16px;
    }

    .md-px016 {
        padding: 0 16px;
    }

    body.custom-page-meet-our-team .our-team-container .our-team {
        grid-template-columns: repeat(4, 240px);
    }

    .mortgage-calculator-container .display-col-2-with-table {
        grid-template-columns: 1fr;
    }

    .mortgage-calculator-container .amortization-schedule table,
    .mortgage-calculator-container .amortization-schedule {
        max-width: 100%;
    }

    .mortgage-calculator-container .chart-table {
        padding-top: 0;
    }

    body .loans-section .container {
        padding: 80px 16px 60px 16px;
    }

    body.custom-page-loan-resources-center .block1 .container,
    body.single.single-post .single-post,
    body .archive-posts-custom,
    .mortgage-calculator-container,
    body.custom-page-newsletter .entry-content {
        padding: 0 16px;
    }

    body.custom-page-home section.recent-posts {
        padding-top: 80px;
        padding-bottom: 100px;
    }

    .homepage-widgets.lending .main-container {
        gap: 29px;
    }

    .footer--row-inner.footer-main-inner.dark-mode {
        padding: 2.5em 16px;
    }

    .builder-footer-copyright-item.footer-copyright,
    body .form-by-step>p {
        padding: 8px 16px !important;
    }

    body.custom-page-home .recent-posts,
    body.custom-page-home .homepage-widgets.reviews,
    body.custom-page-home .homepage-widgets.lending,
    .homepage-widgets.top-banner .left-content,
    .header-main .hide-on-mobile,
    .builder-footer-copyright-item.footer-copyright,
    body.custom-page-pre-qualify .entry-content>div,
    body .banner-loan-page>div>div:nth-child(2),
    body.custom-page-loan-options .loan-cards,
    body.custom-page-loan-options .entry-content>h2,
    body.custom-page-loan-options .entry-content>p,
    body.custom-page-loan-options .entry-content>div:nth-of-type(4),
    body.custom-page-meet-our-team .our-team-container,
    .page-titlebar,
    body.custom-page-reviews .reviews-element,
    body.custom-page-state-licensing-disclosures main .entry-content,
    main .content-inner .entry-content .text-our-process,
    main .content-inner .entry-content .w-1100,
    .sidebar-primary-inner.sidebar-inner.widget-area,
    .custom-page-privacy-policy .entry-content,
    .custom-page-ada-accessibility-statement .entry-content,
    .custom-page-texas-complaint-notice .entry-content,
    .custom-page-terms-of-use .entry-content,
    .custom-page-communications-policy .entry-content,
    .custom-page-learning-center .entry-content,
    .custom-page-mortgage-disclosures .entry-content,
    .homepage-widgets.rates-form,
    .custom-page-rates-result .entry-content,
    body.custom-page-home section.homepage-widgets.top-banner .top-banner-container,
    body.custom-page-home .homepage-widgets.reviews>div,
    .homepage-widgets.cards .container-cards {
        padding: 0 16px;
    }

    .header-top .header--row-inner.header-top-inner.dark-mode .customify-container .social {
        right: 16px;
    }
}

@media screen and (max-width: 1180px) {
    .home-financing-program-content .popup-body {
        padding: 30px 90px;
    }

    .mortgage-calculator-container .grid-cols .container-left {
        padding: 30px 20px 40px 20px;
    }

    .mortgage-calculator-container .grid-cols {
        grid-template-columns: 470px 1fr;
    }

    .mortgage-calculator-container .container-right .monthly-chart {
        padding-left: 16px;
    }

    .homepage-widgets.top-banner {
        height: auto;
    }

    body.custom-page-home section.homepage-widgets.top-banner .top-banner-container .top-banner-content-des>h3 {
        line-height: 80px;
    }

    body.custom-page-home section.homepage-widgets.top-banner .top-banner-container .top-banner-content-des>p {
        margin-top: 20px;
        margin-bottom: 30px;
    }

    body .right-contact>div:nth-child(1)>div .position-content p {
        padding-right: 0;
    }

    body .right-contact>div:nth-child(1)>div .position-content {
        top: 20px;
    }

    body .container-contact>div {
        grid-template-columns: 440px 1fr;
    }

    body .left-contact h2 {
        font-size: 68px;
        line-height: 80px;
    }
}

@media screen and (min-width: 1025px) {
    .item--inner.builder-item--nav-icon {
        display: none;
    }

    body.custom-page-loan-options .loan-cards .is-layout-flex {
        grid-template-columns: repeat(3, 1fr);
    }

    .header--row .customify-grid {
        margin: 0;
    }
}

@media screen and (max-width: 1024px) {
    .mt-180 {
        margin-top: 70px;
    }

    body .loans-section .loans-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    body .loans-section .loan-card:nth-of-type(2),
    body .loans-section .loan-card:nth-of-type(5) {
        bottom: 0;
    }

    body.custom-page-no-income-check .loans-section .loan-card:nth-of-type(1),
    body.custom-page-no-income-check .loans-section .loan-card:nth-of-type(3),
    body.custom-page-no-income-check .loans-section .loan-card:nth-of-type(4),
    body.custom-page-no-income-check .loans-section .loan-card:nth-of-type(6) {
        bottom: 0;
    }

    body .loans-section .section-title {
        margin-left: 50px;
    }

    body.custom-page-loan-resources-center .block1 .grid {
        grid-template-columns: repeat(2, 1fr);
    }

    body.custom-page-loan-resources-center .block1.block3 .grid {
        grid-template-columns: repeat(2, 1fr);
    }

    body.custom-page-loan-resources-center .block1 .card:last-child {
        grid-column: span 2;
    }

    .homepage-widgets.cards .container-cards {
        gap: 30px;
    }

    .hidden-pricing-redirect-form {
        padding: 20px 60px 35px 60px;
    }

    .header--row-inner.header-top-inner.dark-mode .customify-container {
        display: none;
    }

    body.custom-page-home .site-header {
        top: 0;
    }

    body .header-container,
    body .header-container .header-details {
        flex-direction: column;
    }

    body .header-container .header-details {
        align-items: unset;
        margin-bottom: 15px;
    }

    body .header-container .header-details .divine,
    .header-menu-sidebar-inner .mobile-item--search_box,
    .header-menu-sidebar-inner .mobile-item--social-icons {
        display: none;
    }

    .mobile-item--primary-menu .nav-menu-mobile .menu li a {
        color: white;
        font-size: 14px;
        line-height: 21px;
        font-weight: 700;
        text-transform: capitalize;
        padding: 16px 24px;
    }

    .mobile-item--primary-menu .nav-menu-mobile .menu li.current-menu-item>a,
    .mobile-item--primary-menu .nav-menu-mobile .menu li.current-menu-parent>a {
        color: #ffc001 !important;
    }

    .mobile-item--primary-menu .nav-menu-mobile ul.menu li.menu-item-has-children>span {
        border: none;
        top: 10px;
    }

    .mobile-item--primary-menu .nav-menu-mobile ul.menu li.menu-item-has-children ul li a {
        width: 100%;
        color: white;
        font-size: 0.9em;
        line-height: 1.5;
        font-weight: 400;
        padding-left: 44px;
    }

    .mobile-item--primary-menu .nav-menu-mobile ul.menu li.menu-item-has-children ul li.current-menu-item a {
        width: 100%;
        color: white;
        font-size: 0.9em;
        line-height: 1.5;
        font-weight: 400;
        padding-left: 44px;
    }

    .mobile-item--primary-menu .nav-menu-mobile ul.menu li.menu-item-has-children span i {
        width: 10px;
        height: 10px;
        border-left: 2px solid currentColor;
        border-top: 2px solid currentColor;
    }

    .mobile-item--button .customify-builder-btn {
        background-color: #ffc001;
        border-radius: 75px;
        width: 178px;
        height: 44px;
        font-size: 16px;
        line-height: 24px;
        font-weight: 700;
        display: flex;
        justify-content: center;
        text-transform: capitalize;
        align-items: center;
    }

    .menu-mobile-toggle {
        padding: 0 !important;
    }
}

@media screen and (max-width: 1220px) {
    .footer--row-inner.footer-main-inner.dark-mode .widget.widget_block {
        word-break: break-word;
    }

    body.custom-page-home .recent-posts .posts-list .post-item {
        max-width: 100%;
    }
}

@media screen and (min-width: 782px) and (max-width: 1100px) {
    body.custom-page-home section.homepage-widgets.top-banner .top-banner-container .top-banner-content-img img {
        height: auto !important;
        position: absolute;
        bottom: 0;
    }

    body.custom-page-home section.homepage-widgets.top-banner .top-banner-container .top-banner-content-des>div {
        padding-bottom: 40px;
    }
}

@media screen and (max-width: 1080px) {
    body.custom-page-meet-our-team .our-team-container .our-team {
        grid-template-columns: repeat(3, 240px);
    }

    body .right-contact img {
        min-height: 195px;
        border-top-right-radius: 25px;
    }

    .homepage-widgets.lending .main-container {
        grid-template-columns: 368px 1fr;
    }

    .homepage-widgets.lending .description-section {
        display: none;
    }

    .homepage-widgets.lending .description-section.on-mobile {
        display: block;
        width: 100%;
        max-width: 100%;
    }

    .builder-footer-copyright-item.footer-copyright {
        display: block;
        padding: 0 16px;
    }

    .homepage-widgets.top-banner .container-bg {
        gap: 0;
    }

    .homepage-widgets.top-banner .left-content .des p {
        margin-bottom: 20px;
        font-size: 20px;
    }

    .homepage-widgets.top-banner .left-content .title h2 {
        font-size: 68px;
        margin-bottom: 10px;
        text-align: center;
    }
}

@media screen and (max-width: 1048px) {
    .nav-menu-desktop.style-plain .nav-menu>li {
        margin-right: 20px;
    }
}

@media screen and (min-width: 992px) {
    .homepage-widgets.cards .container-cards {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .footer-container-custom .footer-content div.footer-section:nth-of-type(2),
    .footer-container-custom .footer-content div.footer-section:nth-of-type(3),
    .footer-container-custom .footer-content div.footer-section:nth-of-type(4) {
        padding-top: 40px;
    }
}

@media screen and (max-width: 1081px) {
    .blog-section-news .posts-grid {
        column-gap: 20px;
        row-gap: 16px;
    }
}

@media screen and (max-width: 802px) {
    body.custom-page-meet-our-team .our-team-container .our-team {
        grid-template-columns: repeat(2, 240px);
    }
}

@media screen and (min-width: 1080px) {
    .homepage-widgets.lending .description-section.on-mobile {
        display: none;
    }

    body.custom-page-home .recent-posts {
        min-height: 972px;
    }

    .blog-section-news .posts-grid {
        grid-template-columns: 600px 1fr;
        height: 600px;
    }

    .blog-section-news .featured-post .post-image {
        width: 600px;
        height: 600px;
    }

    .blog-section-news .hide-on-desktop {
        display: none;
    }
}

@media screen and (max-width: 992px) {
    .home-financing-program-content .form-group {
        grid-template-columns: 200px 340fr;
    }

    .home-financing-program-content .popup-body {
        padding: 30px 70px;
    }

    .home-financing-program-content .form-group {
        column-gap: 30px;
    }

    .mortgage-calculator-container .grid-cols {
        grid-template-columns: 1fr;
    }

    .mortgage-calculator-container .grid-cols .container-left {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .mortgage-calculator-container .grid-cols .container-left .calculator-form-submit {
        width: 100%;
        max-width: 450px;
        margin: 0 auto;
    }

    .mortgage-calculator-container .container-right .monthly-chart .table-row {
        grid-template-columns: 1fr 180px 180px;
    }

    .mortgage-calculator-container .container-right .monthly-chart .cost-table.col-2 .table-row {
        grid-template-columns: 1fr 180px;

    }

    body.single.single-post .single-post,
    body .archive-posts-custom {
        gap: 20px;
    }

    body.custom-page-loan-resources-center .block .header {
        padding: 0 16px;
    }

    .footer-container-custom .footer-content {
        grid-template-columns: 3fr 2fr;
    }

    .homepage-widgets.cards .container-cards {
        grid-template-columns: 1fr;
        margin: 80px 0;
    }

    .homepage-widgets.cards .cards .card-item:nth-of-type(1),
    .homepage-widgets.cards .cards .card-item:nth-of-type(3) {
        bottom: 0;
    }

    .homepage-widgets.cards .cards .card-item:nth-of-type(2),
    .homepage-widgets.cards .cards .card-item:nth-of-type(4) {
        top: 0;
    }

    body.custom-page-home .homepage-widgets.reviews {
        height: 466px;
    }

    body.custom-page-home section.homepage-widgets.top-banner .top-banner-container .top-banner-content-des>h3 {
        font-size: 64px;
        line-height: 70px;
    }

    body.custom-page-home section.homepage-widgets.top-banner .top-banner-container .top-banner-content-des>p {
        font-size: 20px;
        line-height: 30px;
    }

    .homepage-widgets.top-banner {
        height: auto;
    }

    body.custom-page-our-lending-partners .wpcpro-row>div {
        padding-bottom: 50px !important;
    }

    body.custom-page-home .homepage-widgets.logos-slider .wpcp-carousel-wrapper .wpcp-carousel-content-wrapper {
        max-width: 745px !important;
    }

    body.custom-page-home .homepage-widgets.logos-slider>div {
        flex-direction: column;
    }

    body.custom-page-pre-qualify .form-by-step {
        top: -100px;
        margin-bottom: -40px;
    }

    body .banner-loan-page>div>div:nth-child(2)>div {
        padding-bottom: 30px;
    }

    body.custom-page-loan-options .entry-content>h2 {
        margin-top: 70px;
    }

    body .right-contact>div:nth-child(1)>div .position-content p {
        padding-left: 160px;
        padding-right: 10px;
    }

    body .right-contact>div:nth-child(1)>div .position-content {
        top: 40px;
    }

    body .container-contact>div {
        grid-template-columns: 1fr;
    }

    body .right-contact {
        top: 0;
    }

    body .container-contact {
        margin-bottom: 80px;
        padding: 0 16px;
    }

    body.custom-page-reviews .reviews-element {
        margin-top: 50px;
    }

    .homepage-widgets.top-banner .right-content .image {
        background-size: contain;
    }
}

@media screen and (max-width: 951px) {
    body.custom-page-loan-options .loan-cards #scroll_purchase {
        margin-top: 0;
    }

    .mortgage-calculator-container .amortization-schedule table {
        width: 100%;
        min-width: 545px;
    }
}

@media screen and (max-width: 768px) {
    .home-financing-program-content {
        margin: 80px auto 30px auto;
    }

    .hidden-pricing-redirect-form .form-content > .get-margin-top {
        margin-top: 12px;
    }

    body.custom-page-home .custom-select-trigger {
        width: 300px;
    }

    .home-financing-program-content .form-group {
        grid-template-columns: 200px 300px;
        column-gap: 15px;
    }

    .custom-select-trigger span {
        max-width: calc(100% - 40px);
    }

    .home-financing-program-content .form-group label,
    .home-financing-program-content .note {
        font-size: 14px;
    }

    .home-financing-program-content .popup-body {
        padding: 30px 40px;
    }

    .home-financing-program-content .popup-header h2 {
        font-size: 20px;
    }

    .home-financing-program-content .popup-header p {
        font-size: 16px;
    }

    .home-financing-program-content .popup-close {
        right: -10px;
    }

    .home-financing-program-content .popup-header {
        padding: 15px 50px;
    }

    .getCol {
        gap: 30px;
        padding: 25px 30px
    }

    .footer-container-custom .footer-bottom p {
        font-size: 12px;
    }

    .mortgage-calculator-container .display-col-2-with-table {
        gap: 20px;
    }

    .mortgage-calculator-container .chart-table canvas {
        width: 100% !important;
    }

    .mortgage-calculator-container .amortization-schedule table.schedule-for-button2 th:nth-child(1),
    .mortgage-calculator-container .amortization-schedule table.schedule-for-button2 td:nth-child(1) {
        width: 75px;
    }

    .mortgage-calculator-container .amortization-schedule table.schedule-for-button2 th:nth-child(2),
    .mortgage-calculator-container .amortization-schedule table.schedule-for-button2 td:nth-child(2) {
        width: 150px;
    }

    body .n2-ss-slider .n2-ss-slider-wrapper-inside .n2-ss-slider-controls {
        display: none;
    }

    body div#n2-ss-1 .n2-ss-slide {
        height: auto !important;
        min-height: 400px !important;
    }

    body .right-contact .contact-form-wrapper {
        margin-left: 32px;
    }

    body.custom-page-meet-our-team .our-team-container .our-team {
        gap: 15px;
        margin-top: 40px;
    }

    body.custom-page-meet-our-team .page-titlebar h1 {
        font-size: 30px;
    }

    main .content-inner .entry-content .newsletter-custom-class .icon {
        max-width: 125px;
        height: 125px;
    }

    .override-rate-form-container .button-tab-container .button-tab-item1,
    .override-rate-form-container .button-tab-container .button-tab-item2 {
        height: 30px;
    }

    body.custom-page-home .homepage-widgets.logos-slider .wpcp-carousel-wrapper .wpcp-carousel-content-wrapper div.wpcp-single-item {
        max-width: 170px;
    }

    body.custom-page-home .homepage-widgets.logos-slider .wpcp-carousel-wrapper .wpcp-carousel-content-wrapper {
        max-width: 620px !important;
    }

    body.custom-page-home .homepage-widgets.logos-slider .wpcp-carousel-wrapper .wpcp-carousel-content-wrapper>div {
        max-height: 81px;
    }

    main .content-inner .entry-content .newsletter-custom-class {
        padding: 20px 30px 40px 30px;
    }

    .mortgage-calculator-container .container-right .monthly-chart .table-row {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 5px;
    }

    .mortgage-calculator-container .container-right .monthly-chart .cost-table.col-2.mt-40,
    .mortgage-calculator-container .container-right .monthly-chart .chart-container {
        margin-top: 15px;
    }

    .mortgage-calculator-container .container-right .monthly-chart .cost-table {
        font-size: 16px;
    }

    .mortgage-calculator-container .container-right .monthly-chart {
        padding-left: 0;
    }

    .mortgage-calculator-container .container-right .monthly-chart .show-note-payment {
        font-size: 16px;
        margin-top: 15px;
    }

    .mortgage-calculator-container .title-container,
    .mortgage-calculator-container .monthly-pay .price {
        font-size: 18px;
    }

    .mortgage-calculator-container h1.top-title {
        font-size: 30px;
    }

    .mortgage-calculator-container .grid-cols .container-left {
        padding: 20px;
    }

    .mortgage-calculator-container .monthly-pay {
        font-size: 18px;
    }

    .custom-modal-text {
        padding: 0 16px;
    }

    body.single.single-post .single-post,
    body .archive-posts-custom {
        display: flex;
        flex-direction: column-reverse;
    }

    body.single.single-post .categories-sidebar,
    body .archive-posts-custom .categories-sidebar {
        margin-top: 10px;
    }

    body .loans-section .container {
        padding: 60px 16px 60px 16px;
    }

    body.custom-page-loan-resources-center .block1 .card-icon {
        min-height: 60px;
        max-width: 140px;
    }

    body.custom-page-loan-resources-center .block1 .card {
        padding: 16px;
    }

    body .loans-section .loan-card {
        padding: 16px;
    }

    body.custom-page-loan-resources-center .block1.block3 .card {
        padding: 70px 16px 16px 16px;
    }

    body.custom-page-loan-resources-center section.block1.container-bg {
        padding-top: 40px;
        padding-bottom: 60px;
    }

    body.custom-page-loan-resources-center .block1.block3 .card {
        min-height: 220px;
    }

    body.custom-page-loan-resources-center .block1 .header h1,
    body .loans-section .section-title h2 {
        font-size: 36px;
    }

    body .loans-section .section-title {
        margin-left: 0;
    }

    body.custom-page-loan-resources-center .block1 .card-title,
    body .loans-section .loan-title {
        font-size: 18px;
    }

    body.custom-page-loan-resources-center .block1 .card-description,
    body.custom-page-loan-resources-center .block1 .read-more,
    body .loans-section .loan-description,
    body .loans-section .read-more,
    #loanPopupCustom .popup-content p#popupDescription,
    #loanPopupCustom .popup-content .wrapper-container ul li {
        font-size: 12px;
    }

    #loanPopupCustom .popup-content .wrapper-container .wrapper-content {
        margin-bottom: 10px;
    }

    body.custom-page-loan-resources-center .block1 .card-title .optional-des,
    body .loans-section .loan-title .optional-title {
        font-size: 10px;
    }

    #loanPopupCustom .popup-content h2#popupTitle {
        font-size: 26px;
    }

    #loanPopupCustom .popup-content .wrapper-container {
        padding: 24px;
    }

    #loanPopupCustom .popup-content .wrapper-container .col2-custom-popup {
        grid-template-columns: 1fr;
    }

    #loanPopupCustom .popup-content .wrapper-container .wrapper-content-button {
        flex-direction: column;
    }

    #loanPopupCustom .popup-content .wrapper-container .wrapper-content-button a {
        max-width: 100%;
    }

    #loanPopupCustom .popup-content .wrapper-container .wrapper-content-button .button1 {
        left: unset;
    }

    #loanPopupCustom .popup-content .wrapper-container .wrapper-content-button .button2 {
        right: unset;
    }

    body .loans-section .loans-grid,
    body.custom-page-no-income-check .loans-section .loans-grid {
        grid-template-columns: 1fr;
    }

    body.custom-page-loan-resources-center .block .header div {
        flex-direction: column;
        gap: 10px;
        align-items: center;
    }

    body.custom-page-loan-resources-center .block .header {
        padding-bottom: 30px;
        padding-top: 20px;
    }

    body.custom-page-loan-resources-center .block1 .grid {
        gap: 20px;
    }

    body.custom-page-meet-our-team .our-team-container .our-team,
    body iframe.contact-map {
        margin-bottom: -10px;
    }

    .homepage-widgets.top-banner .hero-carousel div.swiper-pagination-dot {
        display: none;
    }

    .homepage-widgets.top-banner .button-group {
        gap: 10px;
    }

    .homepage-widgets.top-banner .swiper-slide .slide-content {
        background-position: left;
        min-height: 400px;
        height: auto;
    }

    .homepage-widgets.top-banner .text-content {
        padding: 40px 16px 102px 16px;
    }

    .homepage-widgets.top-banner .slide-title,
    .homepage-widgets.top-banner .slide-title1 {
        font-size: 40px;
        line-height: 45px;
    }

    .homepage-widgets.top-banner .slide-description {
        font-size: 14px;
        line-height: normal;
        margin-top: 25px;
        margin-bottom: 20px;
    }

    .homepage-widgets.top-banner .hero-carousel {
        min-height: 400px;
    }

    .homepage-widgets.rates-form {
        bottom: 72px;
        margin-bottom: -12px;
    }

    .blog-section-news .featured-post .post-date {
        font-size: 12px;
        max-width: 135px;
        height: 22px;
    }

    .blog-section-news .post-overlay .post-title {
        font-size: 18px;
        margin-top: 10px;
    }

    .blog-section-news .post-overlay {
        padding: 12px 25px;
    }

    .blog-section-news .post-title {
        font-size: 16px;
        margin: 0 0 5px 0;
    }

    .blog-section-news .post-card {
        gap: 10px;
    }

    .blog-section-news .post-thumbnail {
        flex: 0 0 100px;
        height: 100px;
    }

    .blog-section-news .read-more {
        font-size: 14px;
    }

    .blog-section-news .sidebar-post {
        height: 100px;
    }

    .footer-container-custom footer {
        padding: 30px 16px 40px 16px;
    }

    .footer-container-custom .footer-bottom {
        flex-direction: column;
        margin-top: 50px;
    }

    .footer-container-custom .footer-content {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .footer-container-custom .hero h1 {
        font-size: 23px;
    }

    .footer-container-custom .hero p,
    .footer-container-custom .btn {
        font-size: 14px;
    }

    .footer-container-custom .btn-group {
        flex-direction: column;
        width: max-content;
    }

    .footer-container-custom .hero {
        min-height: 369px;
        padding: 60px 16px;
    }

    .override-rate-form-container .button-tab-container {
        top: 17px;
    }

    .blog-section-news .show-on-desktop {
        display: none;
    }

    .blog-section-news .posts-grid {
        grid-template-columns: 1fr;
    }

    .blog-section-news .featured-post {
        grid-row: auto;
        height: 358px;
        margin-bottom: 9px;
    }

    .blog-section-news .sidebar-posts-container:nth-child(3) {
        padding: 16px 0;
    }

    body.custom-page-home .recent-posts h2 {
        font-size: 36px;
    }

    body.custom-page-home .recent-posts>p {
        font-size: 14px !important;
        line-height: 30px;
    }

    body.custom-page-home .recent-posts>p {
        margin-top: 5px;
        margin-bottom: 30px;
    }

    body.custom-page-home section.recent-posts {
        padding-top: 40px;
        padding-bottom: 40px;
        background-image: url(../customify-child/assets/images/new_banner_mobile.png);
    }

    .homepage-widgets.cards {
        display: none;
    }

    section.homepage-widgets.lending {
        display: none;
    }

    body.single.single-post .single-post .container-single .related-posts .related-title {
        grid-template-columns: 215px 1fr;
        gap: 10px;
    }

    body.single.single-post .single-post .container-single .related-posts .related-title h2 {
        font-size: 26px;
        line-height: 36px;
    }

    body .archive-posts-custom>.container {
        width: 100%;
        margin: 0 auto;
    }

    body.single.single-post .single-post .container-single .related-posts .posts-grid {
        justify-content: center;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    }

    body .archive-posts-custom .posts-list {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        justify-content: center;
    }

    body.custom-page-rates-result .no-rates-form .no-rates-message {
        padding-bottom: 24px;
    }

    body.custom-page-rates-result .no-rates-form .no-rates-message .message-text,
    div#locationPopup .no-rates-message .message-text {
        font-size: 14px;
        line-height: 26px;
        padding: 24px 16px;
    }

    div#locationPopup {
        padding: 0 16px;
    }

    .hidden-pricing-redirect-form .form-content {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .hidden-pricing-redirect-form {
        padding: 22px 24px 20px 24px;
    }

    .hidden-pricing-redirect-form .form-content>div:nth-child(2),
    .hidden-pricing-redirect-form .form-content>div:nth-child(7) {
        margin-bottom: 10px;
    }

    p.noted-text,
    p.noted-text-zip-code-custom,
    p.validate-text-form-quote {
        font-size: 12px;
        bottom: -15px;
    }

    p.noted-text-down {
        font-size: 12px;
        bottom: -10px;
    }

    p.validate-text-form-quote.property {
        margin-bottom: 5px;
    }

    .container-widget-form-result input:focus {
        height: 36px !important;
    }

    .custom-page-mortgage-disclosures .entry-content .link-content a {
        word-break: break-word;
    }

    body .archive-posts-custom .posts-list .post-item,
    body.single.single-post .single-post .container-single .related-posts .post-item {
        max-width: 100% !important;
    }

    body.single.single-post #sidebar-primary {
        margin-top: 0;
    }

    body.custom-page-home .homepage-widgets.reviews {
        margin-bottom: 0 !important;
    }

    body.custom-page-home .homepage-widgets.reviews>div>div>div {
        width: 100%;
    }

    .homepage-widgets.top-banner .right-content,
    .homepage-widgets.top-banner .left-content {
        max-width: none;
    }

    .homepage-widgets.top-banner .button-custom {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .homepage-widgets.top-banner .container-bg {
        grid-template-columns: 1fr;
    }

    .builder-footer-copyright-item.footer-copyright .copyright-wrapper {
        display: grid !important;
        grid-template-columns: 80px 1fr;
    }

    .page-titlebar h1 {
        font-size: 30px;
        line-height: 40px;
    }

    body.category .page-titlebar {
        height: max-content;
    }


    .container-widget-form-result .title p {
        font-size: 18px !important;
    }

    .container-widget-form-result .title {
        padding: 0 16px;
    }

    body.custom-page-home .homepage-widgets.lending>div>div>div div.wp-block-buttons {
        justify-content: center;
    }

    .form-by-step .form-step-custom .container-content .radio-item {
        padding: 0 20px;
    }

    .form-by-step .form-step-custom .container-content {
        row-gap: 15px;
        column-gap: 20px;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    }

    .form-by-step .form-step-custom .container {
        grid-template-columns: 1fr;
        row-gap: 15px;
        column-gap: 20px;
    }

    body.custom-page-pre-qualify .form-by-step {
        top: 0;
        margin-bottom: 60px;
        margin-top: 20px;
    }

    body .form-by-step>div:nth-child(3) {
        grid-template-columns: 1fr;
    }

    body .form-by-step>div:nth-child(3) figure {
        display: flex;
        width: 100%;
        height: 100%;
        justify-content: center;
    }

    body .form-by-step>div:nth-child(3) figure img {
        width: 100% !important;
    }

    body .form-by-step>div:nth-child(3) h3 {
        line-height: 54px;
    }

    .form-by-step .progress-container {
        gap: 3px;
    }

    body.custom-page-pre-qualify .form-by-step>div:nth-child(1) {
        gap: 0;
        margin: 0 16px;
        display: grid;
        grid-template-columns: 150px 1fr;
    }

    body.custom-page-loan-options .form-by-step>div:nth-child(1) {
        margin: 0 16px;
    }

    body .form-by-step>div:nth-child(1) .styling-cols>div {
        gap: 0;
        display: grid;
        grid-template-columns: 150px 1fr;
    }

    body .form-by-step>div {
        padding: 0 16px;
    }

    body.custom-page-loan-options .loan-cards .is-layout-flex {
        gap: 20px;
    }

    body .right-contact>div:nth-child(1)>div .position-content p {
        padding-left: 140px;
    }

    body .right-contact>div:nth-child(1)>div .position-content {
        top: 12px;
    }

    body .right-contact>div:nth-child(1)>div .position-content p:nth-of-type(1) {
        font-size: 18px;
        line-height: 26px;
    }

    body .right-contact>div:nth-child(1)>div .position-content p:nth-of-type(2) {
        font-size: 12px;
        line-height: 16px;
    }

    body.custom-page-reviews .reviews>div>div:nth-child(2) {
        padding: 0 16px;
    }

    body.custom-page-loan-options .loan-cards #scroll_refinance,
    body.custom-page-loan-options .loan-cards #scroll_purchase {
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 30px;
    }

    body.custom-page-loan-options .loan-cards #scroll_refinance span.divide-200,
    body.custom-page-loan-options .loan-cards #scroll_purchase span.divide-200 {
        top: 0;
        max-width: 120px;
    }

    body.custom-page-home .homepage-widgets.logos-slider>div {
        gap: 15px;
        grid-template-columns: 1fr;
    }

    body.custom-page-home .recent-posts>div>div::after,
    body.custom-page-home .recent-posts>div>div::before {
        width: 10px;
    }

    .mortgage-calculator-container .scroll-hor-table {
        max-width: 530px;
    }

    .mortgage-calculator-container .amortization-schedule table.schedule-for-button1 th:nth-child(2),
    .mortgage-calculator-container .amortization-schedule table.schedule-for-button1 td:nth-child(2) {
        width: 185px;
    }

    .mortgage-calculator-container .amortization-schedule table.schedule-for-button1 th:nth-child(3),
    .mortgage-calculator-container .amortization-schedule table.schedule-for-button1 td:nth-child(3),
    .mortgage-calculator-container .amortization-schedule table.schedule-for-button1 th:nth-child(4),
    .mortgage-calculator-container .amortization-schedule table.schedule-for-button1 td:nth-child(4),
    .mortgage-calculator-container .amortization-schedule table.schedule-for-button2 th:nth-child(3),
    .mortgage-calculator-container .amortization-schedule table.schedule-for-button2 td:nth-child(3),
    .mortgage-calculator-container .amortization-schedule table.schedule-for-button2 th:nth-child(4),
    .mortgage-calculator-container .amortization-schedule table.schedule-for-button2 td:nth-child(4) {
        width: 120px;
    }

    .mortgage-calculator-container .amortization-schedule table.schedule-for-button1 th:nth-child(5),
    .mortgage-calculator-container .amortization-schedule table.schedule-for-button1 td:nth-child(5),
    .mortgage-calculator-container .amortization-schedule table.schedule-for-button2 th:nth-child(5),
    .mortgage-calculator-container .amortization-schedule table.schedule-for-button2 td:nth-child(5) {
        width: 155px;
    }
}

@media screen and (max-width: 640px) {
    body.custom-page-home .custom-select-trigger {
        width: 270px;
    }

    .home-financing-program-content .form-group {
        grid-template-columns: 200px 270fr;
    }   

    body.custom-page-home .custom-options {
        max-width: 270px;
    }

    body.custom-page-loan-resources-center .block1 .grid,
    body.custom-page-loan-resources-center .block1.block3 .grid {
        grid-template-columns: 1fr;
    }

    body.custom-page-loan-resources-center .block1.block3 .grid {
        row-gap: 70px;
    }

    body.custom-page-loan-resources-center .block1 .card:last-child {
        grid-column: span 1;
    }
}

@media screen and (max-width: 576px) {
    .home-financing-program-content .popup-header {
        padding: 15px 40px 15px 16px;
    }

    .home-financing-program-content .form-group {
        grid-template-columns: 110px 270px;
    }

    .home-financing-program-content .popup-body {
        padding: 20px 24px;
    }

    .homepage-widgets.logos-slider .swiper-slide {
        display: flex;
        justify-content: center;
    }

    .getCol {
        grid-template-columns: 1fr;
    }

    body.custom-page-home .homepage-widgets.reviews .col-reviews>div div:nth-child(1) figure.image-dark,
    body.custom-page-home .homepage-widgets.reviews .col-reviews>div div:nth-child(1) figure.image-light {
        width: 73px;
        height: 73px;
    }

    body.custom-page-home .homepage-widgets.logos-slider .title {
        padding-top: 30px;
    }

    body.custom-page-home .homepage-widgets.reviews .col-reviews>div {
        grid-template-columns: 1fr 222px;
    }

    body.custom-page-home .homepage-widgets.reviews>div>div {
        width: 100%;
        margin: 0 auto;
        max-width: 330px;
    }

    main .content-inner .entry-content .newsletter-custom-class {
        padding: 20px;
    }

    main .content-inner .entry-content .newsletter-custom-class .title {
        font-size: 26px;
    }

    main .content-inner .entry-content .newsletter-custom-class .des,
    main .content-inner .entry-content .newsletter-custom-class .label {
        font-size: 14px;
        line-height: 20px;
    }

    main .content-inner .entry-content .newsletter-custom-class .label {
        margin-top: 10px;
        margin-bottom: 5px;
    }

    .mortgage-calculator-container .amortization-schedule table {
        min-width: 440px;
    }

    .mortgage-calculator-container .amortization-schedule th {
        font-size: 14px;
    }

    .mortgage-calculator-container .display-col-2-with-table {
        gap: 20px;
    }

    .mortgage-calculator-container .chart-table .legend-container {
        position: unset;
        display: flex;
        gap: 10px;
    }

    .mortgage-calculator-container .scroll-hor-table {
        max-width: 400px;
        overflow-x: auto;
        margin: 0 auto;
    }

    body.custom-page-mortgage-calculator main .mortgage-calculator-container .amortization-schedule button.schedule-button {
        border: 2px solid #FFFFFF;
        max-width: 200px;
        font-size: 14px;
        height: 38px;
    }

    body.custom-page-mortgage-calculator main .mortgage-calculator-container .amortization-schedule button.schedule-button span {
        top: 0;
    }

    .mortgage-calculator-container .grid-cols .container-left {
        padding: 10px;
    }

    .mortgage-calculator-container .container-right .monthly-chart .cost-table.col-2 .table-row {
        grid-template-columns: 1fr 130px;
    }

    .mortgage-calculator-container .symbol-dollars {
        left: 25px;
        padding-right: 10px;
    }

    .mortgage-calculator-container .input-group input.input-with-symbol.dollars {
        padding-left: 45px;
    }

    .mortgage-calculator-container .monthly-pay,
    .mortgage-calculator-container .grid-cols .container-left .input-group,
    .mortgage-calculator-container .button-calculator {
        gap: 5px;
    }

    .mortgage-calculator-container .grid-cols .container-left .color-5a5a5a,
    .mortgage-calculator-container .grid-cols .container-left .input-group label,
    .mortgage-calculator-container .grid-cols .container-left .input-group span {
        font-size: 15px;
    }

    .mortgage-calculator-container .grid-cols .container-left .input-group {
        grid-template-columns: 140px 1fr;
        text-align: unset;
    }

    .mortgage-calculator-container .grid-cols .container-left .input-group.w-col-4 {
        grid-template-columns: 1fr 40px 80px 80px;
        gap: 5px;
    }

    .mortgage-calculator-container .grid-cols .container-left .input-group .input-wrapper.w-col-2 {
        grid-template-columns: 1fr 70px;
        gap: 5px;
    }

    .mortgage-calculator-container .grid-cols .container-left .input-group.isCheckbox .input-wrapper.w-col-1 .checkbox-wrapper {
        gap: 5px;
    }

    .mortgage-calculator-container .container-right .monthly-chart .cell:not(:first-child) {
        padding: 5px;
        text-align: center;
    }

    .mortgage-calculator-container .container-right .monthly-chart .title {
        padding: 5px;
    }

    #loanPopupCustom .popup-icon {
        width: 100px;
        height: 100px;
    }

    #loanPopupCustom .popup-header {
        padding: 24px;
        padding-bottom: 64px;
        gap: 10px;
        flex-direction: column;
        text-align: center;
    }

    #loanPopupCustom .popup-content .wrapper-container .wrapper-content-button a {
        font-size: 14px;
    }

    body.custom-page-reviews #main {
        margin-bottom: 40px;
        min-height: auto;
    }

    body.custom-page-home .homepage-widgets.logos-slider {
        min-height: 207px;
    }

    body.custom-page-home .homepage-widgets.logos-slider .title {
        font-size: 22px;
    }

    body.custom-page-home .homepage-widgets.logos-slider .divine-logos .divine-logos-line1,
    body.custom-page-home .homepage-widgets.logos-slider .divine-logos .divine-logos-line2 {
        width: 80px;
    }

    body.single.single-post .single-post .container-single .post-content {
        text-align: unset;
    }

    body.custom-page-pre-qualify .form-by-step>div:nth-child(1) {
        grid-template-columns: 1fr;
        justify-items: center;
    }

    body .form-by-step>div:nth-child(1) .styling-cols>div {
        grid-template-columns: 1fr;
    }

    body .form-by-step>div:nth-child(1) .styling-cols>div>div {
        display: flex;
        justify-content: center;
    }

    .first-time-homebuyer-container .first-time-homebuyer-wrapper {
        margin-left: 30px;
        gap: 30px;
    }

    input[type="radio"]+label {
        padding-left: 40px;
    }

    .container-widget-form-result .title {
        height: 52px;
    }

    .container-widget-form-result .title p {
        line-height: 20px !important;
    }

    .override-rate-form-container .button-tab-container .button-tab-item1,
    .override-rate-form-container .button-tab-container .button-tab-item2 {
        font-size: 16px;
    }

    .override-rate-form-container .button-tab-container .button-tab-item1,
    .override-rate-form-container .button-tab-container .button-tab-item2 {
        height: 27px;
        min-width: 170px;
    }

    .override-rate-form-container .button-tab-container {
        top: 12px;
    }

    .override-rate-form-container .button-tab-container .button-tab-item1 {
        left: 15px;
    }

    .override-rate-form-container .button-tab-container .button-tab-item2 {
        right: 15px;
    }

    .homepage-widgets.top-banner .right-content {
        margin-top: 2em;
    }

    section.homepage-widgets.lending h5 {
        font-size: 16px !important;
    }

    body.custom-page-home .homepage-widgets.lending>div>div>div h3 mark {
        font-size: 42px;
    }

    .footer--row-inner.footer-main-inner.dark-mode .widget.widget_block .contact,
    .footer--row-inner.footer-main-inner.dark-mode .widget.widget_block .location {
        margin-bottom: 0;
    }

    .footer-bottom .footer--row-inner .customify-container {
        height: auto;
    }

    body.custom-page-meet-our-team .our-team-container .our-team {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    body.custom-page-meet-our-team .our-team-container .profile-card {
        max-width: 240px;
    }

    #sidebar-primary,
    #main {
        padding-top: 0;
        padding-right: 0;
    }

    body.custom-page-our-lending-partners .wpcpro-row>div {
        padding-bottom: 30px !important;
    }

    .homepage-widgets.cards>div:nth-child(1)>div>div {
        margin-top: 0;
    }

    .homepage-widgets.cards>div:nth-child(2) {
        top: 0;
    }

    .homepage-widgets.cards .cards .card-item {
        max-width: 100%;
    }

    .homepage-widgets.cards>div:nth-child(1)>div>div h4 {
        font-size: 22px !important;
        line-height: 28px;
    }

    .homepage-widgets.cards>div:nth-child(1)>div>div h3 {
        font-size: 36px !important;
        line-height: 52px;
        word-break: break-word;
    }

    body .right-contact .contact-form-wrapper form.contact-form .form-row {
        grid-template-columns: 1fr;
        margin-bottom: 15px;
        gap: 15px;
    }

    body .right-contact .contact-form-wrapper {
        padding: 24px 22px;
        padding-bottom: 50px;
    }

    body iframe.contact-map {
        min-height: 300px;
        padding: 0 16px;
    }

    body .right-contact .contact-form-wrapper form.contact-form .button-submit-contact-form {
        font-size: 22px;
        max-width: 207px;
    }

    button.review-on-gg {
        position: unset;
    }

    .homepage-widgets.top-banner .button-custom {
        flex-direction: column;
        gap: 10px;
    }

    .homepage-widgets.top-banner .left-content .title h2 {
        font-size: 48px;
        line-height: 64px;
        margin-top: 20px;
    }

    .homepage-widgets.top-banner .left-content .des p {
        text-align: center;
    }

    .item--inner.builder-item--nav-icon {
        margin: 0;
    }

    .homepage-widgets.top-banner .right-content .image {
        height: 360px;
    }

    body .banner-loan-page>div>div:nth-child(2) p {
        margin: 10px 0 20px 0;
    }

    body .banner-loan-page>div>div:nth-child(2)>div {
        gap: 15px;
    }

    body.custom-page-loan-options .entry-content>h2 {
        font-size: 32px;
        line-height: 46px;
    }

    body.custom-page-loan-options .entry-content>p {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 20px;
    }

    body .form-by-step>div:nth-child(3) h3 {
        font-size: 32px;
        line-height: 40px;
    }

    body .form-by-step>div:nth-child(3) {
        gap: 15px;
    }

    body.custom-page-loan-options .loan-cards .loan-card-item h4 {
        font-size: 20px;
        line-height: 26px;
    }

    body.custom-page-loan-options .loan-cards .loan-card-item p {
        font-size: 14px;
        line-height: 20px;
    }

    body.custom-page-loan-options .loan-cards .loan-card-item {
        padding: 24px;
    }

    body.custom-page-meet-our-team .our-team-container p {
        font-size: 18px;
        line-height: 30px;
    }

    body.category.archive .page-titlebar div.titlebar-tagline p {
        padding-bottom: 15px;
    }

    body.custom-page-reviews .reviews>div>div:nth-child(2) h3 {
        font-size: 32px;
        line-height: 46px;
    }

    .list-state-container .list-state div:first-child {
        font-size: 18px;
        line-height: 36px;
    }

    .list-state-container .list-state div:nth-child(2) {
        font-size: 16px;
        line-height: 32px;
    }

    .sidebar-primary-inner.sidebar-inner.widget-area {
        margin: 0 auto;
    }

    body.custom-page-loan-options .loan-cards #scroll_refinance,
    body.custom-page-loan-options .loan-cards #scroll_purchase {
        border-bottom: 3px solid #ff9c00;
    }

    body.custom-page-loan-options .loan-cards #scroll_refinance span.divide-200,
    body.custom-page-loan-options .loan-cards #scroll_purchase span.divide-200 {
        display: none;
    }

    body.custom-page-loan-options .entry-content>h2 {
        margin-top: 40px;
    }

    body .left-contact h2 {
        font-size: 48px;
        line-height: 56px;
    }

    .custom-modal-text {
        margin-top: 0;
    }

    .mortgage-calculator-container .scroll-hor-table {
        max-width: 390px;
    }

    .mortgage-calculator-container .amortization-schedule .schedule-toggle {
        flex-direction: column;
        align-items: center;
    }

    body.custom-page-mortgage-calculator main .mortgage-calculator-container .amortization-schedule button.schedule-button:nth-of-type(1),
    body.custom-page-mortgage-calculator main .mortgage-calculator-container .amortization-schedule button.schedule-button:nth-of-type(2) {
        left: unset;
        right: unset;
    }
}

@media screen and (max-width: 460px) {
    body .right-contact img {
        min-height: 170px;
    }

    body .right-contact>div:nth-child(1)>div .position-content p {
        padding-left: 120px;
        padding-right: 0;
    }

    body .right-contact .contact-form-wrapper {
        margin-left: 0;
        top: -15px;
    }

    .home-financing-program-content .form-group {
        grid-template-columns: 110px 200px;
    }

    body.custom-page-home .custom-select-trigger {
        width: 230px;
    }

    body.custom-page-home .custom-options {
        width: 230px;
    }
}

@media screen and (max-width: 428px) {
    .mortgage-calculator-container .scroll-hor-table {
        max-width: 300px;
    }

    .home-financing-program-content .form-group {
        grid-template-columns: 1fr;
    }

    body.custom-page-home .custom-options,
    body.custom-page-home .custom-select-trigger {
        width: 280px;
    }

    .home-financing-program-content .form-group .label {
        text-align: start;
    }

    body.custom-page-home .homepage-widgets.logos-slider .wpcp-carousel-wrapper .wpcp-carousel-content-wrapper {
        max-width: 350px !important;
    }

    .mortgage-calculator-container .grid-cols .container-left .input-group {
        grid-template-columns: 100px 1fr;
    }

    .mortgage-calculator-container .grid-cols .container-left .input-group.w190 {
        grid-template-columns: 130px 1fr;
    }

    body .right-contact>div:nth-child(1)>div .position-content p:nth-of-type(1) {
        font-size: 16px;
        line-height: 22px;
    }

    body .right-contact>div:nth-child(1)>div .position-content p:nth-of-type(2) {
        font-size: 12px;
        line-height: 14px;
    }

    body .right-contact>div:nth-child(1)>div .position-content {
        top: 10px;
    }

    body .right-contact>div:nth-child(1)>div .position-content p {
        padding-left: 65px;
    }

    .mortgage-calculator-container .scroll-hor-table {
        max-width: 390px;
    }

    .mortgage-calculator-container .grid-cols .container-left .input-group {
        grid-template-columns: 100px 1fr;
    }

    .mortgage-calculator-container .grid-cols .container-left .input-group.w190 {
        grid-template-columns: 130px 1fr;
    }

    body.custom-page-mortgage-calculator main .mortgage-calculator-container .amortization-schedule button.schedule-button:nth-of-type(1),
    body.custom-page-mortgage-calculator main .mortgage-calculator-container .amortization-schedule button.schedule-button:nth-of-type(2) {
        left: unset;
        right: unset;
    }

    .mortgage-calculator-container .amortization-schedule .schedule-toggle {
        flex-direction: column;
        align-items: center;
    }
}

@media screen and (max-width: 1441px) {
    body.custom-page-home .homepage-widgets.logos-slider .wpcp-carousel-wrapper .wpcp-carousel-content-wrapper {
        max-width: 1250px;
        width: 100%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 390px) {
    .mortgage-calculator-container .chart-table .legend-container {
        display: block;
    }

    .mortgage-calculator-container .scroll-hor-table {
        max-width: 270px;
    }

    .mortgage-calculator-container .grid-cols .container-left .input-group.w-col-4 {
        grid-template-columns: 1fr 1fr
    }

    .mortgage-calculator-container .grid-cols .container-left .input-group,
    .mortgage-calculator-container .grid-cols .container-left .input-group.w190 {
        grid-template-columns: 1fr;
    }

    .mortgage-calculator-container .button-calculator {
        flex-direction: column;
        align-items: center;
    }

    .mortgage-calculator-container .container-right .monthly-chart .show-note-payment,
    .mortgage-calculator-container .container-right .monthly-chart .cost-table {
        font-size: 15px;
    }

    .mortgage-calculator-container .container-right .monthly-chart .cost-table {
        margin-top: 10px;
    }

    .homepage-widgets.top-banner .btn-secondary,
    .homepage-widgets.top-banner .btn-primary {
        font-size: 13px;
    }

    .homepage-widgets.top-banner .button-group {
        gap: 5px;
    }

    main .content-inner .entry-content p {
        line-height: 20px;
    }

    body .form-by-step>div:nth-child(1) .styling-cols>div>div>p {
        line-height: 20px;
    }

    body.custom-page-pre-qualify .form-by-step>div:nth-child(1) p strong,
    body .form-by-step>div:nth-child(1) .styling-cols>div>div p strong {
        font-size: 15px;
    }

    body.custom-page-pre-qualify .form-by-step>div:nth-child(1) p a,
    body .form-by-step>div:nth-child(1) .styling-cols>div>div p a {
        font-size: 13px;
    }

    body.single.single-post .single-post .container-single .related-posts .related-title {
        grid-template-columns: 110px 1fr;
    }
}

@media screen and (max-width: 389px) {
    .home-financing-program-content .popup-body {
        padding: 20px;
    }

    .home-financing-program-content .note {
        font-size: 12px;
    }

    .home-financing-program-content .popup-header p {
        font-size: 14px;
    }

    .home-financing-program-content .popup-header h2 {
        font-size: 18px;
    }

    body.custom-page-home .homepage-widgets.reviews .col-reviews>div {
        grid-template-columns: 73px 190px;
    }

    body.custom-page-home .homepage-widgets.reviews {
        height: 506px;
    }

    .override-rate-form-container .button-tab-container .button-tab-item1,
    .override-rate-form-container .button-tab-container .button-tab-item2 {
        min-width: auto;
    }

    .container-widget-form-result .title {
        height: auto;
        padding: 8px 16px;
    }
}

@media screen and (max-width: 350px) {
    body.custom-page-home .custom-select-trigger,
    body.custom-page-home .custom-options {
        width: 220px;
    }

    body .loans-section .loan-col-2 {
        flex-direction: column;
    }

    body .loans-section .section-title {
        gap: 10px;
    }

    body .loans-section .section-title h2 {
        font-size: 32px;
    }

    body .right-contact img {
        object-fit: unset;
        min-height: 190px;
    }

    body .right-contact>div:nth-child(1)>div .position-content p {
        padding-left: 60px;
    }

    .footer-container-custom .footer-content {
        word-break: break-word;
    }
}

@media screen and (max-width: 810px) {
    .mortgage-calculator-container .scroll-hor-table .table-wrapper {
        overflow-x: auto;
    }

    .mortgage-calculator-container .scroll-hor-table {
        max-width: 700px;
    }
}