/* Variable declarations */
:root {
  --blue: #1c2130;
  --green: #028f76;
  --red: #d14334;
  --black: #333333;
  --tan:#ffeaad;
  --offwhite:#fef4f3;
}




*{margin: 0; padding: 0; box-sizing: border-box;}
ul{padding: 0; margin:0; list-style-type: none;}

a{color:inherit; text-decoration: none;}
h1,h2,h3,h4,h5,h6{}

.h2 {
    margin-bottom: 24px;
    font-size: 40px;
    line-height: 50px;
    font-weight: 600;
}

:focus{outline: none; border:none;}
body{
  font-size: 18px;
  line-height: 28px;
  color: var(--black);
  font-family: 'Prompt', sans-serif;
  background: var(--offwhite);

}

h2, .heading {
    margin-bottom: 24px;
    font-size: 40px;
    line-height: 50px;
    font-weight: 600;
}
p {
    margin-bottom: 15px;
}


.super-container{
  max-width: 1366px;
  width: 100%;
  margin: 0 auto;
  padding: 0 15px; 
}


.maindiv{
  max-width: 1140px;
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}
.img-fluid{
  max-width: 100%;
}
.img-res{
  max-width: 100%;
  width: 100%;
  height: auto;
}
.transition{
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.text-white{color: #fff;}
.text-left{text-align: left;}
.text-center{text-align: center;}
.rounded{border-radius: 5px;}
.pt-1{padding-top: 20px;}
.pt-2{padding-top: 40px;}
.pt-3{padding-top: 60px;}
.pb-1{padding-bottom: 20px;}
.pb-2{padding-bottom: 40px;}
.pb-3{padding-bottom: 60px;}

.mt-1{margin-top: 20px;}
.mt-2{margin-top: 40px;}
.mt-3{margin-top: 60px;}
.mb-1{margin-bottom: 20px;}
.mb-2{margin-bottom: 40px;}
.mb-3{margin-bottom: 60px;}

.mb-0{margin-bottom: 0 !important;}


/*common css end*/
a.more {
    color: #0d4bbe;
    font-style: italic;
    text-decoration: underline;
}
main a{
    color: #2471ff;
}
main .green a{color: #fce540;}


/* navigation start */

.nav-header {
    position: relative;
    background: var(--tan);
    border-top: 5px solid var(--red);
    padding: 6px 0;
    box-shadow: 0px 0px 7px 0 rgb(0 0 0 / 15%);
}
.logo {
    max-width: 230px;
    position: absolute;
    left: 10px;
    top: 5px;
    z-index: 9;
}
#menu-icon {
    padding-top: 28px;
    color: var(--red);
    right: 5px;
    position: relative;
    font-size: 23px;
    bottom: 14px;
    background: none;
    border: 0;
}
.nav01 {
    width: 100%;
    justify-content: flex-end;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}
.nav-header .maindiv {
    padding: 0;
}
.nav01 .menu01 li {
    margin: 12px 0;
}
.nav01 .menu01 a {
    color: #fff;
    font-weight: 500;
}
.nav01 .menu01 {
    width: 100%;
    background: var(--red);
    padding: 0 15px;
    display: none;
    position: absolute;
    top: 55px;
    left: 0;
    border-bottom: 5px solid var(--blue);
    z-index: 9;

}
.sub_menu {
    display: none;
    padding-left: 10px;
}
.menu {
    position: relative;

}
.menu:before {
    content: "MENU";
    font-size: 16px;
    bottom: 2px;
    position: relative;
    font-weight: 600;
    right: -7px;
}


.text-toggle .menu:before {
    content: "CLOSE";
    font-size: 16px;
    bottom: 2px;
    position: relative;
    font-weight: 600;
    right: -7px;
}
.menu01 .fa-caret-down {
    display: none;
}
.icon1 {
    position: relative;
}
.icon1:before {
    content: "\f078";
    font-family: FontAwesome;
    position: absolute;
    color: #fff;
    right: 0px;
    top: 0px;
    font-size: 10px;
}

.nav01 .menu01 li.apply-now {
    border: 1px solid #ffffff;
    padding: 5px;
    background: #ffffff;
    margin-bottom: 20px;
    text-align: center;
}
.nav01 .menu01 li.apply-now a {
    color: #248e38;
}
.logo img {
    height: 61px;
}


.warning-header{
    background: var(--blue);
    color: #fff;
    text-align: center;
    padding: 5px 0;
}
.warning-header p{margin-bottom: 0; font-size: 14px; padding-right: 20px}
.only-dektop{display: none;}
.only-mobile{display: block;}


.inner-banner {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 5px 20px;
}
.inner-banner li {
    position: relative;
    padding-left: 27px;
}
.inner-banner li:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    position: absolute;
    top: 6px;
    left: 0;
    content: "\f101";
    background: var(--black);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
}

/* banner */

.banner {
    background: var(--tan);
    padding: 30px 0 30px 0;
}
.banner h1 {
    font-size: 36px;
    line-height: 48px;
    font-weight: 600;
    margin-bottom: 15px;
}
.banner label {
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
}
.representative .head {
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
}
.representative p {
    font-size: 16px;
    line-height: 26px;
}
.representative {
    margin-bottom: 35px;
    margin-top: 20px;
}

.four-feature-box .four-div-grid {
    background: #ffffff;
    padding: 15px;
    border-radius: 15px;
    box-shadow: 0px 0px 7px 0 rgb(0 0 0 / 8%);

}
.four-feature-box .four-div-grid div {
    display: flex;
    align-items: center;
}
.four-feature-box .img {
    display: block;
    margin-right: 10px;
}
.four-feature-box .text {
    font-weight: 500;
}




/* banner slider start */

.loanAmount__container {
    display: grid;
    grid-template-columns: 10% 70% 10%;
    background: rgb(255 255 255 / 80%);
    padding: 15px 15px;
    border-radius: 10px;
}

.box-in {
    width: 100%;
    font-size: 18px;
    text-align: center
}

.sub_button {
    background: var(--green);
    border: 0;
    font-size: 23px;
    line-height: 33px;
    font-weight: 600;
    color: #fff;
    border-radius: 5px;
    width: 30px;
    height: 30px
}

input#amount,
input#time {
    border: 0;
    height: 40px;
    font-size: 26px;
   
}

