@font-face {
    font-family: 'Graphik';
    src: url('fonts/Graphik-Regular-Trial.otf') format('opentype');
    font-weight: 400;
}

/* @font-face {
    font-family: 'Graphik';
    src: url('fonts/Graphik-Medium-Trial.otf') format('opentype');
    font-weight: 500;
} */

/* @font-face {
    font-family: 'Graphik';
    src: url('fonts/Graphik-Semibold-Trial.otf') format('opentype');
    font-weight: 600;
} */
/* 
@font-face {
    font-family: 'Graphik';
    src: url('fonts/Graphik-Bold-Trial.otf') format('opentype');
    font-weight: 700;
} */
 
body {
    font-family:'Graphik', Arial, sans-serif;
    color: #23395d;
}

.hero {
    background: #f7f7f7;
}

.nav-link {
    font-weight: 500;
    margin: 0 10px;
}

.btn-success {
    background: #0d6f16;
    border: none;
    padding: 15px;
    font-weight: 600;
    border-radius: 8px;
}

.btn-success:hover {
    background: #095b12;
}

.hero h1 {
    font-size: 30px;
    line-height: 1.15;
    color: rgb(10, 64, 7);
        letter-spacing: 0.0125rem;
}

.hero p {
    font-size: 12px;
    line-height: 1.15;
    color: rgb(10, 64, 7) !important;
        letter-spacing: 0.0125rem;
}

.hero ul li {
    font-size: 20px;
    margin-bottom: 12px;
}

.form-control,
.form-select {
    height: 58px;
    border-radius: 8px;
}
.rate-info{
    text-align:center;
    margin-top:18px;
}

.rate-info p{
    font-size:15px;
    color:#23395d;
    margin-bottom:12px;
}

.rate-info p i{
    color:#0b6b17;
    margin-right:8px;
    font-size:18px;
}

.rate-info a{
    color:#23395d;
    font-size:16px;
    font-weight:600;
    text-decoration:underline;
    transition:.3s;
}

.rate-info a:hover{
    color:#0b6b17;
}
@media(max-width:991px) {

    .hero {
        text-align: center;
    }

    .hero h1 {
        font-size: 42px;
    }

}

.loan-purpose {
    background: #fff;
}

.purpose-card {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    padding: 9px;
    background: rgb(246, 246, 249);
    border-radius: 8px;
    text-decoration: none;
    height: 100%;
    transition: .3s;
}

.purpose-card:hover {
    background: rgb(234, 236, 240);
    /* transform: translateY(-5px); */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.034);
}

.purpose-card .content {
    flex: 1;
}

.purpose-card h5 {
    font-size: 16px;
    font-weight: 600;
    color: rgb(58, 59, 65);
    margin-bottom: 5px;
}

.purpose-card h5 span {
    font-size: 20px;
}

.purpose-card p {
     margin: 0;
    color: #56657f;
    font-size: 16px;
    line-height: 1.7;
}

.purpose-card .icon img {
    width: 56px;
    height: 56px;
    object-fit: contain;
}

@media(max-width:991px) {

    .purpose-card {
        padding: 20px;
    }

    .purpose-card h5 {
        font-size: 22px;
    }

    .purpose-card p {
        font-size: 15px;
    }

    .purpose-card .icon img {
        width: 55px;
        height: 55px;
    }

}

.awards-section {
    padding: 80px 0;
    background: #fff;
}

.section-title {
     font-size: 29px;
    font-weight: 700;
    color: #3c3c3c;
}

.award-icon {
    width: 70px;
}

.award-badge {
    height: 110px;
    object-fit: contain;
}

.loan-count {
    font-size: 60px;
    font-weight: 700;
    color: #0d7b22;
    margin-bottom: 10px;
}

.award-text {
       font-size: 19px;
    color: #464646;
    margin: 0;
}

@media(max-width:991px) {

    .section-title {
        font-size: 40px;
    }

    .loan-count {
        font-size: 42px;
    }

    .award-text {
        font-size: 22px;
    }

    .award-badge {
        height: 90px;
    }

}

