@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif:wght@400;700&display=swap");

.roboto-bold, .VIRRL-Benefit-section .media-body strong, .Calculator table tr td:nth-child(2), .navbar .navbar-nav .nav-item .nav-link, .footer ul li a {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
}

.roboto, .footer ul li, p {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
}

.nopad {
    padding-left: 0;
    padding-right: 0;
}

.roboto-bold, .VIRRL-Benefit-section .media-body strong, .Calculator table tr td:nth-child(2), .navbar .navbar-nav .nav-item .nav-link, .footer ul li a {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
}

.roboto, .footer ul li, p {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
}

h1 {
    font-size: 62px;
    line-height: 64px;
    letter-spacing: -0.87px;
    color: #0377BF;
    font-family: "Noto Serif", serif;
    font-weight: 700;
}

@media (max-width: 767.98px) {
    h1 {
        font-size: 36px;
        line-height: 38px;
        letter-spacing: -0.5px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    h1 {
        font-size: 32px;
        line-height: 34px;
        letter-spacing: -0.45px;
    }
}

h2 {
    font-size: 50px;
    line-height: 52px;
    letter-spacing: -0.7px;
    color: #0377BF;
    font-family: "Noto Serif", serif;
    font-weight: 700;
}

@media (max-width: 767.98px) {
    h2 {
        font-size: 36px;
        line-height: 38px;
        text-align: center;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    h2 {
        font-size: 28px;
        line-height: 42px;
        text-align: center;
        letter-spacing: 0;
    }
}

h3 {
    font-size: 32px;
    line-height: 40px;
    letter-spacing: -0.7px;
    color: #0377BF;
    font-family: "Noto Serif", serif;
    font-weight: 700;
}

@media (max-width: 767.98px) {
    h3 {
        font-size: 24px;
        line-height: 26px;
        text-align: center;
    }
}

h4 {
    font-size: 20px;
    line-height: 36px;
    letter-spacing: 0;
    color: #0377BF;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
}

@media (max-width: 767.98px) {
    h4 {
        font-size: 18px;
        line-height: 32px;
        text-align: center;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    h4 {
        font-size: 20px;
        line-height: 32px;
        text-align: left;
        font-family: "Roboto", sans-serif;
        font-weight: 500;
    }
}

p {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0px;
    color: #022159;
}

@media (max-width: 767.98px) {
    p {
        font-size: 18px;
        line-height: 24px;
        text-align: left;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    p {
        font-size: 16px;
        line-height: 24px;
        text-align: left;
    }
}

.green {
    color: #058D00;
}

.carousel {
    margin-bottom: 4rem;
}

.carousel-caption {
    bottom: 3rem;
    z-index: 10;
}

.homepage-carousel .carousel-item {
    height: 768px;
}

@media (max-width: 767.98px) {
    .va-irrrl-page .VA-IRRL-Banner, .streamline-page .VA-IRRL-Banner .conventional-refinance-page {
        padding: 0;
    }
}

.va-irrrl-page .VA-IRRL-Banner .carousel-item, .streamline-page .VA-IRRL-Banner .conventional-refinance-page .carousel-item {
    height: 586px;
}

@media (max-width: 767.98px) {
    .va-irrrl-page .VA-IRRL-Banner .carousel-item, .streamline-page .conventional-refinance-page .VA-IRRL-Banner .carousel-item {
        height: auto;
    }

        .va-irrrl-page .VA-IRRL-Banner .carousel-item h4, .streamline-page .conventional-refinance-page .VA-IRRL-Banner .carousel-item h4 {
            margin-bottom: 4px;
        }

        .va-irrrl-page .VA-IRRL-Banner .carousel-item h2, .streamline-page .conventional-refinance-page .VA-IRRL-Banner .carousel-item h2 {
            text-align: left;
            margin-bottom: 0;
        }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .va-irrrl-page .VA-IRRL-Banner .carousel-item, .streamline-page .conventional-refinance-page .VA-IRRL-Banner .carousel-item {
        height: auto;
    }
}

.va-irrrl-page .VA-IRRL-Banner .carousel-item h2, .streamline-page .conventional-refinance-page .VA-IRRL-Banner .carousel-item h2 {
    font-weight: 600;
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .va-irrrl-page .VA-IRRL-Banner .carousel-item h2, .streamline-page .conventional-refinance-page .VA-IRRL-Banner .carousel-item h2 {
        text-align: left;
        font-size: 36px;
        line-height: 38px;
        letter-spacing: -0.5px;
        font-weight: 700;
    }
}

@media (max-width: 767.98px) {
    .va-irrrl-page .VA-IRRL-Banner .carousel-caption, .streamline-page .conventional-refinance-page .VA-IRRL-Banner .carousel-caption {
        right: 5%;
        top: 30%;
    }

        .va-irrrl-page .VA-IRRL-Banner .carousel-caption h4, .streamline-page .conventional-refinance-page .VA-IRRL-Banner .carousel-caption h4 {
            text-align: left;
        }
}

@media (max-width: 767.98px) {
    .streamline-page .VA-IRRL-Banner .carousel-caption {
        right: 6%;
        top: 11%;
        left: 12%;
    }

        .streamline-page .VA-IRRL-Banner .carousel-caption h4 {
            text-align: left;
        }
}

@media (max-width: 360px) {
    .streamline-page .VA-IRRL-Banner .carousel-caption {
        right: 4%;
        top: 5%;
        left: 8%;
    }

        .streamline-page .VA-IRRL-Banner .carousel-caption h4 {
            text-align: left;
        }
}

/*conventional-refinance-page*/

@media (max-width: 767.98px) {
    .conventional-refinance-page .VA-IRRL-Banner .carousel-caption {
        right: 6%;
        top: 11%;
        left: 12%;
    }

        .conventional-refinance-page .VA-IRRL-Banner .carousel-caption h4 {
            text-align: left;
        }
}

@media (max-width: 360px) {
    .conventional-refinance-page .VA-IRRL-Banner .carousel-caption {
        right: 4%;
        top: 5%;
        left: 8%;
    }

        .conventional-refinance-page .VA-IRRL-Banner .carousel-caption h4 {
            text-align: left;
        }
}

.carousel-item > img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
}

.footer-section {
    width: 85%;
    margin: auto;
    padding-bottom: 50px;
}

.marketing .col-lg-4 {
    margin-bottom: 1.5rem;
    text-align: center;
}

.marketing h2 {
    font-weight: 400;
}

.marketing .col-lg-4 p {
    margin-right: 0.75rem;
    margin-left: 0.75rem;
}

.featurette-heading {
    font-weight: 300;
    line-height: 1;
    letter-spacing: -0.05rem;
}

.carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid #0377BF;
}

    .carousel-indicators li.active {
        opacity: 1;
        background-color: orange;
        border: 1px solid orange;
    }

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

.navbar-nav li.nav-item a.nav-link {
    color: #fff;
}

.navbar-brand {
    line-height: 1;
    color: #fff;
    padding: 0 20px;
}

@media (max-width: 767.98px) {
    .navbar-brand {
        padding: 0;
    }
}

.news-paragraphs {
    background-color: rgba(0, 123, 255, 0.1);
    padding: 0 30px;
}

.carousel {
    margin-bottom: 0;
}

.card-image {
    font-size: 50px;
    justify-content: flex-start;
    text-align: center;
    padding: 20px;
}

.card a,
.card svg {
    color: #fff;
}

.card a {
    font-size: 12px;
}

.calculator {
    background-color: #7FC4FD;
    color: #fff;
    padding: 50px 50px;
    font-size: 13px;
    margin: 0 0 20px;
    height: 590px;
}

.result {
    background-color: #fff;
    height: 100%;
}

.calculator p,
.calculator h3,
.resources p,
.resources h3 {
    text-align: center;
    padding: 0 20px;
    width: 100%;
}

.navbar-toggler {
    border: 1px solid #fff;
}

.process-steps {
    justify-content: space-between;
    text-align: center;
    color: #4F9AFB;
    display: flex;
    margin-top: 30px;
}

.steps {
    height: 100px;
    width: 100px;
    border: 1px solid gray;
    border-radius: 50%;
    background-color: #F1F9FF;
}

    .steps:first-child {
        background-color: #7FC4FD;
    }

.carousel-caption {
    color: #4F9AFB;
}

.move-to-up a {
    background-color: #039DDA;
    position: relative;
    left: 50px;
    top: -108px;
    display: inline-block;
}

@media (max-width: 767.98px) {
    .move-to-up a {
        text-align: center;
        left: 25px;
        top: -82px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .move-to-up a {
        left: 23px;
        top: -82px;
    }
}

.move-to-up a svg {
    color: white;
    font-size: 20px;
}

#homepage-carousel .carousel-inner {
    height: 640px;
}

@media (min-width: 768px) and (max-width: 991.98px) {
    #homepage-carousel .carousel-inner {
        height: auto;
    }
}

@media (max-width: 767.98px) {
    #homepage-carousel .carousel-indicators {
        display: none;
    }

    #homepage-carousel .carousel-inner {
        height: auto;
    }

    #homepage-carousel p {
        text-align: left;
    }
}