input#amount {
    text-align: left;
    width: 45%;
    background: 0 0
}

input#amount,
input#time {
    border: 0;
    height: 35px;
    font-size: 18px;

}

input#time {
    text-align: right;
    width: 19%
}

.banner-slider1 .lone-calc {
    display: block;
    font-size: 20px;
    line-height: 30px;
    padding-bottom: 0;
    margin-bottom: 30px;
    font-weight: 600;
    text-align: center;
    position: relative
}

.read-more {
    padding: 20px 10px;
    margin-left: 10px;
    border-radius: 10px;
    background: var(--red);
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    -webkit-transition: 0.2s all; 
    -moz-transition: 0.2s all; 
    -ms-transition: 0.2s all; 
    transition: 0.2s all; 
    border: 1px solid var(--red);
}
.read-more:hover { box-shadow: 7px 6px 28px 1px rgba(0, 0, 0, 0.24); transform: scale(0.98); }
.read-more:active {
    transform: scale(0.90); 
    box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24); 
}




.hold1 {
    display: flex;
    justify-content: space-between;
    max-width: 568px;
    margin: 0 auto;
    align-items: center
}

.banner-slider1 {
    padding-top: 20px;
}
.banner .imagebox {margin-top: 50px; display: none;}


/* banner slider end */