.review-heading {
      font-size: 29px;
    font-weight: 700;
    color: #3c3c3c;
}

.review-box {

    background: #fff;
    padding: 10px;
    border-radius: 10px;
    /* height: 230px; */
    /* margin:30px; */

}

 

.trust-box {

    text-align: center;

}

.review-box .stars {

    width: 170px;
    margin-bottom: 15px;

}
.trust-stars  i {
    background: #00b67a;
    color: #fff;
    padding: 3px;
    font-size: 11px;
}
 
 

.trust-logo {

    width: 150px;

}
.image-reviews{
    width:126px;
    height:31px;
    position:relative;
        margin: auto;
}

.image-reviews svg{
    width:100%;
    height:100%;
    display:block;
}
.review-box h5 {

    font-weight: 700;
    margin-top: 10px;
    font-size: 15px;

}
 
.review-box p {

    color: #555;
    line-height: 1.7;
    font-size: 11px;


}

.review-btn {

    color: #0b7c18;
    font-weight: 700;
    text-decoration: none;
    font-size: 15px;

}

.swiper-button-next,
.swiper-button-prev {

    width: 45px;
    height: 45px;
    border: 1px solid #ccc;
    border-radius: 50%;
    background: #fff;
    color: #000;

}

.swiper-button-next:after,
.swiper-button-prev:after {

    font-size: 18px;
    font-weight: bold;

}

.steps-section {
    padding:20px 0;
    background: #fff;
}

 

.step-box {
    max-width: 370px;
    margin: auto;
}

.step-icon {
    font-size: 52px;
    color: #4a9fd6;
    margin-bottom: 25px;
    position: relative;
}

.step-search {
    position: absolute;
    right: 105px;
    bottom: -2px;
    font-size: 18px;
    color: #4a9fd6;
}

.step-box h3 { 
font-size: 23px;
    font-weight: 700;
    color: #363636;
    margin-bottom: 18px;
}

.step-box p {
      font-size: 16px;
    line-height: 1.6;
    color: #1e1e1e;
}

@media(max-width:991px) {

    .section-title {
        font-size: 36px;
    }

    .step-box {
        margin-bottom: 40px;
    }

    .step-box h3 {
        font-size: 28px;
    }

    .step-box p {
        font-size: 18px;
    }

    .step-icon {
        font-size: 42px;
    }

    .step-search {
        right: 85px;
    }

}

.loan-flexible {
    padding:20px 0;
    background: #fff;
}

 
.loan-flexible h3 {
      font-size: 20px;
    font-weight: 700;
    color: #444444;
}

.loan-flexible p {
        font-size: 17px;
    color: #434344;
}

.offer-box {

    border: 1px solid #d8dce4;
    border-radius: 12px;
    padding: 30px;
    background: #fff;

}

.offer-row {

    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 0;
    font-size: 28px;

}

.offer-row span {

    color: #55657d;

}

.offer-row strong {

    color: #23395d;
    font-weight: 700;

}

.radio-box {

    border: 1px solid #d8dce4;
    border-radius: 10px;
    padding: 20px;
    margin-top: 15px;

}

.radio-box label {

    display: block;
    font-size: 24px;
    margin: 18px 0;
    cursor: pointer;
    color: #4b5c73;

}

.radio-box input {

    transform: scale(1.3);
    margin-right: 10px;
    accent-color: #44566f;

}

@media(max-width:991px) {

    .section-title {
        font-size: 34px;
    }

    .loan-flexible h3 {
        font-size: 28px;
    }

    .loan-flexible p {
        font-size: 18px;
    }

    .offer-row {
        font-size: 20px;
    }

    .radio-box label {
        font-size: 18px;
    }

}