.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media (min-width: 768px) {
    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }
}

.response-error {
    color: #F04D3D;
    font-size: 20px;
}

.btn-secondary {
    color: #007bff;
    background-color: #fff;
    border-color: #007bff;
}

.learn-more {
    background-color: #F19542;
    border: 1px solid #F19542;
    padding: 12px 46px;
    color: #fff;
    font-size: 15px;
    line-height: 16px;
    font-weight: 400;
    font-family: "Roboto";
}

    .learn-more:hover, .learn-more:focus, .learn-more:active {
        background-color: #FAAF48;
        color: #fff;
        border: 1px solid #FAAF48;
        box-shadow: none;
        border: 0;
    }

@media (max-width: 767.98px) {
    .learn-more {
        font-size: 14px;
        line-height: 16px;
        text-align: center;
    }
}

@media (max-width: 767.98px) {
    .button-container {
        text-align: center;
    }
}

.noticeLookUp:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
    opacity: 0.65;
}

    .noticeLookUp:disabled:hover {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
        opacity: 0.65;
    }

.btn-large {
    padding: 20px 25px 17px;
    border-radius: 9px;
    letter-spacing: 0;
    background-color: #F19542;
    border: 1px solid #F19542;
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    font-family: "Roboto";
}

    .btn-large:hover, .btn-large:focus {
        background-color: #FAAF48;
        color: #fff;
        border: 1px solid #FAAF48;
    }

    .btn-large:active, .btn-large:focus {
        box-shadow: none;
        border: 0;
    }

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    background-color: #FAAF48;
    color: #fff;
    border: 1px solid #FAAF48;
}

    .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
        box-shadow: none;
    }

.footer {
    background-color: #022159;
    color: #fff;
    padding: 50px;
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .footer {
        padding: 25px;
    }

        .footer .list-inline-item:not(:last-child) {
            margin-right: 34px;
        }

        .footer .footer-navigation {
            margin-bottom: 45px;
        }
}

@media (max-width: 767.98px) {
    .footer {
        padding: 25px;
    }
}

@media (max-width: 767.98px) {
    .footer .footer-paralinks ul li {
        font-size: 7px;
    }
}

@media (max-width: 767.98px) {
    .footer ul {
        margin-bottom: 0;
    }
}

.footer ul li {
    opacity: 1;
    font-size: 10px;
    line-height: 16px;
    color: #fff;
}

    .footer ul li a {
        text-transform: uppercase;
    }

.footer p {
    color: #fff;
    opacity: 1;
    color: #fff;
    font-size: 10px;
    line-height: 16px;
    font-weight: 600;
    font-family: "";
}

.footer .address {
    color: #fff;
    font-size: 10px;
    line-height: 16px;
    font-weight: 600;
    font-family: "";
    opacity: 1;
}

@media (max-width: 767.98px) {
    .footer ul.footer-navigation {
        display: flex;
        flex-direction: column;
        margin-bottom: 50px;
    }

        .footer ul.footer-navigation li {
            margin-bottom: 17px;
        }
}

.arrow-up-icon-hover {
    display: none;
}

.move-to-up a:hover .arrow-up-icon, .arrow-up-icon:hover .arrow-up-icon {
    display: none;
}

.move-to-up a:hover .arrow-up-icon-hover, .arrow-up-icon:hover .arrow-up-icon-hover {
    display: block;
}

.navbar {
    background-color: #fff;
    padding: 0;
    border-bottom: 2px solid #EFEFEF;
}

    .navbar .navbar-nav .nav-item .nav-link {
        color: #022159;
        font-size: 14px;
        line-height: 26px;
        padding: 25px 0px;
        margin: 0 25px;
    }

@media (min-width: 768px) and (max-width: 991.98px) {
    .navbar .navbar-nav .nav-item .nav-link {
        font-size: 10px;
        line-height: 24px;
        padding: 20px 0px 18px;
    }
}