.image-left {
    padding: 50px 0;
}
.gradient{background-image: linear-gradient(360deg, #fef4f4 0%, #fbefce 74%);}
.green-list li {
    margin-bottom: 30px;
    padding-left: 90px;
    position: relative;
}
.green-list li:before {
    content: "";
    position: absolute;
    width: 70px;
    height: 70px;
    background: url(../images/tick-green.webp) no-repeat;
    left: 0;
}

.white-list li {
    margin-bottom: 30px;
    padding-left: 90px;
    position: relative;
}
.white-list li > p:first-child > strong {
    font-size: 23px;
}
.white-list li:before {
    content: "";
    position: absolute;
    width: 70px;
    height: 70px;
    background: url(../images/tick-white.webp) no-repeat;
    left: 0;
}
.green-bubble-bx {
    background-color: var(--green);
    color: #fff;
    padding: 50px;
    border-radius: 10px 50px;
    margin: 50px 0;
}
.green-bubble-bx .lefttext span {
    display: block;
    font-size: 30px;
    line-height: 40px;
    width: 100%;
    font-weight: 500;
    margin-bottom: 30px;
}
.tab-list-grid p {
    background: #fff;
    color: var(--black);
    padding: 10px 20px;
    border-radius: 5px;
    position: relative;
}
.tab-list-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    width: 100%;
    grid-gap: 30px;
}


.curve {
    padding: 50px 0;
    position: relative;
}
.tan {
    background: var(--tan);
}
.green {
    background: var(--green);
}



.tan .curve-svg, .green .curve-svg {
    display: none;
}
.two-border-grid, .three-border-grid, .four-border-grid, .five-border-grid{
    display: grid;
    grid-template-columns: repeat(1,1fr);
    grid-gap: 30px;
    margin: 40px 0;
}


.three-border-grid > div, .four-border-grid > div, .five-border-grid > div {
    text-align: center;
    border: 1px solid var(--black);
    border-radius: 8px;
    padding: 30px;
}
.two-border-grid > div img, .three-border-grid > div img {
    display: block;
    margin: 0 auto 15px;
}
.three-border-grid > div .h3, .four-border-grid > div .h3, .five-border-grid > div .h3 {
    display: block;
    font-size: 22px;
    line-height: 32px;
    font-weight: 600;
    margin: 0 auto 15px;
}

.three-border-grid.home-pg-icon > div .h3{ max-width: 220px;}


.two-border-grid > div{
    border: 1px solid var(--black);
    border-radius: 8px;
    padding: 30px;
}
.two-border-grid > div .h3{
    display: block;
    font-size: 22px;
    line-height: 32px;
    font-weight: 600;
    margin: 0 auto 15px;
}

.theme-btn {
    background: var(--red);
    color: #fff;
    padding: 15px 30px;
    border-radius: 8px;
    display: inline-block;
}
.theme-btn.lg { padding: 15px 45px;}

/* bullet point */
.type1 {
    padding-left: 50px;
}

.type1 li {
    position: relative;
    margin-bottom: 10px;

    
}


.type1 li a{color: #0d4bbe; font-size: 18px;line-height: 28px;}
.type1 li:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    position: absolute;
    top: 3px;
    left: -37px;
    content: "\f101";
    background: var(--black);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
}
.type1 li p:first-child>strong {
    color: var(--black);
}
.type1.w li p>strong {
    color: #fff;
}
.type1.w li:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: var(--black);
    font-size: 14px;
    line-height: 20px;
    position: absolute;
    top: 3px;
    left: -37px;
    content: "\f101";
    background: #fff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
}
.type1 li > p:first-child {
    margin-bottom: 6px;
}
.four-list-grid {
    border: 1px solid var(--black);
    padding: 20px;
    border-radius: 8px;
    display: grid;
    grid-template-columns: repeat(1, 1fr);

}

/* 3 box */


.shadow-box-wrap {
    box-shadow: 0 15px 30px rgb(23 23 23 / 8%);
    padding: 30px 20px 30px 20px;
    border-radius: 10px;
    position: relative;
    margin-bottom: 40px;
    background: #fff;
    text-align: center;
}
.shadow-box-wrap p {
    font-size: 16px;
    line-height: 26px;
}
.shadow-box-wrap .h4 {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    margin: 15px 0;
    display: block;
}
.num {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    font-weight: 600;
}
.one .num {
    background: var(--red);
}
.two .num {
    background: var(--green);
}
.three .num {
    background: var(--blue);
}
.image-txt-zone.girl .imgbx {display: none;}


