body{padding:124px 0 0; margin:0; font-family:"Kumbh Sans", sans-serif; font-size:16px; font-weight:400; line-height:1.5; color:#000000;}

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

a, a:hover, a:focus, a:active, button, input[type="submit"]{text-decoration:none; outline:none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; word-break:break-word;}
a{color:#3ca956; cursor:pointer;}
a:hover{color:#2555a1;}

button:focus{border:none; outline:none;}

p{padding:0 0 20px; margin:0;}
p:last-child{padding: 0; margin:0;}
p:empty{padding:0; margin:0;} 
p strong,
p b{font-weight:600;} 

ul, ol{margin:0; padding:0 0 20px 20px;}
ul:last-child, ol:last-child{padding-bottom:0;}
ul li::marker, ol li::marker{color:#3ca956;}
ul li ul{list-style:disc;}

h1, h2, h3, h4, h5, h6{margin:0; color:#000; font-weight:700; line-height:1.1; text-transform:none;}
h1, .h1{font-size:60px; text-transform:uppercase; font-weight:700;}
h2, .h2{font-size:44px; padding:0 0 28px; font-weight:700;}
h3, .h3{font-size:32px; font-weight:700;}
h4, .h4{font-size:24px; font-weight:700;}
h5, .h5{font-size:20px; font-weight:700;}

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

small{font-size:14px;}

img{height:auto; max-width:100%; display:block;}

.container{width:100%; max-width:1400px; margin:auto;}
.w-900{max-width:900px;}
.w-800{max-width:800px;}

.btn-group{display:flex; flex-wrap:wrap; column-gap:16px; row-gap:16px;}
.btn{ padding:19px 24px; background:#2555a1; color:#FFF; font-weight:600; line-height:1em; text-transform:uppercase; cursor:pointer; border:none; outline:none;}
.btn:hover{background:#3ca956; color: #FFF;}
.btn.btn-bl{background:#2555a1;}
.btn.btn-bl:hover{background:#3ca956;}
.btn.btn-gr{background:#3ca956;}
.btn.btn-gr:hover{background:#2555a1;}
.btn-sm{ padding: 6px 8px; font-size: 12px; font-weight: normal; }

.big-btn{display:flex; column-gap:24px; flex-wrap:wrap; row-gap:16px;}
.big-btn .btn{padding:0 32px; margin:0; font-size:32px; font-weight:700; text-transform:uppercase; display:flex; flex-direction:column; justify-content:center; min-height:98px;}
.big-btn .btn span{display:block; font-size:14px; font-weight:normal; width:100%; line-height:normal; padding:8px 0 0;}

.full-width{width:100%; padding:120px 24px;}
.clr-bl{color:#2555a1;}
.clr-gr{color:#3ca956;}
.bg-bl{background:#2555a1;}
.bg-gr{background:#3ca956;}
.bg-lightbl{background:#f5faff;}
.bg-lightgr{background:#f5fbf6;}
.bg-white{background: #fff;}

.d-flex{display:flex;}
.d-column{flex-direction:column;}
.d-wrap{flex-wrap:wrap;}
.align-start{align-items:flex-start;}
.align-center{align-items:center;}
.justify-center{justify-content:center;}
.justify-between{justify-content:space-between;}
.text-center{text-align:center;}

.d-grid{display: grid;}
.g-column-2{grid-template-columns: repeat(2, 1fr);}
.g-column-3{grid-template-columns: repeat(3, 1fr);}
.g-column-4{grid-template-columns: repeat(4, 1fr);}

.radius-16{border-radius: 16px;}
.radius-24{border-radius: 24px;}

.gap-40{gap:40px;}
.gap-32{gap: 32px;}
.gap-24{gap: 24px;}
.gap-x80{column-gap:80px;}
.gap-x32{column-gap:32px;}
.gap-y32{row-gap:32px;}
.gap-x24{column-gap:24px;}
.gap-y24{row-gap:24px;}
.gap-y16{row-gap:16px;}
.col-6{width:50%;}
.col-4{width:33.33%;}
.col-8{width:66.67%;}

.p-24{padding:24px;}
.p-32{padding:32px;}
.pt-0,
.pt-0.full-width{padding-top:0;}
.pb-0,
.pb-0.full-width{padding-bottom:0;}
.pt-8{padding-top:8px;}
.pt-16{padding-top:16px;}
.pt-24{padding-top:24px;}
.pt-32{padding-top:32px;}
.pt-40{padding-top:40px;}
.pb-16{padding-bottom:16px;}



.table-responsive { width:100%; overflow-x:auto; }
table { width:100%; border-collapse:collapse; border:1px solid #e0e0e0; margin: 0;}
table th,
table td { padding:8px 16px; border:1px solid #e0e0e0; text-align:left;}
table th { background:#eaf2ff;  font-weight:600;}


.alert { position: relative; padding: 15px 20px; margin: 10px 0; border: 1px solid transparent; border-radius: 6px; font-family: Arial, sans-serif; }
.alert-success { color: #0f5132; background-color: #d1e7dd; border-color: #badbcc; }
.alert-dismissible { padding-right: 45px; }
.alert .btn-close { position: absolute; top: 12px; right: 15px; background: transparent; border: none; font-size: 18px; cursor: pointer; opacity: 0.6; }
.alert .btn-close:hover { opacity: 1; }
.fade { opacity: 0; transition: opacity 0.3s ease; }
.fade.show { opacity: 1; }
.fade.in { opacity: 1; }

.txt-w *{color:#fff;}

/******** Header ********/
.header{width:100%; padding:32px 80px; display:flex; align-items:center; justify-content:space-between; background:#e6e7ec; position:fixed; left:0; top:0; right:0; z-index:999;}
.logo-main img{max-width:240px; display:block;}
.header-right{display:flex; align-items:center; gap:32px;}
.nav-main{display:flex;}
.nav-main ul.menu-main{padding:0; margin:0; list-style:none; display:flex; gap:32px;}
.nav-main ul.menu-main > li{padding:0; margin:0; position:relative;}
.nav-main ul.menu-main > li > a{color:#000;}
.nav-main ul.menu-main > li > a:hover,
.nav-main ul.menu-main > li.active > a{color:#2555a1;}
.nav-main ul.menu-main > li > ul.sub-menu{padding:50px 0 0; margin:0; position:absolute; left:0; top:100%; opacity:0; visibility:hidden; min-width:240px; list-style:none; transition:all 0.3s;}
.nav-main ul.menu-main > li > ul.sub-menu:before{content:''; position:absolute; left:0; right:0; top:50px; bottom:0; background:#fff; box-shadow:0 0 4px 0 rgba(0,0,0,0.1); z-index:-1;}
.nav-main ul.menu-main > li:hover > ul.sub-menu{opacity:1; visibility:visible;}
.nav-main ul.menu-main > li > ul.sub-menu > li:not(:last-child){border-bottom:solid 1px rgba(0,0,0,.1);}
.nav-main ul.menu-main > li > ul.sub-menu > li > a{color:#000; display:block; padding:8px 16px;}
.nav-main ul.menu-main > li > ul.sub-menu > li > a:hover,
.nav-main ul.menu-main > li > ul.sub-menu > li.active > a{color:#2555a1;}

.header-btns{display:flex; align-items:center; border-left:solid 1px rgb(37 85 161 / 20%); padding:0 0 0 32px; gap:32px;}
.header-btns a.btn-call{padding:0; margin:0; border:none; color:#3ca956; font-size:20px; font-weight:700; display:flex; align-items:center; gap:12px; background:none;}
.header-btns a.btn-call:hover{color:#2555a1;}
.header-btns a.btn-apply{padding:22px 32px; margin:0; font-weight:700;}

.header-right .menu-toggle{width:26px; height: 22px; position:relative; border:none; background:none; cursor:pointer;}
.header-right .menu-toggle::before,
.header-right .menu-toggle::after{content:""; position:absolute; width:100%; height:3px; background:#2555a1; left:0; transition:all 0.3s ease; border-radius:2px;}
.header-right .menu-toggle::before{top:0;}
.header-right .menu-toggle::after{bottom:0;}
.header-right .menu-toggle{background:linear-gradient(#2555a1, #2555a1) center/100% 3px no-repeat; transition:background 0.3s ease;}
.header-right .menu-toggle.active::before{transform:rotate(45deg); top:9px;}
.header-right .menu-toggle.active::after{transform:rotate(-45deg); bottom:9px;}
.header-right .menu-toggle.active{background:none;}
/******** Header ********/

/******** Home Hero ********/
.hero-sec{width:100%; min-height:calc(100vh - var(--header-height)); background-position:center center; background-repeat:no-repeat; background-size:cover; display:flex; align-items:center; padding:120px 24px;}
.hero-sec-inner{max-width:680px;}
.hero-sec h1{padding:0 0 24px; color:#2555a1;}
.hero-sec h3{font-weight:normal; padding:0 0 16px;}
ul.home-bnr-list{list-style: none; padding: 0 0 40px; display: flex; flex-wrap: wrap; gap:16px;}
ul.home-bnr-list li{padding: 0 16px 0 0; position: relative; display: flex; align-items: center; gap:8px;}
ul.home-bnr-list li:last-child{padding: 0;}
ul.home-bnr-list li:before{position: absolute; content: ""; width: 2px; height: 100%; background-color: #2555a1; right: 0; top: 0;}
ul.home-bnr-list li:last-child:before{display: none;}
ul.home-bnr-list li i{color: #3ca956;}





/******** Home Hero ********/


.home-sec1 .img-left{padding-right:96px; position:relative;}
.home-sec1 .expe-blurb{position:absolute; right:0; top:24%; width:168px; height:168px; box-shadow:0 0 25px 0 rgba(0,80, 178, 0.25); font-size:54px; font-weight:bold; padding:0 24px; color:#fff; line-height:normal;}
.home-sec1 .expe-blurb span{font-size:16px; font-weight:normal;}

.home-sec2 .big-btn{max-width:252px;}
.home-sec2 .big-btn a.btn{width:100%;}

.home-sec3 .title-head{padding-right:120px;}

.step-blurb{flex-wrap:wrap;}
.step-blurb .blurb-item{width:calc((100% - 24px)/2); padding:30px;}
.step-blurb .blurb-item .blurb-header{width:100%; display:flex; align-items:center; padding:0 0 20px;}
.step-blurb .blurb-item .blurb-header img{width:80px; height:auto;}
.step-blurb .blurb-item .blurb-header .blurb-title{padding:0 0 0 20px; margin:0; width:calc(100% - 80px); font-size:20px;}

.cta-sec{position:relative;}
.cta-sec .cta-bg{background-position:center center; background-repeat:no-repeat; background-size:cover; opacity:0.3; position:absolute; left:0; top:0; bottom:0; right:0; mix-blend-mode:soft-light;}
.cta-sec .container{max-width:700px; position:relative;}
.cta-sec .container > *{color:#fff;}
.cta-sec p{font-size:18px;}
.cta-sec .btn-group .btn{border:solid 1px transparent; padding:18px 32px; min-width:164px;}
.cta-sec .btn-group .btn-brd{border-color:#fff; background:transparent;}
.cta-sec .btn-group .btn:hover{background:#fff; color:#2555a1;}

.title-head{padding:0 0 32px;}
.title-head h2{padding:0 0 12px;}

.home-team .slick-list{margin:0 -12px;}
.home-team .slick-track{display:flex;}
.home-team .slick-track .slick-slide{height:auto; float:none; padding:0 12px; text-align:center;}
.home-team .slick-slide > div{height:100%; width:100%; overflow:hidden;}
.home-team .slick-slide > div > div{height:100%; display:block !important; width:100%;}
.home-team .team-image{position:relative; padding:0 0 118.076%; background: #fff;}
.home-team .team-image > img{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.home-team .team-image ul{position:absolute; right:-100%; bottom:16px; list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:4px; transition:all 0.3s;}
.home-team .team-items:hover .team-image ul,
.home-team .slick-slide > div:hover .team-image ul{right:16px;}
.home-team .team-image ul li > a{width:44px; height:44px; display:flex; align-items:center; justify-content:center; background:#3ca956;}
.home-team .team-image ul li > a:hover{background:#2555a1;}
.home-team h3{padding:24px 0 0; margin:0; font-size:24px; font-weight:600;}
.home-team .slick-arrow{position:absolute; right:56px; left:auto; top:-80px; bottom:auto; -webkit-transform:none; -ms-transform:none; transform:none; width:44px; height:44px; background:url(../images/slide-arrow.svg) center center no-repeat; border:solid 1px #2555a1; outline:none; z-index:1;}
.home-team .slick-arrow:before,
.home-team .slick-arrow:after{display:none;}
.home-team .slick-arrow:hover,
.home-team .slick-arrow:focus{background:#f5faff url(../images/slide-arrow.svg) center center no-repeat;}
.home-team .slick-arrow.slick-next{right:0; -webkit-transform:rotateY(180deg); -ms-transform:rotateY(180deg); transform:rotateY(180deg);}

.home-team:not(.team-slider){justify-content:flex-start; gap:24px;}
.home-team:not(.team-slider) .team-items{width:calc((100% - 24px * 3)/4); overflow:hidden; text-align:center;}
.team-slider:not(.slick-initialized){display:flex; width:100%; gap:24px; overflow:hidden;}
.team-slider:not(.slick-initialized) > div{width:calc((100% - 24px * 3)/4);}

.team-btm{border-top:solid 1px rgba(0,80, 178, 0.15); padding:40px 0 0; margin:56px 0 0; align-items:flex-start; column-gap:24px;}
.team-btm p{padding:0; max-width:calc(100% - 378px);}
.team-btm .btn{font-size:18px; padding:18px 24px;}

.home-sec4{background-position:center center; background-repeat:no-repeat; background-size:cover; background:#f4f6fa;}
.home-sec4 .title-head{margin:auto; max-width:650px;}

.homestate-list{display:flex; justify-content:space-between; padding:0 0 40px;}
.homestate-list.pb-0{padding-bottom:0;}
.homestate-list h4{padding:0 0 24px;}
.homestate-list ul{padding:0; margin:0; list-style:none; font-weight:600; display:flex; flex-direction:column; gap:8px; column-gap:48px;}
.homestate-list ul li{padding:0 0 0 32px; position:relative;}
.homestate-list ul li:before{content:''; position:absolute; left:0; top:3px; background:url(../images/map-pin.svg) center center no-repeat; background-size:contain; width:19px; height:20px;}
.homestate-list ul li a{color:#000000;}
.homestate-list ul li a:hover{color:#3ca956;}
.homestate-list ul.listcol2{flex-direction:unset; display:grid; grid-template-columns:repeat(2, 1fr);}
.homestate-list ul.list-unstyled {grid-template-columns:repeat(4, 1fr); width:100%;}
.homestate-list.county-list{column-gap:48px; row-gap:8px;}
.county-list .col-xl-3{width:calc((100% - 48px * 3)/4);}
.county-list ul.icon-list h4{padding:0 0 8px; margin:0;}
.county-list ul.icon-list li + h4{padding-top:16px;}

.tool-list{display:flex; flex-direction:column; gap:10px;}
.tool-list .tool-blurb{background:#fff; padding:29px; margin:0; border:solid 1px #e1eee3; display:flex;}
.tool-list .tool-blurb .blurb-icon{width:80px;}
.tool-list .tool-blurb .blurb-icon img{display:block;}
.tool-list .tool-blurb .blurb-text{width:calc(100% - 80px); padding:0 0 0 22px;}
.tool-list .tool-blurb .blurb-text h4{font-weight:600; padding:0 0 8px;}


.home-review .review-tab{display:flex; gap:20px; border-bottom:1px solid #bdc8da; justify-content:center;}
.home-review .review-tabitems{padding:10px 23px; border:1px solid #bdc8da; border-bottom:none; background:#fff; cursor:pointer; display:flex; align-items:center; gap:8px; font-weight:600;}
.home-review .review-tabitems.active {background:#2555a1; color:#fff; border-color:#2555a1;}
.home-review .rating{text-align:center; padding:40px 0;}
.home-review .rating h4{margin:0; padding:0 0 12px; font-weight:600;}
.home-review .stars{display:flex; justify-content:center; align-items:center; font-weight:600; gap:8px;}
.home-review .stars > span{font-size:16px; color:#959595;}
.home-review .review-slider{margin:0;}
.home-review .review-slider .slick-list{margin:0 -16px;}
.home-review .review-slider .slick-track{display:flex;}
.home-review .review-slider .slick-slide{height:auto; float:none; padding:0 16px;}
.home-review .review-slider .slick-slide > div{height:100%;}
.home-review .review-slider .slick-slide > div > div{height:100% !important; display:block !important; background:#fff; border:1px solid #bdc8da; padding:29px;}
.home-review .review-header{display:flex; justify-content:space-between; align-items:center; padding:0 0 16px;}
.home-review .left{display:flex; gap:12px; align-items:center;}
.home-review .avatar{width:42px; height:42px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:bold;}
.home-review .name{font-weight:600; font-size:18px; display:flex; align-items:center; gap:8px; line-height:normal;}
.home-review .time{font-size:12px; opacity:0.5; line-height:normal;}
.home-review .slick-slide .stars{justify-content:start;}
.home-review .google{font-weight:bold; color:#4285F4;}
.home-review .review-text{padding:4px 0 0;}

.home-review .slick-dots{display:flex; justify-content:flex-start; overflow-x:auto; white-space:nowrap; padding:40px 0 0; bottom:0; scroll-behavior:smooth; position:relative; max-width:212px; margin:auto; gap:8px; text-align:center; width:unset;}
.home-review .slick-dots li{flex:0 0 auto; padding:0; margin:0; width:12px; height:12px;}
.home-review .slick-dots li button{margin:0; padding:0; background:#cbcbcb; outline:none; box-shadow:none; width:100%; height:100%; border-radius:100%;}
.home-review .slick-dots li.slick-active button{background:#3ca956;}
.home-review .slick-dots li button:before{display:none;}
/*.home-review .slick-dots::after{content:""; position:absolute; right:0; width:50px; height:100%; background:linear-gradient(to right, transparent, #fff);}
.home-review .slick-dots::before{content:""; position:absolute; left:0; width:50px; height:100%; background:linear-gradient(to left, transparent, #fff); opacity:0; transition:0.3s;}*/
.home-review .slick-dots.scrolled::before{opacity:1;}
.home-review .slick-dots::-webkit-scrollbar{display:none;}

.home-sec5 .bg-bl{padding:40px; color:#fff;}
.home-sec5 .bg-bl h4{text-align:center; padding:0 0 32px; margin:0; color:#fff; font-weight:600;}
.home-sec5 .bg-bl form{display:flex; flex-wrap:wrap; gap:24px;}
.home-sec5 .bg-bl form .messages:empty{display: none;}
.home-sec5 .bg-bl form .form-field:not(.col-12){width:calc((100% - 24px)/2);}
.home-sec5 .bg-bl form .form-field.col-12{width:100%;}
.home-sec5 .bg-bl form .form-field input:not([type="radio"]),
.home-sec5 .bg-bl form .form-field textarea{padding:0 20px; margin:0; width:100%; background:rgba(255,255,255,0.10); font-size:18px; color:#fff; border:none; outline:none; height:48px; display:block; font-family:"Kumbh Sans", sans-serif;}
.home-sec5 .bg-bl form .form-field textarea{height:160px; resize:none; padding:16px 20px;}
.home-sec5 .bg-bl form .form-field input::-webkit-input-placeholder,
.home-sec5 .bg-bl form .form-field textarea::-webkit-input-placeholder{color:#fff;}
.home-sec5 .bg-bl form .form-field input::-moz-placeholder,
.home-sec5 .bg-bl form .form-field textarea::-moz-placeholder{color:#fff;}
.home-sec5 .bg-bl form .form-field input:-ms-input-placeholder,
.home-sec5 .bg-bl form .form-field textarea:-ms-input-placeholder{color:#fff;}
.home-sec5 .bg-bl form .form-field input:-moz-placeholder,
.home-sec5 .bg-bl form .form-field textarea:-moz-placeholder{color:#fff;}
.home-sec5 .bg-bl form .form-btn{padding-top:6px; width:100%;}
.home-sec5 .bg-bl form .form-btn input{border:none; outline:none; cursor:pointer; font-size:18px; font-weight:600; text-transform:uppercase; font-family:"Kumbh Sans", sans-serif; padding:18px 30px;}
.home-sec5 .bg-bl form .form-btn input:hover{background:#fff; color:#2555a1;}
#contact_frm .invalid-feedback,
#apply_online_form .invalid-feedback{display: none; width: 100%; margin-top: 0.25rem; color: #dc3545;}
.multi-step-form.purchase-loan-form label.is-invalid{display: none; width: 100%; margin-top: 0.25rem; color: #dc3545;}

.foot-cta{background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative; color:#fff;}
.foot-cta:before{display:block; content:''; position:absolute; left:0; top:0; right:0; bottom:0; opacity:0.9; background:#2555a1;}
.foot-cta .container{position:relative;}
.foot-cta .cta-title{max-width:calc(100% - 510px);}
.foot-cta h2{color:#fff; padding:0 0 24px;}
.foot-cta .btn-group a.btn{min-width:170px; text-align:center;}
.foot-cta .btn-group a.btn:hover{background:#fff; color:#2555a1;}

footer.footer{background:#181818; color:#fff;}
footer.footer a{color:#fff;}
footer.footer a:hover{color:#3ca956;}
.footer-top{display:flex; flex-wrap:wrap; background:#252525;}
.footer-top .info-box{width:calc((100%)/4); text-align:center; padding:48px 24px; display:flex; flex-direction:column; gap:16px; align-items:center;}
.footer-top .info-box:nth-child(even){background:#303030;}
.footer-top .info-box h5{color:#fff; text-transform:uppercase; font-weight:600; padding:0;}
.footer-top .info-box .info-icon{padding:0 0 16px;}
.footer-top .info-box .info-icon svg{display:block;}
.footer-top .info-box:last-child{justify-content:center;}
.social-list{display:flex; flex-wrap:wrap; gap:10px;}
.social-list a{border:solid 1px #fff; color:#fff; width:42px; height:42px; border-radius:100%; display:flex; justify-content:center; align-items:center;}
.social-list a:hover{border:solid 1px #3ca956; color:#3ca956;}
.social-list a svg path{fill:currentColor;}

.footer-mid{padding:64px 80px; display:flex; flex-direction:column; align-items:center; gap:48px;}
.footer-mid .footer-logo img{filter:brightness(0) invert(1);}
.footer-mid .footer-nav ul,
.latest-blog-post{padding:0; margin:0; list-style:none; display:flex; flex-wrap:wrap; gap:8px 44px; justify-content:center; flex-direction: column;}

.footer-trust{display:flex; align-items:center; gap:32px;}
.footer-trust img{display:block;}

.footer-end{padding:32px 80px; border-top:solid 1px rgba(255,255,255,0.2); display:flex; justify-content:space-between; gap:48px; font-size:14px;}
.footer-end p{padding:0;}
.footer-end ul{list-style:none; padding:0; margin:0; display:flex; gap:8px; white-space:nowrap;}
.footer-end ul li:not(:first-child):before{content:'|'; padding-right:8px;}


/******* Sub Pages ********/
.sub-hero{background-position:center center; background-repeat:no-repeat; background-size:cover; padding:120px 24px; position:relative; min-height:570px; display:flex; align-items:center;}
.sub-hero:before{content:''; position:absolute; left:0; top:0; bottom:0; right:0; background:#2555a1; opacity:0.8;}
.sub-hero .container{position:relative;}
.sub-hero h1{color:#fff; max-width:800px;}
.sub-hero h1 + .btn-group{padding-top:32px;}
.sub-hero p{padding:16px 0 32px; color:#fff;}
.sub-hero:has(:not(.btn-group)) p{padding-bottom:0;}

.info-blurb .col-2{width:calc((100% - 32px * 5)/6);}

.full-width .yt-video{position:relative; width:100%; padding:0 0 56.2%;}
.full-width .yt-video iframe{width:100%; height:100%; position:absolute; left:0; top:0; border:none; margin:0;}

.liststyle ul{display:flex; flex-direction:column; gap:4px;}

.full-width .servicearea-map-section{position:relative; padding-top:26px;}
.full-width .servicearea-map-section .tip{position:absolute; left:0 !important; top:0 !important; background:#fff; padding:4px 8px; font-size:14px;}

.column-info .info-box{padding:32px;}
.column-info .info-box .info-item{display:flex; justify-content:space-between; align-items:center;}
.column-info .info-box .icon-box{width:56px; height:56px; display:flex; align-items:center; justify-content:center; background:#3ca956; padding:12px;}
.column-info .info-box .icon-box svg{width:100%; height:auto;}
.column-info .info-box p{width:calc(100% - 70px);}
.column-info .info-box a:hover{color:#3ca956;}

.team-detail .team-role-license{padding:0 0 16px;}
.team-detail .contact-info .contact-info-part{padding:0 0 24px;}
.team-detail .contact-info .btn-group{padding:0 0 24px;}

.loan-formmain .container{max-width:680px;}
.loan-formmain .multi-step-form{padding:40px; background:#fff; box-shadow:0 0 20px rgba(0, 0, 0, .1); position:relative; display:block; width:100%; text-align:center;}
.loan-formmain .multi-step-form .h4{padding:0 0 8px; margin:0; line-height:1.2;}
.loan-formmain .form-field{max-width:600px; margin:auto; display:flex; flex-direction:column; gap:8px;}
.loan-formmain .form-floating{display:flex; flex-direction:column; gap:8px; max-width:400px; margin:auto; width:100%;}
.loan-formmain .form-floating label.form-label:not(h4){text-align:left; padding:0; margin:0; font-weight:normal;}
.loan-formmain .form-floating label.form-label .required-legend{color:#f90000;}
.loan-formmain .form-floating input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not([type="file"]){height:48px; padding:10px 20px; margin:0; border-radius:0; border:solid 2px #e0e0e0; font-size:16px; line-height:1.3; color:#000; background:#fff; outline:none; font-weight:normal; width:100%; max-width:100%;}
.loan-formmain .form-check{position:relative; max-width:500px; margin:auto; width:100%;}
.loan-formmain .form-check input[type="radio"]{position:absolute; left:0; right:0; top:0; bottom:0; opacity:0; width:100%; margin:0; cursor:pointer;}
.loan-formmain .form-check label.form-check-label{cursor:pointer; text-align:center; background:none; font-size:18px; line-height:normal; color:#2555a1; padding:12px 28px 11px; text-transform:capitalize; letter-spacing: 0; border:solid 2px #2555a1; border-radius:0; font-weight:500; margin:0; display:block; transition:0.3s ease-in-out; width:100%; max-width:100%;}
.loan-formmain .form-check input:hover + label.form-check-label,
.loan-formmain .form-check input:checked + label.form-check-label{background:#2555a1; color:#fff;}
.loan-formmain .form-group{gap:16px;}
.loan-formmain .form-check2{position:relative; max-width:500px; margin:auto;}
.loan-formmain .form-check2 input{padding:0; margin:0; position:absolute; left:0; top:0; right:0; border:0; opacity:0;}
.loan-formmain .form-check2 label{position:relative; display:block; padding:1px 0 1px 37px;}
.loan-formmain .form-check2 label:before{content:''; position:absolute; left:0; top:0; width:22px; height:22px; border-radius:4px; border:solid 2px #e0e0e0; transition:transform 0.3s;}
.loan-formmain .form-check2 label:after{content:""; position:absolute; width:5px; height:10px; border:solid white; border-width:0 2px 2px 0; top:5px; left:10px; transform:rotate(45deg) scale(0); transition:transform 0.3s;}
.loan-formmain .form-check2 input:checked + label:before{background:#2555a1; border-color:#2555a1;}
.loan-formmain .form-check2 input:checked + label:after{ transform:rotate(45deg) scale(1);}
.loan-formmain .form-check2 .required-legend{color:#f90000;}
.loan-formmain .g-capt{align-items:center;}
.loan-formmain .g-capt label:empty{display:none;}

.loan-formmain .form-navigation{padding:24px 0 0; display:flex; justify-content:center; gap:16px;}
.loan-formmain .form-navigation .btn{min-width:130px; font-size:18px;}

.loan-formmain input[type="range"] {-webkit-appearance: none; background: transparent; }

.loan-formmain input[type="range"]:focus {outline: none; }

/* Slider track */
.loan-formmain input[type="range"]::-webkit-slider-runnable-track {width: 100%; height: 6px; background: #e0e0e0; border-radius: 3px; }

/* Slider thumb (the handle) */
.loan-formmain input[type="range"]::-webkit-slider-thumb {-webkit-appearance: none; height: 20px; width: 20px; border-radius: 50%; background: #2555a1; margin-top: -7px; cursor: pointer; border: none; }

/* The selected range (filled portion) - THIS IS WHAT YOU WANT TO CHANGE */
.loan-formmain input[type="range"]::-webkit-slider-runnable-track {background: linear-gradient(to right, #3ca956, #3ca956) 0% / var(--fill-percent, 0%) 100% no-repeat #e0e0e0;}

/* For Firefox */
.loan-formmain input[type="range"]::-moz-range-track {width: 100%; height: 6px; background: #e0e0e0; border-radius: 3px; }

.loan-formmain input[type="range"]::-moz-range-thumb {height: 20px; width: 20px; border-radius: 50%; background: #2555a1; cursor: pointer; border: none; }

/* Selected range in Firefox */
.loan-formmain input[type="range"]::-moz-range-progress {background-color: #3ca956; height: 6px; border-radius: 3px; }

/* For Internet Explorer */
.loan-formmain input[type="range"]::-ms-track {width: 100%; height: 6px; background: transparent; border-color: transparent; color: transparent; }
.loan-formmain input[type="range"]::-ms-fill-lower {background: #3ca956; border-radius: 3px; }
.loan-formmain input[type="range"]::-ms-fill-upper {background: #e0e0e0; border-radius: 3px; }
.loan-formmain input[type="range"]::-ms-thumb {height: 20px; width: 20px; border-radius: 50%; background: #2555a1; cursor: pointer; }





.applyform-main h4{padding:0 0 16px; color:#2555a1;}
.applyform-main h4.pt-32{padding-top:32px;}
.applyform-main .form-group{display:flex; flex-wrap:wrap; gap:16px 24px;}
.applyform-main .form-field{width:calc((100% - 24px)/2); display:flex; flex-direction:column; gap:8px;}
.applyform-main .form-field.col4{width:calc((100% - 24px * 2)/3);}
.applyform-main .field-full{width:100%;}
.applyform-main .form-field label{font-weight:normal; padding:0; margin:0;}
.applyform-main .form-field input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not([type="file"]){height:48px; padding:10px 20px; margin:0; border-radius:0; border:solid 2px #e0e0e0; font-size:16px; line-height:1.3; color:#000; background:#fff; outline:none; font-weight:normal; width:100%; display:block;}
.applyform-main .form-field select{height:48px; padding:10px 20px; margin:0; border-radius:0; border:solid 2px #e0e0e0; font-size:16px; line-height:1.3; color:#000; background:#fff url(../images/chevron-down.svg) right 16px center no-repeat; outline:none; font-weight:normal; width:100%; display:block; appearance:none; -moz-appearance:none; -webkit-appearance:none; background-size:12px;}


.applyform-main .d-flex{gap:24px 32px;}
.applyform-main .col-6 .form-field{width:100%;}

.applyform-main .check-group{display:flex; flex-direction:column; gap:12px;}
.applyform-main .check-group label{display:flex; align-items:center; cursor:pointer; position:relative; user-select:none;}
.applyform-main .check-group input{position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; margin:0; padding:0; cursor:pointer; z-index:1;}
.applyform-main .check-group span{position:relative; padding-left:32px;}
.applyform-main .check-group span::before{content:""; position:absolute; left:0; top:1px; width:18px; height:18px; border:2px solid #b0b0b0; border-radius:4px; background:#fff; transition:all 0.25s ease;}
.applyform-main .check-group span::after{content:""; position:absolute; left:8px; top:5px; width:4px; height:8px; border:solid #fff; border-width:0 2px 2px 0; transform:rotate(45deg) scale(0); opacity:0; transition:all 0.2s ease;}
.applyform-main .check-group label:hover span::before{border-color:#2555a1; box-shadow:0 0 0 4px rgba(33,150,243,0.08);}
.applyform-main .check-group input:checked + span::before{background:#2555a1; border-color:#2555a1; transform:scale(1.05);}
.applyform-main .check-group input:checked + span::after{opacity:1; transform:rotate(45deg) scale(1);}
.applyform-main .check-group input:checked + span::before{animation:pop 0.2s ease;}

.applyform-main .radio-group{display:flex; flex-direction:column; gap:12px;}
.applyform-main .radio-group label{display:flex; align-items:center; cursor:pointer; position:relative; user-select:none;}
.applyform-main .radio-group input{position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; margin:0; padding:0; cursor:pointer; z-index:1;}
.applyform-main .radio-group span{position:relative; padding-left:32px;}
.applyform-main .radio-group span::before{content:""; position:absolute; left:0; top:1px; width:18px; height:18px; border:2px solid #b0b0b0; border-radius:50%; background:#fff; transition:all 0.25s ease;}
.applyform-main .radio-group span::after{content:""; position:absolute; left:6px; top:7px; width:10px; height:10px; background:#2555a1; border-radius:50%; transform:scale(0); opacity:0; transition:all 0.2s ease;}
.applyform-main .radio-group label:hover span::before{border-color:#2555a1; box-shadow:0 0 0 4px rgba(33,150,243,0.08);}
.applyform-main .radio-group input:checked + span::before{border-color:#2555a1; transform:scale(1.05);}
.applyform-main .radio-group input:checked + span::after{transform:scale(1); opacity:1;}
.applyform-main .radio-group input:checked + span::before{animation:pop 0.2s ease;}

@keyframes pop{
0%{transform:scale(0.9);}
100%{transform:scale(1.05);}
}

.applyform-main .file-upload{position:relative;}
.applyform-main .file-upload input[type="file"]{padding:16px; border-radius:10px; border:2px dashed #b0b0b0; background:#fafafa; cursor:pointer; transition:all 0.25s ease; width:100%; font-size:16px;}
.applyform-main .file-upload input[type="file"]:hover{border-color:#2555a1; background:#f3f8ff;}
.applyform-main .file-upload input[type="file"]:focus{outline:none; border-color:#2555a1; box-shadow:0 0 0 4px rgba(33,150,243,0.15);}
.applyform-main .file-upload input[type="file"]::file-selector-button{background:#2555a1; color:#fff; border:none; padding:8px 12px; border-radius:6px; margin-right:10px; cursor:pointer; transition:0.2s;}
.applyform-main .file-upload input[type="file"]::file-selector-button:hover{background:#3ca956;}

.applyform-main .btn-gruup .btn{font-size:16px;}

.contact-uspage .column-info{width:40%;}
.contact-uspage .column-info .info-box{padding:48px;}
.contact-uspage .column-info .info-box .info-item{align-items:flex-start;}
.contact-uspage .column-info .info-box p{display:flex; flex-direction:column; font-size:18px; gap:4px;}
.contact-uspage .column-info .info-box p strong{font-size:16px; font-weight:normal;}

.contact-uspage .col-6.bg-bl{width:60%; background:none; padding:0;}
.contact-uspage .col-6.bg-bl h3{padding:0 0 24px;}
.contact-uspage label.form-label{color: #000;}
.contact-uspage .bg-bl form .form-field input:not([type="radio"]),
.contact-uspage .bg-bl form .form-field textarea{background:#fff; color:#000; border:solid 2px #e0e0e0;}
.contact-uspage .bg-bl form .form-field input::-webkit-input-placeholder,
.contact-uspage .bg-bl form .form-field textarea::-webkit-input-placeholder{color:#000;}
.contact-uspage .bg-bl form .form-field input::-moz-placeholder,
.contact-uspage .bg-bl form .form-field textarea::-moz-placeholder{color:#000;}
.contact-uspage .bg-bl form .form-field input:-ms-input-placeholder,
.contact-uspage .bg-bl form .form-field textarea:-ms-input-placeholder{color:#000;}
.contact-uspage .bg-bl form .form-field input:-moz-placeholder,
.contact-uspage .bg-bl form .form-field textarea:-moz-placeholder{color:#000;}
.contact-uspage .bg-bl form .form-btn input:hover{background:#2555a1; color:#fff;}


/*.loan-formmain .form-step{display:block !important;}*/


@media only screen and (min-width: 1200px) {
.header .menu-toggle{display:none;}
}

@media only screen and (max-width: 1560px) {
body{padding-top:108px;}
.header{padding:24px;}
.header-btns a.btn-apply{padding:22px 20px;}
.header-btns a.btn-call{font-size:18px;}
.header-btns{gap:24px; padding-left:24px;}
.header-right{gap:24px;}
.nav-main ul.menu-main{gap:16px;}

.footer-mid{padding:48px 24px; gap:40px;}
.footer-end{padding:24px; font-size:13px;}

}

@media only screen and (max-width: 1360px) {
body{padding-top:94px;}
.logo-main img{max-width:180px;}
.header-right{font-size:14px;}
.header-btns a.btn-call{font-size:16px; gap:8px;}
.header-btns a.btn-call svg{height:auto; width:20px;}
.header-btns a.btn-apply{padding:16px 20px;}

.hero-sec h1{max-width:600px;}
.homestate-list ul{column-gap:24px;}

h1, .h1{font-size:54px;}
h2, .h2{font-size:40px;}
h3, .h3{font-size:30px;}

.gap-x80{column-gap:60px;}

}

@media only screen and (max-width: 1199px) {
body{padding-top:78px;}
.header{padding:16px 24px;}
.nav-main{position:fixed; left:0; width:100%; top:0; height:calc(100vh - var(--header-height)); overflow:hidden; opacity:0; transition:height 0.4s cubic-bezier(0.22, 1, 0.36, 1), transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.3s ease, visibility 0.3s ease; margin:var(--header-height) 0 0; width:100%; padding:32px 24px; background:#2555a1; z-index:999; visibility:hidden;}
.nav-main.active{opacity:1; visibility:visible;}
.nav-main ul.menu-main{flex-direction:column; width:100%; font-size:18px; overflow:auto; align-items:center; gap:0;}
.nav-main ul.menu-main > li{opacity:0; transform:translateY(20px); width:100%;}
.nav-main ul.menu-main > li.show{opacity: 1; transform: translateY(0); transition: all 0.3s ease;}
.nav-main ul.menu-main > li > a{color:#fff; padding:8px 0; display:flex;}
.nav-main ul.menu-main > li > a:hover,
.nav-main ul.menu-main > li.active > a{color:#3ca956;}
.nav-main ul.menu-main > li.menu-children > a{position:relative;}
.nav-main ul.menu-main > li.menu-children > a::after{content:"+"; transition:0.3s; position:absolute; right:16px; top:0; bottom:0; margin:auto; line-height:1; font-size:32px; font-weight:200;}
.nav-main ul.menu-main > li.menu-children.open > a::after{transform:rotate(45deg);}
.nav-main ul.menu-main > li > ul.sub-menu{max-height:0; overflow:hidden; transition:max-height 0.35s ease; opacity:1; visibility:visible; position:relative; top:0; padding:0; width:100%; min-width:100px;}
.nav-main ul.menu-main > li > ul.sub-menu:before{display:none;}
.nav-main ul.menu-main > li > ul.sub-menu > li:not(:last-child){border:none;}
.nav-main ul.menu-main > li > ul.sub-menu > li > a{color:#fff; padding:8px 16px;}
.nav-main ul.menu-main > li > ul.sub-menu > li > a:hover,
.nav-main ul.menu-main > li > ul.sub-menu > li.active > a{color:#3ca956;}

.header-btns{padding:0; border:none;}
.hero-sec h1{max-width:480px;}
.hero-sec{padding:80px 24px;}
.home-sec2 .big-btn{max-width:202px;}
.step-blurb .blurb-item .blurb-header img{width:60px;}
.step-blurb .blurb-item .blurb-header .blurb-title{font-size:18px;}
.tool-list .tool-blurb .blurb-icon{width:60px;}
.tool-list .tool-blurb .blurb-text{width:calc(100% - 60px); padding-left:16px;}

.info-blurb .col-2{width:calc((100% - 32px * 2)/3);}
.foot-cta .cta-title{max-width:calc(100% - 320px);}
.contact-uspage .column-info .info-box{padding:32px;}

.full-width{padding:80px 24px;}
.sub-hero{padding:80px 24px; min-height:400px;}
.gap-x80{column-gap:40px;}
.big-btn .btn{font-size:24px; min-height:90px; padding:0 24px;}

h1, .h1{font-size:44px;}
h2, .h2{font-size:34px;}
h3, .h3{font-size:26px;}
h4, .h4{font-size:22px;}


}

@media only screen and (max-width: 1023px) {
.home-team h3{font-size:22px;}
.team-btm{flex-wrap:wrap; gap:24px;}
.team-btm p{max-width:100%;}

.home-team:not(.team-slider) .team-items{width:calc((100% - 24px * 2)/3);}

.homestate-list ul.list-unstyled {grid-template-columns:repeat(3, 1fr);}
.homestate-list.county-list{column-gap:32px; flex-wrap:wrap;}
.county-list .col-xl-3{width:calc((100% - 32px)/2);}

.footer-top .info-box{width:calc((100%)/2); padding:32px 24px;}
.footer-top .info-box:nth-child(3n){background:#303030;}
.footer-top .info-box:last-child{background:none;}
.footer-end{flex-direction:column; text-align:center; gap:16px; align-items:center;}

.contact-uspage .column-info,
.contact-uspage .col-6.bg-bl{width:100%;}

.mcol-reverse{flex-direction:column-reverse;}
.mf-wrap{flex-wrap:wrap;}
.col-6,
.col-4,
.col-8{width:100%;}


}


@media only screen and (max-width: 767px) {
body{font-size:15px;}
.header-btns a.btn-call{font-size:0;}
.hero-sec{padding:50px 24px 58vw; background-color:#e6e7ec; background-position:right 20vw bottom; background-size:120vw; text-align:center; min-height:unset;}
.hero-sec h1{max-width:100%; padding:0 0 16px;}
.hero-sec h3{padding:0 0 24px;}
.hero-sec .big-btn{justify-content:center;}
.cta-sec p{font-size:16px;}
.cta-sec .btn-group .btn{padding:16px 24px;}
.team-btm .btn{font-size:16px; padding:16px 24px;}
.home-sec5 .bg-bl{padding:40px 24px;}
.home-sec5 .bg-bl form .form-field input, .home-sec5 .bg-bl form .form-field textarea{font-size:16px;}
.home-sec5 .bg-bl form .form-btn input{font-size:16px; padding:16px 24px;}
.foot-cta .container{flex-direction:column; gap:24px; text-align:center;}
.foot-cta h2{padding-bottom:16px;}
.footer-mid .footer-nav ul{gap:8px 32px;}
.footer-top .info-box .info-icon{padding:0 0 8px;}

.home-review .rating{padding:24px 0;}
.home-review .rating h4{padding-bottom:6px;}
.home-review .review-tab{gap:8px;}
.home-review .review-tabitems{padding:10px 16px;}
.home-review .review-tabitems:not(:first-child){gap:0; font-size:0; padding:10px 0; min-width:45px; justify-content:center;}
.home-review .review-slider .slick-slide > div > div{padding:23px;}
.home-review .name{font-size:16px;}
.home-review .avatar{width:36px; height:36px;}
.home-review .slick-dots{padding:24px 0 0;}

.info-blurb .col-2{width:calc((100% - 32px)/2);}
.foot-cta .cta-title{max-width:100%;}
.sub-sec3 .info-blurb.pt-16{padding-top:0;}

.home-team:not(.team-slider) .team-items{width:calc((100% - 24px)/2);}
.homestate-list ul.list-unstyled {grid-template-columns:repeat(2, 1fr);}

.county-list .col-xl-3{width:100%;}
.loan-formmain .multi-step-form{padding:24px;}
.loan-formmain .form-check label.form-check-label{font-size:16px;}
.loan-formmain .form-navigation .btn{font-size:16px; min-width:110px;}

.applyform-main .form-field,
.applyform-main .form-field.col4{width:100%;}
.applyform-main h4.pt-32{padding-top:24px;}
.applyform-main .d-flex{flex-direction:column; gap:0;}

.contact-uspage .column-info .info-box{padding:40px 24px;}
.contact-uspage .column-info .info-box p{font-size:16px;}
.contact-uspage .column-info .info-box p strong{font-size:14px;}

.full-width{padding:50px 24px;}
.sub-hero{padding:50px 24px; min-height:300px;}

h1, .h1{font-size:34px;}
h2, .h2{font-size:28px; padding-bottom:24px;}
h3, .h3{font-size:24px;}
h4, .h4{font-size:20px;}
h5, .h5{font-size:18px;}
.f-18{font-size:16px;}
.btn{padding:16px 24px;}



}

@media only screen and (max-width: 574px) {
body{padding-top:73px;}
.logo-main img{max-width:140px;}
.header-right{gap:16px;}
.header-btns{gap:16px;}
.header-btns a.btn-call{gap:0;}
.header-btns a.btn-apply{font-size:13px; padding:14px 16px;}
.step-blurb .blurb-item{width:100%; padding:24px;}
.team-btm{padding:24px 0 0; margin:40px 0 0;}
.tool-list .tool-blurb{padding:23px;}
.home-sec1 .expe-blurb{font-size:34px; width:128px; height:128px; padding:0 16px;}
.home-sec1 .expe-blurb span{font-size:14px;}
.home-sec2 h2{padding:0 0 16px;}
.home-sec2 .col-6 .d-flex{flex-direction:column;}
.home-sec2 .col-6 .d-flex .col-6.d-flex{padding-top:24px;}
.home-sec3 .title-head{padding-right:0;}
.home-sec3 .title-head p{padding-right:120px;}
.homestate-list:not(.county-list){flex-direction:column; gap:24px; padding-bottom:24px;}
.homestate-list h4{padding-bottom:16px;}
.home-sec5 .bg-bl form .form-field:not(.col-12){width:100%;}
.home-sec5 .bg-bl form .form-field textarea{height:120px;}
.foot-cta .btn-group a.btn{min-width:140px;}
.home-team:not(.team-slider) .team-items{width:100%;}
.homestate-list ul.listcol2{grid-template-columns:repeat(1, 1fr);}
.homestate-list ul.list-unstyled{grid-template-columns:repeat(1, 1fr);}

.footer-top .info-box{width:100%;}
.footer-top .info-box:nth-child(3n){background:none;}
.footer-top .info-box:last-child{background:#303030;}
.footer-trust{gap:24px;}
.footer-trust img:first-child{max-width:80px;}
.footer-mid{gap:24px;}

.info-blurb .col-2{width:100%;}

}






/****************************************** Mortgage Calculator Form Start **************************************************/

.nav{padding-left:0;margin-bottom:0;list-style:none}
.nav>li{position:relative;display:block}
.nav>li>a{position:relative;display:block;padding:10px 15px}
.nav>li>a:focus,.nav>li>a:hover{text-decoration:none}
.nav>li.disabled>a{color:#777}
.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}
.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}
.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}
.nav>li>a>img{max-width:none}
.nav-tabs{border-bottom:1px solid #ddd}
.nav-tabs>li{float:left;margin-bottom:-1px}
.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}
.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}
.nav-tabs.nav-justified{width:100%;border-bottom:0}
.nav-tabs.nav-justified>li{float:none}
.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}
.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}

@media (min-width:768px){
.nav-tabs.nav-justified>li{display:table-cell;width:1%}
.nav-tabs.nav-justified>li>a{margin-bottom:0}
}

.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}
.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}

@media (min-width:768px){
.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}
.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}
}

.nav-pills>li{float:left}
.nav-pills>li>a{border-radius:0}
.nav-pills>li+li{margin-left:2px}
.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#337ab7}
.nav-stacked>li{float:none}
.nav-stacked>li+li{margin-top:2px;margin-left:0}
.nav-justified{width:100%}
.nav-justified>li{float:none}
.nav-justified>li>a{margin-bottom:5px;text-align:center}
.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}

@media (min-width:768px){
.nav-justified>li{display:table-cell;width:1%}
.nav-justified>li>a{margin-bottom:0}
}

.nav-tabs-justified{border-bottom:0}
.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}
.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}

@media (min-width:768px){
.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}
.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}
}

.tab-content>.tab-pane{display:none}
.tab-content>.active{display:block}
.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}
.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}

@media (min-width:768px){.navbar{border-radius:4px}}

@media (min-width:768px){.navbar-header{float:left}}

.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;-webkit-overflow-scrolling:touch;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}
.navbar-collapse.in{overflow-y:auto}

@media (min-width:768px){
.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}
.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}
.navbar-collapse.in{overflow-y:visible}
.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0}
}

.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}

@media (max-device-width:480px) and (orientation:landscape){
.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}
}

.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}

@media (min-width:768px){
.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}
}

.navbar-static-top{z-index:1000;border-width:0 0 1px}

@media (min-width:768px){.navbar-static-top{border-radius:0}}

.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}

@media (min-width:768px){.navbar-fixed-bottom,.navbar-fixed-top{border-radius:0}}

.navbar-fixed-top{top:0;border-width:0 0 1px}
.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}
.navbar-brand{float:left;height:50px;padding:15px 15px;font-size:18px;line-height:20px}
.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}
.navbar-brand>img{display:block}

@media (min-width:768px){
.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}
}

.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}
.navbar-toggle:focus{outline:0}
.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}
.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}

@media (min-width:768px){.navbar-toggle{display:none}}

.navbar-nav{margin:7.5px -15px}
.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}

@media (max-width:767px){
.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}
.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}
.navbar-nav .open .dropdown-menu>li>a{line-height:20px}
.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}

}

@media (min-width:768px){
.navbar-nav{float:left;margin:0}
.navbar-nav>li{float:left}
.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}
}

.navbar-form{padding:10px 15px;margin-top:8px;margin-right:-15px;margin-bottom:8px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1)}

@media (min-width:768px){
.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}
.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}
.navbar-form .form-control-static{display:inline-block}
.navbar-form .input-group{display:inline-table;vertical-align:middle}
.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}
.navbar-form .input-group>.form-control{width:100%}
.navbar-form .control-label{margin-bottom:0;vertical-align:middle}
.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}
.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}
.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}
.navbar-form .has-feedback .form-control-feedback{top:0}
}

@media (max-width:767px){
.navbar-form .form-group{margin-bottom:5px}
.navbar-form .form-group:last-child{margin-bottom:0}
}

@media (min-width:768px){
.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}
}

.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}
.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}
.navbar-btn{margin-top:8px;margin-bottom:8px}
.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}
.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}
.navbar-text{margin-top:15px;margin-bottom:15px}

@media (min-width:768px){.navbar-text{float:left;margin-right:15px;margin-left:15px}}

@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}
}

.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}
.navbar-default .navbar-brand{color:#777}
.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent}
.navbar-default .navbar-text{color:#777}
.navbar-default .navbar-nav>li>a{color:#777}
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}
.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}
.navbar-default .navbar-toggle{border-color:#ddd}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}
.navbar-default .navbar-toggle .icon-bar{background-color:#888}
.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#555;background-color:#e7e7e7}

@media (max-width:767px){
.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}
.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}
}

.navbar-default .navbar-link{color:#777}
.navbar-default .navbar-link:hover{color:#333}
.navbar-default .btn-link{color:#777}
.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#333}
.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}
.navbar-inverse{background-color:#222;border-color:#080808}
.navbar-inverse .navbar-brand{color:#9d9d9d}
.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:transparent}
.navbar-inverse .navbar-text{color:#9d9d9d}
.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}
.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}
.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}
.navbar-inverse .navbar-toggle{border-color:#333}
.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333}
.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}
.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}
.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#fff;background-color:#080808}

@media (max-width:767px){
.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}
.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}
}

.navbar-inverse .navbar-link{color:#9d9d9d}
.navbar-inverse .navbar-link:hover{color:#fff}
.navbar-inverse .btn-link{color:#9d9d9d}
.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#fff}

#MortgageCalculatorTab{display:flex; flex-direction:column; gap:40px;}
#MortgageCalculatorTab .calculator-top{display:flex;}
#MortgageCalculatorTab .calculator-top .calculator-title{background:#2555a1; padding:18px 24px; border-radius:6px 0 0 6px;}
#MortgageCalculatorTab .calculator-top .sec-tit{font-size:24px; font-weight:600; color:#fff; padding:0; margin:0; white-space:nowrap;}
#MortgageCalculatorTab .calculator-top .nav{padding:0 45px; margin:0; display:flex; width:100%; background:#fff; border:solid 2px #dae4ef; border-radius:0 6px 6px 0; border-left:none; column-gap:60px;}
#MortgageCalculatorTab .calculator-top .nav:before,
#MortgageCalculatorTab .calculator-top .nav:after{display:none;}
#MortgageCalculatorTab .calculator-top .nav li{list-style:none; padding:0; margin:0; border:none; display:flex; align-items:center;}
#MortgageCalculatorTab .calculator-top .nav li > a{border:none; padding:0; margin:0; font-size:18px; font-weight:600; color:#2555a1; font-family:'Poppins', sans-serif;}
#MortgageCalculatorTab .calculator-top .nav li > a:hover,
#MortgageCalculatorTab .calculator-top .nav li.active > a{color:#3ca956;}

#MortgageCalculatorTab .tab-content{width:100%;}
#MortgageCalculatorTab .tab-row{display:flex; justify-content:space-between; row-gap:30px;}
#MortgageCalculatorTab .tab-col1{width:calc(33.33% - 15px); background:#2555a1; border-radius:12px; padding:32px 24px;}
#MortgageCalculatorTab .tab-col1 h2{font-size:24px; color:#fff; font-weight:600; padding:0 0 26px; margin:0;; border-bottom:solid 1px rgba(255,255,255,0.2);}
#MortgageCalculatorTab .tab-col1 > form{padding:26px 0 0; display:flex; flex-wrap:wrap; justify-content:space-between; row-gap:20px;}
#MortgageCalculatorTab .tab-col1 .form-group{width:calc(50% - 8px); position:relative; margin:0; display: flex; flex-direction: column; justify-content: space-between;}
#MortgageCalculatorTab .tab-col1 .form-group > label{padding:0 0 10px; margin:0; font-size:14px; color:#fff; font-weight:500;}
#MortgageCalculatorTab .tab-col1 .form-group > label > span{display:block;}
#MortgageCalculatorTab .tab-col1 .form-group .form-control{padding:15px 12px; margin:0; background:#2c64a1; border:none; border-radius:6px; color:#fff; font-size:14px; font-weight:500; box-shadow:none; outline:none; height:auto;}
#MortgageCalculatorTab .tab-col1 .form-group .form-control::-moz-placeholder{color:#fff;}
#MortgageCalculatorTab .tab-col1 .form-group .form-control:-ms-input-placeholder{color:#fff}
#MortgageCalculatorTab .tab-col1 .form-group .form-control::-webkit-input-placeholder{color:#fff}
#MortgageCalculatorTab .tab-col1 .form-group input[type=number]::-webkit-outer-spin-button,
#MortgageCalculatorTab .tab-col1 .form-group input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none; -moz-appearance:none; appearance:none;}
#MortgageCalculatorTab .tab-col1 .form-group input[type=number]{-moz-appearance:textfield;}
#MortgageCalculatorTab .tab-col1 .form-group select.form-control{-webkit-appearance:none; -moz-appearance:none; appearance:none; background:#2c64a1 url(../i/select-down.svg) right 16px center no-repeat; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-right:40px;}
#MortgageCalculatorTab .tab-col1 .input-item-relative{position:relative;}
#MortgageCalculatorTab .tab-col1 .input-item-relative .btn-group-wrp{position:absolute; right:2px; top:2px; overflow:hidden; border-radius:6px; background:#5683b4; top:0; right: 0;}
#MortgageCalculatorTab .tab-col1 .input-item-relative .btn-group{display:flex; column-gap: 0; row-gap: 0;}
#MortgageCalculatorTab .tab-col1 .input-item-relative .btn{padding: 0 12px; margin:0; background:none; outline:none; color:#fff; height:46px; display:flex; align-items:center; float:none; border:none; font-size:14px; font-weight:500;}
#MortgageCalculatorTab .tab-col1 .input-item-relative .btn > input{opacity:0; visibility:hidden; position:absolute; left:0; right:0; top:0; bottom:0; margin:0;}
#MortgageCalculatorTab .tab-col1 .input-item-relative .btn.active{background:#fff; color:#2555a1;}

#MortgageCalculatorTab .tab-col2{width:calc(66.67% - 15px); display:grid; gap:30px; grid-template-columns:repeat(1, 1fr);}
#MortgageCalculatorTab .tab-col2-top{display:grid; gap:30px; grid-template-columns:repeat(2, 1fr);}
#MortgageCalculatorTab .tab-col2-top .conventional-button{display:grid; gap:16px; grid-template-columns:repeat(2, 1fr); height:100%;}
#MortgageCalculatorTab .tab-col2-top .conventional-button .top-head{padding:35px 20px; margin:0; color:#fff; border-radius:12px; display:flex; flex-direction:column; justify-content:space-between;}
#MortgageCalculatorTab .tab-col2-top .conventional-button .org-bg{background:#3ca956;}
#MortgageCalculatorTab .tab-col2-top .conventional-button .dbl-bg{background:#2555a1;}
#MortgageCalculatorTab .tab-col2-top .conventional-button .drk-bg{background:#222222;}
#MortgageCalculatorTab .tab-col2-top .conventional-button .lbl-bg{background:#2fabe1;}
#MortgageCalculatorTab .tab-col2-top .conventional-button .top-head p{padding:0 0 20px; margin:0; font-family:'Poppins', sans-serif; font-size:14px; font-weight:600; line-height:22px;}
#MortgageCalculatorTab .tab-col2-top .conventional-button .top-head h2{color:#fff; font-size:20px; font-weight:bold; font-family:'Montserrat', sans-serif;}
#MortgageCalculatorTab .tab-col2-top .conventional-button .top-head.drk-bg h2 span:first-child{padding-right:5px;}
#MortgageCalculatorTab .tab-col2-top .conventional-button .top-head.drk-bg h2 span:last-child{padding-left:5px;}
#MortgageCalculatorTab .tab-col2-top .boxs2{display:grid; gap:30px; grid-template-columns:repeat(1, 1fr);}
#MortgageCalculatorTab .tab-col2-top .boxs2 .calculator-slider-data{border:solid 2px #dae4ef; border-radius:12px; padding:40px 24px;}
#MortgageCalculatorTab .tab-col2-top .boxs2 .calculator-slider-data .slider-label{display:flex; justify-content:space-between; font-size:20px; color:#2555a1; font-family:'Poppins', sans-serif; font-weight:600; padding:0 0 30px;}
#MortgageCalculatorTab .tab-col2-top .boxs2 .calculator-slider-data .slider-label strong{font-weight:700;}
#MortgageCalculatorTab .tab-col2-top .boxs2 .calculator-slider-data .calculator-sliders{background:#dae4ef; border:none; outline:none; border-radius:0; height:4px;}
#MortgageCalculatorTab .tab-col2-top .boxs2 .calculator-slider-data .ui-slider-range{background:#2555a1; border-radius:0;}
#MortgageCalculatorTab .tab-col2-top .boxs2 .calculator-slider-data .ui-slider-handle{background:#fff; border-radius:100%; height:20px; width:20px; border:solid 3px #2555a1; top:-9px; outline:none;}

#MortgageCalculatorTab .tab-col2-btm{display:grid; gap:30px; grid-template-columns:repeat(2, 1fr);}
#MortgageCalculatorTab .tab-col2-btm .info-boxs{border:solid 2px #dae4ef; border-radius:12px; padding:30px 24px;}
#MortgageCalculatorTab .tab-col2-btm .card-title{padding:0 0 20px;}
#MortgageCalculatorTab .tab-col2-btm .card-title h2{font-size:20px; color:#2555a1; font-weight:600; padding:0; margin:0;}
#MortgageCalculatorTab .tab-col2-btm .graph-items{display:flex; align-items:flex-start;}
#MortgageCalculatorTab .tab-col2-btm .relative-graph{max-width:200px; position:relative;}
#MortgageCalculatorTab .tab-col2-btm .relative-graph .absolute-center{position:absolute; left:50%; top:50%; text-align:center; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); display:flex; flex-direction:column; justify-content:center; line-height:24px;}
#MortgageCalculatorTab .tab-col2-btm .relative-graph .absolute-center strong{font-size:20px; color:#32398e; font-weight:700;}
#MortgageCalculatorTab .tab-col2-btm .relative-graph .absolute-center p{padding:0; margin:0; font-size:15px; font-weight:500; color:#32398e;}
#MortgageCalculatorTab .tab-col2-btm ul.payment-results-list{padding:0 0 0 24px; margin:0; list-style:none; display:flex; flex-direction:column; row-gap:15px;}
#MortgageCalculatorTab .tab-col2-btm ul.payment-results-list li{position:relative; padding:0 0 0 22px;}
#MortgageCalculatorTab .tab-col2-btm ul.payment-results-list li span.dots{position:absolute; left:0; top:5px; width:14px; height:14px; border-radius:100%;}
#MortgageCalculatorTab .tab-col2-btm ul.payment-results-list li > span:not(.dots){font-size:14px; line-height:24px; font-weight:600; display:block; color:#2555a1;}
#MortgageCalculatorTab .tab-col2-btm ul.payment-results-list li > span:not(.dots) > span{font-weight:bold;}
#MortgageCalculatorTab .tab-col2-btm .boxs2 ul{display:grid; grid-template-columns:repeat(2, 1fr); padding:0; margin:0; list-style:none; column-gap:16px; row-gap:15px;}
#MortgageCalculatorTab .tab-col2-btm .boxs2 ul li{font-size:12px; font-weight:500; color:#2555a1;}
#MortgageCalculatorTab .tab-col2-btm .boxs2 ul li span > span{font-weight:bold; font-size:20px; display:block;}

#MortgageCalculatorTab .tab-col1 .input-item-relative.payment-frequency .btn-group-wrp{position:relative; right:0; top:0; border:solid 2px #2c64a1; border-radius:6px;}
#MortgageCalculatorTab .tab-col1 .input-item-relative.payment-frequency .btn{width:50%; justify-content:center;}

#MortgageCalculatorTab .summary-description{width:100%; border:solid 2px #dae4ef; border-radius:12px; padding:30px 24px;}
#MortgageCalculatorTab .summary-description h4{font-size:20px; color:#2555a1; font-weight:600; padding:0 0 15px; margin:0;}
#MortgageCalculatorTab .summary-description p{padding:0; margin:0; font-size:15px; font-weight:500; color:#2555a1;}
#MortgageCalculatorTab .summary-description p strong{color:#3ca956;}

.section-whitebg .disclaimer-description{padding:30px 0 0; margin:0;}
.section-whitebg .disclaimer-description h3{font-size:14px; color:#2555a1; font-weight:600; padding:0 0 10px; margin:0;}
.section-whitebg .disclaimer-description p{font-size:11px; font-weight:500; color:#2555a1; padding:0 0 10px;}
.section-whitebg .disclaimer-description p:last-of-type{padding:0; margin:0;}

@media only screen and (max-width: 1400px) and (min-width: 1260px){
#MortgageCalculatorTab .tab-col1{width:calc(35.28% - 10px);}
#MortgageCalculatorTab .tab-col2{width:calc(64.72% - 10px);}
#MortgageCalculatorTab .tab-col1 .form-group > label{font-size:13px;}
#MortgageCalculatorTab .tab-col1 .form-group .form-control{font-size:13px; min-height:50px;}
#MortgageCalculatorTab .tab-col1 .input-item-relative .btn{font-size:12px; padding:0 10px;}
#MortgageCalculatorTab .tab-col2-top,
#MortgageCalculatorTab .tab-col2-btm{gap:20px;}

#MortgageCalculatorTab .tab-col2-top .conventional-button .top-head p{font-size:13px;}
#MortgageCalculatorTab .tab-col2-top .conventional-button .top-head h2{font-size:15px;}
#MortgageCalculatorTab .tab-col2-btm .relative-graph{max-width:160px;}
#MortgageCalculatorTab .tab-col2-btm .boxs2 ul li span > span{font-size:18px;}
#MortgageCalculatorTab .tab-col1 .input-item-relative.payment-frequency .btn{font-size:13px;}

}

@media only screen and (max-width: 1259px) and (min-width: 992px){
#MortgageCalculatorTab .tab-col2-top,
#MortgageCalculatorTab .tab-col2-btm{grid-template-columns:repeat(1, 1fr);}
#MortgageCalculatorTab .tab-col1{width:470px;}
#MortgageCalculatorTab .tab-col2{width:calc(100% - 500px);}
}

@media only screen and (max-width: 1259px){
#MortgageCalculatorTab .tab-col2-top .conventional-button .top-head{padding:20px;}
#MortgageCalculatorTab .tab-col2-top .boxs2 .calculator-slider-data{padding:24px 24px 32px;}
#MortgageCalculatorTab .tab-col2-btm .info-boxs{padding:24px 24px 30px;}
#MortgageCalculatorTab .tab-col2-btm ul.payment-results-list,
#MortgageCalculatorTab .tab-col2-btm .boxs2 ul{row-gap:16px;}
#MortgageCalculatorTab .tab-col2-btm .card-title{padding:0 0 16px;}
#MortgageCalculatorTab .calculator-top .sec-tit{font-size:20px;}
#MortgageCalculatorTab .summary-description{padding:24px;}

}

@media only screen and (max-width: 991px) {
#MortgageCalculatorTab .tab-row{flex-direction:column;}
#MortgageCalculatorTab .tab-col1,
#MortgageCalculatorTab .tab-col2{width:100%;}
#MortgageCalculatorTab .calculator-top .nav{padding:0 24px; column-gap:24px;}
#MortgageCalculatorTab .calculator-top .nav li > a{font-size:16px;}
#MortgageCalculatorTab .tab-col2-btm .relative-graph{max-width:160px;}
#MortgageCalculatorTab .tab-col2-top .conventional-button .top-head h2{font-size:16px;}

}

@media only screen and (max-width: 767px) {
#MortgageCalculatorTab .calculator-top{flex-direction:column;}
#MortgageCalculatorTab .tab-col2-top,
#MortgageCalculatorTab .tab-col2-btm{grid-template-columns:repeat(1, 1fr);}

}

@media only screen and (max-width: 574px) {
#MortgageCalculatorTab{gap:30px;}
#MortgageCalculatorTab .calculator-top .calculator-title{border-radius:12px 12px 0 0;}
#MortgageCalculatorTab .calculator-top .sec-tit{font-size:18px; text-align:center;}
#MortgageCalculatorTab .calculator-top .nav{padding:16px 20px; border:solid 2px #dae4ef; border-top:none; gap:20px; flex-wrap:wrap; justify-content:space-between; border-radius:0 0 12px 12px;}
#MortgageCalculatorTab .calculator-top .nav li > a{font-size:13px;}
#MortgageCalculatorTab .tab-col1 h2{font-size:20px; padding-bottom:16px;}
#MortgageCalculatorTab .tab-col1 .form-group{width:100%;}
#MortgageCalculatorTab .tab-col2-top .conventional-button{grid-template-columns:repeat(1, 1fr);}
#MortgageCalculatorTab .tab-col1{padding:24px 20px;}
#MortgageCalculatorTab .tab-col1 > form{padding-top:16px;}
#MortgageCalculatorTab .tab-col2-top .conventional-button .top-head h2{font-size:20px;}
#MortgageCalculatorTab .tab-col2-btm .graph-items{flex-direction:column; gap:20px;}
#MortgageCalculatorTab .tab-col2-btm .relative-graph{margin:auto; max-width:200px;}
#MortgageCalculatorTab .tab-col2-btm .info-boxs{padding:20px;}
#MortgageCalculatorTab .tab-col2-btm ul.payment-results-list{margin:auto;}
#MortgageCalculatorTab .tab-col2-top .conventional-button .top-head p{padding-bottom:16px;}
#MortgageCalculatorTab .tab-col2-top .boxs2 .calculator-slider-data{padding:20px 20px 32px}
#MortgageCalculatorTab .tab-col1 .form-group > label > span{display:unset;}
#MortgageCalculatorTab .tab-col2-btm .boxs2 ul{grid-template-columns:repeat(1, 1fr);}
#MortgageCalculatorTab .summary-description{padding:20px;}
#MortgageCalculatorTab .summary-description p{font-size:14px;}

}

.mortgage-calculator .disclaimer-description{padding:30px 0 0; margin:0;}
.mortgage-calculator .disclaimer-description h3{font-size:14px; color:#2555a1; font-weight:600; padding:0 0 10px; margin:0;}
.mortgage-calculator .disclaimer-description p{font-size:11px; font-weight:500; color:#2555a1; padding:0 0 10px;}
.mortgage-calculator .disclaimer-description p:last-of-type{padding:0; margin:0;}

/****************************************** Mortgage Calculator Form End **************************************************/






/*new-style*/
.loan-program-row{display: flex; flex-wrap: wrap; gap:24px; padding-top: 40px; justify-content: center;}
.loan-program-row .loan-program-col{width: calc((100% - 24px * 4) / 5);}
.loan-program-row .loan-program-col .loan-program-inner{height: 100%; text-align: center;}
.loan-program-row .loan-program-col .loan-program-inner a{padding: 24px; background-color: #f5fbf6; display: block; height: 100%;}
.loan-program-row .loan-program-col .loan-program-inner .icon-box{padding: 0 0 16px; max-width: 60px; margin: auto;}
.loan-program-row .loan-program-col .loan-program-inner .icon-box img{width: 100%; height: 60px; display: block; object-fit: contain;}
.loan-program-row .loan-program-col .loan-program-inner h4{padding-bottom: 8px; transition: 0.3s ease-in-out;}
.loan-program-row .loan-program-col .loan-program-inner a:hover h4{color: #3ca956;}
.loan-program-row .loan-program-col .loan-program-inner p{color: #000000;}


.faq-wrapper{display: flex; flex-direction: column; gap: 16px;}
.faq-wrapper .faq-item{background:#fff; border-radius:14px; overflow:hidden; box-shadow:0 4px 18px rgba(0,0,0,0.08); border: solid 1px rgb(60 169 86 / 20%);}
.faq-wrapper .faq-question{width:100%; border:none; background:#fff; padding:24px 70px 24px 24px; text-align:left; font-size:20px; font-weight:600; line-height:1.5; cursor:pointer; position:relative; transition:.3s ease;}
.faq-wrapper .faq-question:hover{background:#fafafa;}
.faq-wrapper .faq-question::before,
.faq-wrapper .faq-question::after{content:""; position:absolute; top:50%; right:28px; width:18px; height:2px; background:#000; transition:.3s ease;}
.faq-wrapper .faq-question::before{transform:translateY(-50%);}
.faq-wrapper .faq-question::after{transform:translateY(-50%) rotate(90deg);}
.faq-wrapper .faq-item.active .faq-question::after{opacity:0;}
.faq-wrapper .faq-answer{display:grid; grid-template-rows:0fr; transition:grid-template-rows .45s ease;}
.faq-wrapper .faq-answer-content{overflow:hidden; padding:0 24px; transition:padding .45s ease;}
.faq-wrapper .faq-item.active .faq-answer{grid-template-rows:1fr;}
.faq-wrapper .faq-item.active .faq-answer-content{padding:0 24px 24px;}



.heading-block{width: 100%;}
.heading-block h2{padding: 0 0 16px;}


.testimonial-main{width: 100%;}
.testimonial-main .testimonial-slider.slick-slider{margin: 0;}
.testimonial-main .testimonial-slider .slick-list{margin: 0 -16px;}
.testimonial-main .testimonial-slider .slick-track{display: flex;}
.testimonial-main .testimonial-slider .slick-track:before,
.testimonial-main .testimonial-slider .slick-track:after{display: none;}
.testimonial-main .testimonial-slider .slick-slide{height: auto; float: none; padding: 0 16px;}
.testimonial-main .testimonial-slider .slick-slide > div{height: 100%;}
.testimonial-main .testimonial-slider .slick-slide .slider-item{display: block !important; height: 100%; border-radius: 16px; border: solid 1px rgb(37 85 161 / 10%); background: #fff; padding: 40px;}
.testimonial-main .testimonial-slider .testimonial-head{padding: 0 0 20px;}
.testimonial-main .testimonial-slider .stars{padding: 0 0 16px; display: flex; gap: 4px;}
.testimonial-main .testimonial-slider .stars i{color: #FDA100; font-size: 20px;}
.testimonial-main .testimonial-slider .stars i.fa-star-o{color: #000; opacity: 0.2;}
.testimonial-main .testimonial-slider .testimonial-title{color: #2555a1;}
.testimonial-main .testimonial-slider .client .h5{color: #3ca956; font-weight: 500;}
.testimonial-main .testimonial-slider .slick-dots{display:flex; justify-content:center; padding:40px 0 0; bottom:0; position:relative; margin:0; gap:8px;}
.testimonial-main .testimonial-slider .slick-dots li{flex:0 0 auto; padding:0; margin:0; width:10px; height:10px;}
.testimonial-main .testimonial-slider .slick-dots li button{margin:0; padding:0; background:#cbcbcb; outline:none; box-shadow:none; width:100%; height:100%; border-radius:100%;}
.testimonial-main .testimonial-slider .slick-dots li.slick-active button{background:#3ca956;}
.testimonial-main .testimonial-slider .slick-dots li button:before{display:none;}
.testimonial-main .testimonial-slider .slick-dots.scrolled::before{opacity:1;}
.testimonial-main .testimonial-slider .slick-dots::-webkit-scrollbar{display:none;}

.card-info .col-4{display: flex; flex-direction: column; box-shadow: 0 4px 18px rgba(0,0,0,0.08); border: solid 1px rgb(37 85 161 / 10%); border-radius:16px}
.card-info .card-photo{position: relative; padding: 0 0 66%; width: 100%; overflow: hidden; border-radius: 16px 16px 0 0;}
.card-info .card-photo img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.card-info .card-content{padding: 24px;}
.card-info .card-content h3{padding: 0 0 20px;}

.slick-slide .slider-item.grid-column .testimonial-block{padding: 0; border: none; border-radius: 0;}
.testimonial-block{display: block; height: 100%; border-radius: 16px; border: solid 1px rgb(37 85 161 / 10%); background: #fff; padding: 40px;}
.testimonial-block .testimonial-head{padding: 0 0 20px;}
.testimonial-block .stars{padding: 0 0 16px; display: flex; gap: 4px;}
.testimonial-block .stars i{color: #FDA100; font-size: 20px;}
.testimonial-block .stars i.fa-star-o{color: #000; opacity: 0.2;}
.testimonial-block .testimonial-title{color: #2555a1;}
.testimonial-block .client .h5{color: #3ca956; font-weight: 500;}

.grid-cardlist .grid-column{border: solid 1px rgba(37, 85, 161, 0.1); transition: all 0.3s;}
.grid-cardlist .grid-column:has(> a):hover{border-color: #2555a1;}
.grid-cardlist .grid-column > a{height: 100%;}
.grid-cardlist .icon-box{width: 64px; height: 64px; display: flex; align-items: center; justify-content: center; border: solid 1px rgba(37, 85, 161, 0.1); border-radius: 8px; background: #f5faff; color: #2555a1; font-size: 32px; transition: all 0.3s;}
.grid-cardlist .icon-box i{color: currentColor;}
.grid-cardlist a:hover > .icon-box{background: #2555a1; color: #fff;}
.grid-cardlist .grid-column p{color: #000;}



.footer-inner-row{width: 100%; display: flex; flex-wrap: wrap; gap:32px; justify-content: space-between;}
.footer-inner-row h4{font-size: 20px; letter-spacing: 1px; color: #fff; text-transform: uppercase; font-weight: 600; padding-bottom: 20px;}
.footer-logo{padding-bottom: 24px;}
.contact-info-main{display: flex; flex-direction: column; gap:16px; padding-bottom: 24px;}
.contact-info-main .info-box{display: flex; flex-wrap: wrap; align-items: center; gap:8px; }
.contact-info-main .info-box .info-icon{width: 40px; text-align: center;}
.contact-info-main .info-box .info-icon svg{max-width: 32px; height: auto;}
.contact-info-main .info-box .info-text{width: calc(100% - 48px);}
.contact-info-main .info-box .info-text h5{font-size: 18px; letter-spacing: 1px; color: #fff; font-weight: 500; text-transform: uppercase;}
.contact-info-main .info-box .info-text p{color: #fff;}
.social-info-box h5{font-size: 18px; letter-spacing: 1px; color: #fff; font-weight: 500; padding-bottom: 16px; text-transform: uppercase;}


@media only screen and (max-width: 1023px) {
.loan-program-row .loan-program-col{width: calc((100% - 24px * 2) / 3);}
.testimonial-main .testimonial-slider .slick-slide .slider-item{padding: 32px;}
.g-column-3{grid-template-columns: repeat(2, 1fr);}
.g-column-4{grid-template-columns: repeat(3, 1fr);}
}

@media only screen and (max-width: 767px) {
.faq-wrapper .faq-question{font-size:17px; line-height:1.4; padding:16px 55px 16px 24px;}
.faq-wrapper .faq-answer-content{padding:0 24px; }
.faq-wrapper .faq-item.active .faq-answer-content{padding:0 24px 24px;}

.loan-program-row .loan-program-col{width: calc((100% - 24px) / 2);}
.testimonial-main .testimonial-slider .slick-slide .slider-item,
.testimonial-block{padding: 24px;}
.gap-40{gap:32px;}

.wrap-mobile{flex-wrap: wrap;}
.g-column-2{grid-template-columns: repeat(1, 1fr);}
.g-column-3{grid-template-columns: repeat(1, 1fr);}
.g-column-4{grid-template-columns: repeat(2, 1fr);}

.footer-inner-row{flex-direction: column; justify-content: flex-start;}

}

@media only screen and (max-width: 574px) {
.loan-program-row .loan-program-col{width: 100%;}
.g-column-4{grid-template-columns: repeat(1, 1fr);}

}