@media (max-width: 767.98px) {
    .navbar .navbar-nav .nav-item .nav-link {
        padding: 2px 0px;
        margin: 25px;
    }
}

.navbar .navbar-nav .nav-item .nav-link.active {
    border-bottom: 2px solid #ED9542;
}

@media (max-width: 767.98px) {
    .navbar {
        padding: 26px 25px 26px 25px;
    }

        .navbar .navbar-brand {
            font-size: 22px;
            line-height: 0;
            border: none;
        }

            .navbar .navbar-brand img {
                width: 137px;
            }

        .navbar .navbar-toggler {
            padding: 0;
        }

            .navbar .navbar-toggler:focus {
                outline: none;
                border: none;
            }
}

.navbar-brand img {
    width: 157px;
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .navbar-brand img {
        width: 105px;
    }
}

.carousel-caption {
    position: absolute;
    right: 52%;
    bottom: 20px;
    left: 10.5%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: left;
    top: 12%;
    margin-top: 23px;
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .carousel-caption {
        margin-top: 0;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .VA-IRRL-Banner .carousel-caption {
        top: 11.3%;
    }

    .streamline-page .VA-IRRL-Banner .carousel-caption {
        left: 7%;
        right: 50%;
    }

    .conventional-refinance-page .carousel-caption {
        left: 7%;
        right: 50%;
    }
}

@media (max-width: 767.98px) {
    .carousel-caption {
        position: absolute;
        right: 19%;
        bottom: 20px;
        left: 9%;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        text-align: left;
        top: 10%;
        margin-top: 23px;
    }

        .carousel-caption p {
            font-size: 18px;
            line-height: 20px;
            letter-spacing: 0;
            margin-top: 10px;
        }
}

#benefit .media {
    align-items: center;
}

    #benefit .media p.media-body {
        margin-bottom: 0;
        text-align: left;
    }

.benefit-carousel {
    background-color: #3B77BF;
    margin-top: 45px;
}

    .benefit-carousel .carousel-inner {
        height: 500px;
    }

@media (max-width: 767.98px) {
    .benefit-carousel .carousel-inner {
        height: 700px;
    }
}

@media (min-width: 992px) {
    .benefit-carousel .carousel-inner {
        padding: 3px 12%;
    }
}

@media (min-width: 768px) {
    .benefit-carousel .header {
        margin-top: 50px;
        margin-bottom: 30px;
        padding: 50px 16% 0 16%;
    }

        .benefit-carousel .header h2 {
            color: #fff;
        }
}

@media (max-width: 767.98px) {
    .benefit-carousel .header {
        margin-top: 30px;
        padding: 3px 10%;
    }
}

.benefit-carousel .carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    top: 2%;
    z-index: 10;
    padding-bottom: 20px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
    font-family: "roboto";
    padding-top: 0;
    margin-top: 0;
}

