* {
    font-family: Roboto;
}

.mobile-header{
    display: none;
}

.header{
    display: block;
}

select::-ms-expand {
    display: none;
}

body {
    font-family: Roboto;
}

.italic {
    font-style: italic;
}

.bold {
    font-weight: bold;
}

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

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

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

.custom-radio .radio-btn {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.custom-radio .radio-btn input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.custom-radio .radio-btn span {
    text-transform: uppercase;
    line-height: 28px;
    font-weight: 500;
}

/* Custom radio button */
.custom-radio .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #ffffff;
    border-radius: 50%;
    border: 2px solid #687583;
}

.custom-radio .radio-btn input:checked ~ .checkmark {
    border: 2px solid #0A4A8D;
}

.custom-radio .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.custom-radio .radio-btn input:checked ~ .checkmark:after {
    display: block;
}

.custom-radio .radio-btn .checkmark:after {
    top: 5px;
    left: 5px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background-color: #0A4A8D;
}

.custom-select, .custom-select.form-control:focus, .custom-select.form-control:invalid:focus {
    position: relative;
    z-index: 2;
    padding-right: 3.75em;
    font-weight: 400;
    border: 0.125rem solid #687583;
    color: #121212;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    background: none;
}

.form-group .caret {
    width: 40px;
    height: 40px;
    border-left: 2px solid #687583;
    position: absolute;
    bottom: 0;
    top: auto;
    right: 0px;
    z-index: 1;
    background-color: rgba(214, 224, 236, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Primary button */
.primary-btn {
    background-color: #0A4A8D;
    border-radius: 4px;
    color: #FFFFFF;
    text-align: center;
    outline: none;
    border: none;
    cursor: pointer;

}

.primary-btn.disabled {
    background-color: #B3BAC1;
    cursor: auto;
}

.primary-btn.disabled:hover {
    background-color: #B3BAC1;
}

.primary-btn:hover {
    background-color: #1B2D5A;
}
.ready-to-connect .primary-btn {
    min-width: 250px; 
   padding: 15px 0; 
   text-transform: uppercase;
}
header {
    display: block;
    width: 100%;
    margin: 10px 0;
}

.content-container {
    margin: 0 auto;
    max-width: 1225px;
}

.gutter {
    padding: 0 24px;
}

.d-flex {
    display: flex;
}

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

.anchor-link {
    text-decoration: none;
    color: #0A4A8D;
    cursor: pointer;
}

.login-links .anchor-link span {
    padding-left: 6px;
    display: inline-block;
    margin-top: 2px;
    font-weight: bold;
    font-size: 16px;
}

.login-links .anchor-link {
    font-size: 18px;
    padding: 5px 20px;
    margin: 0 5px;
    align-items: center;
}

.login-links .login {
    display: flex;
}

.login-links .login span {
    margin-left: 6px;
    display: inline-block;
    line-height: 23px;
}

.main-nav {
    align-items: center;
    display: flex;
}

/* .main-nav .logo {
    display: inline-block;
    margin-top: -20px;
} */

.main-nav nav {
    margin-left: 30px;
}

.main-nav .nav-list {
    list-style: none;
    display: flex;
    padding-left: 0;
}

.main-nav .nav-list .anchor-link {
    font-size: 18px;
    /* margin: 0 8px; */
    padding: 8px 0;
}

.main-nav .nav-list .anchor-link:hover {
    color: #0A4A8D;
    text-decoration: none;
    font-weight: 500;
}

.main-nav .nav-list .active {
    border-bottom: 3px solid #0a4a8d;
    font-weight: 500;
}

.main-nav .nav-list .active:hover {
    border-bottom: 3px solid #0a4a8d;
    font-weight: 500;
}

/* Main Section */
.detail-description-container {
    padding-top: 40px;
    color: #000000;
}

.detail-description-container .gutter {
    width: 64%;
    margin: 0 auto;
}

.detail-description-title {
    text-align: center;
    font-size: 32px;
    font-weight: 300;
    line-height: 43px;
    padding: 0 24px;
    margin-bottom: 16px;
}

.detail-description-content {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.2;
    margin-bottom: 40px;
}

.detail-description-content p.italic {
    font-size: 12px;
}

.section-divider {
    width: 168px;
    height: 1px;
    border: 1px solid #C7D1E4;
    margin: 0 auto;
}

.card-container {
    margin: 40px 0;
}

.card-container .gutter {
    justify-content: space-between;
    display: flex;
}

.client-form-container {
    background: url('/wcm/connect/freedomwholesale/a86b28d9-88ae-4fed-8185-0a921eef978d/blue-backgroud-desktop.png?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_GAC01202PGQ4D0QJ61GN9U3000-a86b28d9-88ae-4fed-8185-0a921eef978d-pkA0nIk');
    background-size: cover;
    padding: 40px 0;
}

.client-form {
    background: #ffffff;
    padding: 25px 32px;
    width: 720px;
    color: #000000;
    font-size: 16px;
    border-radius: 4px 0 0 4px;
}

.client-form .client-form-header {
    font-size: 31px;
    line-height: 43px;
}

.client-form form {
    margin-top: 30px;
}

.client-form form .form-group {
    margin-bottom: 2em;
    position: relative;
}

.client-form form .all-required {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: bold;
}

.client-form .split {
    display: flex;
    justify-content: space-between;
}

.client-form .split .form-group {
    width: 49%;
}

.client-form .form-group label {
    text-transform: uppercase;
    line-height: 21px;
    text-align: left;
    padding-left: 10px;
    font-weight: 500;
}

.client-form .form-group input[type='text'] {
    border: 2px solid #687583;
    border-radius: 2px;
    background-color: #FFFFFF;
}

.client-form .form-group .form-control {
    height: calc(1.5em + .75rem + 0.375rem);
}

.client-form .form-group .form-control:focus {
    border-color: #5b86b3;
    box-shadow: none;
}

.client-form .form-group.error input[type='text'] {
    border-color: #CC3736;
}

.client-form .form-group.error .error-text {
    color: #CC3736;
    padding-left: 10px;
    line-height: 21px;
    text-transform: uppercase;
    position: absolute;
}

.client-form .radio-btn-group {
    display: flex;
    margin-bottom: 1.5em;
}

.client-form .radio-btn-group .custom-radio {
    width: auto;
    margin: 10px 15px 10px 0;
}

.client-form .submit-btn {
    width: 200px;
    display: block;
    margin-top: 25px;
    padding: 15px 0;
    text-transform: uppercase;
}

.client-form-description {
    position: relative;
    width: 460px;
    min-height: 725px;
    background: linear-gradient(to left top, #ffffff, #e9f5f8 ), linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 1));
}

.client-form-description .form-title {
    font-size: 46px;
    text-align: center;
    position: relative;
    z-index: 1;
    margin-top: 24px;
}

.client-form-description .form-subtitle {
    font-size: 32px;
    position: relative;
    z-index: 1;
    margin-top: 24px;
    text-align: center;
    font-weight: 300;
}

.client-form-description picture {
    width: 100%;
    position: absolute;
    bottom: 0;
}

.client-form-description img {
    width: 100%;
}

/* Testimonials  */
.testimonials-container {
    margin-bottom: 40px;
}

.carousel-container {
    margin-top: 40px;
}

.testimonials-container .testimonials-header {
    margin-top: 30px;
    text-align: center;
    color: #000000;
}

.testimonials-container .testimonials-header h5 {
    font-size: 32px;
    line-height: 43px;
    font-weight: 300;
    margin-top: 16px;
}

.testimonials-container .testimonials-header p {
    font-size: 18px;
    font-weight: 500;
}

.testimonial {
    margin-top: 30px;
    display: flex;
    position: relative;
    margin: 0 auto;
    align-items: center;
}

.testimonial .content {
    margin-left: 40px;
}

.testimonial .content .profile-title {
    display: flex;
}

.testimonial .profile-title .user-details {
    margin-left: 20px;
    font-size: 22px;
    margin-top: 3px;
    line-height: 29px;
    color: #052546;
}

.testimonial .profile-title .user-details .name {
    color: #052546;
    font-weight: bold;
    font-size: 22px;
}

.testimonial .content .feedback {
    margin-top: 10px;
    font-size: 18px;
    font-weight: 400;
}

.carousel-controls {
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.carousel-controls button {
    position: relative;
    width: auto;
    opacity: inherit;
    height: 40px;
    width: 40px;
    margin: 0 10px;
}

/* Footer styles */

footer {
    background: #425364;
    color: #fafbff;
}

.footer-header {
    background-color: rgba(29,49,70,0.85);
    padding: 30px 0;
}

.footer-header-content {
    justify-content: space-between;
    align-items: center;
}

.bc-description-title {
    padding: 0 24px;
    margin-bottom: 16px;
}

@media all and (max-width: 1024px) {

    .main-nav {
        display: block;
    }

    .main-nav .logo {
        margin-top: -35px;
        display: block;
    }

    .main-nav nav {
        margin:  20px 0 30px;
    }

    .main-nav .nav-list li:first-child .anchor-link {
        margin-left: 0;
    }

    .detail-description-container .gutter {
        width: 85%;
    }

    .detail-description-content {
        font-size: 18px;
    }

    .card-container .gutter {
        display: block;
    }

    .client-form .row {
        display: block;
    }

    .client-form .split .form-group {
        width: 100%;
    }

    .client-form .split {
        display: block;
    }

    .client-form .radio-btn-group {
        display: block;
    }

    .footer-address-break {
        display: block;
    }
}

@media all and (max-width: 800px) {
    .detail-description-container .gutter {
        width: 100%;
    }

    .footer-detail .site-map:last-child {
        display: none;
    }

    .footer-address-break {
        display: block;
    }

    img.equal-housing {
        width: 40px;
    }

    img.bankers-mortgage {
        margin-left: 5px;
        width: 70px;
    }

    .client-form, .client-form-description {
        width: 50%;
    }
}

@media all and (max-width: 768px) {
    .main-nav .logo {
        margin-top: -20px;
        display: block;
    }
}

@media all and (max-width: 767px) {
    .mobile-header{
        display: none;
        height: 93px;
        margin: 0;
    }
    .header{
        display: none;
    }
    .top-header {
        padding-top: 13px;
        background-color: #ffffff;
        width: 100%;
        z-index: 99;
    }
    .position-relative {
        position: relative!important;
    }
    .flex-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important;
    }
    .utility-links {
        display: none;
        margin: 0 5px;
    }
    .flex-row {
        -ms-flex-direction: row!important;
        flex-direction: row!important;
    }
    .order-1 {
        -ms-flex-order: 1;
        order: 1;
    }
    .flex-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important;
    }
    .navbar {
        width: 100%;
        padding: 0;
    }
    .align-items-end {
        -ms-flex-align: end!important;
        align-items: flex-end!important;
    }
    .top-header .navbar {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center !important;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-top: .5rem;
    }
    .navbar-toggler {
        height: 30px;
        width: 30px;
        background-color: #0a4a8d;
        border-radius: 15px;
        padding: 0;
    }
    .navbar-toggler span:first-child {
        transform-origin: 15% 0%;
    }
    .navbar-toggler span:nth-last-child(1) {
        transform-origin: -15% 0%;
    }
    .navbar-toggler[aria-expanded="true"] span {
        opacity: 1;
        transform: rotate(45deg) translate(2px, -1px);
    }
    .navbar-toggler[aria-expanded="true"] span:nth-last-child(2) {
        opacity: 0;
        transform: rotate(0deg) scale(0.2, 0.2);
    }
    .navbar-toggler[aria-expanded="true"] span:nth-last-child(1) {
        transform: rotate(-45deg) translate(0, 3px);
    }
    .navbar-toggler span {
        display: block;
        width: 16px;
        height: 2px;
        margin: 3px auto;
        position: relative;
        background: #fff;
        border-radius: 2px;
        z-index: 1;
        transform-origin: 4px 0px;
        transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
    }
    .navbar-collapse {
        margin-top: 10px;        
    }
    .navbar-collapse {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-align: center;
        align-items: center;
    }
    .navbar-nav-scroll {
        max-height: fit-content !important;
        position: relative;
        width: 100%;
        overflow-y: scroll;
    }
    .navbar-nav .dropdown {
        /* width: 301px; */
        border-bottom: 1px solid #d9dce0;
    }
    .navbar-nav :last-child {
        /* width: 301px; */
        border-bottom: none;
    }
    
    .dropdown, .dropleft, .dropright, .dropup {
        position: relative;
    }
    #navbarScroll .navbar-nav-scroll a.dropdown-toggle {
        /* color: #1D3146; */
        color: #0a4a8d;
        line-height: 21px;
        font-size: 1.125rem;
        text-decoration: none;
        /* font-weight: 400; */
        padding-left: 0;
        padding-right: 0;
    }
    
    .navbar-nav .nav-link {
        padding-right: 0;
        padding-left: 0;
    }
    .nav-link {
        display: block;
        padding: .5rem 1rem;
    }
    .dropdown-toggle {
        white-space: nowrap;
    }
    .dropdown-toggle::after{
        display: none;
    }

    .footer-detail-content {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    .footer-detail .site-map {
        margin-bottom: 40px;
    }

    .footer .address {
        margin-top: 0;
    }

    .footer .address span {
        line-height: normal;
        letter-spacing: normal;
    }

    .footer .lender-id {
        margin-top: 16px;
        display: flex;
    }

    .footer .equal-housing-images {
        display: block;
        margin: 16px 0;
    }

    .white-dots {
        display: none;
    }

    .client-form {
        width: 100%;
    }

    .client-form-description {
        display: none;
    }

    .testimonial {
        display: block;
    }

    .testimonial .content {
        margin-top: 24px;
        margin-left: 0;
    }

    .testimonial .profile-img {
        text-align: center;
    }
}
.ready-to-connect .detail-description-title {
    font-weight: 500;
}
.ready-to-connect .detail-description-content p {
    font-weight: 400;
}

.main-nav .logo svg {
        width: 150px;
    }
/***portal css ***/

.st-section > .st-row {
    margin: 0px;
}

.st-col {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    font-size: 0;
    text-align: left;
    padding: 0px;
}

.wpToolbarActionBar .wpToolbarLogo img {
display:none;
}
.stControl{
margin:0px;
}
.stMainContent{
padding:0px;
}
.stOverflowAuto {
overflow: inherit;
}
.st-container{
font-size:1rem;
}

/* ========================================================================= 
                      Legal Information Page CSS Starts
                      ====================================================================== */

.legal-info-content h1 {
  text-align: center;
  margin: 0 auto 50px auto;
  /* font-size: 1.375rem; */
  /* font-weight: 700; */
}
.legal-info-content h2 {
  font-weight: 500;
  color: #121212;
  text-align: left;
  font-size: 1.625rem;
  line-height: 1.1;
  margin-bottom: 10px;
}
.legal-info-content .social-bar {
  margin: 30px 0;
}
.legal-info-content .social-bar li {
  list-style-type: none;
  padding: 0;
  /* margin-bottom:0; */
}
main .legal-info-content ul.social-bar > li:before {
  background: none;
}
.article-content {
  position: relative;
}
.article-content p {
  margin-bottom: 20px;
}
.article-content h3 {
  margin-top: 20px;
}
.article-content h4 {
  font-size: 1.125rem;
  margin-bottom: 10px;
  margin-top: 10px;
}
.article-content dd ul {
  margin-top: 10px;
}
.article-content dd ul li,
.article-content dt {
  margin-bottom: 10px;
}
.article-content dd {
  margin-bottom: 25px;
}

.article-content dd ul em {
  font-style: italic;
}

.article-content .date-update {
  font-size: 0.9rem;
  text-align: center;
  margin-bottom: 50px;
}
.covid-content .date-update {
  font-size: 0.9rem;
}
.covid-content .large-font {
  font-size: 1.125rem;
}

.article-content .font-big {
  font-size: 1.125rem;
}
.article-content ul {
  margin: 0;
}
.article-content ul li ol {
  margin-left: 17px;
}
.article-content ol li {
  margin: 15px 0 15px 20px;
}
.article-content ol li ul li {
  margin-bottom: 15px;
  margin-top: 15px;
}
.article-content ol.small-font li {
  padding-left: 15px;
  margin: 0 0 0 20px;
}
.article-blog-tiles {
  display: flex;
  text-decoration: none;
}
.article-blog-tiles:hover {
  text-decoration: none;
}

.article-blog-tiles .text-ellipsis {
  height: 45px;
}
.article-blog-tiles .text-ellipsis:before {
  color: #121212;
}
.article-blog-tiles h3.text-ellipsis:before {
  color: #0a4a8d;
}
.article-blog-tiles p.text-ellipsis {
  margin-bottom: 0 !important;
  margin-top: 15px !important;
}

.legal-info-content h4 {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.1;
  margin: 25px 0 10px 0;
}
/* .terms h3{
                      margin-bottom:30px;
                      font-weight:500;
                      } */
.article-content {
  position: relative;
}

.article-main .iframe-box {
  width: 100%;
  min-height: 800px;
}
.video-iframe {
  width: 100%;
}
/* .article-content-em ol li{
                      padding-left:15px;
                      margin:0 0 0 20px;
                      } */
.article-content table thead tr:first-child th:first-child {
  border-top-left-radius: 0;
}
.article-content table thead tr:first-child th:last-child {
  border-top-right-radius: 0;
}
.article-content table tbody tr:last-child th:first-child {
  border-bottom-left-radius: 0;
}
.article-content table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 0;
}
.legal-info-content h3 {
    font-size: 1.5rem;
    margin-top: 30px;
    margin-bottom: 10px;
    line-height: 1.1;
    font-weight: 500;
}

.legal-info-content p {
    padding: 0;
    margin: 0;
	font-size:1rem;
}
section.legal-info-content {
    font-size: 1rem;
    width: 100%;
    padding: 30px 0;
    position: relative;
}

 

.social-bar {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    position: relative;
    margin: 50px 0;
    z-index: 9;
    list-style: none;
    background: transparent;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
}

 

.social-bar a {
    display: inline-block;
    width: 50px;
    height: 57px;
    margin: 0 10px 0 10px;
}
section.legal-info-content {
    font-size: 1rem;
    width: 100%;
    padding: 30px 0;
    position: relative;
}
.social-bar {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    position: relative;
    margin: 50px 0;
    z-index: 9;
    list-style: none;
    background: transparent;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
}
.social-bar a {
    display: inline-block;
    width: 50px;
    height: 57px;
    margin: 0 10px 0 10px;
}
.social-blue {
    fill: #225b99;
}
.legal-info-content .article-content p {
    margin-bottom: 20px;
}
.article-content a {
    color: #0a4a8d;
    cursor: pointer;
    text-decoration: underline;
}
.article-content a:hover {
    color: #0056b3
}
.article-content ul {
    margin: 0;
    padding: 0;
}
.article-content ul > li {
    margin-bottom: 20px;
    padding-left: 25px;
    position: relative;
}
.article-content ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #52b946;
}
/* ========================================================================= 
                      Legal Information Page CSS Ends
                      ====================================================================== */