/*=========================================
Google Font
=========================================*/

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    font-family:'Inter',sans-serif;
    background:#f7faf8;
    color:#222;
    overflow-x:hidden;
    padding-top:92px;
}

/*=========================================
Colors
=========================================*/

:root{

--primary:#ff6b28;
--secondary:#015a37;
--dark:#183028;
--text:#555;
--light:#ffffff;
--border:#ebebeb;
--bg:#f5f8fa;

}

/*=========================================
Navbar
=========================================*/

.custom-navbar{

background:#fff;
padding:14px 0;
box-shadow:0 8px 25px rgba(0,0,0,.05);
transition:.4s;
z-index:999;

}

.navbar-brand img{

height:62px;

}

.navbar-nav{

gap:12px;

}

.nav-link{

font-size:13px;
font-weight:600;
color:#333 !important;
transition:.3s;
padding:8px 10px !important;

}

.nav-link:hover,
.nav-link.active{

color:var(--primary)!important;

}

.login-btn{

border:1px solid var(--secondary);
padding:10px 22px;
font-size:13px;
font-weight:600;
border-radius:50px;
text-decoration:none;
color:var(--secondary);
transition:.35s;

}

.login-btn:hover{

background:var(--secondary);
color:#fff;

}

.apply-btn{

background:var(--primary);
padding:10px 25px;
border-radius:50px;
text-decoration:none;
font-size:13px;
font-weight:600;
color:#fff;
transition:.35s;

}

.apply-btn:hover{

background:var(--secondary);
color:#fff;

}

/*=========================================
Hero
=========================================*/