/*faq*/
.faq-area .accordion-container .accordion-title {
    position: relative;
    margin: 0;
    padding: 10px 36px 10px 20px;
    color: #000;
    cursor: pointer;
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    border-bottom: 2px solid var(--black);
}



.faq-area .accordion-container .accordion-title::after {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: var(--black);
    font-size: 16px;
    line-height: 26px;
    padding-right: 0.5em;
    position: absolute;
    top: 10px;
    right: 0;
    content: "\f067";
}


.faq-area .accordion-container .accordion-title.open::after {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: var(--black);
    font-size: 16px;
    line-height: 26px;
    padding-right: 0.5em;
    position: absolute;
    top: 10px;
    right: 0;
    content: "\f068";
}

.faq-area .accordion-container {
    width: 100%;
    margin: 0 auto
}

.faq-area .accordion-content {
    padding: 15px;
    padding-left: 25px;
    font-size: 18px;
    line-height: 28px;
    border-radius: 0;
    padding-bottom: 0;
}


/*.faq-area .holder:not(:first-of-type) .accordion-content{display: none;}*/
.faq-area .holder .accordion-content{display: none;}

.faq {padding: 50px 0 50px 0;}
/*faq*/

/*--footer--*/
.footer {
    background: #fdf3ec;
    padding-top: 50px;
}
.footer h4 {
    margin-bottom: 15px;
}
.list-grid ul li {
    margin: 5px 0;
}

.social {
    margin: 20px 0;
}
.social ul li {
    display: inline-block;
}
.social a {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #ccc3bc;
    text-align: center;
    display: inline-block;
    margin-right: 5px;
    font-size: 18px;
    line-height: 32px;
}
.footer-first .list-grid div {margin-bottom: 20px}

.bunch-list {
    margin: 30px 0;
}
.bunch-list ul li {
    display: inline-block;
    margin: 5px 0;
}
.bunch-list ul li a {
    border-right: 1px solid #878585;
    padding-right: 10px;
    margin-right: 10px;
    font-size: 16px;
    line-height: 26px;
    text-decoration: underline;
}

.copywright {
    background: #ede4de;
    padding: 12px 0;
}
.copywright p {
    margin-bottom: 0;
    font-size: 16px;
}

.super-container .close {
    position: absolute;
    width: 30px;
    height: 30px;
    right: 5px;
    top: 25px;
    cursor: pointer;
}
.super-container .close .fa {
    font-size: 22px;
}

.breadcrumb {
    padding: 10px;
    background: #f7e2a4;
}
.breadcrumb li {
    display: inline-block;
}

.innerpage .representative {
    margin-bottom: 0px;
    margin-top: 20px;
}

/* btn style start */
.btn-effect {
    padding: 15px 30px;
    background-color: var(--red);
    border: none;
    font-size: 18px;
    line-height: 28px;
    transition: all 0.5s linear;
    color: #fff;
    border-radius: 8px;
    display: inline-block;

}

.btn-effect.sm {padding: 10px 20px;}


/* btn style end */

.banner-slider1.innerpage-form {
    background: #f6df9d;
    padding: 10px 10px 10px 10px;
    margin-top: 20px;
    border-radius: 8px;
}


/* table */