.loan-info {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.loan-icon {
    flex-shrink: 0;
}

.loan-icon img {
    width: 65px;
    height: 65px;
    object-fit: contain;
}

.loan-info h3 {
    font-size: 21px;
    font-weight: 700;
    color: #404040;
    margin-bottom: 10px;
}

.info-text {
    font-size: 16px;
    color: #292929;
    line-height: 1.6;
}

.loan-info ul {
    margin-top: 15px;
    padding-left: 22px;
}

.loan-info ul li {
    margin-bottom: 10px;
    font-size: 15px;
}

.amount {
margin-top: 20px;
    font-size: 21px;
    font-weight: 400;
    color: #464646;
}

.help-box {
    background: #f5f7fb;
    padding: 50px;
    border-radius: 15px;
}

.help-img {
    width: 170px;
}

.help-box h2 {
    font-size: 46px;
    font-weight: 700;
    color: #23395d;
}

.help-box p {
    color: #5f6d84;
    font-size: 18px;
    margin-bottom: 5px;
}

.help-box a {
    font-size: 20px;
    color: #0066cc;
    text-decoration: none;
}

.phone {
    font-weight: 600;
}

/* FAQ */
.accordion-item {
    border: none;
    border-bottom: 1px solid var(--line);
    background: transparent;
}

.accordion-button {
    font-weight: 600;
    background: transparent;
    padding: 18px 4px;
    font-size: 0.98rem;
}

.accordion-button:not(.collapsed) {
    color: var(--forest);
    background: transparent;
    box-shadow: none;
}

.accordion-button:focus {
    box-shadow: none;
}

.accordion-body {
    color: var(--ink-soft);
    padding: 0 4px 20px;
    font-size: 0.9rem;
}

.copyright {
    background: #0f172a;
    padding: 18px 0;
    text-align: center;
}

.copyright p {
    color: #d1d5db;
    font-size: 15px;
    margin: 0;
}

.copyright a {
    color: #ffffff;
    text-decoration: none;
    margin: 0 5px;
    transition: .3s;
}

.copyright a:hover {
    color: #00b67a;
}

.floating-contact {
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9999;
}

.floating-contact a {
    display: flex;
    align-items: center;
    width: 55px;
    height: 55px;
    margin: 12px 0;
    color: #fff;
    text-decoration: none;
    overflow: hidden;
    transition: 0.4s ease;
    border-radius: 0 30px 30px 0;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .2);
}

.floating-contact a i {
    width: 55px;
    text-align: center;
    font-size: 24px;
    flex-shrink: 0;
}

.floating-contact a span {
    white-space: nowrap;
    opacity: 0;
    margin-left: 5px;
    padding-right: 20px;
    font-weight: 600;
    transition: .3s;
}

.floating-contact a:hover {
    width: 180px;
}

.floating-contact a:hover span {
    opacity: 1;
}

/* WhatsApp */

.whatsapp-btn {
    background: #25D366;
}

/* Call */

.call-btn {
    background: #0d6efd;
}

.popup-box {

    border: none;
    border-radius: 20px;
    overflow: hidden;

}

.popup-left {

    background: linear-gradient(135deg, #0d6efd, #0a58ca);

    color: #fff;

    padding: 50px 35px;

}

.popup-left h2 {

    font-size: 38px;
    font-weight: 700;
    margin-bottom: 20px;

}

.popup-left p {

    opacity: .9;
    line-height: 1.8;

}

.popup-left ul {

    margin-top: 30px;
    padding: 0;
    list-style: none;

}

.popup-left li {

    margin-bottom: 15px;
    font-size: 18px;

}

.popup-left i {

    color: #25D366;
    margin-right: 8px;

}

.popup-form {

    padding: 45px;

}

.popup-form h3 {

    font-size: 32px;
    font-weight: 700;
    margin-bottom: 25px;

}

.popup-form .form-control,
.popup-form .form-select {

    height: 55px;

    margin-bottom: 18px;

    border-radius: 10px;

}

.popup-btn {

    height: 55px;

    background: #0d6efd;

    color: #fff;

    border-radius: 10px;

    font-size: 18px;

    font-weight: 600;

}

.popup-btn:hover {

    background: #084298;

    color: #fff;

}

.popup-close {

    position: absolute;

    right: 18px;

    top: 18px;

    z-index: 10;

}


.accordion-button{
        font-size: 25px;
}

.accordion-body {
    
    font-size: 18px;
}