.hero{

padding:110px 0;
position:relative;
background:linear-gradient(135deg,#ffffff,#eef7f3);

overflow:hidden;

}

.hero::before{

content:"";
position:absolute;
right:-180px;
top:-150px;
width:500px;
height:500px;
background:rgba(255,107,40,.06);
border-radius:50%;

}

.hero::after{

content:"";
position:absolute;
left:-220px;
bottom:-220px;
width:500px;
height:500px;
background:rgba(1,90,55,.05);
border-radius:50%;

}

/*=========================================
Hero Left
=========================================*/

.hero-content{

position:relative;
z-index:10;

}

.hero-tag{

display:inline-block;
background:#eaf7ef;
color:var(--secondary);
padding:8px 18px;
font-size:12px;
font-weight:600;
border-radius:30px;
margin-bottom:22px;

}

.hero h1{

font-size:42px;
font-weight:800;
line-height:58px;
color:var(--dark);
margin-bottom:22px;

}

.hero p{

font-size:14px;
line-height:28px;
color:var(--text);
max-width:520px;
margin-bottom:35px;

}

/*=========================================
Buttons
=========================================*/

.hero-buttons{

display:flex;
gap:15px;
margin-bottom:35px;

}

.apply-main{

background:var(--primary);
color:#fff;
padding:14px 34px;
font-size:13px;
font-weight:600;
border-radius:50px;

}

.apply-main:hover{

background:var(--secondary);
color:#fff;

}

.learn-btn{

border:2px solid var(--secondary);
padding:14px 34px;
border-radius:50px;
font-size:13px;
font-weight:600;
color:var(--secondary);

}

.learn-btn:hover{

background:var(--secondary);
color:#fff;

}

/*=========================================
Features
=========================================*/

.hero-features{

display:flex;
flex-wrap:wrap;
gap:35px;

}

.hero-features div{

font-size:13px;
font-weight:600;
color:#444;

}

.hero-features i{

color:var(--primary);
margin-right:6px;

}

/*=========================================
Hero Image
=========================================*/

.hero-image{

position:relative;
text-align:center;

}

.hero-image img{

max-width:88%;
position:relative;
z-index:5;

animation:float 5s ease-in-out infinite;

}

/*=========================================
Circle
=========================================*/

.circle-bg{

position:absolute;
width:480px;
height:480px;
background:linear-gradient(135deg,#ffffff,#e9f7f1);
border-radius:50%;
left:50%;
top:50%;
transform:translate(-50%,-50%);
box-shadow:0 20px 60px rgba(0,0,0,.08);

}

/*=========================================
Cards
=========================================*/

.floating-card{

position:absolute;
background:#fff;
padding:18px 24px;
border-radius:18px;
box-shadow:0 15px 40px rgba(0,0,0,.10);
animation:floatCard 4s ease-in-out infinite;

}

.floating-card h6{

font-size:12px;
color:#888;
margin-bottom:6px;

}

.floating-card h3{

font-size:20px;
font-weight:700;
color:var(--secondary);

}

.card1{

left:0;
top:20%;

}

.card2{

right:0;
top:8%;

}

.card3{

right:40px;
bottom:25px;

}

/*=========================================
Animations
=========================================*/

@keyframes float{

0%{
transform:translateY(0px);
}

50%{
transform:translateY(-15px);
}

100%{
transform:translateY(0px);
}

}

@keyframes floatCard{

0%{
transform:translateY(0px);
}

50%{
transform:translateY(-10px);
}

100%{
transform:translateY(0px);
}

}

/*=========================================
Responsive
=========================================*/

@media(max-width:991px){

.hero{

padding:70px 0;

}

.hero h1{

font-size:32px;
line-height:46px;

}

.hero-content{

text-align:center;

}

.hero p{

margin:auto;
margin-bottom:30px;

}

.hero-buttons{

justify-content:center;

}

.hero-features{

justify-content:center;

}

.hero-image{

margin-top:60px;

}

.circle-bg{

width:360px;
height:360px;

}

.navbar-brand img{

height:50px;

}

.navbar-collapse{

margin-top:20px;
background:#fff;
padding:20px;
border-radius:12px;
box-shadow:0 10px 30px rgba(0,0,0,.08);

}

}

@media(max-width:768px){

.hero h1{

font-size:28px;
line-height:40px;

}

.hero p{

font-size:13px;
line-height:24px;

}

.hero-buttons{

flex-direction:column;

}

.apply-main,
.learn-btn{

width:100%;

}

.floating-card{

display:none;

}

.circle-bg{

width:300px;
height:300px;

}

}

@media(max-width:576px){

.hero{

padding:55px 0;

}

.hero-tag{

font-size:11px;

}

.hero h1{

font-size:24px;
line-height:34px;

}

.hero-features{

gap:15px;
flex-direction:column;
align-items:center;

}

.hero-image img{

max-width:100%;

}

.circle-bg{

width:260px;
height:260px;

}

.navbar-brand img{

height:42px;

}

.nav-link{

font-size:14px;

}

.login-btn,
.apply-btn{

width:100%;
display:block;
text-align:center;
margin-top:10px;

}

}
/*==========================
About Section
===========================*/

.about-section{

background:#fff;
padding:90px 0;

}

.section-tag{

display:inline-block;
padding:8px 18px;
background:#e9f8ef;
color:#015a37;
border-radius:30px;
font-size:12px;
font-weight:600;
letter-spacing:.5px;

}

.section-title{

font-size:34px;
font-weight:700;
line-height:48px;
color:#173126;
margin-bottom:20px;

}

.about-text{

font-size:14px;
line-height:28px;
color:#666;
margin-bottom:18px;

}

.about-image{

position:relative;
text-align:center;

}

.about-image img{

max-width:80%;

}

.experience-box{

position:absolute;
right:20px;
bottom:20px;
background:#ff6b28;
padding:25px;
border-radius:18px;
color:#fff;
box-shadow:0 20px 40px rgba(0,0,0,.15);

}

.experience-box h2{

font-size:36px;
font-weight:700;
margin-bottom:5px;

}

.experience-box p{

font-size:12px;
margin:0;

}

.about-feature{

display:flex;
align-items:flex-start;
gap:15px;

}

.about-feature i{

width:45px;
height:45px;
background:#015a37;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
font-size:18px;

}

.about-feature h6{

font-size:15px;
font-weight:600;
margin-bottom:5px;
color:#173126;

}

.about-feature small{

font-size:12px;
color:#777;
line-height:20px;

}

.about-btn{

background:#ff6b28;
color:#fff;
padding:14px 34px;
border-radius:40px;
font-size:13px;
font-weight:600;
transition:.3s;

}

.about-btn:hover{

background:#015a37;
color:#fff;

}

/* Responsive */

@media(max-width:991px){

.section-title{

font-size:28px;
line-height:40px;

}

.about-image{

margin-bottom:40px;

}

.experience-box{

position:relative;
right:auto;
bottom:auto;
display:inline-block;
margin-top:20px;

}

}

@media(max-width:576px){

.section-title{

font-size:24px;
line-height:34px;

}

.about-text{

font-size:13px;

}

.about-feature{

margin-bottom:20px;

}

}
/*=========================
Why Choose Us
==========================*/

.why-section{

    background:#f7faf8;
    padding:90px 0;

}

.section-subtitle{

    max-width:700px;
    margin:15px auto 0;
    font-size:14px;
    color:#666;
    line-height:28px;

}

.why-card{

    background:#fff;
    border-radius:18px;
    padding:35px 30px;
    text-align:center;
    transition:.35s;
    height:100%;
    border:1px solid #edf1ef;
    box-shadow:0 10px 30px rgba(0,0,0,.04);

}

.why-card:hover{

    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(0,0,0,.10);

}

.icon-box{

    width:75px;
    height:75px;
    background:linear-gradient(135deg,#015a37,#02884f);
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 25px;
    font-size:28px;
    transition:.35s;

}

.why-card:hover .icon-box{

    background:linear-gradient(135deg,#ff6b28,#ff8c43);
    transform:rotateY(180deg);

}

.why-card h5{

    font-size:18px;
    font-weight:700;
    color:#173126;
    margin-bottom:15px;

}

.why-card p{

    font-size:13px;
    color:#666;
    line-height:25px;
    margin:0;

}

/* Responsive */

@media(max-width:768px){

.why-section{

    padding:70px 0;

}

.section-subtitle{

    font-size:13px;
    line-height:24px;

}

.why-card{

    padding:30px 25px;

}

.icon-box{

    width:65px;
    height:65px;
    font-size:24px;

}

.why-card h5{

    font-size:16px;

}

}
/*==================================
Services
==================================*/

.services-section{

    background:#ffffff;
    padding:90px 0;

}

.service-card{

    background:#fff;
    border-radius:20px;
    padding:40px;
    border:1px solid #edf1ef;
    box-shadow:0 15px 40px rgba(0,0,0,.05);
    transition:.35s;
    position:relative;
    overflow:hidden;
    height:100%;

}

.service-card:hover{

    transform:translateY(-10px);
    box-shadow:0 20px 45px rgba(0,0,0,.12);

}

.service-card::before{

    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:5px;
    background:#ff6b28;

}

.service-icon{

    width:80px;
    height:80px;
    border-radius:20px;
    background:#fff3ec;
    color:#ff6b28;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:34px;
    margin-bottom:25px;

}

.service-icon.gold{

    background:#eefaf4;
    color:#015a37;

}

.service-badge{

    position:absolute;
    right:25px;
    top:25px;
    background:#ff6b28;
    color:#fff;
    padding:6px 14px;
    border-radius:30px;
    font-size:11px;
    font-weight:600;

}

.service-badge.green{

    background:#015a37;

}

.service-card h3{

    font-size:26px;
    font-weight:700;
    color:#173126;
    margin-bottom:18px;

}

.service-card p{

    font-size:14px;
    color:#666;
    line-height:28px;
    margin-bottom:25px;

}

.service-card ul{

    list-style:none;
    padding:0;
    margin-bottom:35px;

}

.service-card ul li{

    font-size:14px;
    margin-bottom:15px;
    color:#555;

}

.service-card ul li i{

    color:#015a37;
    margin-right:10px;

}

.service-btn{

    display:inline-block;
    padding:14px 30px;
    border-radius:50px;
    background:#ff6b28;
    color:#fff;
    text-decoration:none;
    font-size:13px;
    font-weight:600;
    transition:.35s;

}

.service-btn:hover{

    background:#015a37;
    color:#fff;

}

/* Responsive */

@media(max-width:768px){

.service-card{

    padding:30px;

}

.service-card h3{

    font-size:22px;

}

.service-card p,
.service-card ul li{

    font-size:13px;

}

}
/*==========================
Footer
===========================*/

.footer{

    background:#123228;
    color:#d8e7df;
    padding:80px 0 25px;

}

.footer-logo{

    height:70px;
    background:#fff;
    padding:10px;
    border-radius:10px;

}

.footer-about{

    font-size:13px;
    line-height:27px;
    color:#cdd8d3;

}

.footer h5{

    color:#fff;
    font-size:18px;
    margin-bottom:25px;
    font-weight:600;

}

.footer ul{

    list-style:none;
    padding:0;
    margin:0;

}

.footer ul li{

    margin-bottom:14px;

}

.footer ul li a{

    color:#cdd8d3;
    text-decoration:none;
    font-size:13px;
    transition:.3s;

}

.footer ul li a:hover{

    color:#ff6b28;
    padding-left:6px;

}

.contact-info li{

    display:flex;
    align-items:flex-start;
    gap:12px;
    font-size:13px;
    line-height:24px;

}

.contact-info i{

    color:#ff6b28;
    margin-top:5px;
    width:18px;

}

.social-links{

    margin-top:25px;

}

.social-links a{

    width:42px;
    height:42px;
    display:inline-flex;
    justify-content:center;
    align-items:center;
    border-radius:50%;
    background:rgba(255,255,255,.08);
    color:#fff;
    margin-right:10px;
    transition:.3s;

}

.social-links a:hover{

    background:#ff6b28;
    transform:translateY(-5px);

}

.footer hr{

    border-color:rgba(255,255,255,.12);
    margin:45px 0 25px;

}

.footer-bottom p{

    margin:0;
    font-size:13px;
    color:#cdd8d3;

}

.footer-bottom a{

    color:#cdd8d3;
    text-decoration:none;
    font-size:13px;
    margin-left:20px;
    transition:.3s;

}

.footer-bottom a:hover{

    color:#ff6b28;

}

/* Responsive */

@media(max-width:991px){

.footer{

text-align:center;

}

.contact-info li{

justify-content:center;

}

.footer-bottom{

text-align:center;

}

.footer-bottom a{

display:inline-block;
margin:10px 8px;

}

.social-links{

margin-bottom:25px;

}

}

@media(max-width:576px){

.footer{

padding:60px 0 20px;

}

.footer-logo{

height:60px;

}

.footer h5{

font-size:17px;

}

.footer-about,
.footer ul li a,
.contact-info li,
.footer-bottom p,
.footer-bottom a{

font-size:12px;

}

}
/*=============================
Loan Services
==============================*/

.loan-services{

padding:90px 0;
background:#f8fbfc;

}

.loan-card{

background:#fff;
padding:35px 30px;
border-radius:20px;
height:100%;
position:relative;
overflow:hidden;
transition:.35s;
border:1px solid #edf2f5;

}

.loan-card:hover{

transform:translateY(-12px);

box-shadow:0 25px 60px rgba(0,0,0,.08);

}

.loan-card:before{

content:"";
position:absolute;
left:0;
top:0;
height:5px;
width:100%;
background:linear-gradient(90deg,#ff6b28,#015a37);

}

.loan-icon{

width:80px;
height:80px;
border-radius:20px;
display:flex;
justify-content:center;
align-items:center;
font-size:34px;
margin-bottom:25px;
color:#fff;

}

.personal{

background:linear-gradient(135deg,#ff8b3d,#ff5e13);

}

.green{

background:linear-gradient(135deg,#0d8a53,#015a37);

}

.orange{

background:linear-gradient(135deg,#ffae00,#ff6b28);

}

.blue{

background:linear-gradient(135deg,#2e8cff,#1654c7);

}

.loan-card h4{

font-size:21px;
font-weight:700;
margin-bottom:15px;
color:#222;

}

.loan-card p{

font-size:14px;
line-height:26px;
color:#666;
margin-bottom:22px;

}

.loan-card ul{

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

}

.loan-card ul li{

font-size:13px;
margin-bottom:12px;
color:#444;

}

.loan-card ul li i{

color:#0d8a53;
margin-right:8px;

}

.service-btn{

display:inline-flex;
align-items:center;
gap:8px;
text-decoration:none;
padding:12px 25px;
background:#ff6b28;
color:#fff;
border-radius:40px;
font-size:13px;
font-weight:600;
transition:.35s;

}

.service-btn:hover{

background:#015a37;
color:#fff;

}

.service-btn i{

transition:.35s;

}

.service-btn:hover i{

transform:translateX(5px);

}

.loan-card:hover .loan-icon{

transform:rotateY(360deg);

transition:1s;

}

/* Responsive */

@media(max-width:991px){

.loan-services{

padding:70px 0;

}

.loan-card{

padding:30px;

}

}

@media(max-width:576px){

.loan-card{

padding:25px;

}

.loan-card h4{

font-size:18px;

}

.loan-card p{

font-size:13px;

}

.loan-icon{

width:65px;
height:65px;
font-size:28px;

}

}
/*=================================
Features & Benefits
==================================*/

.feature-benefits{

    background:#f8fbfc;
    padding:90px 0;

}

.feature-box{

    background:#fff;
    border-radius:18px;
    padding:35px 30px;
    text-align:center;
    height:100%;
    transition:.35s;
    border:1px solid #edf2f5;
    position:relative;
    overflow:hidden;

}

.feature-box:hover{

    transform:translateY(-10px);
    box-shadow:0 20px 45px rgba(0,0,0,.08);

}

.feature-box::before{

    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:linear-gradient(90deg,#ff6b28,#015a37);

}

.feature-icon{

    width:75px;
    height:75px;
    border-radius:18px;
    margin:auto;
    margin-bottom:25px;
    display:flex;
    justify-content:center;
    align-items:center;
    background:linear-gradient(135deg,#ff6b28,#015a37);
    color:#fff;
    font-size:30px;
    transition:.5s;

}

.feature-box:hover .feature-icon{

    transform:rotateY(360deg);

}

.feature-box h5{

    font-size:18px;
    font-weight:700;
    color:#173126;
    margin-bottom:15px;

}

.feature-box p{

    font-size:13px;
    color:#666;
    line-height:25px;
    margin:0;

}

@media(max-width:768px){

.feature-benefits{

padding:70px 0;

}

.feature-box{

padding:28px;

}

.feature-box h5{

font-size:17px;

}

.feature-box p{

font-size:13px;

}

}

/*=========================================
PARTNER SECTION
=========================================*/

.partner-section{
    padding:100px 0;
    background:linear-gradient(180deg,#ffffff,#f7fbfd);
    position:relative;
    overflow:hidden;
}

.partner-section::before{
    content:'';
    position:absolute;
    width:500px;
    height:500px;
    background:rgba(1,90,55,.04);
    border-radius:50%;
    top:-250px;
    left:-250px;
}

.partner-section::after{
    content:'';
    position:absolute;
    width:450px;
    height:450px;
    background:rgba(255,107,40,.05);
    border-radius:50%;
    right:-250px;
    top:-100px;
}

/*=========================
HEADING
=========================*/

.partner-badge{
    display:inline-flex;
    align-items:center;
    gap:10px;
    background:#edf8f1;
    color:#015a37;
    padding:10px 24px;
    border-radius:40px;
    font-size:13px;
    font-weight:600;
}

.partner-heading{
    font-size:26px;
    font-weight:800;
    line-height:36px;
    color:#17212f;
    margin-bottom:20px;
}

.partner-heading span{
    
    color:#015a37;
}

.partner-text{
    font-size:15px;
    line-height:30px;
    color:#666;
    max-width:750px;
    margin:auto;
}

/*=========================
CARD
=========================*/

.partner-card{
    background:#fff;
    border-radius:25px;
    padding:35px 28px;
    height:100%;
    position:relative;
    overflow:hidden;
    transition:.4s;
    border:1px solid #edf2f6;
    box-shadow:0 15px 50px rgba(0,0,0,.05);
}

.partner-card:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 60px rgba(0,0,0,.12);
}

.partner-card::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:5px;
    background:#015a37;
}

.partner-card.orange::before{
    background:#ff6b28;
}

.partner-card.blue::before{
    background:#015a37;
}

/*=========================
LOGO
=========================*/

.partner-logo{
    height:75px;
    width:auto;
    margin-bottom:25px;
    transition:.4s;
}

.partner-card:hover .partner-logo{
    transform:scale(1.05);
}

/*=========================
LABEL
=========================*/

.partner-label{
    display:inline-block;
    padding:8px 18px;
    border-radius:30px;
    background:#edf8f1;
    color:#015a37;
    font-size:12px;
    font-weight:600;
    margin-bottom:20px;
}

.orange-bg{
    background:#fff2ea;
    color:#ff6b28;
}

.blue-bg{
    background:#eef5ff;
    color:#015a37;
}

/*=========================
TITLE
=========================*/

.partner-card h4{
    font-size:32px;
    font-weight:700;
    margin-bottom:15px;
    color:#1c2634;
}

.partner-card p{
    font-size:14px;
    line-height:28px;
    color:#666;
    margin-bottom:25px;
}

/*=========================
LIST
=========================*/

.partner-card ul{
    padding:0;
    list-style:none;
    margin-bottom:30px;
}

.partner-card ul li{
   
    gap:12px;
    margin-bottom:15px;
    font-size:13px;
    color:#444;
    line-height:24px;
}

.partner-card ul li i{
    color:#015a37;
    width:18px;
    margin-top:4px;
}

.partner-card.orange ul li i{
    color:#ff6b28;
}

.partner-card.blue ul li i{
    color:#015a37;
}

/*=========================
BUTTON
=========================*/

.partner-btn{
    display:flex;
    justify-content:space-between;
    align-items:center;
    width:100%;
    text-decoration:none;
    background:#015a37;
    color:#fff;
    padding:14px 22px;
    border-radius:50px;
    font-size:14px;
    font-weight:600;
    transition:.4s;
}

.partner-btn:hover{
    color:#fff;
    background:#01452b;
}

.orange-btn{
    background:#ff6b28;
}

.orange-btn:hover{
    background:#ea5a18;
}

.blue-btn{
    background:#015a37;
}

.blue-btn:hover{
    background:#0056d6;
}

.partner-btn i{
    width:34px;
    height:34px;
    background:#fff;
    color:#222;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:12px;
}

/*=========================
STATS BAR
=========================*/

.partner-stats{
    background:#fff;
    border-radius:25px;
    padding:30px;
    box-shadow:0 15px 50px rgba(0,0,0,.05);
    border:1px solid #edf2f6;
}

.stat-box{
    position:relative;
}

.stat-box i{
    font-size:38px;
    margin-bottom:15px;
    color:#015a37;
}

.stat-box h3{
    font-size:40px;
    font-weight:800;
    margin-bottom:8px;
    color:#1d2735;
}

.stat-box p{
    margin:0;
    color:#666;
    font-size:14px;
}

/*=========================
HOVER GLOW
=========================*/

.partner-card.green:hover{
    border-color:#015a37;
}

.partner-card.orange:hover{
    border-color:#ff6b28;
}

.partner-card.blue:hover{
    border-color:#015a37;
}

/*=========================
RESPONSIVE
=========================*/

@media(max-width:1199px){

.partner-heading{
    font-size:26px;
    line-height:32px;
}

.partner-card h4{
    font-size:26px;
}

}

@media(max-width:991px){

.partner-heading{
    font-size:36px;
    line-height:48px;
}

.partner-card{
    padding:30px 25px;
}

.partner-logo{
    height:65px;
}

}

@media(max-width:767px){

.partner-section{
    padding:70px 0;
}

.partner-heading{
    font-size:28px;
    line-height:40px;
}

.partner-text{
    font-size:13px;
    line-height:24px;
}

.partner-card{
    padding:25px;
}

.partner-card h4{
    font-size:24px;
}

.partner-stats{
    padding:20px;
}

.stat-box{
    margin-bottom:25px;
}

.stat-box h3{
    font-size:30px;
}

}
/*====================================
Breadcrumb
====================================*/

.page-banner{

    position:relative;

    overflow:hidden;

    padding:120px 0 80px;

    background:linear-gradient(135deg,#f8fcfb,#edf8f3);

}

.banner-shape{

    position:absolute;

    border-radius:50%;

}

.shape1{

    width:350px;

    height:350px;

    background:rgba(1,90,55,.06);

    top:-150px;

    left:-120px;

}

.shape2{

    width:280px;

    height:280px;

    background:rgba(255,107,40,.08);

    right:-120px;

    bottom:-120px;

}

.banner-tag{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 22px;

    background:#ffffff;

    color:#015a37;

    border-radius:40px;

    font-size:13px;

    font-weight:600;

    box-shadow:0 10px 30px rgba(0,0,0,.05);

}

.banner-tag i{

    color:#ff6b28;

}

.page-banner h1{

    font-size:54px;

    font-weight:800;

    color:#1f2937;

    margin:25px 0 20px;

}

.page-banner p{

    font-size:15px;

    color:#666;

    line-height:30px;

    max-width:580px;

}

.breadcrumb-box{

    background:#fff;

    padding:28px 35px;

    border-radius:20px;

    box-shadow:0 20px 50px rgba(0,0,0,.08);

    display:inline-block;

    float:right;

}

.breadcrumb-box ul{

    display:flex;

    align-items:center;

    gap:18px;

    list-style:none;

    margin:0;

    padding:0;

}

.breadcrumb-box ul li{

    font-size:14px;

    font-weight:600;

}

.breadcrumb-box a{

    text-decoration:none;

    color:#015a37;

}

.breadcrumb-box i{

    color:#ff6b28;

}

.active{

    color:#ff6b28;

}

/*==============================
Responsive
==============================*/

@media(max-width:991px){

.page-banner{

padding:90px 0 60px;

text-align:center;

}

.page-banner h1{

font-size:40px;

}

.page-banner p{

margin:auto;

}

.breadcrumb-box{

float:none;

margin-top:40px;

}

}

@media(max-width:576px){

.page-banner{

padding:70px 0 50px;

}

.page-banner h1{

font-size:30px;

}

.page-banner p{

font-size:13px;

line-height:24px;

}

.banner-tag{

font-size:12px;

padding:8px 18px;

}

.breadcrumb-box{

padding:18px 20px;

}

.breadcrumb-box ul{

gap:12px;

flex-wrap:wrap;

justify-content:center;

}

}
/*==================================
Vision Mission Values
==================================*/

.vmv-section{

padding:100px 0;

background:#f8fbfd;

}

.vmv-card{

background:#fff;

padding:45px 35px;

border-radius:24px;

position:relative;

height:100%;

transition:.4s;

border:1px solid #edf2f5;

overflow:hidden;

box-shadow:0 15px 45px rgba(0,0,0,.05);

}

.vmv-card:hover{

transform:translateY(-10px);

box-shadow:0 25px 60px rgba(0,0,0,.10);

}

.vmv-card::before{

content:'';

position:absolute;

top:0;

left:0;

width:100%;

height:6px;

background:#015a37;

}

.mission::before{

background:#ff6b28;

}

.values::before{

background:#1e88e5;

}

.vmv-number{

position:absolute;

right:30px;

top:25px;

font-size:55px;

font-weight:800;

color:#edf3f6;

}

.vmv-icon{

width:80px;

height:80px;

border-radius:20px;

display:flex;

align-items:center;

justify-content:center;

font-size:34px;

margin-bottom:25px;

background:linear-gradient(135deg,#015a37,#0d8c55);

color:#fff;

}

.mission .vmv-icon{

background:linear-gradient(135deg,#ff6b28,#ff8c42);

}

.values .vmv-icon{

background:linear-gradient(135deg,#1e88e5,#42a5f5);

}

.vmv-card h3{

font-size:28px;

font-weight:700;

margin-bottom:18px;

color:#1c2634;

}

.vmv-card p{

font-size:14px;

line-height:28px;

color:#666;

margin-bottom:25px;

}

.vmv-card ul{

padding:0;

list-style:none;

margin:0;

}

.vmv-card ul li{

padding:12px 0;

border-top:1px dashed #ececec;

font-size:14px;

color:#555;

}

.vmv-card ul li::before{

content:"✔";

margin-right:10px;

color:#015a37;

font-weight:700;

}

.mission ul li::before{

color:#ff6b28;

}

.values ul li::before{

color:#1e88e5;

}

.vmv-card:hover .vmv-icon{

transform:rotateY(360deg);

transition:1s;

}

/* Responsive */

@media(max-width:991px){

.vmv-card{

margin-bottom:25px;

}

}

@media(max-width:576px){

.vmv-section{

padding:70px 0;

}

.vmv-card{

padding:30px 25px;

}

.vmv-card h3{

font-size:24px;

}

.vmv-number{

font-size:40px;

}

}
/*==================================
Company Overview
==================================*/

.company-overview{

padding:100px 0;

background:#fff;

}

.overview-text{

font-size:15px;

line-height:30px;

color:#666;

margin-bottom:20px;

}

.overview-btn{

display:inline-flex;

align-items:center;

gap:10px;

padding:15px 35px;

background:#015a37;

color:#fff;

border-radius:50px;

text-decoration:none;

font-size:14px;

font-weight:600;

transition:.4s;

}

.overview-btn:hover{

background:#ff6b28;

color:#fff;

}

.timeline-card{

background:#fff;

padding:40px;

border-radius:25px;

box-shadow:0 20px 60px rgba(0,0,0,.08);

border:1px solid #edf2f5;

position:relative;

}

.timeline-card::before{

content:'';

position:absolute;

left:36px;

top:55px;

bottom:55px;

width:2px;

background:#e5e5e5;

}

.timeline-item{

display:flex;

gap:20px;

position:relative;

margin-bottom:35px;

}

.timeline-item:last-child{

margin-bottom:0;

}

.timeline-icon{

width:60px;

height:60px;

background:#015a37;

color:#fff;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:22px;

z-index:2;

flex-shrink:0;

}

.timeline-item h5{

font-size:20px;

font-weight:700;

margin-bottom:8px;

}

.timeline-item p{

font-size:14px;

line-height:26px;

color:#666;

margin:0;

}

.highlight-card{

background:linear-gradient(135deg,#015a37,#0a8d55);

padding:35px;

border-radius:20px;

text-align:center;

color:#fff;

transition:.4s;

}

.highlight-card:hover{

transform:translateY(-8px);

background:linear-gradient(135deg,#ff6b28,#ff8845);

}

.highlight-card h2{

font-size:42px;

font-weight:800;

margin-bottom:10px;

}

.highlight-card span{

font-size:14px;

letter-spacing:.5px;

}

@media(max-width:991px){

.timeline-card{

margin-top:50px;

}

}

@media(max-width:576px){

.company-overview{

padding:70px 0;

}

.timeline-card{

padding:25px;

}

.timeline-card::before{

display:none;

}

.highlight-card{

padding:25px;

}

}
/*====================================================
OUR PRODUCTS
====================================================*/

.loan-products{
    padding:100px 0;
    background:linear-gradient(180deg,#ffffff,#f7fbfd);
    position:relative;
    overflow:hidden;
}

.loan-products:before{
    content:'';
    position:absolute;
    width:450px;
    height:450px;
    border-radius:50%;
    background:rgba(1,90,55,.05);
    top:-220px;
    left:-220px;
}

.loan-products:after{
    content:'';
    position:absolute;
    width:420px;
    height:420px;
    border-radius:50%;
    background:rgba(255,107,40,.06);
    right:-220px;
    bottom:-220px;
}

/*============================
Card
============================*/

.loan-box{

    background:#fff;

    border-radius:24px;

    padding:35px;

    height:100%;

    position:relative;

    overflow:hidden;

    transition:.45s;

    border:1px solid #edf2f5;

    box-shadow:0 15px 40px rgba(0,0,0,.05);

}

.loan-box:hover{

    transform:translateY(-12px);

    box-shadow:0 25px 60px rgba(0,0,0,.10);

}

.loan-box::before{

content:'';

position:absolute;

top:0;

left:0;

width:100%;

height:6px;

background:#015a37;

}

.loan-box.gold::before{

background:#ffb000;

}

.loan-box.business::before{

background:#015a37;

}

/*============================
Header
============================*/

.loan-header{

display:flex;

justify-content:space-between;

align-items:center;

margin-bottom:25px;

}

.loan-icon{

width:75px;

height:75px;

border-radius:20px;

display:flex;

justify-content:center;

align-items:center;

font-size:30px;

background:linear-gradient(135deg,#015a37,#0c8d54);

color:#fff;

transition:.5s;

}

.loan-box.gold .loan-icon{

background:linear-gradient(135deg,#ffb000,#ff7b00);

}

.loan-box.business .loan-icon{

background:linear-gradient(135deg,#015a37,#3498ff);

}

.loan-box:hover .loan-icon{

transform:rotateY(360deg);

}

/*============================
Tag
============================*/

.loan-tag{

padding:8px 18px;

background:#edf8f1;

color:#015a37;

border-radius:30px;

font-size:11px;

font-weight:700;

letter-spacing:.5px;

text-transform:uppercase;

}

.gold-bg{

background:#fff5df;

color:#d89000;

}

.business-bg{

background:#edf5ff;

color:#015a37;

}

/*============================
Content
============================*/

.loan-box h3{

font-size:30px;

font-weight:700;

margin-bottom:18px;

color:#222;

}

.loan-box p{

font-size:14px;

line-height:28px;

color:#666;

margin-bottom:25px;

}

.loan-box h5{

font-size:18px;

font-weight:700;

margin-bottom:18px;

color:#222;

}

/*============================
List
============================*/

.loan-box ul{

padding:0;

margin:0 0 30px;

list-style:none;

}

.loan-box ul li{

position:relative;

padding-left:32px;

margin-bottom:15px;

font-size:14px;

color:#555;

}

.loan-box ul li:before{

content:"✓";

position:absolute;

left:0;

width:22px;

height:22px;

border-radius:50%;

background:#edf8f1;

display:flex;

justify-content:center;

align-items:center;

font-size:12px;

color:#015a37;

font-weight:700;

}

.loan-box.gold ul li:before{

background:#fff5df;

color:#d89000;

}

.loan-box.business ul li:before{

background:#edf5ff;

color:#015a37;

}

/*============================
Why Choose Box
============================*/

.why-box{

background:#f8fafb;

padding:22px;

border-radius:16px;

margin-bottom:30px;

border-left:4px solid #015a37;

}

.loan-box.gold .why-box{

border-left:4px solid #ffb000;

}

.loan-box.business .why-box{

border-left:4px solid #015a37;

}

.why-box h6{

font-size:16px;

font-weight:700;

margin-bottom:12px;

color:#222;

}

.why-box p{

margin:0;

font-size:13px;

line-height:24px;

}

/*============================
Button
============================*/

.loan-btn{

display:block;

text-align:center;

padding:15px;

background:#015a37;

color:#fff;

border-radius:50px;

font-size:14px;

font-weight:600;

text-decoration:none;

transition:.35s;

}

.loan-btn:hover{

background:#01452a;

color:#fff;

}

.gold-btn{

background:#ff8b00;

}

.gold-btn:hover{

background:#d77600;

}

.business-btn{

background:#015a37;

}

.business-btn:hover{

background:#004fc7;

}

/*============================
Hover Effect
============================*/

.loan-box:hover .loan-btn{

letter-spacing:.6px;

}

.loan-box:hover h3{

color:#015a37;

}

.loan-box.gold:hover h3{

color:#d89000;

}

.loan-box.business:hover h3{

color:#015a37;

}

/*============================
Responsive
============================*/

@media(max-width:1200px){

.loan-box h3{

font-size:26px;

}

}

@media(max-width:991px){

.loan-products{

padding:80px 0;

}

.loan-box{

padding:30px;

}

.loan-icon{

width:65px;

height:65px;

font-size:26px;

}

.loan-box h3{

font-size:24px;

}

}

@media(max-width:576px){

.loan-products{

padding:60px 0;

}

.loan-box{

padding:25px;

border-radius:18px;

}

.loan-box h3{

font-size:22px;

}

.loan-box p{

font-size:13px;

line-height:24px;

}

.loan-box ul li{

font-size:13px;

}

.loan-btn{

padding:13px;

font-size:13px;

}

}
/*====================================================
LOAN CALCULATOR SECTION
====================================================*/

.loan-calculator-section{
    padding:100px 0;
    background:linear-gradient(180deg,#ffffff,#f7fbfd);
    position:relative;
    overflow:hidden;
}

.loan-calculator-section:before{
    content:'';
    position:absolute;
    width:450px;
    height:450px;
    background:rgba(1,90,55,.05);
    border-radius:50%;
    left:-220px;
    top:-180px;
}

.loan-calculator-section:after{
    content:'';
    position:absolute;
    width:420px;
    height:420px;
    background:rgba(255,107,40,.06);
    border-radius:50%;
    right:-220px;
    bottom:-220px;
}

/*==================================
LEFT INFO
==================================*/

.calculator-info{

background:#015a37;

background:linear-gradient(135deg,#015a37,#0a8b54);

border-radius:30px;

padding:45px;

color:#fff;

height:100%;

box-shadow:0 20px 60px rgba(0,0,0,.12);

}

.icon-circle{

width:85px;

height:85px;

background:rgba(255,255,255,.15);

border-radius:50%;

display:flex;

justify-content:center;

align-items:center;

font-size:34px;

margin-bottom:30px;

}

.calculator-info h3{

font-size:32px;

font-weight:700;

margin-bottom:20px;

}

.calculator-info p{

font-size:14px;

line-height:28px;

opacity:.9;

margin-bottom:30px;

}

.feature-list{

display:grid;

grid-template-columns:1fr;

gap:15px;

}

.feature-list div{

display:flex;

align-items:center;

gap:12px;

font-size:14px;

}

.feature-list i{

color:#ffd24d;

font-size:18px;

}

/*==================================
CALCULATOR CARD
==================================*/

.calculator-card{

background:#fff;

padding:40px;

border-radius:30px;

box-shadow:0 20px 60px rgba(0,0,0,.08);

border:1px solid #edf2f5;

}

/*==================================
INPUTS
==================================*/

.input-box label{

display:block;

font-size:14px;

font-weight:600;

margin-bottom:12px;

color:#222;

}

.amount-input{

display:flex;

align-items:center;

justify-content:space-between;

padding:14px 18px;

border:1px solid #e6edf2;

border-radius:14px;

background:#fafcfd;

font-size:18px;

font-weight:600;

margin-bottom:15px;

}

.amount-input input{

border:none;

outline:none;

background:transparent;

width:100%;

font-size:18px;

font-weight:600;

padding-left:10px;

color:#222;

}

/*==================================
SLIDER
==================================*/

input[type=range]{

width:100%;

height:8px;

border-radius:10px;

background:#dfe8eb;

appearance:none;

cursor:pointer;

}

input[type=range]::-webkit-slider-thumb{

appearance:none;

width:22px;

height:22px;

background:#ff6b28;

border-radius:50%;

border:4px solid #fff;

box-shadow:0 4px 10px rgba(0,0,0,.2);

transition:.3s;

}

input[type=range]::-webkit-slider-thumb:hover{

transform:scale(1.15);

}

/*==================================
BUTTONS
==================================*/

.calculate-btn{

background:#015a37;

color:#fff;

padding:14px 35px;

border-radius:50px;

font-weight:600;

border:none;

}

.calculate-btn:hover{

background:#014228;

color:#fff;

}

.reset-btn{

background:#ff6b28;

color:#fff;

padding:14px 30px;

border-radius:50px;

font-weight:600;

border:none;

}

.reset-btn:hover{

background:#e65b17;

color:#fff;

}

/*==================================
RESULT CARD
==================================*/

.result-card{

background:#f8fbfd;

border-radius:20px;

padding:30px;

height:100%;

border:1px solid #edf2f5;

}

.result-card h5{

font-size:22px;

font-weight:700;

margin-bottom:25px;

color:#015a37;

}

.summary-item{

display:flex;

justify-content:space-between;

align-items:center;

padding:14px 0;

border-bottom:1px dashed #d7e1e5;

}

.summary-item:last-child{

border-bottom:none;

}

.summary-item span{

font-size:14px;

color:#555;

}

.summary-item strong{

font-size:18px;

color:#222;

font-weight:700;

}

/*==================================
CHART
==================================*/

.chart-box{

height:220px;

display:flex;

align-items:center;

justify-content:center;

margin:20px 0;

}

/*==================================
APPLY BUTTON
==================================*/

.apply-loan-btn{

display:flex;

justify-content:center;

align-items:center;

gap:10px;

padding:15px;

background:#ff6b28;

border-radius:50px;

text-decoration:none;

color:#fff;

font-weight:600;

transition:.35s;

}

.apply-loan-btn:hover{

background:#015a37;

color:#fff;

}

/*==================================
HOVER
==================================*/

.calculator-card{

transition:.35s;

}

.calculator-card:hover{

transform:translateY(-5px);

box-shadow:0 30px 70px rgba(0,0,0,.12);

}

.result-card{

transition:.35s;

}

.result-card:hover{

transform:translateY(-5px);

}

/*==================================
RESPONSIVE
==================================*/

@media(max-width:991px){

.loan-calculator-section{

padding:70px 0;

}

.calculator-info{

margin-bottom:30px;

}

.calculator-card{

padding:30px;

}

.result-card{

margin-top:30px;

}

}

@media(max-width:576px){

.calculator-info{

padding:30px;

}

.calculator-info h3{

font-size:26px;

}

.calculator-card{

padding:22px;

border-radius:20px;

}

.amount-input{

font-size:15px;

}

.amount-input input{

font-size:16px;

}

.summary-item strong{

font-size:16px;

}

.calculate-btn,

.reset-btn{

width:100%;

}

.d-flex.gap-3{

flex-direction:column;

}

}
/*==================================
HOW IT WORKS
==================================*/

.how-it-works{

padding:100px 0;

background:#f8fbfd;

}

.process-wrapper{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:30px;

position:relative;

margin-top:60px;

}

.process-wrapper::before{

content:"";

position:absolute;

left:10%;

right:10%;

top:70px;

height:3px;

background:#dce7ec;

z-index:0;

}

.process-card{

background:#fff;

padding:40px 30px;

border-radius:24px;

text-align:center;

position:relative;

z-index:2;

box-shadow:0 15px 40px rgba(0,0,0,.05);

transition:.4s;

}

.process-card:hover{

transform:translateY(-12px);

box-shadow:0 25px 60px rgba(0,0,0,.10);

}

.step-number{

position:absolute;

top:20px;

right:20px;

font-size:48px;

font-weight:800;

color:#edf2f5;

}

.process-icon{

width:90px;

height:90px;

margin:auto;

margin-bottom:25px;

border-radius:50%;

display:flex;

justify-content:center;

align-items:center;

background:linear-gradient(135deg,#015a37,#0b8b55);

color:#fff;

font-size:36px;

transition:.5s;

}

.orange{

background:linear-gradient(135deg,#ff6b28,#ff9d42);

}

.blue{

background:linear-gradient(135deg,#2e86de,#64b5f6);

}

.green{

/* background:linear-gradient(135deg,#16a34a,#4ade80); */

}

.process-card:hover .process-icon{

transform:rotateY(360deg);

}

.process-card h4{

font-size:24px;

font-weight:700;

margin-bottom:15px;

}

.process-card p{

font-size:14px;

line-height:28px;

color:#666;

margin:0;

}

/*==========================
Responsive
==========================*/

@media(max-width:991px){

.process-wrapper{

grid-template-columns:repeat(2,1fr);

}

.process-wrapper::before{

display:none;

}

}

@media(max-width:576px){

.process-wrapper{

grid-template-columns:1fr;

}

.process-card{

padding:30px;

}

.process-card h4{

font-size:20px;

}

.process-card p{

font-size:13px;

line-height:24px;

}

}
/*==================================
FAQ
==================================*/

.faq-section{
    background:#f8fbfd;
    padding:100px 0;
}

.accordion-item{
    border:none;
    border-radius:15px !important;
    margin-bottom:18px;
    overflow:hidden;
    box-shadow:0 10px 25px rgba(0,0,0,.05);
}

.accordion-button{
    padding:22px 25px;
    font-size:16px;
    font-weight:600;
    color:#222;
    background:#fff;
    box-shadow:none!important;
}

.accordion-button:not(.collapsed){
    background:#015a37;
    color:#fff;
}

.accordion-button::after{
    filter:brightness(0) invert(1);
}

.accordion-button.collapsed::after{
    filter:none;
}

.accordion-body{
    padding:22px 25px;
    font-size:14px;
    line-height:28px;
    color:#666;
    background:#fff;
}

@media(max-width:768px){

.accordion-button{

font-size:15px;

padding:18px;

}

.accordion-body{

padding:18px;

font-size:13px;

}

}
/*==================================
CONTACT SECTION
==================================*/

.contact-section{

padding:100px 0;

background:#f8fbfd;

}

.contact-info-box{

background:linear-gradient(135deg,#015a37,#0b8b55);

padding:45px;

border-radius:25px;

color:#fff;

height:100%;

box-shadow:0 20px 50px rgba(0,0,0,.10);

}

.contact-info-box h3{

font-size:32px;

font-weight:700;

margin-bottom:20px;

}

.contact-info-box p{

line-height:28px;

margin-bottom:35px;

opacity:.95;

}

.contact-item{

display:flex;

gap:18px;

margin-bottom:30px;

align-items:flex-start;

}

.contact-icon{

width:60px;

height:60px;

border-radius:18px;

background:rgba(255,255,255,.15);

display:flex;

justify-content:center;

align-items:center;

font-size:22px;

flex-shrink:0;

}

.contact-item h5{

font-size:17px;

margin-bottom:6px;

}

.contact-item span{

font-size:14px;

line-height:24px;

color:#e9f7ef;

}

/*=========================*/

.contact-form-box{

background:#fff;

padding:40px;

border-radius:25px;

box-shadow:0 20px 60px rgba(0,0,0,.08);

}

.form-control,
.form-select{

height:55px;

border-radius:14px;

border:1px solid #dde5ea;

font-size:14px;

padding-left:18px;

box-shadow:none;

}

textarea.form-control{

height:auto;

padding-top:15px;

}

.form-control:focus,
.form-select:focus{

border-color:#015a37;

box-shadow:0 0 0 .15rem rgba(1,90,55,.15);

}

.contact-btn{

background:#ff6b28;

color:#fff;

padding:15px 40px;

border:none;

border-radius:50px;

font-size:15px;

font-weight:600;

transition:.35s;

}

.contact-btn:hover{

background:#015a37;

}

.contact-btn i{

margin-left:10px;

}

@media(max-width:991px){

.contact-info-box{

margin-bottom:30px;

}

}

@media(max-width:576px){

.contact-section{

padding:70px 0;

}

.contact-info-box,

.contact-form-box{

padding:25px;

}

.contact-info-box h3{

font-size:26px;

}

.contact-item{

gap:15px;

}

.contact-icon{

width:50px;

height:50px;

font-size:18px;

}

.contact-btn{

width:100%;

}

}
.repay-section{

padding:100px 0;

background:#f8fbfd;

}

.repay-card,
.upi-card{

background:#fff;

border-radius:25px;

padding:35px;

box-shadow:0 20px 50px rgba(0,0,0,.08);

height:100%;

}

.card-title{

font-size:22px;

font-weight:700;

margin-bottom:30px;

color:#015a37;

display:flex;

align-items:center;

gap:12px;

}

.card-title i{

color:#ff6b28;

}

.bank-item{

background:#f9fbfc;

padding:20px;

border-radius:15px;

margin-bottom:20px;

position:relative;

}

.bank-item span{

display:block;

font-size:12px;

color:#888;

margin-bottom:8px;

}

.bank-item strong{

font-size:16px;

display:block;

color:#222;

}

.copy-btn{

margin-top:15px;

background:#015a37;

color:#fff;

border:none;

padding:7px 18px;

border-radius:30px;

font-size:12px;

}

.upi-card{

text-align:center;

}

.upi-icon{

width:80px;

height:80px;

background:#015a37;

color:#fff;

border-radius:50%;

display:flex;

justify-content:center;

align-items:center;

font-size:35px;

margin:auto;

margin-bottom:20px;

}

.qr-image{

width:180px;

margin:20px auto;

display:block;

}

.upi-id{

background:#f6f9fb;

padding:15px;

border-radius:15px;

margin:20px 0;

}

.copy-upi{

background:#ff6b28;

color:#fff;

border:none;

padding:14px 30px;

border-radius:40px;

font-weight:600;

}

.important-note{

background:#fff4ea;

border-left:5px solid #ff6b28;

padding:30px;

border-radius:20px;

}

.important-note i{

font-size:45px;

color:#ff6b28;

}

.important-note h5{

font-weight:700;

margin-bottom:15px;

}

.important-note ul{

margin:0;

padding-left:20px;

}

.important-note li{

margin-bottom:10px;

line-height:28px;

}
/*=========================================================
CUSTOMER GRIEVANCE SECTION
=========================================================*/

.grievance-section{
    padding:100px 0;
    background:linear-gradient(180deg,#ffffff,#f7fbfd);
    position:relative;
    overflow:hidden;
}

.grievance-section::before{
    content:'';
    position:absolute;
    width:450px;
    height:450px;
    background:rgba(1,90,55,.05);
    border-radius:50%;
    top:-220px;
    left:-220px;
}

.grievance-section::after{
    content:'';
    position:absolute;
    width:420px;
    height:420px;
    background:rgba(255,107,40,.05);
    border-radius:50%;
    bottom:-220px;
    right:-220px;
}

/*====================================
Tabs
====================================*/

.grievance-tabs{

gap:18px;

border:none;

}

.grievance-tabs .nav-item{

margin:0;

}

.grievance-tabs .nav-link{

border:none;

background:#fff;

padding:20px 35px;

border-radius:18px;

box-shadow:0 10px 30px rgba(0,0,0,.05);

color:#444;

font-weight:600;

transition:.35s;

min-width:190px;

}

.grievance-tabs .nav-link span{

display:block;

font-size:20px;

font-weight:700;

margin-bottom:5px;

}

.grievance-tabs .nav-link.active{

background:linear-gradient(135deg,#015a37,#0b8b55);

color:#fff;

box-shadow:0 15px 40px rgba(1,90,55,.25);

}

.grievance-tabs .nav-link:hover{

transform:translateY(-5px);

}

/*====================================
Main Card
====================================*/

.grievance-card{

background:#fff;

padding:45px;

border-radius:30px;

border:1px solid #edf2f5;

box-shadow:0 20px 60px rgba(0,0,0,.07);

}

/*====================================
Officer
====================================*/

.officer-box{

text-align:center;

background:#f8fbfd;

padding:35px;

border-radius:22px;

height:100%;

}

.officer-icon{

width:90px;

height:90px;

margin:auto;

margin-bottom:25px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:36px;

color:#fff;

background:linear-gradient(135deg,#015a37,#0c8d54);

}

.officer-icon.orange{

background:linear-gradient(135deg,#ff6b28,#ff954d);

}

.officer-box h4{

font-size:26px;

font-weight:700;

margin-bottom:15px;

}

.officer-box p{

font-size:14px;

line-height:28px;

color:#666;

}

/*====================================
Contact Card
====================================*/

.contact-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:20px;

}

.contact-card{

background:#fff;

border:1px solid #edf2f5;

border-radius:18px;

padding:25px;

height:100%;

transition:.35s;

box-shadow:0 10px 30px rgba(0,0,0,.04);

}

.contact-card:hover{

transform:translateY(-8px);

border-color:#015a37;

}

.contact-card i{

width:60px;

height:60px;

background:#edf8f1;

color:#015a37;

display:flex;

align-items:center;

justify-content:center;

border-radius:18px;

font-size:24px;

margin-bottom:18px;

}

.contact-card h6{

font-size:17px;

font-weight:700;

margin-bottom:10px;

}

.contact-card p{

font-size:14px;

line-height:24px;

margin:0;

color:#666;

}

/*====================================
Timeline
====================================*/

.timeline-strip{

background:linear-gradient(135deg,#015a37,#0b8b55);

padding:25px;

border-radius:18px;

display:flex;

justify-content:space-around;

color:#fff;

margin-top:30px;

}

.timeline-strip h3{

font-size:34px;

font-weight:700;

margin-bottom:5px;

}

.timeline-strip span{

font-size:14px;

opacity:.9;

}

/*====================================
Level 3 & 4
====================================*/

.tab-pane .fa-scale-balanced,
.tab-pane .fa-building-columns{

font-size:65px;

margin-bottom:25px;

}

.tab-pane h3{

font-size:32px;

font-weight:700;

margin-bottom:20px;

}

.tab-pane p{

font-size:15px;

line-height:30px;

color:#666;

max-width:750px;

margin:auto;

}

/*====================================
Animation
====================================*/

.grievance-card{

animation:fadeUp .6s ease;

}

@keyframes fadeUp{

from{

opacity:0;

transform:translateY(25px);

}

to{

opacity:1;

transform:translateY(0);

}

}

.contact-card i{

transition:.4s;

}

.contact-card:hover i{

transform:rotateY(360deg);

background:#015a37;

color:#fff;

}

/*====================================
Responsive
====================================*/

@media(max-width:1200px){

.grievance-tabs .nav-link{

min-width:160px;

padding:18px;

}

.contact-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:991px){

.grievance-section{

padding:70px 0;

}

.grievance-card{

padding:30px;

}

.officer-box{

margin-bottom:30px;

}

.timeline-strip{

margin-top:25px;

}

}

@media(max-width:768px){

.grievance-tabs{

flex-wrap:nowrap;

overflow-x:auto;

padding-bottom:10px;

}

.grievance-tabs .nav-link{

min-width:180px;

}

.contact-grid{

grid-template-columns:1fr;

}

.timeline-strip{

flex-direction:column;

gap:20px;

text-align:center;

}

}

@media(max-width:576px){

.grievance-card{

padding:22px;

border-radius:20px;

}

.officer-icon{

width:75px;

height:75px;

font-size:28px;

}

.officer-box h4{

font-size:22px;

}

.contact-card{

padding:20px;

}

.contact-card i{

width:50px;

height:50px;

font-size:20px;

}

.tab-pane h3{

font-size:24px;

}

.tab-pane p{

font-size:13px;

line-height:24px;

}

}
/*======================================
Animations
======================================*/

.animate-card{

animation:fadeSlide .6s ease;

}

@keyframes fadeSlide{

0%{

opacity:0;

transform:translateY(25px);

}

100%{

opacity:1;

transform:translateY(0);

}

}

/*======================================
Toast
======================================*/

.copy-toast{

position:fixed;

right:30px;

bottom:30px;

background:#015a37;

color:#fff;

padding:14px 25px;

border-radius:50px;

font-size:14px;

font-weight:600;

box-shadow:0 15px 40px rgba(0,0,0,.15);

opacity:0;

transform:translateY(30px);

transition:.35s;

z-index:9999;

}

.copy-toast.show{

opacity:1;

transform:translateY(0);

}

/*======================================
Contact Card Hover
======================================*/

.contact-card{

transition:.35s;

cursor:pointer;

}

.contact-card:hover{

box-shadow:0 20px 50px rgba(0,0,0,.12);

}

/*======================================
Officer Animation
======================================*/

.officer-icon{

transition:.6s;

}

.officer-box:hover .officer-icon{

transform:rotateY(360deg);

}

/*======================================
Timeline
======================================*/

.timeline-strip div{

transition:.35s;

}

.timeline-strip div:hover{

transform:translateY(-5px);

}

/*======================================
Tabs
======================================*/

.grievance-tabs .nav-link{

transition:.35s;

}

.grievance-tabs .nav-link:hover{

transform:translateY(-5px);

}
.ombudsman-section{
    background:#f7f9fc;
}

.ombudsman-card{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:18px;
    padding:35px;
    box-shadow:0 8px 25px rgba(0,0,0,.05);
}

.ombudsman-title{
    font-size:28px;
    font-weight:700;
    color:#23395d;
    margin-bottom:18px;
}

.ombudsman-text{
    color:#5d6472;
    line-height:1.8;
    margin-bottom:15px;
}

.ombudsman-list{
    padding-left:20px;
    margin-bottom:0;
}

.ombudsman-list li{
    color:#5d6472;
    line-height:1.8;
    margin-bottom:12px;
}

.contact-item{
    display:flex;
    align-items:flex-start;
    gap:15px;
    padding:18px 0;
    border-bottom:1px solid #ececec;
}

.contact-icon{
    width:48px;
    height:48px;
    background:#edf5ff;
    color:#015a37;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    flex-shrink:0;
}

.contact-item a{
    text-decoration:none;
    color:#015a37;
    font-weight:600;
}

.contact-item div:last-child{
    color:#495057;
    font-size:15px;
    line-height:1.7;
}

.contact-item small{
    color:#6c757d;
}

@media (max-width:991px){

    .ombudsman-card{
        padding:25px;
    }

    .ombudsman-title{
        font-size:24px;
    }

    .contact-item{
        padding:16px 0;
    }

}

@media (max-width:576px){

    .ombudsman-card{
        padding:20px;
        border-radius:15px;
    }

    .ombudsman-title{
        font-size:22px;
    }

    .contact-icon{
        width:42px;
        height:42px;
        font-size:16px;
    }

}

/*==========================================
WEEKLINE TERMS & CONDITIONS
==========================================*/

.weekline-terms-ui{
    padding:90px 0;
    background:#f8fbfd;
    position:relative;
    overflow:hidden;
}

.weekline-terms-ui::before{
    content:'';
    position:absolute;
    width:450px;
    height:450px;
    border-radius:50%;
    background:rgba(1,90,55,.05);
    top:-220px;
    left:-220px;
}

.weekline-terms-ui::after{
    content:'';
    position:absolute;
    width:420px;
    height:420px;
    border-radius:50%;
    background:rgba(255,107,40,.06);
    bottom:-220px;
    right:-220px;
}

/*==========================================
CARD
==========================================*/

.tc-card{
    background:#fff;
    border-radius:22px;
    padding:35px;
    margin-bottom:30px;
    position:relative;
    border:1px solid #edf2f5;
    box-shadow:0 12px 35px rgba(0,0,0,.05);
    transition:.35s ease;
}

.tc-card:hover{
    transform:translateY(-5px);
    box-shadow:0 20px 45px rgba(0,0,0,.08);
}

/*==========================================
HEADER CARD
==========================================*/

.tc-header{
    text-align:center;
    background:linear-gradient(135deg,#015a37,#0b8b55);
    color:#fff;
    overflow:hidden;
}

.tc-header::before{
    content:'';
    position:absolute;
    width:220px;
    height:220px;
    background:rgba(255,255,255,.08);
    border-radius:50%;
    top:-90px;
    right:-70px;
}

.tc-header::after{
    content:'';
    position:absolute;
    width:180px;
    height:180px;
    background:rgba(255,255,255,.05);
    border-radius:50%;
    bottom:-80px;
    left:-50px;
}

.tc-icon{
    width:85px;
    height:85px;
    border-radius:50%;
    background:#fff;
    color:#ff6b28;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px;
    margin:0 auto 25px;
}

.tc-header h2{
    font-size:40px;
    font-weight:700;
    margin-bottom:12px;
}

.tc-header p{
    font-size:15px;
    opacity:.9;
    margin:0;
}

/*==========================================
SECTION HEADING
==========================================*/

.tc-heading{
    display:flex;
    align-items:center;
    gap:18px;
    margin-bottom:25px;
    padding-bottom:18px;
    border-bottom:1px solid #edf2f5;
}

.tc-heading i{
    width:60px;
    height:60px;
    border-radius:18px;
    background:#edf8f1;
    color:#015a37;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
}

.tc-heading h3{
    font-size:26px;
    font-weight:700;
    color:#222;
    margin:0;
}

/*==========================================
TEXT
==========================================*/

.tc-card p{
    font-size:15px;
    line-height:30px;
    color:#666;
    margin-bottom:18px;
}

.tc-card p:last-child{
    margin-bottom:0;
}

.tc-card strong{
    color:#222;
}

.tc-card ul{
    margin:0;
    padding-left:20px;
}

.tc-card ul li{
    margin-bottom:12px;
    color:#555;
    line-height:28px;
}

/*==========================================
SPECIAL LEFT BORDER
==========================================*/

.tc-card:not(.tc-header){
    border-left:5px solid #015a37;
}

.tc-card:nth-child(even):not(.tc-header){
    border-left-color:#ff6b28;
}

/*==========================================
HOVER ICON
==========================================*/

.tc-card:hover .tc-heading i{
    background:#015a37;
    color:#fff;
    transform:rotateY(360deg);
    transition:.8s;
}

/*==========================================
RESPONSIVE
==========================================*/

@media(max-width:991px){

.tc-header h2{
    font-size:32px;
}

.tc-card{
    padding:30px;
}

.tc-heading h3{
    font-size:22px;
}

}

@media(max-width:576px){

.weekline-terms-ui{
    padding:70px 0;
}

.tc-card{
    padding:22px;
    border-radius:18px;
}

.tc-header h2{
    font-size:26px;
}

.tc-icon{
    width:70px;
    height:70px;
    font-size:28px;
}

.tc-heading{
    gap:15px;
}

.tc-heading i{
    width:50px;
    height:50px;
    font-size:20px;
}

.tc-heading h3{
    font-size:20px;
}

.tc-card p{
    font-size:14px;
    line-height:26px;
}

}
/*=========================================================
WEEKLINE PRIVACY POLICY
=========================================================*/

.weekline-privacy-ui{
    padding:90px 0;
    background:#f8fbfd;
    position:relative;
    overflow:hidden;
}

.weekline-privacy-ui::before{
    content:'';
    position:absolute;
    width:450px;
    height:450px;
    border-radius:50%;
    background:rgba(1,90,55,.05);
    top:-220px;
    left:-220px;
}

.weekline-privacy-ui::after{
    content:'';
    position:absolute;
    width:420px;
    height:420px;
    border-radius:50%;
    background:rgba(255,107,40,.06);
    bottom:-220px;
    right:-220px;
}

/*==================================
CARD
==================================*/

.pp-card{

    background:#fff;

    border-radius:22px;

    padding:35px;

    margin-bottom:30px;

    border:1px solid #edf2f5;

    border-left:5px solid #015a37;

    box-shadow:0 12px 35px rgba(0,0,0,.05);

    transition:.35s ease;

    position:relative;

}

.pp-card:hover{

    transform:translateY(-5px);

    box-shadow:0 20px 50px rgba(0,0,0,.08);

}

.pp-card:nth-child(even){

    border-left-color:#ff6b28;

}

/*==================================
HEADER
==================================*/

.pp-header{

    text-align:center;

    background:linear-gradient(135deg,#015a37,#0b8b55);

    color:#fff;

    overflow:hidden;

    border-left:none;

}

.pp-header::before{

    content:'';

    position:absolute;

    width:250px;

    height:250px;

    background:rgba(255,255,255,.08);

    border-radius:50%;

    top:-120px;

    right:-80px;

}

.pp-header::after{

    content:'';

    position:absolute;

    width:180px;

    height:180px;

    background:rgba(255,255,255,.05);

    border-radius:50%;

    left:-50px;

    bottom:-70px;

}

.pp-icon{

    width:90px;

    height:90px;

    border-radius:50%;

    background:#fff;

    color:#ff6b28;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:38px;

    margin:0 auto 25px;

}

.pp-header h2{

    font-size:38px;

    font-weight:700;

    line-height:1.4;

    margin-bottom:20px;

}

.pp-header p{

    font-size:15px;

    line-height:30px;

    opacity:.95;

    max-width:900px;

    margin:auto;

}

/*==================================
HEADING
==================================*/

.pp-heading{

    display:flex;

    align-items:center;

    gap:18px;

    padding-bottom:18px;

    margin-bottom:25px;

    border-bottom:1px solid #edf2f5;

}

.pp-heading i{

    width:60px;

    height:60px;

    border-radius:18px;

    background:#edf8f1;

    color:#015a37;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:24px;

    transition:.5s;

}

.pp-card:hover .pp-heading i{

    background:#015a37;

    color:#fff;

    transform:rotateY(360deg);

}

.pp-heading h3{

    font-size:26px;

    font-weight:700;

    color:#222;

    margin:0;

}

/*==================================
TEXT
==================================*/

.pp-card p{

    font-size:15px;

    color:#666;

    line-height:30px;

    margin-bottom:18px;

}

.pp-card p:last-child{

    margin-bottom:0;

}

.pp-card strong{

    color:#222;

    font-weight:600;

}

/*==================================
CONTACT DETAILS
==================================*/

.contact-details{

    background:#f8fbfd;

    padding:25px;

    border-radius:18px;

    border:1px solid #edf2f5;

}

.contact-details p{

    margin-bottom:15px;

    display:flex;

    align-items:flex-start;

    gap:8px;

}

.contact-details strong{

    min-width:160px;

    color:#015a37;

}

.contact-details a{

    color:#ff6b28;

    text-decoration:none;

    font-weight:600;

    transition:.3s;

}

.contact-details a:hover{

    color:#015a37;

}

/*==================================
LIST STYLE
==================================*/

.pp-card ul{

    margin:0;

    padding-left:20px;

}

.pp-card ul li{

    margin-bottom:12px;

    line-height:28px;

    color:#555;

}

/*==================================
ANIMATION
==================================*/

.pp-card{

    animation:fadeUp .6s ease;

}

@keyframes fadeUp{

from{

opacity:0;

transform:translateY(30px);

}

to{

opacity:1;

transform:translateY(0);

}

}

/*==================================
RESPONSIVE
==================================*/

@media(max-width:991px){

.pp-card{

padding:30px;

}

.pp-header h2{

font-size:30px;

}

.pp-heading h3{

font-size:22px;

}

.contact-details strong{

min-width:130px;

}

}

@media(max-width:576px){

.weekline-privacy-ui{

padding:70px 0;

}

.pp-card{

padding:22px;

border-radius:18px;

}

.pp-icon{

width:70px;

height:70px;

font-size:30px;

}

.pp-header h2{

font-size:24px;

}

.pp-header p{

font-size:14px;

line-height:26px;

}

.pp-heading{

gap:15px;

}

.pp-heading i{

width:50px;

height:50px;

font-size:20px;

}

.pp-heading h3{

font-size:20px;

}

.pp-card p{

font-size:14px;

line-height:26px;

}

.contact-details{

padding:18px;

}

.contact-details p{

display:block;

margin-bottom:12px;

}

.contact-details strong{

display:block;

margin-bottom:4px;

}

}
/*=========================================================
WEEKLINE REFUND & CANCELLATION POLICY
=========================================================*/

.weekline-refund-ui{
    padding:90px 0;
    background:#f8fbfd;
    position:relative;
    overflow:hidden;
}

.weekline-refund-ui::before{
    content:'';
    position:absolute;
    width:450px;
    height:450px;
    border-radius:50%;
    background:rgba(1,90,55,.05);
    top:-220px;
    left:-220px;
}

.weekline-refund-ui::after{
    content:'';
    position:absolute;
    width:420px;
    height:420px;
    border-radius:50%;
    background:rgba(255,107,40,.06);
    bottom:-220px;
    right:-220px;
}

/*==================================
CARD
==================================*/

.rc-card{

    background:#fff;

    padding:35px;

    border-radius:22px;

    margin-bottom:30px;

    border:1px solid #edf2f5;

    border-left:5px solid #015a37;

    box-shadow:0 12px 35px rgba(0,0,0,.05);

    position:relative;

    transition:.35s;

}

.rc-card:hover{

    transform:translateY(-5px);

    box-shadow:0 20px 45px rgba(0,0,0,.08);

}

.rc-card:nth-child(even){

    border-left-color:#ff6b28;

}

/*==================================
HEADER
==================================*/

.rc-header{

    background:linear-gradient(135deg,#015a37,#0b8b55);

    text-align:center;

    color:#fff;

    border:none;

    overflow:hidden;

}

.rc-header::before{

    content:'';

    position:absolute;

    width:220px;

    height:220px;

    border-radius:50%;

    background:rgba(255,255,255,.08);

    top:-100px;

    right:-70px;

}

.rc-header::after{

    content:'';

    position:absolute;

    width:180px;

    height:180px;

    border-radius:50%;

    background:rgba(255,255,255,.05);

    bottom:-70px;

    left:-60px;

}

.rc-icon{

    width:90px;

    height:90px;

    background:#fff;

    color:#ff6b28;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    margin:0 auto 25px;

    font-size:36px;

}

.rc-header h2{

    font-size:38px;

    font-weight:700;

    margin-bottom:15px;

}

.rc-header p{

    font-size:15px;

    line-height:28px;

    opacity:.95;

    margin:0;

}

/*==================================
SECTION HEADING
==================================*/

.rc-heading{

    display:flex;

    align-items:center;

    gap:18px;

    margin-bottom:25px;

    padding-bottom:18px;

    border-bottom:1px solid #edf2f5;

}

.rc-heading i{

    width:60px;

    height:60px;

    background:#edf8f1;

    color:#015a37;

    border-radius:18px;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:24px;

    transition:.6s;

}

.rc-card:hover .rc-heading i{

    background:#015a37;

    color:#fff;

    transform:rotateY(360deg);

}

.rc-heading h3{

    margin:0;

    font-size:26px;

    font-weight:700;

    color:#222;

}

/*==================================
TEXT
==================================*/

.rc-card p{

    font-size:15px;

    line-height:30px;

    color:#666;

    margin-bottom:18px;

}

.rc-card p:last-child{

    margin-bottom:0;

}

.rc-card strong{

    color:#222;

}

/*==================================
LISTS
==================================*/

.rc-card ul{

    margin:0;

    padding-left:20px;

}

.rc-card ul li{

    margin-bottom:12px;

    color:#555;

    line-height:28px;

}

/*==================================
CONTACT INFO
==================================*/

.rc-card a{

    color:#ff6b28;

    text-decoration:none;

    font-weight:600;

    transition:.3s;

}

.rc-card a:hover{

    color:#015a37;

}

/*==================================
FOOTER CARD
==================================*/

.rc-footer{

    text-align:center;

    background:linear-gradient(135deg,#fff7ef,#ffffff);

    border-left:5px solid #ff6b28;

}

.rc-footer h4{

    font-size:30px;

    font-weight:700;

    color:#015a37;

    margin-bottom:15px;

}

.rc-footer p{

    max-width:700px;

    margin:auto;

}

/*==================================
ANIMATION
==================================*/

.rc-card{

    animation:fadeUp .6s ease;

}

@keyframes fadeUp{

from{

opacity:0;

transform:translateY(30px);

}

to{

opacity:1;

transform:translateY(0);

}

}

/*==================================
RESPONSIVE
==================================*/

@media(max-width:991px){

.rc-card{

padding:30px;

}

.rc-header h2{

font-size:30px;

}

.rc-heading h3{

font-size:22px;

}

}

@media(max-width:576px){

.weekline-refund-ui{

padding:70px 0;

}

.rc-card{

padding:22px;

border-radius:18px;

}

.rc-icon{

width:70px;

height:70px;

font-size:28px;

}

.rc-header h2{

font-size:24px;

}

.rc-header p{

font-size:14px;

line-height:24px;

}

.rc-heading{

gap:15px;

}

.rc-heading i{

width:50px;

height:50px;

font-size:20px;

}

.rc-heading h3{

font-size:20px;

}

.rc-card p{

font-size:14px;

line-height:26px;

}

.rc-footer h4{

font-size:24px;

}

}
/*=========================================================
WEEKLINE DISCLAIMER
=========================================================*/

.weekline-disclaimer-ui{
    padding:90px 0;
    background:#f8fbfd;
    position:relative;
    overflow:hidden;
}

.weekline-disclaimer-ui::before{
    content:'';
    position:absolute;
    width:450px;
    height:450px;
    border-radius:50%;
    background:rgba(1,90,55,.05);
    top:-220px;
    left:-220px;
}

.weekline-disclaimer-ui::after{
    content:'';
    position:absolute;
    width:420px;
    height:420px;
    border-radius:50%;
    background:rgba(255,107,40,.06);
    bottom:-220px;
    right:-220px;
}

/*==================================
CARD
==================================*/

.dc-card{

    background:#fff;

    border-radius:22px;

    padding:35px;

    margin-bottom:30px;

    border:1px solid #edf2f5;

    border-left:5px solid #015a37;

    box-shadow:0 12px 35px rgba(0,0,0,.05);

    position:relative;

    transition:.35s;

}

.dc-card:hover{

    transform:translateY(-5px);

    box-shadow:0 20px 45px rgba(0,0,0,.08);

}

.dc-card:nth-child(even){

    border-left-color:#ff6b28;

}

/*==================================
HEADER
==================================*/

.dc-header{

    background:linear-gradient(135deg,#015a37,#0b8b55);

    text-align:center;

    color:#fff;

    border-left:none;

    overflow:hidden;

}

.dc-header::before{

    content:'';

    position:absolute;

    width:220px;

    height:220px;

    border-radius:50%;

    background:rgba(255,255,255,.08);

    top:-90px;

    right:-70px;

}

.dc-header::after{

    content:'';

    position:absolute;

    width:180px;

    height:180px;

    border-radius:50%;

    background:rgba(255,255,255,.05);

    bottom:-70px;

    left:-50px;

}

.dc-icon{

    width:90px;

    height:90px;

    border-radius:50%;

    background:#fff;

    color:#ff6b28;

    display:flex;

    justify-content:center;

    align-items:center;

    margin:0 auto 25px;

    font-size:38px;

}

.dc-header h2{

    font-size:40px;

    font-weight:700;

    margin-bottom:15px;

}

.dc-header p{

    font-size:15px;

    line-height:30px;

    opacity:.95;

    margin:0;

}

/*==================================
HEADING
==================================*/

.dc-heading{

    display:flex;

    align-items:center;

    gap:18px;

    margin-bottom:25px;

    padding-bottom:18px;

    border-bottom:1px solid #edf2f5;

}

.dc-heading i{

    width:60px;

    height:60px;

    border-radius:18px;

    background:#edf8f1;

    color:#015a37;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:24px;

    transition:.6s;

}

.dc-card:hover .dc-heading i{

    background:#015a37;

    color:#fff;

    transform:rotateY(360deg);

}

.dc-heading h3{

    margin:0;

    font-size:26px;

    font-weight:700;

    color:#222;

}

/*==================================
TEXT
==================================*/

.dc-card p{

    font-size:15px;

    line-height:30px;

    color:#666;

    margin-bottom:18px;

}

.dc-card p:last-child{

    margin-bottom:0;

}

.dc-card strong{

    color:#222;

}

/*==================================
WARNING CARD
==================================*/

.dc-warning{

    background:#fff8f2;

    border-left:5px solid #ff6b28;

}

.dc-warning .dc-heading i{

    background:#fff0e6;

    color:#ff6b28;

}

.dc-warning:hover .dc-heading i{

    background:#ff6b28;

    color:#fff;

}

/*==================================
FOOTER CARD
==================================*/

.dc-footer{

    background:linear-gradient(135deg,#f7fff9,#ffffff);

    border-left:5px solid #015a37;

}

.dc-footer .dc-heading i{

    background:#edf8f1;

    color:#015a37;

}

/*==================================
LIST
==================================*/

.dc-card ul{

    margin:0;

    padding-left:20px;

}

.dc-card ul li{

    margin-bottom:12px;

    line-height:28px;

    color:#555;

}

/*==================================
ANIMATION
==================================*/

.dc-card{

    animation:fadeUp .6s ease;

}

@keyframes fadeUp{

from{

opacity:0;

transform:translateY(30px);

}

to{

opacity:1;

transform:translateY(0);

}

}

/*==================================
RESPONSIVE
==================================*/

@media(max-width:991px){

.dc-card{

padding:30px;

}

.dc-header h2{

font-size:32px;

}

.dc-heading h3{

font-size:22px;

}

}

@media(max-width:576px){

.weekline-disclaimer-ui{

padding:70px 0;

}

.dc-card{

padding:22px;

border-radius:18px;

}

.dc-icon{

width:70px;

height:70px;

font-size:30px;

}

.dc-header h2{

font-size:26px;

}

.dc-header p{

font-size:14px;

line-height:26px;

}

.dc-heading{

gap:15px;

}

.dc-heading i{

width:50px;

height:50px;

font-size:20px;

}

.dc-heading h3{

font-size:20px;

}

.dc-card p{

font-size:14px;

line-height:26px;

}

}