@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100&display=swap");

*,
*:before,
*:after {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
:focus {
    outline: 0px;
}

body {
    font-family: "Roboto", sans-serif;
}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.btn {
    border: 0;
    font-size: 14px;
    border-radius: 0;
    padding: 8px 20px;
}
.btn-primary {
    background: #e53e30;
}
.btn-success {
    background: #00263d;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

header {
    display: flex;
    align-items: center;
    height: 70px;
    background: #fff;
    box-shadow: 0px 0px 4px 2px #ccc;
}
header ul li a {
    color: #00263d;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
}
/* header ul li:nth-child(2) {
    margin: 0 40px;
} */

.banner {
    height: 500px;
    background-image: url(../images/banner-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
}
.banner h1 {
    color: #fff;
    font-size: 50px;
    font-weight: 700;
    margin: 0;
    position: relative;
}
.btm-h:after {
    content: "";
    background: #fff;
    height: 2px;
    width: 150px;
    bottom: -10px;
    position: absolute;
    left: 0;
}
.banner p {
    color: #fff;
    font-size: 20px;
    margin-top: 20px;
}
.brand-sectn {
    background: #f2f2f6;
    height: 100px;
}
.brand-sectn ul li {
    margin: 0 20px;
}
.chs-vita {
    padding: 60px 0;
}
.home-h {
    color: #00263d;
    font-size: 35px;
}
.home-h-2 {
    color: #00263d;
    font-size: 23px;
}
.chs-bx {
    max-width: 335px;
    width: 100%;
    border: 1px solid #98a7b1;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
.chs-bx h4 {
    font-size: 19px;
    color: #00263d;
    margin-top: 35px;
    margin-bottom: 20px;
}
.chs-bx span {
    display: block;
    color: #323232;
    font-size: 15px;
    text-align: left;
}
.hiw {
    padding-bottom: 130px;
}
.hiw-t {
    color: #00263d;
    font-weight: 700;
    font-size: 50px;
    padding-right: 30px;
    border-right: 5px solid #e53e30;
    margin-right: 30px;
}
.hiw-txt {
    max-width: 594px;
    width: 100%;
    font-size: 17px;
    font-weight: 500;
    color: #00263d;
}
.loan-sec {
    background: #f6f6f6;
    padding: 60px 0;
}
.ln-bx {
    max-width: 200px;
    width: 100%;
    border-radius: 20px;
    background: #fff;
    padding: 20px;
    height: 167px;
    box-shadow: 0px 0px 13px 2px #e8e8e8;
}
.dng-txt {
    color: #e53e30;
    font-size: 18px;
    font-weight: 700;
}
.sc-txt {
    color: #00263d;
    font-size: 15px;
    font-weight: 700;
    margin-top: 60px;
    display: block;
}
.ln-bx:hover {
    background-image: url(../images/bx-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.ln-bx:hover .dng-txt,
.ln-bx:hover .sc-txt {
    color: #fff;
}
.mt145 {
    margin-top: -145px;
}
.ln-left {
    max-width: 492px;
    width: 100%;
}
.ln-left h3 {
    color: #00263d;
    font-size: 29px;
    font-weight: 700;
    margin-bottom: 25px;
}
.ln-left span {
    display: block;
    font-size: 17px;
    color: #00263d;
    line-height: 24px;
    margin-bottom: 25px;
}
.vita-work {
    padding: 60px 0;
}
.vw-right {
    max-width: 408px;
    width: 100%;
}
.vw-right h4 {
    color: #00263d;
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 10px;
}
.vw-right span {
    display: block;
    color: #00263d;
    font-size: 15px;
    line-height: 21px;
}
.vit-n {
    display: flex;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-image-source: linear-gradient(to left, #e53e30, #00263d);
    border: 3px solid;
    font-style: normal;
    font-weight: 500;
}
.tw-left {
    background: #00263d;
    padding-left: 90px;
    padding-right: 50px;
    padding-top: 60px;
    padding-bottom: 60px;
}

.two-sec h4 {
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 15px;
}
.two-sec p {
    font-size: 17px;
    color: #fff;
}
.two-sec ul {
    padding-left: 15px;
}
.two-sec ul li {
    color: #fff;
    font-size: 15px;
    margin-bottom: 15px;
    list-style-type: disc;
}
.tw-txt {
    display: block;
    margin-top: 15px;
    color: #fff;
}
.tw-im {
    display: block;
    height: 132px;
}
.tw-right {
    background: #e53e30;
    padding-left: 50px;
    padding-right: 90px;
    padding-top: 60px;
    padding-bottom: 60px;
}
.mt-115 {
    margin-top: 115px;
}
.ins-quote {
    padding: 60px 0;
}
.ins-quote h4 {
    font-size: 35px;
    color: #00263d;
    font-weight: 700;
}
.ins-quote h4 font {
    color: #e53e30;
}
.ins-quote p {
    max-width: 743px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    font-size: 18px;
    color: #00263d;
    margin-top: 30px;
    margin-bottom: 30px;
}
.clearfix {
    clear: both;
}
.clearfix:after. .clearfix:before {
    display: block;
}

footer {
    background: #f6f6f6;
    padding: 60px 0;
}
footer ul {
    padding: 0;
}
footer ul li {
    margin-bottom: 15px;
}
footer ul li:last-child {
    margin-bottom: 0px;
}
.ft-lg-txt {
    display: block;
    font-size: 13px;
    color: #00273e;
    font-weight: 700;
    margin-top: 30px;
}
footer h5 {
    color: #e53e30;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 15px;
}
.ft-txt {
    display: block;
    font-weight: 700;
    color: #00263d;
    font-size: 14px;
}
.ft-links {
    display: flex;
    align-items: center;
}
.ft-links li {
    padding-right: 15px;
    margin-bottom: 0;
}

.inner-banner {
    height: 318px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url("../images/banner-2.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.inner-banner-2 {
    height: 318px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url("../images/banner-3.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.inner-banner-3 {
    height: 242px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url("../images/banner-4.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.inner-banner-4 {
    height: 242px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url("../images/banner-5.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.inner-banner-5 {
    height: 242px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url("../images/banner-6.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.inner-banner h3 {
    color: #fff;
    font-size: 40px;
    font-weight: 700;
}
.inner-banner-2 h3 {
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    line-height: 42px;
}
.inner-banner-3 h3 {
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    line-height: 42px;
}
.inner-banner-4 h3 {
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    line-height: 42px;
}
.inner-banner-5 h3 {
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    line-height: 42px;
}
.in-s-w {
    padding: 60px 0px;
}
.web-txt {
    color: #00263d;
    font-size: 16px;
    line-height: 25px;
    display: block;
}
.in-s-w2 {
    background: #f6f6f6;
    padding: 60px 0;
}
.in-left {
    max-width: 507px;
    width: 100%;
}
.mb-login {
    display: none;
}
.bn-txt {
    width: 100%;
    max-width: 600px;
}
.mb-cpw,
.mb-hidden {
    display: none;
}
 {
    display: none;
}
.brand-mb {
    padding: 0;
}
.brand-mb li:nth-child(1) {
    margin-left: 0;
}
.back-arrow {
    display: none;
}
.transition {
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3s;
    -ms-transition: ease-in-out 0.3s;
    -o-transition: ease-in-out 0.3s;
    transition: ease-in-out 0.3s;
}
.overflow {
    overflow: hidden;
}
.p-rl {
    position: relative;
}
.play-icn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.w-215 {
    max-width: 215px;
    width: 100%;
}
.w-355 {
    max-width: 355px;
    width: 100%;
}
.cl-sec {
    padding: 60px 0;
}
.cl-sec p {
    max-width: 630px;
    width: 100%;
    margin: 0 auto;
}
.inn-bx {
    max-width: 390px;
    width: 100%;
    border: 1px solid #98a7b1;
    border-radius: 8px;
    background: #fff;
    padding: 30px;
}
.inn-bx h4 {
    font-size: 19px;
    color: #00263d;
}
.inn-bx ul li {
    position: relative;
    padding-left: 15px;
    margin-bottom: 10px;
}
.inn-bx ul li:last-child {
    margin-bottom: 0;
}
.inn-bx ul li:after {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #ff0000;
}
.outer_circle {
    position: relative;
    margin: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #ffffff;
    margin-left: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.inner_circle {
    background-image: linear-gradient(
        to bottom,
        rgb(229, 73, 60) 0%,
        rgb(8, 39, 61) 100%
    );
    content: "";
    position: absolute;
    top: -3px;
    bottom: -3px;
    right: -3px;
    left: -3px;
    z-index: -1;
    border-radius: inherit;
}
.outer_circle span {
    font-weight: 600;
    font-size: 15px;
}
.add-txt {
    display: block;
    color: #e53e30;
    font-size: 19px;
    font-weight: 700;
}
.no-txt {
    display: inline-block;
    vertical-align: middle;
    color: #00263d;
    font-size: 33px;
    font-weight: 700;
}
.prt-bx {
    height: 166px;
    border: 1px solid #98a7b1;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
.prt-bx span {
    font-size: 22px;
    color: #00263d;
}
.min-456 {
    min-height: 456px;
}
.modal-title {
    font-size: 24px;
}
.modal-body {
    padding: 40px;
}
.modal-body p {
    color: #8d8d8d;
    font-size: 13px;
}
.form-control {
    border: 1px solid #e0e0e0;
    height: 42px;
    border-radius: 5px;
}
.modal-body label {
    font-size: 13px;
    color: #000;
}
.md-txt {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #000;
}
.modal-body .btn {
    padding: 13px 20px;
}
.modal-body a {
    color: #e53e30;
}
.close {
    position: absolute;
    right: 15px;
    border: 2px solid #808080 !important;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    top: 15px;
    z-index: 1;
}
.close:focus {
    outline: none;
}
#myTab li a div {
    font-size: 16px !important;
}
#myTab li a {
    text-decoration: none;
}
.modal-dialog {
    max-width: 415px;
}
.nav-tabs {
    border-bottom: 0;
}

.checkcontainer {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 17px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.checkcontainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.checkcontainer input:checked ~ .radiobtn {
    background-color: #e53e30;
}
.radiobtn {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #cecece;
    border-radius: 50%;
}
.checkcontainer input:checked ~ .radiobtn:after {
    display: block;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background: white;
    content: "";
    top: 4px;
    position: absolute;
    left: 4px;
}
.modal {
    padding-right: 0 !important;
}
.db-hd {
    height: 90px;
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    border-bottom: 1px solid #e9e9e9;
    z-index: 1;
    background: #fff;
    padding-right: 15px;
}
.db-logo {
    width: 240px;
    background-color: #e4e6e5;
    padding: 15px;
    display: flex;
    align-items: center;
    height: 90px;
    border-bottom: 1px solid #dededc;
}
.nav-left {
    background-color: #e4e6e5;
    width: 240px;
    position: fixed;
    top: 90px;
    height: 100vh;
    left: 0;
}
.nav-left {
    padding: 15px;
}
.nav-left ul {
    margin-top: 30px;
}
.nav-left ul li a {
    color: #00263d;
    font-size: 15px;
    font-weight: 500;
    display: flex;
    align-items: center;
    padding: 12px 20px;
    width: 100%;
    border-radius: 30px;
}
.nav-left ul li a span {
    margin-left: 10px;
    margin-top: 4px;
}
.nav-left ul li a:hover,
.nav-left ul li a.active {
    background: #e53e30;
    text-decoration: none;
}
.nav-left ul li a:hover span,
.nav-left ul li a.active span {
    color: #fff;
}

.icnHide {
    display: none;
}
.nav-left ul li a:hover .icnHide,
.nav-left ul li a.active .icnHide {
    display: inline-block;
}
.nav-left ul li a:hover .icnShow,
.nav-left ul li a.active .icnShow {
    display: none;
}
.db-h {
    color: #e53e30;
    margin-left: 40px;
}
.rht-o li {
    margin-left: 15px;
}
.rht-o li a {
    width: 45px;
    height: 45px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0px 1px 3px #ececec;
}
.db-area {
    padding: 130px 15px 15px 280px;
}
.db-bx {
    border: 1px solid #dee3e6;
    border-radius: 8px;
    height: 167px;
    padding: 20px;
    box-shadow: 0px 0px 1px 4px #f7f7f7;
    position: relative;
}
.db-bx .cnt {
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 34px;
    font-weight: 600;
    color: #e53e30;
}
.db-bx .txt {
    position: absolute;
    bottom: 20px;
    left: 20px;
    font-size: 15px;
    font-weight: 600;
    color: #00263d;
}
.db-bx .icn {
    position: absolute;
    top: 20px;
    right: 20px;
}
.db-table table thead tr th {
    background-color: #f1f2f5;
    color: #737f89;
    font-size: 13px;
}
.db-table table tbody tr td {
    color: #737f89;
    font-size: 13px;
}
.db-table table tbody tr td .status {
    background: #198754;
    display: inline-block;
    color: #fff;
    padding: 5px 15px;
    border-radius: 30px;
    letter-spacing: 0.5px;
}
.db-table table tbody tr td .Contacted {
    background: #f99d1c;
    display: inline-block;
    color: #fff;
    padding: 5px 15px;
    border-radius: 30px;
    letter-spacing: 0.5px;
}
.db-table table tbody tr td .Qualified {
    background: #be08e5;
    display: inline-block;
    color: #fff;
    padding: 5px 15px;
    border-radius: 30px;
    letter-spacing: 0.5px;
}
.db-table table tbody tr td .Disualified {
    background: #e53e30;
    display: inline-block;
    color: #fff;
    padding: 5px 15px;
    border-radius: 30px;
    letter-spacing: 0.5px;
}
.db-bx .prf {
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 6px;
}
.db-bx .prf img {
    width: 100%;
    height: 100%;
    border-radius: 6px;
}
.db-bx span {
    display: block;
    color: #8b8b8b;
    font-size: 14px;
    font-weight: 600;
}
.tm-m li {
    float: left;
    width: 22.7%;
    margin-right: 3%;
    margin-bottom: 3%;
}
.tm-m li:nth-child(4n + 4) {
    margin-right: 0;
}
.tm-m li .db-bx {
    height: auto;
}
.addr {
    padding-top: 20px;
    border-top: 1px solid #dcdcdc;
    margin-top: 20px;
}
.crT {
    height: 254px !important;
    background-color: #f1f2f5;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hAuto {
    height: auto !important;
}
.mb-d-tg {
    display: none;
}
.prf-ara {
    max-width: 340px;
    width: 100%;
    margin: 0 auto;
}
.upld-prf {
    display: block;
    width: 90px;
    height: 90px;
    border-radius: 100%;
    position: relative;
    margin: auto;
}
.upld-prf ._im {
    width: 100%;
    height: 100%;
    border-radius: 100%;
}
.upld-prf i {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #fff;
    border: 1px solid #ccc;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}
.ul-ld-lg {
    width: 110px;
    height: 100px;
    border: 1px solid #ccc;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.prf-ara label {
    font-size: 15px;
    font-weight: 600;
}
.form-control {
    height: 44px;
}
.upload-btn {
    position: relative;
}
.upload-btn input {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.quoteA {
    max-width: 800px;
    margin: 0 auto;
    width: 100%;
}
.qSteps li {
    display: inline-block;
    padding: 0 27px;
    text-align: center;
}
.qSteps li span.qText {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    display: block;
}
.qSteps li span.qDots {
    display: block;
    background: #e9ebea;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    position: relative;
    margin: auto;
    margin-top: 15px;
}
.qSteps li span.qDots:after {
    content: "";
    position: absolute;
    right: auto;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 4px;
    background: #e9ebea;
    width: 188px;
    left: 0px;
    z-index: -1;
}
.qSteps li:last-child span.qDots:after {
    content: none;
}
.qHeading {
    font-size: 25px;
    color: #012b3b;
    font-weight: 600;
    text-align: center;
    margin: 20px 0;
}
.qHeading font {
    color: #e53e30;
    display: inline-block;
}
.qInfo {
    background: #e9ebea;
    border-radius: 6px;
    padding: 20px;
    font-size: 14px;
    color: #012b3b;
    font-weight: 500;
    margin-left: 10px;
}
.qForm .form-control {
    border: 0;
    border-bottom: 2px solid #e53e30;
    border-radius: 0;
    width: 100%;
}
._n {
    font-weight: 500;
    color: #000 !important;
}
._bx {
    border: 2px solid #e53e30;
    width: 73px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    border-radius: 5px;
    font-size: 15px;
    position: relative;
}
.qForm2 .form-control {
    width: 130px !important;
}
.active .qDots {
    border: 2px solid #e53e30;
    background: #fff !important;
}
.complete .qDots {
    background: #e53e30 !important;
}
.complete .qDots:after {
    background: #e53e30 !important;
}
.qBox {
    border: 1px solid #98a7b1 !important;
    border-radius: 8px;
    position: relative;
    min-height: 151px;
}
.qBox h3 {
    color: #00263d;
    font-size: 19px;
}
.qBox h2 {
    color: #e53e30;
    font-size: 27px;
    margin: 5px 0;
}
.qBox h4 {
    color: #00263d;
    font-size: 16px;
    margin-bottom: 5px;
}
.qBox h4 {
    color: #e53e30;
    font-size: 15px;
}
.tick {
    position: absolute;
    top: 5px;
    right: 5px;
}
.qBox2 {
    border: 1px solid #98a7b1;
    border-radius: 8px;
    padding: 20px;
}
.qBox2 h6 {
    font-size: 19px;
    color: #00263d;
}
.thClr {
    color: #e53e30;
    font-size: 22px;
}
.thClr small {
    color: #000 !important;
    font-size: 13px !important;
}
.inpForm {
    position: relative;
}

.quiz_card_area {
    position: relative;
}
.single_quiz_card {
    border: 1px solid #efefef;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -khtml-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.quiz_card_title {
    position: absolute;
    top: 10px;
    right: 10px;
    background: transparent;
    border-radius: 100%;
}
.quiz_card_title h3 {
    font-size: 16px;
    font-weight: 400;
    color: #292d3f;
    margin-bottom: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -khtml-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.quiz_card_title h3 i {
    opacity: 0;
}
.quiz_card_icon {
    max-width: 100%;
    min-height: 135px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.quiz_checkbox {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    cursor: pointer;
}
.quiz_checkbox:checked ~ .single_quiz_card {
    border: 1px solid #e53e30 !important;
}
.quiz_checkbox:checked:hover ~ .single_quiz_card {
    border: 1px solid #2575fc;
}

.quiz_checkbox:checked ~ .single_quiz_card .quiz_card_content .quiz_card_title {
    background-color: #2575fc;
    color: #ffffff;
}
.quiz_checkbox:checked
    ~ .single_quiz_card
    .quiz_card_content
    .quiz_card_title
    h3 {
    color: #ffffff;
}
.quiz_checkbox:checked
    ~ .single_quiz_card
    .quiz_card_content
    .quiz_card_title
    h3
    i {
    opacity: 1;
}
.quiz_checkbox:checked:hover ~ .quiz_card_title {
    border: 1px solid #2575fc;
}

.radioA {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    cursor: pointer;
}
.radioA:checked ~ ._bx {
    background: #e53e30;
    color: #fff;
}
.psr {
    position: relative;
}
.nI {
    background-image: url(../images/bx-bg-2.png);
    background-size: cover;
    background-repeat: no-repeat;
    border: 1px solid transparent;
    min-height: 98px;
    margin-top: 20px;
    width: 150px;
}
.nI h3 {
    color: #fff;
}

.inner-banner-q {
    background: #00263d;
    height: 105px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.inner-banner-q h3 {
    color: #fff;
}
.inq-sec {
    padding: 40px 0;
}

.qOvr li span.qDots:after {
    width: 155px;
}
.dllr-widget {
    position: relative;
}
.dllr-widget .dllr {
    position: absolute;
    left: 0;
    top: 10px;
    font-weight: 600;
}
.form-control:focus {
    outline: none;
    box-shadow: none;
}
/* CSS for range slider and mortgage recalculate button
    add by Swapnil Chauhan on 
    29th April 2023
 */

 .motgageDebt-sec {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.mortgagelabel {
    flex: 0 0 170px;
    max-width: 170px;
    color: #00263d;
    font-size: 19px;
}
.mortgageRecalculate {
    flex: 0 0 125px;
    max-width: 125px;
}
.mortgageRecalculate button {
    font-size: 15px;
    font-weight: 500;
    display: flex;
    align-items: center;
    padding: 9px 20px;
    width: 100%;
    border-radius: 30px;
    background: #e53e30;
    text-decoration: none;
    color: #fff;
    border-color: transparent;
    outline: none;
}

/* calcualte apge start here */
.w-60 {
    width: 60%;
}
.active{
    background-color: #c30000!important;

}
.prev-active{
    background-color: #d21200 !important;
}
.calculate-main{
    width: 750px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.yourself-bx{
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid #cccccc;
}
.step-bx{
    width: 100%;
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.step-bx1{
    width: 186px;
    background-color: #cccccc;
    height: 8px;
}
.step-text{
    font-size: 16px;
}
.insurance-txt h2{
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    padding-bottom: 10px;
}
.insurance-txt p{
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    max-width: 700px;
}
.dob{
    width: 100%;
}
.dob h4{
    font-size: 17px;
    font-weight: 600;
}
.dob2{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.div-hide{
    display: none;
}
.dob2 h4{
    font-size: 17px;
    font-weight: 600;
    max-width: 570px;
}
.dob2 h5{
    font-size: 18px;
    font-weight: 600;
    max-width: 450px;
}
.dob2 p{
    font-size: 14px;
    max-width: 560px;
    margin-top: 15px;
    font-weight: 400;
}
.family-an-income h4{
    max-width: 430px;
    margin: 15px 0;
}
.dob-bx select{
    width: 100%;
    /* border: none; */
    padding: 10px;
    border:1px solid #e53e30;
    margin-left: auto;
    margin-right: auto;
}
.dob-bx input{
    width: 110px;
    /* border: none; */
    padding: 10px;
    border:1px solid #e53e30;
}
.dob-bx,
input::placeholder {
   font-weight: 600;
}
.dob-bx2 select{
    width: 60%;
    border: none;
    padding: 10px;
    border:1px solid #e53e30;
    margin: 10px;
    margin-left: auto;
    margin-right: auto;
}
.dob2 input{
    width: 60%;
    border: none;
    padding: 10px;
    border:1px solid #e53e30;
    margin:10px;
}
.form-mx {
    max-width: 510px;
    margin: 0 auto;
    width: 100%;
}
.dob2,
input::placeholder {
   font-weight: 600;
}

.dob, .dob2 {
    transition: 6s ease-in-out;
}
.male-btn{
    width: 160px;
    padding: 5px;
    border: 1px solid #e63f30;
    text-transform: uppercase;
    font-size: 14px;
    background-color: #fff;
}
.female-btn{
    width: 160px;
    padding: 5px;
    border: 1px solid #e63f30;
    text-transform: uppercase;
    font-size: 14px;
    background-color: #fff;
}
.male-btn:hover,
.female-btn:hover{
    background-color: #e63f30;
    color: #fff;
}
.next{
    width: 40%;
    padding: 5px;
    background-color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    border: 2px solid #e63f30;
    color: #e63f30;
    font-weight: 600;
    margin-top: 40px;
    margin-bottom: 20px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display:block;
}
.back{
    width: 40%;
    padding: 5px;
    background-color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    border: 2px solid #e63f30;
     color: #e63f30;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display:block;
}
.back:hover,
.next:hover{
    color: #fff;
    background-color: #e63f30;
    text-decoration: none;
}

/* page 2 */
.house-hold p{
    text-align: center;
    font-size: 15px;
}
.checkbox{
    padding: 10px 0;
    border-bottom: 1px solid #c7cfd4;
    margin-bottom: 20px;
    width: 600px;
    display: flex;
    gap: 40px;
}
input[type="checkbox"] {
    width: 25px;
    accent-color: #e63f30;
    height: 20px;
    outline: none;
  }
  
/* page 3 */
.own-rent h2{
    margin-top: 30px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
}
.line{
    width: 600px;
    height: 0.8px;
    background-color: #c7cfd4;
    margin-top: 60px;
    margin-bottom: 20px;
}

/* summary page */
.summary-heading{
    padding: 40px 0;
}
.summary-heading h1{
    font-size: 22px;
    font-weight: 600;
    text-align: center;
}
.summary-main-box{
    width: 100%;
    height: 400px;
    border-top: 2px solid #cecece;
    padding-top: 30px;
    margin-bottom: 50px;
}
.smry-left{
   display: flex;
   align-items: center;
   flex-direction: column;
}
.smry-left h3{
    font-size: 22px;
}
.smry-left h1{
    padding: 10px 0;
    color: #e63f30;
}
.smry-left p{
   font-size: 16px;
}
.add-need{
    width: 360px;
    align-items: center;
}
.add-need strong{
    font-size: 30px;
    color: #000;
}
.add-need h6{
    font-size: 16px;
    color: #e63f30;
    margin-left: 10px;
}
.ad-nd-txt{
    margin-left: 10px;
}
.smry-right-text-bx{
    width: 100%;
    padding: 40px;
    background-color: #cecece;
    margin-top: 25px;
}
.smry-right-text-bx h2{
    font-size: 22px;
    text-align: center;
}
.smry-right-text-bx p{
    font-size: 13px;
    margin-top: 10px;
    margin-bottom: 0;
}
.start-over{
    margin-right: 15px;
    gap: 5px;
}
.save-pdf{
    gap: 5px;
}

.error {
    color: red;
    font-size: 12px;
    margin-top: 5px;
    text-align: center;
}

.child-age-dropdown {
    display: none;
}

/* Reange slider */

* {box-sizing: border-box;}
.mortageDebt-wrapper {width: 100%; max-width: 750px; margin-bottom: 50px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.mortageDebt-btnBox .mortageDebt-btn {background: #e63f30; font-size: 15px; color: #fff; padding: 10px 15px; border-radius: 30px; border:none;}
.mortageDebt-label {flex: 0 0 25%; max-width: 25%; color: #00263d; font-size: 16px; font-weight: 500}
.mortageDebt-rageSlider {flex: 0 0 60%; max-width: 60%;} 
.range-slider{width: 100%; position: relative;}

#range { -webkit-appearance: none; width: 100%; }
#range:focus { outline: none; }
#range::-webkit-slider-runnable-track {width: 100%; height: 15px; cursor: pointer; animate: 0.2s; background: linear-gradient(90deg, #e63f30 var(--range-progress), #dee4ec var(--range-progress)); border-radius: 10px;}
#range::-webkit-slider-thumb {-webkit-appearance: none; border: 0.25rem solid #e63f30; box-shadow: 0 1px 3px rgba(0,0,255,.3); border-radius: 50%; background: #fff; cursor: pointer; height: 25px; width: 25px; transform: translateY(calc(-50% + 8px));}
#rangeTooltip {position: absolute; bottom: -10px;}
#rangeTooltip span {position: absolute; text-align: center; display: block; line-height: 1; padding: 0.125rem 0.25rem; color: #fff; border-radius: 0.125rem; background: #e63f30; font-size: 1.25rem; left: 50%; transform: translate(-50%, 0);}
.mortageDebt-btnBox {flex: 0 0 10%; max-width: 10%; display: flex; order: 2;}

/* Partial life row: label + switch (switch label must not be sr-only — Bootstrap draws track on label) */
.mortageDebt-partialToggle .mortageDebt-partialLabel {
    flex: 0 1 auto;
    max-width: none;
    color: #00263d;
    padding-right: 12px;
}
.mortageDebt-partialSwitch {
    flex: 0 0 auto;
    min-height: 1.5rem;
    padding-left: 2.25rem; /* room for switch track */
    margin-left: 17px;
}
.mortageDebt-partialSwitch .custom-control-label {
    cursor: pointer;
}

/* Range slider End */

.info-icon {
    border: 1px solid black;
    background-color: red;
    color: black;
    padding: 1px 2px;
    font-size: 9px;
    vertical-align: super;
}

.qSteps li:nth-child(4) {
    margin-left: -12px;
}
.qSteps li:last-child {
    margin-left: 26px;
}

@media screen and (max-width: 767px) {
    .mb-login {
        display: block;
    }
    .h-btn .btn {
        display: none;
    }
    .mb-menu {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        height: 100vh;
        width: 100%;
        background: #00263d;
        z-index: 10;
        left: -2000px;
    }
    .mb-menu ul li a {
        color: #fff;
        font-size: 20px;
    }
    .flex_wrap {
        flex-direction: column;
    }
    .brand-sectn {
        overflow: auto;
    }
    .mb-w {
        width: 270px;
        margin-bottom: 15px;
    }
    .w-50 {
        width: 100% !important;
    }
    .tw-left,
    .tw-right {
        padding: 15px;
    }
    .banner h1 {
        font-size: 27px;
    }
    .banner p {
        font-size: 18px;
    }
    .banner {
        background-position: -270px 0px;
        height: 320px;
    }
    .chs-vita,
    .in-s-w,
    .in-s-w2 {
        padding: 15px 0;
    }
    .home-h {
        font-size: 20px;
    }
    .hiw-t {
        font-size: 20px;
        padding-right: 0;
        margin-right: 0;
        border-right: 0;
    }
    .ln-left h3 {
        font-size: 20px;
        margin-bottom: 5px;
        margin-top: 15px;
    }
    .vita-work,
    .ins-quote,
    footer,
    .cl-sec {
        padding: 15px 0;
    }
    .ins-quote h4 {
        font-size: 19px;
        line-height: 29px;
    }
    .mt-5,
    .mt-115 {
        margin-top: 15px !important;
    }
    .vw-right h4 {
        font-size: 20px;
        margin-bottom: 5px;
    }
    .vw-right span {
        line-height: 26px;
        font-weight: 400;
    }
    .two-sec h4 {
        font-size: 20px;
    }
    .sps-betwn {
        margin: 15px 0;
    }
    .mb-ft {
        background: #dedcdc;
        padding: 15px;
    }
    .rmt-15 {
        margin-top: 15px;
    }
    .mb-cpw {
        display: block;
    }
    .ft-lg-txt {
        margin-top: 0;
    }
    .ins-quote p {
        margin: 15px 0;
        font-size: 16px;
    }
    .two-sec h4 {
        font-size: 20px;
    }
    .h-btn {
        display: flex;
    }
    .h-btn a img {
        width: 30px;
    }
    .mb-menu ul li {
        margin: 10px 0 !important;
    }
    .back-arrow {
        display: block;
    }
    .back-arrow img {
        width: 30px;
    }
    .back-arrow {
        display: block;
        position: absolute;
        right: 15px;
        bottom: 15px;
    }
    .left0 {
        left: 0 !important;
    }
    .hiw-txt {
        font-size: 15px;
    }
    .inner-banner {
        height: 98px;
    }
    .inner-banner h3 {
        font-size: 20px;
    }
    .w-215,
    .w-355 {
        max-width: none;
    }
    .no-txt {
        font-size: 20px;
    }
    .in-s-w2 .mr-4 {
        margin-right: 0 !important;
    }
    .in-s-w2 .ml-4 {
        margin-left: 0 !important;
    }
    .inner-banner-2 h3 {
        font-size: 20px;
        line-height: 33px;
    }
    .inner-banner-3 h3 {
        font-size: 20px;
        line-height: 33px;
    }
    .min-456 {
        min-height: 0 !important;
    }
    .chs-bx {
        max-width: none;
    }

    .modal-body {
        padding: 20px;
    }
    .form-control {
        height: 35px;
    }
    .modal-body .mb-3 {
        margin-bottom: 10px !important;
    }
    .modal-title {
        font-size: 20px;
    }
    .db-logo {
        width: auto;
    }
    .db-h {
        margin-left: 15px;
        font-size: 16px;
    }
    .nav-left {
        left: -2000px;
        width: 100%;
        z-index: 1;
    }
    .db-area {
        padding: 105px 15px 15px 15px;
    }
    .mb-d-tg {
        position: fixed;
        bottom: 15px;
        right: 15px;
        width: 45px;
        height: 45px;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0px 0px 1px 3px #ececec;
        background: #fff;
        z-index: 999;
    }
    .mb-d-tg img {
        width: 30px;
    }
    .tm-m li {
        width: 100%;
        margin-right: 0;
    }
    .qSteps {
        display: none;
    }
    .qHeading {
        font-size: 23px;
    }

    .mortageDebt-label {flex: 0 0 calc(100% - 120px); max-width: calc(100% - 120px); padding-right: 10px;}
    .mortageDebt-btnBox {order: unset; flex: 0 0 120px; max-width: 120px;}
    .mortageDebt-rageSlider {flex: 0 0 100%; max-width: 100%; margin-top: 10px;}

    .calculate-main{
        width: auto;
        margin-bottom: 0px !important;
      }
      .step-text,
      .insurance-txt p,
      .dob2 p,
      .dob-bx select,
      .dob-bx2 select,
      .dob-bx input,
      .male-btn,
      .female-btn{
          font-size: 13px;
      }
      .insurance-txt h2{
          font-size: 18px;
      }
      .dob h4,
      .dob2 h4{
          font-size: 15px;
      }
      .step-bx1{
          width: 85px;
      }
      .dob {
          width: 350px;
      }
      .dob-bx select{
          width: 160px;
      }
      .dob-bx input{
          width: 80px;
      }
      .dob2 p{
          max-width: 440px;
      }
      .dob2 input{
          width: 350px;
      }
      .next{
          width: 350px;
          margin: 10px 0;
          font-size: 13px;
      }
      .back{
          width: 350px;
          margin: 10px 0;
          font-size: 13px;
      }
      .yourself-bx{
          padding: 10px 0;
      }
      .insurance-txt p{
          margin-bottom: 5px !important;
      }
      .step-text,
      .insurance-txt,
      .dob,
      .dob2,
      .house-hold{
          margin-top: 10px !important;
      }
      .male-female-bx{
          margin: 10px 0 !important;
      }
      .dob2 p{
          margin-top: 5px !important;
          margin-bottom: 5px !important;
      }
      .family-an-income h4{
          margin: 5px;
      }
      .house-hold p{
          font-size: 15px;
          margin-bottom: 10px !important;
      }
      .checkbox{
          width: auto;
          font-size: 13px;
          margin-bottom: 5px;
          padding: 5px 0;
      }
       
      .line{
      display: none;
     }
     .summary-heading{
      padding: 10px 0;
     }
     .summary-heading h1,
     .smry-left h3{
      font-size: 16px;
     }
     .summary-main-box{
      width: auto;
      height: auto;
      padding-top: 10px;
     }
     .smry-left h1{
      font-size: 22px;
      padding: 10px 0;
     }
     .smry-left p,
     .add-need h6,
     .smry-right-text-bx p{
      font-size: 13px;
     }
     .add-need{
      width: 350px;
      margin-bottom: 10px;
     }
     .add-need strong,
     .smry-right-text-bx h2{
      font-size: 22px;
     }
     .pdf{
      margin-top: 5px;
      justify-content: flex-start !important;
     }
     .smry-right-text-bx{
      padding: 15px;
      margin-top: 10px;
     }
     .smry-right-text-bx p{
      margin-top: 10px;
     }
}

@media (max-width: 992px) { /* Bootstrap 'sm' breakpoint */
  .quote-amount-inputs ._n {
    min-width: auto !important;
    width: 100%;
  }

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