@media (max-width: 767.98px) {
    .benefit-carousel .carousel-caption {
        right: 10%;
        left: 10%;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .benefit-carousel .carousel-inner {
        height: 130px;
    }
}

.benefit-carousel .carousel-indicators {
    flex-direction: column;
    justify-content: flex-start;
    margin-right: 2%;
    margin: 0;
    left: initial;
    right: 0%;
    top: 40%;
    padding-right: 20px;
}

@media (min-width: 992px) {
    .benefit-carousel .carousel-indicators {
        right: 10%;
        top: 8%;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .benefit-carousel .carousel-indicators {
        right: 3%;
        left: 0;
        flex-direction: row;
        top: unset;
        bottom: 10px;
        justify-content: center;
    }
}

.benefit-carousel .carousel-indicators li {
    background-color: transparent;
    border: 1px solid #FEFEFE;
    margin: 8px;
}

    .benefit-carousel .carousel-indicators li.active {
        background-color: #fff;
    }

.benefit-carousel svg {
    font-size: 100px;
}

.benefit-carousel p {
    color: #fff;
}

.benefit-carousel h3 {
    color: #fff;
}

.benefit-carousel h1 {
    color: #fff;
}

.about-section {
    background-color: #0377BF;
    color: #fff;
    padding: 90px 18%;
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .about-section {
        padding: 90px 11.3%;
    }
}

@media (max-width: 767.98px) {
    .about-section {
        padding: 50px 11%;
    }

        .about-section p {
            font-size: 17px;
            line-height: 23px;
        }
}

.about-section h2 {
    color: #fff;
    margin-bottom: 20px;
}

.about-section p {
    color: #fff;
    text-align: left;
    line-height: 30px;
    font-weight: 300;
}

@media (max-width: 767.98px) {
    .about-section p {
        font-size: 17px;
        line-height: 23px;
    }
}

.about-section .first-paragraph {
    margin-bottom: 20px;
}

.about-section .custom-indicators .steps {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    border: 1px solid #64747a;
    font-size: 1em;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    background-color: transparent;
    color: #fff;
    line-height: 25px;
    margin: 0 10px;
}

.about-section .list-group {
    flex-direction: row;
    justify-content: center;
}

.custom-indicators .steps {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    border: 1px solid #64747a;
    font-size: 1em;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    background-color: transparent;
    color: #fff;
    line-height: 25px;
    margin: 0 10px;
}

.resources {
    padding: 70px 12%;
    background-color: #E2F6FF;
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .resources {
        padding: 70px 6.8%;
    }
}

@media (max-width: 767.98px) {
    .resources {
        padding: 50px 6%;
    }
}

.resources p {
    font-size: 16px;
    line-height: 20px;
    color: #022159;
    margin: 20px 0 40px;
    padding: 0 15%;
}

@media (max-width: 767.98px) {
    .resources p {
        padding: 0;
        margin: 20px 0 30px;
    }
}

@media (max-width: 767.98px) {
    .resources .carousel-item {
        padding: 0 3px;
    }

        .resources .carousel-item .card-body {
            padding: 8px;
        }
}

.resources .carousel-control-next, .resources .carousel-control-prev {
    justify-content: center;
    width: 50px;
    border: 1px solid #022159;
    border-radius: 50px;
    text-align: center;
    align-items: center;
    height: 50px;
    top: 38%;
    opacity: 1;
}

    .resources .carousel-control-next svg, .resources .carousel-control-prev svg {
        color: #022159;
    }

@media (max-width: 767.98px) {
    .resources .carousel-control-next, .resources .carousel-control-prev {
        width: 41px;
        height: 41px;
    }
}

.resources .carousel-inner {
    padding: 0 50px;
}

.resources .card a {
    color: #64747a;
    text-decoration: underline;
    font-size: 13px;
}

.resources .card .card-body p {
    padding: 0;
    margin: 10px 0;
}

.resources .card .card-body a {
    color: #039DDA;
    font-size: 16px;
    line-height: 24px;
    font-weight: normal;
    font-family: "Roboto";
    text-decoration: underline;
}

@media (max-width: 767.98px) {
    .resources .card .card-body a {
        margin-bottom: 30px;
    }
}

.resources h3 {
    font-size: 20px;
    line-height: 24px;
    color: #022159;
}

.resources .media-wrapper {
    align-self: center;
    margin: 30px auto 20px;
    height: 68px;
    width: 68px;
}

.resources .card {
    height: 100%;
}

@media (max-width: 767.98px) {
    .va-irrrl-page .resources {
        margin-right: -15px;
        margin-left: -15px;
    }
}

.blog .carousel-item > img {
    position: unset;
    min-width: unset;
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .streamline-page .Calculator {
        padding: 70px 20px;
    }

        .streamline-page .Calculator .new-info-data .input-group {
            padding-left: 0;
        }

            .streamline-page .Calculator .new-info-data .input-group .fields:nth-child(odd) {
                padding: 0 8px 0 0;
            }

            .streamline-page .Calculator .new-info-data .input-group .fields:nth-child(even) {
                padding: 0 0 0 8px;
            }
}
/*conventional-refinance-page*/
@media (min-width: 768px) and (max-width: 991.98px) {
    .conventional-refinance-page .Calculator {
        padding: 70px 20px;
    }

        .conventional-refinance-page .Calculator .new-info-data .input-group {
            padding-left: 0;
        }

            .conventional-refinance-page .Calculator .new-info-data .input-group .fields:nth-child(odd) {
                padding: 0 8px 0 0;
            }

            .conventional-refinance-page .Calculator .new-info-data .input-group .fields:nth-child(even) {
                padding: 0 0 0 8px;
            }
}
.Calculator {
    padding: 90px 18%;
    text-align: center;
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .Calculator {
        padding: 90px 35px;
    }
}

.Calculator .lookup-btn-container {
    align-self: center;
}

@media (max-width: 767.98px) {
    .Calculator .lookup-btn-container {
        margin-top: 15px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .Calculator .lookup-btn-container {
        align-self: flex-end;
    }
}

@media (min-width: 992px) {
    .Calculator .lookup-btn-container {
        align-self: flex-end;
    }
}

@media (max-width: 767.98px) {
    .Calculator .lookup-btn-container .btn {
        padding: 20px 20px 17px;
        width: 100%;
    }
}

.Calculator .loader {
    display: none;
}

.Calculator .notice-link {
    font-size: 12px;
    line-height: 18px;
    text-decoration: underline;
    color: #039DDA;
}

@media (max-width: 767.98px) {
    .Calculator .notice-link {
        display: block;
        text-align: center;
    }
}

@media (max-width: 767.98px) {
    .Calculator {
        padding: 50px 15px;
    }

        .Calculator h2 {
            font-size: 28px;
            line-height: 30px;
        }

        .Calculator p {
            text-align: center;
        }

        .Calculator label {
            text-align: left;
            width: 100%;
        }
}

.Calculator .notice-section {
    align-items: flex-start;
    text-align: left;
}

@media (max-width: 767.98px) {
    .Calculator .notice-section {
        flex-direction: column;
        padding: 0 25px;
    }
}

@media (min-width: 992px) {
    .Calculator .notice-section {
        flex-wrap: wrap;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .Calculator .notice-section {
        flex-wrap: wrap;
    }

        .Calculator .notice-section .col-md-4 {
            flex: 0 0 30%;
            max-width: 30%;
        }

        .Calculator .notice-section .lookup-btn-container {
            flex: 0 0 40%;
            max-width: 40%;
        }
}

.Calculator .table-container {
    padding: 0;
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .Calculator .table-container {
        flex-wrap: wrap;
    }

        .Calculator .table-container .saving-table {
            margin: 0;
        }

        .Calculator .table-container td hr {
            margin: 15px 0;
        }
}

.Calculator .form-control {
    padding: 19px 20px;
    line-height: 20px;
    font-size: 16px;
    height: 56px;
}

.Calculator .table tr td {
    border: none;
    text-align: left;
    padding: 2px 0;
    font-family: 16px;
}

.Calculator .saving-table tr td {
    color: #058D00;
}

.Calculator .new-loan-info p {
    line-height: 20px;
}

.Calculator .Calculator-fields label {
    display: block;
}

.Calculator .Calculator-fields {
    text-align: left;
    padding: 0;
    max-width: 47%;
}

    .Calculator .Calculator-fields .credit-score-btn-list, .Calculator .Calculator-fields .fha-credit-score {
        width: 100%;
    }

    .Calculator .Calculator-fields label {
        color: #979CA7;
        font-size: 12px;
        line-height: 14px;
        font-weight: 400;
        font-family: "Roboto";
        letter-spacing: 0px;
        text-transform: uppercase;
        opacity: 1;
    }

@media (max-width: 767.98px) {
    .Calculator .Calculator-fields .interest-field {
        padding: 0 8px 0 0;
        width: 50%;
    }

    .Calculator .Calculator-fields .payment-field {
        padding: 0 0 0 8px;
        width: 50%;
    }
}

.Calculator .fields label {
    color: #979CA7;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    font-family: "Roboto";
    letter-spacing: 0px;
    text-transform: uppercase;
    opacity: 1;
}

.Calculator table tr td:nth-child(1), .Calculator p {
    font-size: 15px;
    color: #022159;
    margin-bottom: 20px;
    font-weight: 400;
    line-height: 30px;
    min-width: 130px;
}

    .Calculator table tr td:nth-child(1).green, .Calculator p.green {
        color: #058D00;
    }

.Calculator P {
    margin-bottom: 30px;
}

.Calculator table tr td:nth-child(2) {
    font-weight: 600;
    line-height: 30px;
    text-align: right;
}

@media (min-width: 992px) {
    .Calculator .table-chart-section .chart-div {
        padding-left: 50px;
    }

    .Calculator .table-chart-section .table-wrapper {
        padding: 0;
    }

        .Calculator .table-chart-section .table-wrapper .col-md-6.col-lg-12 {
            padding: 0;
        }
}

@media (max-width: 767.98px) {
    .Calculator .table-chart-section .table-wrapper {
        padding: 0;
    }

        .Calculator .table-chart-section .table-wrapper .col-md-6.col-lg-12 {
            padding: 0;
        }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .Calculator .table-chart-section {
        flex-direction: column;
    }

        .Calculator .table-chart-section .table-wrapper {
            display: flex;
        }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .Calculator .current-information p, .Calculator .new-loan-info p {
        text-align: center;
        color: #022159;
        font-weight: 500;
    }
}

.Calculator .current-info-field {
    color: #022159;
    font-family: "Roboto", sans-serif;
}

.Calculator .header {
    padding: 0;
}

    .Calculator .header p {
        font-size: 20px;
        padding: 0 100px;
    }

@media (max-width: 767.98px) {
    .Calculator .header p {
        font-size: 16px;
        padding: 0 10px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .Calculator .header p {
        font-size: 16px;
        text-align: center;
    }
}

@media (max-width: 767.98px) {
    .Calculator table tr td {
        font-size: 15px;
        line-height: 32px;
    }
}

.Calculator label, .Calculator h4 {
    text-align: left;
    color: #022159;
}

.Calculator label {
    color: #979CA7;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    font-family: "Roboto";
    letter-spacing: 0px;
    text-transform: uppercase;
    opacity: 1;
}

.Calculator hr {
    display: block;
    width: 100%;
    border-color: #ccc;
    margin: 30px 0;
}

@media (max-width: 767.98px) {
    .Calculator hr {
        margin: 14px 0;
    }
}

.Calculator .submit-application-section {
    margin-top: 60px;
    box-shadow: 0px 0px 20px #00000029;
    padding: 50px;
    border-radius: 15px;
}

@media (max-width: 767.98px) {
    .Calculator .submit-application-section {
        padding: 30px 15px;
    }

        .Calculator .submit-application-section a.btn {
            padding: 22px 20px;
            font-size: 15px;
        }
}

@media (max-width: 767.98px) {
    .Calculator .submit-application-section p {
        margin-bottom: 10px;
    }
}

.Calculator .submit-application-section .btn-label {
    margin: 10px 0 20px 0;
}

.Calculator .apply-loan {
    color: #0377BF;
    font-size: 24px;
    line-height: 36px;
    font-weight: 700;
    font-family: "Noto Serif";
    text-align: center;
}

@media (max-width: 767.98px) {
    .Calculator .apply-loan {
        color: #0377BF;
        font-size: 30px;
        line-height: 38px;
        font-weight: 700;
        font-family: "Noto Serif";
    }
}

.Calculator .font30:first-of-type {
    color: #0377BF;
    font-size: 24px;
    line-height: 36px;
    font-weight: 500;
    font-family: "Roboto", sans-serif;
    text-align: center;
}

@media (min-width: 992px) {
    .Calculator .font30:first-of-type {
        margin-bottom: 10px;
    }
}

.Calculator .loan-amt {
    color: #0377BF;
    font-size: 60px;
    line-height: 50px;
    font-weight: 500;
    font-family: "Roboto", sans-serif;
    text-align: center;
}

.Calculator .Calculator-fields .fields {
    margin-bottom: 30px;
}

    .Calculator .Calculator-fields .fields.text-left {
        padding: 0;
    }

@media (min-width: 992px) {
    .Calculator .Calculator-fields .fields.form-group:nth-child(odd) {
        padding-left: 0;
        padding-right: 15px;
    }

    .Calculator .Calculator-fields .fields.form-group:nth-child(even) {
        padding-left: 15px;
        padding-right: 0;
    }
}

.Calculator .Calculator-fields .btn-group .btn {
    color: #979CA7;
    font-size: 16px;
    line-height: 27px;
    font-weight: 400;
    font-family: "Roboto";
    padding: 20px 29px 19px;
    border-color: #C2C7D1;
}

@media (max-width: 767.98px) {
    .Calculator .Calculator-fields .btn-group .btn {
        /*padding: 18px 20px 19px;*/
    }
}

.Calculator .Calculator-fields .btn-group .btn.active, .Calculator .Calculator-fields .btn-group .btn:focus, .Calculator .Calculator-fields .btn-group .btn:active, .Calculator .Calculator-fields .btn-group .btn:hover {
    background-color: #022159;
    color: #fff;
    box-shadow: none;
    color: #fff;
    font-size: 16px;
    line-height: 27px;
    font-weight: 400;
    font-family: "Roboto";
}

@media (min-width: 992px) {
    .Calculator .Calculator-fields .btn-group .btn.credit-range-btn {
        padding: 20px 20px 19px;
        min-width: 118px;
    }
}

@media (max-width: 767.98px) {
    .streamline-page .Calculator .Calculator-fields {
        padding: 0;
    }
}

.streamline-page .Calculator .Calculator-fields .btn-group .btn {
    padding: 20px 35px 17px;
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .streamline-page .Calculator .Calculator-fields .btn-group .btn {
        padding: 20px 30px 17px;
    }
}

@media (min-width: 992px) {
    .streamline-page .Calculator .Calculator-fields .btn-group .btn {
        min-width: 115px;
    }
}

@media (max-width: 767.98px) {
    .streamline-page .Calculator .Calculator-fields .btn-group .btn {
        padding: 20px 10px 17px;
    }
}

@media (max-width: 767.98px) {
    .streamline-page .Calculator .Calculator-fields.credit-score {
        margin-top: 100px;
        max-width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .streamline-page .Calculator .Calculator-fields.credit-score {
        padding-left: 35px;
    }
}

.streamline-page .conventional-refinance-page .table-container {
    padding-left: 50px;
}

@media (max-width: 767.98px) {
    .streamline-page .conventional-refinance-page .table-container {
        padding-left: 15px;
    }
}

.streamline-page .conventional-refinance-page .calculated-data {
    margin-top: 50px;
}

/*Conventional-page*/
@media (max-width: 767.98px) {
    .conventional-refinance-page .Calculator .Calculator-fields {
        padding: 0;
    }
}

.conventional-refinance-page .Calculator .Calculator-fields .btn-group .btn {
    padding: 20px 35px 17px;
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .conventional-refinance-page .Calculator .Calculator-fields .btn-group .btn {
        padding: 20px 30px 17px;
    }
}

@media (min-width: 992px) {
    .conventional-refinance-page .Calculator .Calculator-fields .btn-group .btn {
        min-width: 115px;
    }
}

@media (max-width: 767.98px) {
    .conventional-refinance-page .Calculator .Calculator-fields .btn-group .btn {
        padding: 20px 10px 17px;
    }
}

@media (max-width: 767.98px) {
    .conventional-refinance-page .Calculator .Calculator-fields.credit-score {
        margin-top: 100px;
        max-width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .conventional-refinance-page .Calculator .Calculator-fields.credit-score {
        padding-left: 35px;
    }
}

.conventional-refinance-page .table-container {
    padding-left: 50px;
}

@media (max-width: 767.98px) {
    .conventional-refinance-page .table-container {
        padding-left: 15px;
    }
}

.conventional-refinance-page .calculated-data {
    margin-top: 50px;
}

@media (max-width: 767.98px) {
    .current-info-field {
        padding: 15px 30px;
    }
}

.current-info-field div {
    margin-bottom: 30px;
    text-align: left;
}

@media (max-width: 767.98px) {
    .current-info-field div {
        margin-bottom: 20px;
        text-align: left;
        font-size: 15px;
    }
}

@media (max-width: 767.98px) {
    .current-info-field div.col-6:nth-child(odd) {
        padding-right: 8px;
        padding-left: 0;
    }

    .current-info-field div.col-6:nth-child(even) {
        padding-left: 10px;
        padding-right: 0;
    }
}

.current-information h3 {
    margin-top: 15px;
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .new-info-data .Calculator-fields .fields.form-group:nth-child(1) {
        padding-left: 0;
    }

    .new-info-data .Calculator-fields .fields.form-group:nth-child(2) {
        padding-right: 0;
    }
}

@media (max-width: 767.98px) {
    .new-info-data {
        flex-direction: column;
    }

        .new-info-data .table-container .table {
            margin-right: 10px;
        }

        .new-info-data .table-container .table {
            margin-right: 0;
        }

            .new-info-data .table-container .table:nth-child(odd) {
                margin-right: 8px;
            }

            .new-info-data .table-container .table:nth-child(even) {
                margin-left: 8px;
            }

        .new-info-data .input-group {
            padding: 0;
        }

            .new-info-data .input-group .fields:nth-child(odd) {
                padding: 0 8px 0 0;
            }

            .new-info-data .input-group .fields:nth-child(even) {
                padding: 0 0 0 8px;
            }

    .table-chart-section, .submit-application-section {
        flex-direction: column;
    }
}

.benefit-calculation p {
    margin-bottom: 30px;
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .benefit-calculation p {
        padding: 0 100px;
        text-align: center;
    }
}

@media (max-width: 767.98px) {
    .va-irrrl-page .table-chart-section .col-lg-5.col-md-12, .va-irrrl-page .table-chart-section .col-lg-7.col-md-12 {
        padding: 0;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .va-irrrl-page .table-chart-section {
        flex-wrap: wrap;
    }
}

.current-information p, .current-information h3 {
    display: block;
    text-align: center;
}

.loader img {
    height: 150px;
}

@media (max-width: 767.98px) {
    .notice-section-IRRL .col-md-4:nth-child(1), .notice-section-fha .col-md-4:nth-child(1) {
        order: 1;
    }

    .notice-section-IRRL .col-md-4:nth-child(2), .notice-section-fha .col-md-4:nth-child(2) {
        order: 3;
    }

    .notice-section-IRRL .col-md-4:nth-child(3), .notice-section-fha .col-md-4:nth-child(3) {
        order: 4;
    }

    .notice-section-IRRL .col-md-4:nth-child(4), .notice-section-fha .col-md-4:nth-child(4) {
        order: 2;
    }
}

@media (max-width: 767.98px) {
    .Calculator .table-container table, .Calculator .Calculator-fields table {
        padding: 0;
    }

        .Calculator .table-container table tr td, .Calculator .Calculator-fields table tr td {
            display: block;
            text-align: left;
        }

            .Calculator .table-container table tr td:nth-child(1), .Calculator .Calculator-fields table tr td:nth-child(1) {
                margin-bottom: 0;
            }

            .Calculator .table-container table tr td:nth-child(2), .Calculator .Calculator-fields table tr td:nth-child(2) {
                text-align: left;
            }
}

.chart-div {
    padding: 0;
}

@media (max-width: 767.98px) {
    .chart-div {
        height: 250px;
    }
}

.tabletonly {
    display: none;
}

.media-body strong {
    color: #F19542;
}

.monthly-payment .media-body strong {
    color: #F04D3D;
}

.cashback .media-body strong, .faq .media-body strong, .credit-requirements .media-body strong {
    color: #F19542;
}

.glossary .media-body strong {
    color: #64747a;
}

.lower-interest .media-body strong, .recapture .media-body strong {
    color: #039DDA;
}

.rebounding .media-body strong, .free-report .media-body strong, .monthly-payment .media-body strong {
    color: #F04D3D;
}

.media-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    width: 50px;
    margin-right: 20px;
}

@media (max-width: 767.98px) {
    .media-wrapper {
        height: 40px;
        width: 40px;
        margin-right: 10px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .media-wrapper {
        height: 40px;
        width: 40px;
        margin-right: 10px;
    }
}

.media-wrapper img {
    width: 40px;
}

@media (min-width: 992px) {
    .media-wrapper img {
        width: 50px;
    }
}

.equal-housinh-img {
    margin-right: 5px;
}

.resources .media-wrapper img {
    width: 65px;
    height: 65px;
}

.VIRRL-Benefit-section .media {
    align-items: center;
    margin-bottom: 40px;
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .VIRRL-Benefit-section .media {
        margin-bottom: 30px;
    }

        .VIRRL-Benefit-section .media.long-term {
            margin-bottom: 0;
        }
}

@media (max-width: 767.98px) {
    .VIRRL-Benefit-section .media {
        margin-bottom: 25px;
    }
}

.VIRRL-Benefit-section .media .media-body {
    margin-bottom: 0;
}

.benefit-mobile {
    background-color: #3B77BF;
    margin-top: 45px;
}

    .benefit-mobile h2 {
        margin-bottom: 20px;
    }

    .benefit-mobile .media {
        align-items: flex-start;
    }

        .benefit-mobile .media p, .benefit-mobile .media h2, .benefit-mobile .media h3 {
            color: #fff;
        }

        .benefit-mobile .media .media-body strong {
            color: #fff;
            font-size: 20px;
        }

        .benefit-mobile .media .media-body p {
            font-size: 16px;
        }

    .benefit-mobile p, .benefit-mobile h2, .benefit-mobile h3 {
        color: #fff;
    }

    .benefit-mobile p {
        font-size: 18px;
    }

    .benefit-mobile .benefit-list {
        padding: 0 40px;
    }

    .benefit-mobile .media-header {
        padding: 0 40px;
    }

.process-flow {
    background-color: #022159;
    padding: 90px 240px;
}

@media (max-width: 767.98px) {
    .process-flow {
        padding: 50px 15px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .process-flow {
        padding: 70px 100px;
    }

        .process-flow p {
            margin-bottom: 24px;
        }
}

.process-flow .tablists .list-group {
    flex-direction: row;
    justify-content: center;
}

.process-flow h2 {
    font-family: "Noto Serif";
}

.process-flow h2, .process-flow p {
    color: #fff;
    text-align: center;
    margin-bottom: 30px;
}

.process-flow .list-group-item-action {
    width: 50px;
    color: #039DDA;
    text-align: inherit;
    height: 50px;
    margin: 20px;
    border: 1px solid #039DDA;
    border-radius: 50%;
    text-align: center;
    line-height: 48px;
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .process-flow .list-group-item-action {
        height: 30px;
        width: 30px;
        font-size: 12px;
        line-height: 28px;
        margin: 0 7.5px;
    }
}

@media (max-width: 767.98px) {
    .process-flow .list-group-item-action {
        height: 30px;
        width: 30px;
        font-size: 12px;
        line-height: 28px;
        margin: 0 7.5px;
    }
}

@media (max-width: 767.98px) {
    .process-flow .list-group-item-action {
        margin: 8px;
    }
}

.process-flow .list-group-item-action.active {
    background-color: #039DDA;
    color: #fff;
}

@media (min-width: 992px) {
    .multi-item-carousel .carousel-inner .carousel-item {
        margin-right: inherit;
    }

        .multi-item-carousel .carousel-inner .carousel-item.active + .carousel-item,
        .multi-item-carousel .carousel-inner .carousel-item.active + .carousel-item + .carousel-item {
            display: block;
        }

        .multi-item-carousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
        .multi-item-carousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
        .multi-item-carousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
            -webkit-transition: none;
            transition: none;
        }

        .multi-item-carousel .carousel-inner .carousel-item.active + .carousel-item + .carousel-item + .carousel-item {
            position: absolute;
            top: 0;
            right: -33.33333333%;
            z-index: -1;
            display: block;
            visibility: visible;
        }

    .multi-item-carousel .carousel-inner .carousel-item-next,
    .multi-item-carousel .carousel-inner .carousel-item-prev {
        position: relative;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

        .multi-item-carousel .carousel-inner .carousel-item-prev.carousel-item-right {
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
            display: block;
            visibility: visible;
        }

    .multi-item-carousel .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    .multi-item-carousel .carousel-item-next.carousel-item-left + .carousel-item,
    .multi-item-carousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
    .multi-item-carousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    .multi-item-carousel .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    .multi-item-carousel .carousel-item-prev.carousel-item-right + .carousel-item,
    .multi-item-carousel .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
    .multi-item-carousel .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        display: block;
        visibility: visible;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .multi-item-carousel .carousel-inner .carousel-item {
        margin-right: inherit;
    }

        .multi-item-carousel .carousel-inner .carousel-item.active + .carousel-item,
        .multi-item-carousel .carousel-inner .carousel-item.active + .carousel-item {
            display: block;
        }

        .multi-item-carousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
        .multi-item-carousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
        .multi-item-carousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
            -webkit-transition: none;
            transition: none;
        }

        .multi-item-carousel .carousel-inner .carousel-item.active + .carousel-item + .carousel-item {
            position: absolute;
            top: 0;
            right: -33.33333333%;
            z-index: -1;
            display: block;
            visibility: visible;
        }

    .multi-item-carousel .carousel-inner .carousel-item-next,
    .multi-item-carousel .carousel-inner .carousel-item-prev {
        position: relative;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

        .multi-item-carousel .carousel-inner .carousel-item-prev.carousel-item-right {
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
            display: block;
            visibility: visible;
        }

    .multi-item-carousel .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    .multi-item-carousel .carousel-item-next.carousel-item-left + .carousel-item,
    .multi-item-carousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
    .multi-item-carousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    .multi-item-carousel .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    .multi-item-carousel .carousel-item-prev.carousel-item-right + .carousel-item,
    .multi-item-carousel .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
    .multi-item-carousel .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        display: block;
        visibility: visible;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1440px;
        margin-top: 70px;
    }
}

@media (max-width: 767.98px) {
    .container {
        margin-top: 70px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .container, .container-md, .container-sm {
        max-width: 768px;
    }

    .container {
        margin-top: 65px;
    }
}

.video-section {
    padding-top: 90px;
}

    .video-section h2 {
        margin-bottom: 20px;
    }

    .video-section p {
        margin-bottom: 50px;
    }

@media (max-width: 767.98px) {
    .video-section p {
        text-align: center;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .video-section p {
        text-align: center;
    }
}

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

    .video-container video {
        height: 607px;
        width: 1160px;
    }

@media (min-width: 768px) and (max-width: 991.98px) {
    .video-container video {
        height: 300px;
        width: 600px;
    }
}

@media (max-width: 767.98px) {
    .video-container video {
        height: 188px;
        width: 335px;
    }
}

.video-container video:focus {
    outline: none;
    border: none;
}

.card {
    background-color: transparent;
    border-radius: 30px;
}

.card-image svg {
    color: #69CAF0;
}

.blog {
    padding: 90px 120px;
    background-color: #fff;
    text-align: center;
}

    .blog p {
        padding: 0 10%;
    }

@media (max-width: 767.98px) {
    .blog {
        padding: 50px 6%;
    }

        .blog P {
            text-align: center;
            padding: 0 5%;
        }

        .blog .col-lg-4 p {
            font-size: 16px;
            line-height: 20px;
        }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .blog {
        padding: 70px 70px;
    }

        .blog P {
            text-align: center;
        }

        .blog .blog-one {
            padding-right: 50px;
            margin-top: 34px;
        }

        .blog .blog-two {
            padding-left: 50px;
            margin-top: 34px;
        }
}

.blog img {
    height: 194px;
    width: 194px;
}

.blog .blog-prara {
    margin-bottom: 60px;
}

.blog .col-lg-4 p {
    margin-top: 30px;
    font-size: 16px;
}

.VA-IRRL-Banner h4 {
    color: #022159;
}

.VA-IRRL-Banner .btn {
    margin-top: 15px;
}

.why-vrrl {
    background-color: #0377BF;
    padding: 90px 15%;
    text-align: center;
}

@media (max-width: 767.98px) {
    .why-vrrl {
        padding: 50px 15%;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .why-vrrl {
        padding: 90px 13.5%;
    }
}

.why-vrrl p, .why-vrrl h2 {
    color: #fff;
}

.VIRRL-Benefit-section {
    padding: 90px 90px 70px;
}

@media (max-width: 767.98px) {
    .VIRRL-Benefit-section {
        padding: 50px 15px 50px 15px;
    }

        .VIRRL-Benefit-section .benefit-list {
            flex-direction: column;
        }

        .VIRRL-Benefit-section .benefit-image {
            padding: 0;
        }

            .VIRRL-Benefit-section .benefit-image img {
                width: 292px;
            }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .VIRRL-Benefit-section {
        padding: 70px 50px 70px;
    }

        .VIRRL-Benefit-section .media.tabletonly {
            display: block;
            padding: 15px;
        }

            .VIRRL-Benefit-section .media.tabletonly img {
                width: 260px;
            }

        .VIRRL-Benefit-section .benefit-image {
            display: none;
        }
}

.VIRRL-Benefit-section .header {
    padding: 0 8%;
}

.VIRRL-Benefit-section .media-body {
    font-size: 16px;
    line-height: 21px;
}

    .VIRRL-Benefit-section .media-body strong {
        font-size: 28px;
        line-height: 44px;
    }

@media (max-width: 767.98px) {
    .VIRRL-Benefit-section .media-body strong {
        font-size: 24px;
        line-height: 26px;
        margin-bottom: 8px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .VIRRL-Benefit-section .media-body strong {
        font-size: 20px;
        line-height: 22px;
        letter-spacing: 0;
        margin-bottom: 15px;
    }
}

.viirl-media {
    margin-top: 20px;
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .viirl-media {
        display: flex;
        flex-wrap: wrap;
        padding: 0;
    }
}

@media (max-width: 767.98px) {
    .viirl-media {
        padding: 0;
    }

        .viirl-media p span {
            width: 92%;
            display: inline-block;
        }
}

.media.col {
    padding: 0;
}

.featurette {
    padding: 45px 10%;
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .featurette {
        padding: 45px 9.3%;
    }
}

@media (max-width: 767.98px) {
    .featurette {
        padding: 25px 11% 25px 14%;
    }
}

.va-irrl-blk {
    align-self: flex-start;
    text-align: left;
    padding: 15px;
}

    .va-irrl-blk h2 {
        margin-bottom: 20px;
    }

@media (min-width: 768px) and (max-width: 991.98px) {
    .va-irrl-blk h2 {
        text-align: left;
    }
}

@media (max-width: 767.98px) {
    .va-irrl-blk {
        padding: 0 0 30px 0;
    }
}

.fha-strealine-blk {
    align-self: flex-start;
    text-align: right;
    padding: 15px;
}

    .fha-strealine-blk h2 {
        margin-bottom: 20px;
    }

@media (min-width: 768px) and (max-width: 991.98px) {
    .fha-strealine-blk h2, .fha-strealine-blk .button-container {
        text-align: left;
    }
}

@media (max-width: 767.98px) {
    .fha-strealine-blk {
        padding: 0 0 30px 0;
    }
}

@media (min-width: 992px) {
    .fha-strealine-blk p {
        text-align: left;
    }
}

#homepage-carousel {
    padding: 0;
}

@media (max-width: 767.98px) {
    #homepage-carousel {
        margin-bottom: 25px;
    }
}

@media (max-width: 767.98px) {
    .navbar-collapse {
        position: fixed;
        top: 0;
        right: 0;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 15px;
        width: 100%;
        height: 100%;
        background-color: #fff;
    }

        .navbar-collapse .navbar-nav {
            position: relative;
            top: 5%;
        }

        .navbar-collapse.collapsing {
            right: -75%;
            transition: height 0s ease;
        }

        .navbar-collapse.show {
            right: 0;
            transition: right 300ms linear;
        }

    .navbar-toggler.collapsed ~ .navbar-collapse {
        transition: right 500ms linear;
    }

    .navbar-toggler {
        z-index: 1050;
    }

    .navbar .navbar-nav .nav-item .nav-link {
        display: inline-block;
    }
}

@media (min-width: 992px) {
    .slide-wrapper {
        background-color: #3B77BF;
        margin-top: 45px;
        /*------------------------------ vertical bootstrap slider----------------------------*/
    }

        .slide-wrapper .carousel-inner, .slide-wrapper .carousel, .slide-wrapper .carousel-item, .slide-wrapper .container, .slide-wrapper .fill {
            height: 100%;
            min-height: 100px;
            width: 100%;
            background-position: center center;
            background-size: cover;
        }

        .slide-wrapper .slide-wrapper {
            display: inline;
        }

            .slide-wrapper .slide-wrapper .container {
                padding: 0;
            }

        .slide-wrapper .carousel-inner > .carousel-item.carousel-item-next,
        .slide-wrapper .carousel-inner > .carousel-item.active.carousel-item-right {
            transform: translate3d(0, 100%, 0);
            -webkit-transform: translate3d(0, 100%, 0);
            -ms-transform: translate3d(0, 100%, 0);
            -moz-transform: translate3d(0, 100%, 0);
            -o-transform: translate3d(0, 100%, 0);
            top: 0;
        }

        .slide-wrapper .carousel-inner > .carousel-item.carousel-item-prev,
        .slide-wrapper .carousel-inner > .carousel-item.active.carousel-item-left {
            transform: translate3d(0, -100%, 0);
            -webkit-transform: translate3d(0, -100%, 0);
            -moz-transform: translate3d(0, -100%, 0);
            -ms-transform: translate3d(0, -100%, 0);
            -o-transform: translate3d(0, -100%, 0);
            top: 0;
        }

            .slide-wrapper .carousel-inner > .carousel-item.next.carousel-item-left,
            .slide-wrapper .carousel-inner > .carousel-item.carousel-item-prev.carousel-item-right,
            .slide-wrapper .carousel-inner > .carousel-item.active {
                transform: translate3d(0, 0, 0);
                -webkit-transform: translate3d(0, 0, 0);
                -ms-transform: translate3d(0, 0, 0);
                -moz-transform: translate3d(0, 0, 0);
                -o-transform: translate3d(0, 0, 0);
                top: 0;
            }
}

/*# sourceMappingURL=main.css.map */