.table-res{overflow-x:auto; }
.table-w table {
    width: 100%;
}.table-container {
    display: block;
    overflow: hidden;
    width: 100%;
    margin-bottom: 10px;
}
.table-container h2 {
    color: #fff;
    text-align: center;
}
.table-container table {
    display: table;
    width: 100%;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.table-container table tr th {
    color: #fff;
    border: 1px solid #fff;
    padding: 5px 5px;
    font-size: 16px;
    font-weight: 500;
}
.table-container table tr th {
    color: #fff;
    border: 1px solid #fff;
    padding: 5px 5px;
    font-size: 16px;
    font-weight: 500;
}
.table-container table tr td {
    border: 1px solid #fff;
    color: #fff;
    font-size: 14px;
    padding: 7px 10px;
    text-align: center;
}
.table-w table tr th {
    color: #fff;
    background: var(--black);
    border: 1px solid var(--black);
    padding: 11px 15px;
    font-size: 20px;
}
.table-w table tr td {
    padding-bottom: 7px;
    font-weight: 400;
    text-align: left;
    border: 1px solid var(--black);
    padding: 15px 15px;
}
/* table end*/

.overflow-x  {
    overflow-x: hidden;
}
.overflow-y{
    overflow-y: hidden;
}
.three-border-grid .p-15, .four-border-grid .p-15 {
    padding: 15px;
}
.three-border-grid .type1, .four-border-grid .type1 {
    padding-left: 40px;
}
.type1.w li {
    padding-left: 0;
}

.no-bdr {
    border: 0 !important;
}

.how-it-works .imgbx {
    max-width: 300px;
    width: 100%;
    margin: 0 auto;
}

/* contact */

.address .details {
    display: flex;
    padding-bottom: 15px;
}
.address .details .fa {
    margin-right: 15px;
    font-size: 20px;
    line-height: 30px;
    color: var(--red);
}
.address .details a {
    display: block;
}
.address .details p {
    margin-bottom: 0;
}

.contact-bx {
    padding: 30px;
    background: var(--tan);
    border-radius: 8px;
    margin-bottom: 20px;
}

.contact-bx .heading {
    margin-bottom: 6px;
}
.contact-us {
    margin-top: 20px;
}

.input-text {
    background: #fff9e9;
    border: 0;
    padding: 15px;
    width: 100%;
}
.form-row {
    margin-bottom: 15px;
}
textarea.input-text {
    min-height: 120px;
}

/* apply now page */

.apply-now  .has-feedback {
    grid-column: 1/4;
    margin: 20px 0;
}
.apply-now  .has-feedback label {
    display: flex;
    align-items: flex-start;
}
.apply-now  .has-feedback label input[type="checkbox"] {
    margin-right: 15px;
    margin-top: 5px;
}

.apply-now .form-f {
    margin-bottom: 20px;
}
.apply-now .input-group {
    display: flex;
}
.apply-now .input-group {
    display: flex;
}
.apply-now .input-group #loan_amt {
    background: #fff9e9;
    padding-top: 8px;
    padding-left: 10px;
}


.form-control, select, .form-control-loan-amt {
    background: #fff9e9;
    border: 0;
    padding: 15px;
    width: 100%;
}
.t-image {
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
}
.how-it-works h3 span {
    display: block;
    margin-bottom: 10px;
    color: var(--green);
}
.how-it-works h3 {
    font-size: 24px;
    line-height: 24px;
}





.apply-now-bottom a {
    -webkit-box-shadow: 0px 0px 8px rgb(12 12 12 / 80%);
    -moz-box-shadow: 0px 0px 8px rgb(12 12 12 / 80%);
    box-shadow: 0px 0px 8px rgb(12 12 12 / 80%);
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    padding: 10px 20px;
    font-weight: bold;
    width: 160px;
    text-align: center;
    display: block;
    border-radius: 5px 5px 0 0;
    background:var(--red);
    margin: 0 auto;
    position: fixed;
    bottom: 0;
    left: calc(50% - 80px);
    z-index: 99;
    text-decoration: none;
}
.apply-now-bottom a:hover{color: #fff;}

.scroll-top {
    position: fixed;
    display: none;
    right: 15px;
    bottom: 35px;
    transition: background .5s;
    z-index: 11;
    text-decoration: none;
    border: 0;
    cursor: pointer;
}

.scroll-top .fa {
    width: 40px;
    height: 40px;
    background: var(--red);
    text-align: center;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.green .three-border-grid > div {
    border: 1px solid #fff;
}

main .green a.btn-effect{
    color: #fff;
}