body{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
button{
        border-radius: 50px;
    padding: 10px 15px;
    background: #f84f00;
    color: white;
    border: none;
    font-weight: 600;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
      transition: 0.4s;
}
button:hover{
    background: white;
    color: #f84f00;   
}
/* nav bar code start */

   /*=========================
MODERN NAVBAR
=========================*/

.custom-navbar{

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

    backdrop-filter:blur(15px);

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

    padding:14px 0;

    transition:.35s;

}

/* Logo */

.navbar-brand img{

    height:62px;

    width:auto;

}

/* Nav Links */

.navbar-nav{

    gap:8px;

}

.navbar-nav .nav-link{

    position:relative;

    color:#222;

    font-size:16px;

    font-weight:600;

    padding:10px 18px !important;

    transition:.35s;

}

/* Hover */

.navbar-nav .nav-link:hover{

    color:#f95000;

}

/* Underline Animation */

.navbar-nav .nav-link::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:4px;

    width:0;

    height:3px;

    background:linear-gradient(90deg,#f95000,#fda716);

    border-radius:10px;

    transition:.35s;

    transform:translateX(-50%);

}

.navbar-nav .nav-link:hover::after,

.navbar-nav .nav-link.active::after{

    width:60%;

}

.navbar-nav .nav-link.active{

    color:#f95000;

}

/* CTA Button */

.nav-btn{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:14px 28px;

    border-radius:50px;

    background:linear-gradient(135deg,#f95000,#fda716);

    color:#fff;

    text-decoration:none;

    font-weight:700;

    transition:.35s;

    box-shadow:0 12px 25px rgba(249,80,0,.25);

}

.nav-btn:hover{

    color:#fff;

    transform:translateY(-4px);

    box-shadow:0 18px 35px rgba(249,80,0,.35);

}

.nav-btn i{

    transition:.3s;

}

.nav-btn:hover i{

    transform:translateX(6px);

}

/* Mobile Toggle */

.navbar-toggler{

    border:none;

    box-shadow:none!important;

    font-size:24px;

    color:#f95000;

}

.navbar-toggler:focus{

    box-shadow:none;

}

/* Mobile Menu */

/* ==========================
   MOBILE MENU
========================== */

@media (max-width:991px){

    .navbar-collapse{
        margin-top:20px;
        background:#fff;
        padding:20px;
        border-radius:20px;
        box-shadow:0 20px 50px rgba(0,0,0,.08);
    }

    .navbar-nav{
        gap:5px;
    }

    .navbar-nav .nav-link{

        padding:14px 15px !important;

        border-radius:12px;

        position:relative;

    }

    /* Remove desktop underline */

    .navbar-nav .nav-link::after{

        display:none;

    }

    /* Mobile Active */

    .navbar-nav .nav-link.active{

        background:rgba(249,80,0,.08);

        color:#f95000;

        border-left:4px solid #f95000;

    }

    /* Mobile Hover */

    .navbar-nav .nav-link:hover{

        background:rgba(249,80,0,.08);

        color:#f95000;

    }

    .nav-btn{

        margin-top:18px;

        width:100%;

        justify-content:center;

    }

}

@media(max-width:576px){

.navbar-brand img{

height:52px;

}

}

    /* nav bar code end */

    /* product section code  */




.icon-circle {
  width: 80px;
  height: 80px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

/* out partner */
.bank-logo-box {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.1);
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
}
.bank-logo-box img {
  max-height: 70px;
  object-fit: contain;
}


.conversation-section {
  background: linear-gradient(135deg, #0099ff, #f84f00);
  color: white;
  padding: 80px 20px;
  position: relative;
  overflow: hidden;
}

.btn-nav{
  background-color: #f84f00;
  color: #fff;
  text-transform: uppercase;
  border-radius: 50px;
  font-weight: 600;

}
.btn-nav:hover{
  background-color: #fff;
  color: #f84f00;
  border: 1px solid #f84f00;

}
/* Buttons */
.btn-custom {
  background: #fff;
  color: #000;
  font-weight: bold;
  padding: 12px 30px;
  border-radius: 50px;
  text-decoration: none;
  transition: 0.4s;
}

.btn-custom:hover {
  background: #f84f00;
  color: #ffffff;
}

/* Responsive text */
.conversation-section h2 {
  font-size: 2.5rem;
}

@media (max-width: 768px) {
  .conversation-section h2 {
    font-size: 1.8rem;
  }
  .btn-custom {
    width: 100%;
    max-width: 250px;
  }
}


/* footer */
/*=========================
FOOTER
=========================*/

.footer-area{

    background:#111827;

    position:relative;

    color:#d1d5db;

    padding:90px 0 0;

}

.footer-area::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:4px;

    background:linear-gradient(90deg,#f95000,#fda716);

}

.footer-logo{

    max-width:180px;

    margin-bottom:25px;

}

.footer-desc{

    color:#9ca3af;

    line-height:1.9;

    margin-bottom:30px;

}

/* Headings */

.footer-area h4{

    color:#fff;

    font-size:22px;

    margin-bottom:25px;

    font-weight:700;

    position:relative;

}

.footer-area h4::after{

    content:"";

    width:45px;

    height:3px;

    background:#f95000;

    position:absolute;

    left:0;

    bottom:-10px;

}

/* Links */

.footer-area ul{

    padding:0;

    margin:0;

    list-style:none;

}

.footer-area ul li{

    margin-bottom:14px;

}

.footer-area ul li a{

    color:#b8c1cc;

    text-decoration:none;

    transition:.35s;

    position:relative;

}

.footer-area ul li a::before{

    content:"➜";

    color:#f95000;

    margin-right:10px;

    opacity:0;

    transition:.35s;

}

.footer-area ul li a:hover{

    color:#fff;

    padding-left:8px;

}

.footer-area ul li a:hover::before{

    opacity:1;

}

/* Contact */

.contact-item{

    display:flex;

    gap:15px;

    margin-bottom:22px;

    align-items: center;

}

.contact-item i{

    width:45px;

    height:45px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:linear-gradient(135deg,#f95000,#fda716);

    color:#fff;

    flex-shrink:0;

}

.contact-item span{

    line-height:1.8;

}

/* Social */

.footer-social{

    display:flex;

    gap:12px;

}

.footer-social a{

    width:45px;

    height:45px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    text-decoration:none;

    background:#1f2937;

    color:#fff;

    transition:.35s;

}

.footer-social a:hover{

    background:linear-gradient(135deg,#f95000,#fda716);

    transform:translateY(-6px) rotate(360deg);

}

/* Bottom */

.footer-bottom{

    margin-top:70px;

    padding:25px 0;

    border-top:1px solid rgba(255,255,255,.08);

    text-align:center;

}

.footer-bottom p{

    margin:0;

    color:#9ca3af;

}

.footer-bottoma{

    color:#fda716;

    text-decoration:none;

    font-weight:600;

}

.footer-bottom a:hover{

    color:#fff;

}

/* Scroll Button */

#scrollTopBtn{

    position:fixed;

    right:25px;

    bottom:25px;

    width:55px;

    height:55px;

    border:none;

    border-radius:50%;

    display:none;

    z-index:999;

    cursor:pointer;

    color:#fff;

    background:linear-gradient(135deg,#f95000,#fda716);

    box-shadow:0 15px 35px rgba(249,80,0,.35);

    transition:.35s;

}

#scrollTopBtn:hover{

    transform:translateY(-6px) scale(1.08);

}

/* Responsive */

@media(max-width:991px){

.footer-area{

padding:70px 0 0;

}

.footer-area h4{

margin-top:10px;

}

}

@media(max-width:576px){

.footer-logo{

max-width:150px;

}

.footer-bottom{

font-size:14px;

}

}
  /* about us */
  .about-section h3 {
  color: #2f9e44;
}
.about-section p {
  font-size: 16px;
  line-height: 1.7;
  color: #444;
}
.about-section ul li {
  font-size: 16px;
  line-height: 1.6;
}

/* features section */
.feature-bar{
    padding:70px 0;
    background:#f8f9fc;
}

.feature-item{

    position:relative;

    height:100%;

    background:#fff;

    border-radius:20px;

    padding:35px 25px;

    text-align:center;

    overflow:hidden;

    transition:.4s;

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

    border:1px solid #eee;

}

.feature-item::before{

    content:"";

    position:absolute;

    top:0;
    left:-100%;

    width:100%;
    height:4px;

    background:linear-gradient(90deg,#f95000,#fda716);

    transition:.4s;

}

.feature-item:hover::before{

    left:0;

}

.feature-item:hover{

    transform:translateY(-12px);

    box-shadow:0 25px 45px rgba(249,80,0,.18);

    border-color:#f95000;

}

.feature-icon{

    width:80px;
    height:80px;

    margin:auto;

    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    background:linear-gradient(135deg,#f95000,#fda716);

    color:#fff;

    font-size:30px;

    margin-bottom:22px;

    transition:.4s;

}

.feature-item:hover .feature-icon{

    transform:rotateY(180deg) scale(1.08);

    box-shadow:0 15px 35px rgba(249,80,0,.35);

}

.feature-item h5{

    font-size:22px;

    font-weight:700;

    color:#222;

    margin-bottom:10px;

    transition:.3s;

}

.feature-item p{

    color:#777;

    font-size:15px;

    line-height:1.7;

    margin:0;

}

.feature-item:hover h5{

    color:#f95000;

}

@media(max-width:767px){

.feature-bar{

padding:50px 0;

}

.feature-item{

padding:25px 15px;

}

.feature-icon{

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

}

.feature-item h5{

font-size:18px;

}

.feature-item p{

font-size:13px;

}

}

/* hero section */
 .hero-slider{
    position:relative;
    overflow:hidden;
    
}

.hero-slide{
    position:relative;
    padding: 40px 0px;
    display:flex;
    align-items:center;
    background:url("../images/banner-img1.webp") center center/cover no-repeat;
}

.hero-slide-2{
    background:url("../images/banner-img2.webp") center center/cover no-repeat;
}

.hero-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        90deg,
        rgba(0,0,0,.82) 0%,
        rgba(0,0,0,.62) 45%,
        rgba(0,0,0,.35) 100%
    );
}

.hero-content{
    position:relative;
    z-index:2;
    max-width:700px;
}

.hero-badge{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:10px 22px;
    background:rgba(255,255,255,.12);
    backdrop-filter:blur(15px);
    border:1px solid rgba(255,255,255,.15);
    color:#fff;
    border-radius:50px;
    margin-bottom:30px;
    font-size:.95rem;
    font-weight:600;
}

.hero-badge i{
    color:#fda716;
}

.hero-title{
    color:#fff;
    font-size:50px;
    font-weight:800;
    line-height:1.15;
    margin-bottom:25px;
}

.hero-title span{
    color:#fda716;
}

.hero-text{
    color:#f2f2f2;
    font-size:1.12rem;
    line-height:1.9;
    margin-bottom:40px;
    max-width:620px;
}

.hero-buttons{
    display:flex;
    gap:18px;
    flex-wrap:wrap;
}

.btn-primary-custom{
    display:inline-flex;
    align-items:center;
    gap:10px;
    text-decoration:none;
    padding:15px 34px;
    background:linear-gradient(135deg,#f95000,#fda716);
    color:#fff;
    border-radius:50px;
    font-weight:700;
    transition:.4s;
    box-shadow:0 15px 35px rgba(249,80,0,.35);
}

.btn-primary-custom:hover{
    transform:translateY(-5px);
    color:#fff;
}

.btn-outline-custom{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    padding:15px 34px;
    border:2px solid rgba(255,255,255,.35);
    color:#fff;
    border-radius:50px;
    transition:.4s;
    backdrop-filter:blur(10px);
}

.btn-outline-custom:hover{
    background:#fff;
    color:#f95000;
}

.swiper-button-next,
.swiper-button-prev{
    width:55px;
    height:55px;
    border-radius:50%;
    background:rgba(255,255,255,.12);
    color:#fff;
    backdrop-filter:blur(10px);
    transition:.3s;
}

.swiper-button-next:hover,
.swiper-button-prev:hover{
    background:linear-gradient(135deg,#f95000,#fda716);
}

.swiper-button-next:after,
.swiper-button-prev:after{
    font-size:20px;
    font-weight:bold;
}

@media(max-width:991px){

.hero-slide{
    min-height:620px;
}

.hero-title{
    font-size:2.8rem;
}

.hero-text{
    font-size:1rem;
}

}

@media(max-width:576px){

.hero-slide{
    min-height:560px;
    text-align:center;
}

.hero-content{
    max-width:100%;
}

.hero-title{
    font-size:2rem;
}

.hero-text{
    font-size:.95rem;
}

.hero-buttons{
    justify-content:center;
}

.hero-badge{
    font-size:.85rem;
    padding:8px 18px;
}

.swiper-button-next,
.swiper-button-prev{
    display:none;
}

}

/* About Section */
.about-section{

    padding:90px 0;

    background:#fff;

}

.about-image{

    position:relative;

}

.about-image img{

    width:100%;

    border-radius:25px;

    transition:.5s;


}

.about-image:hover img{

    transform:scale(1.03);

}

.experience-box{

    position:absolute;

    right:-20px;

    bottom:30px;

    background:linear-gradient(135deg,#f95000,#fda716);

    color:#fff;

    padding:20px 25px;

    border-radius:20px;

    text-align:center;

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

}

.experience-box h2{

    margin:0;

    font-size:38px;

    font-weight:800;

}

.experience-box span{

    font-size:15px;

}

.about-badge{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 20px;

    background:#fff4ee;

    color:#f95000;

    border-radius:50px;

    font-weight:600;

    margin-bottom:20px;

}

.about-title{

    font-size:30px;

    font-weight:800;

    color:#222;

    line-height:1.25;

    margin-bottom:25px;

}

.about-title span{

    color:#f95000;

}

.about-text{

    color:#666;

    line-height:1.9;

    margin-bottom:30px;

    font-size:16px;

}

.about-features{

    margin-bottom:35px;

}

.about-feature{

    display:flex;

    align-items:center;

    gap:15px;

    padding:12px 0;

    font-weight:600;

    color:#333;

    transition:.3s;

}

.about-feature i{

    width:38px;

    height:38px;

    border-radius:50%;

    background:linear-gradient(135deg,#f95000,#fda716);

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:15px;

}

.about-feature:hover{

    transform:translateX(8px);

    color:#f95000;

}

.about-btn{

    display:inline-flex;

    align-items:center;

    gap:10px;

    text-decoration:none;

    padding:15px 38px;

    border-radius:50px;

    background:linear-gradient(135deg,#f95000,#fda716);

    color:#fff;

    font-weight:700;

    transition:.4s;

    box-shadow:0 15px 35px rgba(249,80,0,.30);

}

.about-btn:hover{

    color:#fff;

    transform:translateY(-5px);

    box-shadow:0 25px 45px rgba(249,80,0,.40);

}

@media(max-width:991px){

.about-section{

padding:70px 0;

}

.about-title{

font-size:32px;

}

.experience-box{

right:15px;

bottom:15px;

padding:15px 20px;

}

.experience-box h2{

font-size:30px;

}

}

@media(max-width:576px){

.about-title{

font-size:28px;

}

.about-text{

font-size:15px;

}

.about-feature{

font-size:14px;

}

.experience-box{

position:relative;

right:auto;

bottom:auto;

margin-top:20px;

display:inline-block;

}

}


/* ===============================
   HOW IT WORK SECTION
================================ */

.how-it-work{

    padding:90px 0;

    background:#fff;

}

/* Badge */

.work-badge{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 22px;

    border-radius:50px;

    background:#fff4ee;

    color:#f95000;

    font-weight:600;

    margin-bottom:20px;

}

/* Heading */

.work-title{

    font-size:46px;

    font-weight:800;

    color:#222;

    line-height:1.2;

    margin-bottom:20px;

}

.work-title span{

    color:#f95000;

}

/* Text */

.work-text{

    color:#666;

    font-size:16px;

    line-height:1.9;

    margin-bottom:35px;

}

/* Accordion */

.accordion-item{

    border:none;

    border-radius:18px;

    overflow:hidden;

    margin-bottom:18px;

    background:#fff;

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

}

.accordion-button{

    background:#fff;

    padding:22px;

    font-weight:700;

    font-size:18px;

    box-shadow:none;

}

.accordion-button:focus{

    box-shadow:none;

}

.accordion-button:not(.collapsed){

    background:#fff8f3;

    color:#f95000;

}

.accordion-body{

    padding:0 25px 25px 80px;

    color:#666;

    line-height:1.8;

}

/* Number */

.faq-number{

    width:45px;

    height:45px;

    min-width:45px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-right:18px;

    background:linear-gradient(135deg,#f95000,#fda716);

    color:#fff;

    font-weight:700;

}

/* Image */

.how-it-work img{

    width:100%;

    border-radius:25px;

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

    transition:.4s;

}

.how-it-work img:hover{

    transform:scale(1.03);

}

/* Responsive */

@media(max-width:991px){

.work-title{

font-size:34px;

}

}

@media(max-width:576px){

.how-it-work{

padding:70px 0;

}

.work-title{

font-size:28px;

}

.work-text{

font-size:15px;

}

.accordion-button{

font-size:16px;

padding:18px;

}

.faq-number{

width:38px;

height:38px;

min-width:38px;

margin-right:12px;

}

.accordion-body{

padding:0 20px 20px 68px;

}

}

/* our goals */
/*=========================
 OUR MISSION
=========================*/

.mission-section{

    padding:90px 0;

    background:#ffffff;

}

/* Heading */

.mission-badge{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 22px;

    background:#fff4ee;

    color:#f95000;

    border-radius:50px;

    font-weight:600;

    margin-bottom:20px;

}

.mission-title{

    font-size:46px;

    font-weight:800;

    color:#222;

    margin-bottom:18px;

}

.mission-title span{

    color:#f95000;

}

.mission-text{

    max-width:700px;

    margin:auto;

    color:#666;

    line-height:1.8;

    margin-bottom:60px;

}

/* Card */

.mission-card{

    position:relative;

    height:100%;

    background:#fff;

    border-radius:24px;

    padding:40px 30px;

    text-align:center;

    overflow:hidden;

    border:1px solid #eeeeee;

    transition:.4s;

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

}

.mission-card::before{

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:100%;

    height:0;

    background:linear-gradient(135deg,#f95000,#fda716);

    opacity:.05;

    transition:.4s;

}

.mission-card:hover::before{

    height:100%;

}

.mission-card:hover{

    transform:translateY(-12px);

    border-color:#f95000;

    box-shadow:0 25px 55px rgba(249,80,0,.18);

}

/* Icon */

.mission-icon{

    width:90px;

    height:90px;

    margin:0 auto 25px;

    border-radius:22px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:linear-gradient(135deg,#f95000,#fda716);

    color:#fff;

    font-size:34px;

    transition:.4s;

}

.mission-card:hover .mission-icon{

    transform:rotate(10deg) scale(1.08);

    border-radius:50%;

}

/* Title */

.mission-card h4{

    font-size:24px;

    font-weight:700;

    color:#222;

    margin-bottom:15px;

    transition:.3s;

}

.mission-card:hover h4{

    color:#f95000;

}

/* Text */

.mission-card p{

    color:#666;

    line-height:1.8;

    margin:0;

}

/* Responsive */

@media(max-width:991px){

.mission-title{

font-size:34px;

}

}

@media(max-width:576px){

.mission-section{

padding:70px 0;

}

.mission-title{

font-size:28px;

}

.mission-text{

font-size:15px;

margin-bottom:40px;

}

.mission-card{

padding:30px 20px;

}

.mission-icon{

width:70px;

height:70px;

font-size:28px;

}

.mission-card h4{

font-size:20px;

}

}



  /* why choise us */
/*=========================
 WHY CHOOSE US
=========================*/

.why-section{

    padding:90px 0;

    background:#f8f9fc;

}

/* Heading */

.why-badge{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 22px;

    border-radius:50px;

    background:#fff4ee;

    color:#f95000;

    font-weight:600;

    margin-bottom:20px;

}

.why-title{

    font-size:46px;

    font-weight:800;

    color:#222;

    margin-bottom:18px;

}

.why-title span{

    color:#f95000;

}

.why-text{

    max-width:700px;

    margin:auto;

    color:#666;

    line-height:1.8;

    margin-bottom:60px;

}

/* Card */

.why-card{

    position:relative;

    background:#fff;

    border-radius:24px;

    padding:40px 30px;

    text-align:center;

    overflow:hidden;

    border:1px solid #eeeeee;

    transition:.4s;

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

}



.why-card:hover::before{

    transform:scaleX(1);

}

.why-card:hover{

    transform:translateY(-12px);

    box-shadow:0 25px 60px rgba(249,80,0,.18);

}

/* Number */

.why-number{

    position:absolute;

    right:22px;

    top:20px;

    font-size:46px;

    font-weight:800;

    color:#f4f4f4;

    transition:.4s;

}

.why-card:hover .why-number{

    color:#ffe3d5;

}

/* Icon */

.why-icon{

    width:90px;

    height:90px;

    margin:0 auto 25px;

    border-radius:22px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:linear-gradient(135deg,#f95000,#fda716);

    color:#fff;

    font-size:34px;

    transition:.4s;

}

.why-card:hover .why-icon{

    transform:rotate(-10deg) scale(1.08);

    border-radius:50%;

}

/* Title */

.why-card h4{

    font-size:24px;

    font-weight:700;

    color:#222;

    margin-bottom:15px;

    transition:.3s;

}

.why-card:hover h4{

    color:#f95000;

}

/* Text */

.why-card p{

    color:#666;

    line-height:1.8;

    margin:0;

}

/* Responsive */

@media(max-width:991px){

.why-title{

font-size:34px;

}

}

@media(max-width:576px){

.why-section{

padding:70px 0;

}

.why-title{

font-size:28px;

}

.why-text{

font-size:15px;

margin-bottom:40px;

}

.why-card{

padding:30px 20px;

}

.why-icon{

width:70px;

height:70px;

font-size:28px;

}

.why-card h4{

font-size:20px;

}

.why-number{

font-size:34px;

}

}

  .step-badge {
    position: absolute;
    top: -6px;
    right: -6px;
    background: #ff9800;
    color: #fff;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
  }

  /* promise-section */
.cta-section{

    position:relative;

    padding:100px 0;

    overflow:hidden;

    background:linear-gradient(135deg,#f95000,#fda716);

}

/* Background Shapes */

.cta-section::before{

    content:"";

    position:absolute;

    width:350px;
    height:350px;

    border-radius:50%;

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

    top:-150px;
    left:-120px;

}

.cta-section::after{

    content:"";

    position:absolute;

    width:280px;
    height:280px;

    border-radius:50%;

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

    bottom:-120px;
    right:-100px;

}

/* Center Content */

.cta-content{

    position:relative;

    z-index:2;

    max-width:850px;

    margin:auto;

    text-align:center;

}

.cta-badge{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 22px;

    border-radius:50px;

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

    backdrop-filter:blur(10px);

    color:#fff;

    font-weight:600;

    margin-bottom:22px;

}

.cta-title{

    color:#fff;

    font-size:50px;

    font-weight:800;

    line-height:1.2;

    margin-bottom:20px;

}

.cta-title span{

    color:#fff5d0;

}

.cta-text{

    max-width:720px;

    margin:0 auto 40px;

    color:rgba(255,255,255,.95);

    font-size:17px;

    line-height:1.9;

}

/* Buttons */

.cta-buttons{

    display:flex;

    justify-content:center;

    gap:18px;

    flex-wrap:wrap;

}

.cta-btn{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:16px 36px;

    background:#fff;

    color:#f95000;

    text-decoration:none;

    border-radius:50px;

    font-weight:700;

    transition:.4s;

}

.cta-btn:hover{

    transform:translateY(-5px);

    background:#222;

    color:#fff;

}

.cta-btn i{

    transition:.3s;

}

.cta-btn:hover i{

    transform:translateX(6px);

}

.cta-btn-outline{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:16px 36px;

    border:2px solid rgba(255,255,255,.4);

    color:#fff;

    text-decoration:none;

    border-radius:50px;

    font-weight:600;

    transition:.4s;

}

.cta-btn-outline:hover{

    background:#fff;

    color:#f95000;

}

/* Responsive */

@media(max-width:991px){

.cta-title{

font-size:38px;

}

}

@media(max-width:576px){

.cta-section{

padding:70px 0;

}

.cta-title{

font-size:30px;

}

.cta-text{

font-size:15px;

}

.cta-btn,
.cta-btn-outline{

width:100%;

justify-content:center;

}

}



  /* feature-box */
  .feature-box {
    border: 3px solid rgba(168, 168, 2, 0.945);
    border-radius: 0;
    transition: all 0.3s ease;
  }

  .feature-box:hover {
    transform: translateY(-8px);
    box-shadow: 0 18px 35px rgba(0,0,0,0.15);
  }

  .icon-wrap {
    font-size: 64px;
    color: #1abc9c;
  }

  .feature-box p {
    font-size: 1rem;
    line-height: 1.6;
  }

  /* testimonial */

  /*==================================
TESTIMONIAL SECTION
==================================*/

.testimonial-section{

    padding:90px 0;

    background:#f8f9fc;

}

.testimonialSwiper{

    padding:15px 5px 50px;

}

.swiper-slide{

    height:auto;

}

.testimonial-card{

    position:relative;

    height:100%;

    background:#fff;

    border-radius:24px;

    padding:35px;

    overflow:hidden;

    border:1px solid #eeeeee;

    transition:.4s;

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

    display:flex;

    flex-direction:column;

}

.testimonial-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:5px;

    background:linear-gradient(90deg,#f95000,#fda716);

    transform:scaleX(0);

    transform-origin:left;

    transition:.4s;

}

.testimonial-card:hover::before{

    transform:scaleX(1);

}

.testimonial-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 55px rgba(249,80,0,.18);

}

.quote-icon{

    width:65px;

    height:65px;

    border-radius:18px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:linear-gradient(135deg,#f95000,#fda716);

    color:#fff;

    font-size:26px;

    margin-bottom:20px;

}

.rating{

    color:#fda716;

    font-size:15px;

    margin-bottom:18px;

}

.testimonial-card p{

    color:#666;

    line-height:1.8;

    margin-bottom:30px;

    flex:1;

}

.client{

    display:flex;

    align-items:center;

}

.avatar{

    width:60px;

    height:60px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:linear-gradient(135deg,#f95000,#fda716);

    color:#fff;

    font-size:24px;

    margin-right:15px;

}

.client h5{

    margin:0;

    font-size:18px;

    font-weight:700;

    color:#222;

}

.client span{

    color:#f95000;

    font-size:14px;

}

@media(max-width:576px){

.testimonial-card{

padding:25px;

}

}

  /* our solution */
/* ===========================
   INSURANCE SOLUTIONS SECTION
=========================== */

.solutions-section{
    padding:90px 0;
    background:#f8f9fc;
}

/* Section Heading */

.section-title{
    width:100%;
    max-width:760px;
    margin:0 auto 60px;
    text-align:center;
}

.solution-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:10px 22px;
    border-radius:50px;
    background:#fff4ee;
    color:#f95000;
    font-size:15px;
    font-weight:600;
    margin-bottom:18px;
}

.solution-badge i{
    color:#fda716;
}

.solution-title{
    font-size:46px;
    font-weight:800;
    line-height:1.2;
    color:#222;
    margin-bottom:20px;
}

.solution-title span{
    color:#f95000;
}

.solution-text{
    max-width:650px;
    margin:0 auto;
    color:#666;
    font-size:16px;
    line-height:1.8;
}

/* Cards */

.solution-card{

    position:relative;

    height:100%;

    background:#fff;

    border-radius:24px;

    padding:35px 30px;

    overflow:hidden;

    transition:.4s;

    border:1px solid #eeeeee;

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

}

/* Left Gradient Border */

.solution-card::before{

    content:"";

    position:absolute;

    left:0;
    top:0;

    width:5px;
    height:0;

    background:linear-gradient(#f95000,#fda716);

    transition:.4s;

}

.solution-card:hover::before{

    height:100%;

}

/* Hover */

.solution-card:hover{

    transform:translateY(-12px);

    border-color:#f95000;

    box-shadow:0 25px 55px rgba(249,80,0,.18);

}

/* Icon */

.solution-icon{

    width:85px;

    height:85px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:20px;

    background:linear-gradient(135deg,#f95000,#fda716);

    color:#fff;

    font-size:34px;

    margin-bottom:25px;

    transition:.4s;

}

.solution-card:hover .solution-icon{

    transform:rotate(-10deg) scale(1.08);

    border-radius:50%;

    box-shadow:0 15px 35px rgba(249,80,0,.35);

}

/* Heading */

.solution-card h4{

    font-size:24px;

    font-weight:700;

    color:#222;

    margin-bottom:15px;

    transition:.3s;

}

.solution-card:hover h4{

    color:#f95000;

}

/* Text */

.solution-card p{

    color:#666;

    font-size:15px;

    line-height:1.8;

    margin-bottom:25px;

}

/* Button */

.solution-btn{

    display:inline-flex;

    align-items:center;

    gap:10px;

    text-decoration:none;

    color:#f95000;

    font-weight:700;

    transition:.3s;

}

.solution-btn i{

    transition:.3s;

}

.solution-btn:hover{

    color:#f95000;

}

.solution-btn:hover i{

    transform:translateX(6px);

}

/* Tablet */

@media (max-width:991px){

.solutions-section{

padding:70px 0;

}

.section-title{

margin-bottom:45px;

}

.solution-title{

font-size:34px;

}

.solution-text{

font-size:15px;

}

.solution-card{

padding:30px 25px;

}

.solution-icon{

width:75px;
height:75px;
font-size:30px;

}

.solution-card h4{

font-size:22px;

}

}

/* Mobile */

@media (max-width:576px){

.solutions-section{

padding:60px 0;

}

.section-title{

margin-bottom:35px;

}

.solution-badge{

font-size:13px;

padding:8px 18px;

}

.solution-title{

font-size:28px;

}

.solution-text{

font-size:14px;

line-height:1.7;

}

.solution-card{

padding:25px 20px;

text-align:center;

}

.solution-icon{

width:65px;

height:65px;

font-size:26px;

margin:0 auto 20px;

}

.solution-card h4{

font-size:20px;

}

.solution-card p{

font-size:14px;

}

.solution-btn{

justify-content:center;

}

}


/* cta section */
/*=========================
CONTACT CTA
=========================*/

.contact-cta{

    position:relative;

    padding:100px 0;

    overflow:hidden;

    background:linear-gradient(135deg,#f95000,#fda716);

}

/* Background Shapes */

.contact-cta::before{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    border-radius:50%;

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

    left:-150px;

    top:-180px;

}

.contact-cta::after{

    content:"";

    position:absolute;

    width:300px;

    height:300px;

    border-radius:50%;

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

    right:-80px;

    bottom:-100px;

}

/* Wrapper */

.cta-wrapper{

    position:relative;

    z-index:2;

    max-width:900px;

    margin:auto;

    text-align:center;

}

/* Badge */

.cta-badge{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 24px;

    border-radius:50px;

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

    backdrop-filter:blur(12px);

    color:#fff;

    font-weight:600;

    margin-bottom:25px;

}

/* Heading */

.cta-wrapper h2{

    color:#fff;

    font-size:52px;

    font-weight:800;

    line-height:1.2;

    margin-bottom:20px;

}

.cta-wrapper h2 span{

    color:#fff5d0;

}

/* Text */

.cta-wrapper p{

    max-width:720px;

    margin:0 auto 45px;

    color:rgba(255,255,255,.95);

    font-size:17px;

    line-height:1.9;

}

/* Buttons */

.cta-buttons{

    display:flex;

    justify-content:center;

    gap:18px;

    flex-wrap:wrap;

}

.cta-call,

.cta-mail{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:16px 34px;

    border-radius:60px;

    text-decoration:none;

    font-weight:700;

    transition:.35s;

}

.cta-call{

    background:#fff;

    color:#f95000;

}

.cta-call:hover{

    transform:translateY(-6px);

    background:#222;

    color:#fff;

}

.cta-mail{

    border:2px solid rgba(255,255,255,.5);

    color:#fff;

    background:transparent;

}

.cta-mail:hover{

    background:#fff;

    color:#f95000;

    transform:translateY(-6px);

}

/* Responsive */

@media(max-width:991px){

.cta-wrapper h2{

font-size:38px;

}

}

@media(max-width:576px){

.contact-cta{

padding:70px 0;

}

.cta-wrapper h2{

font-size:30px;

}

.cta-wrapper p{

font-size:15px;

margin-bottom:35px;

}

.cta-call,

.cta-mail{

width:100%;

justify-content:center;

}

}
/* increment */
.stats-section{

    padding:90px 0;

    background:#f8f9fc;

}

.stat-card{

    position:relative;

    background:#fff;

    padding:40px 25px;

    text-align:center;

    border-radius:22px;

    overflow:hidden;

    transition:.4s;

    border:1px solid #eee;

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

}

.stat-card::before{

    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:5px;

    background:linear-gradient(90deg,#f95000,#fda716);

    transform:scaleX(0);

    transform-origin:left;

    transition:.4s;

}

.stat-card:hover::before{

    transform:scaleX(1);

}

.stat-card:hover{

    transform:translateY(-12px);

    border-color:#f95000;

    box-shadow:0 25px 50px rgba(249,80,0,.20);

}

.stat-icon{

    width:80px;
    height:80px;

    margin:0 auto 25px;

    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    background:linear-gradient(135deg,#f95000,#fda716);

    color:#fff;

    font-size:30px;

    transition:.4s;

}

.stat-card:hover .stat-icon{

    transform:rotate(360deg) scale(1.1);

    box-shadow:0 15px 35px rgba(249,80,0,.35);

}

.stat-card h2{

    font-size:42px;

    font-weight:800;

    color:#222;

    margin-bottom:12px;

}

.stat-card h2 span{

    color:#f95000;

}

.stat-card p{

    margin:0;

    color:#777;

    font-size:16px;

    font-weight:500;

}

@media(max-width:767px){

.stats-section{

padding:60px 0;

}

.stat-card{

padding:30px 15px;

}

.stat-icon{

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

}

.stat-card h2{

font-size:30px;

}

.stat-card p{

font-size:14px;

}

}
/* partners */
.partners-section {
  background: #fff;
}

.partners-badge {
  background: #eaf7ee;
  color: #16a34a;
  padding: 6px 18px;
  border-radius: 50px;
  font-size: 14px;
  display: inline-block;
}

.partners-title {
  font-size: 42px;
  font-weight: 800;
}

.partners-title span {
  color: #16a34a;
}

/* Slider */
.logo-slider {
  overflow: hidden;
  position: relative;
}

.logo-track {
  display: flex;
  gap: 30px;
  width: max-content;
  animation: scroll 120s linear infinite;
}

.logo-slider:hover .logo-track {
  animation-play-state: paused;
}

/* Logo Card */
.logo-card {
  min-width: 220px;
  height: 120px;
  background: #fff;
  border-radius: 18px;
  border: 1px solid rgb(203, 195, 195);
  display: flex;
  align-items: center;
  justify-content: center;
}

.logo-card img {
  max-width: 150px;
  max-height: 60px;
  object-fit: contain;
}

/* Animation */
@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

/* about page code */
/*==========================
PAGE HERO
==========================*/

.page-hero{

    position:relative;

    min-height:300px;

    display:flex;

    align-items:center;

    justify-content:center;

    text-align:center;

    overflow:hidden;

    background:url("../images/banner.webp") center center/cover no-repeat;

}

/* Dark Overlay */

.hero-overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(rgba(15,23,42,.75),rgba(15,23,42,.75));

}

/* Content */

.page-content{

    position:relative;

    z-index:2;

    max-width:750px;

    margin:auto;

}

/* Badge */

.page-badge{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 22px;

    border-radius:50px;

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

    backdrop-filter:blur(12px);

    color:#fff;

    font-size:15px;

    margin-bottom:22px;

    border:1px solid rgba(255,255,255,.2);

}

/* Heading */

.page-content h1{

    font-size:58px;

    font-weight:800;

    color:#fff;

    margin-bottom:18px;

}

/* Description */

.page-content p{

    color:#f3f4f6;

    font-size:18px;

    line-height:1.8;

    max-width:650px;

    margin:auto auto 30px;

}

/* Breadcrumb */

.breadcrumb{

    justify-content:center;

    background:none;

    margin:0;

}

.breadcrumb-item{

    color:#ffffff;

    font-size:16px;

}

.breadcrumb-item a{

    color:#fda716;

    text-decoration:none;

    font-weight:600;

    transition:.3s;

}

.breadcrumb-item a:hover{

    color:#f95000;

}

.breadcrumb-item+.breadcrumb-item::before{

    color:#ffffff;

}

.breadcrumb-item.active{

    color:#ffffff;

}

/* Responsive */

@media(max-width:991px){

.page-hero{

min-height:250px;

}

.page-content h1{

font-size:42px;

}

.page-content p{

font-size:16px;

}

}

@media(max-width:576px){

.page-hero{

min-height:200px;

}

.page-content h1{

font-size:32px;

}

.page-content p{

font-size:15px;

}

.page-badge{

font-size:13px;

padding:8px 18px;

}

}

/* sticky whatsapp*/
/*==============================
    MODERN WHATSAPP BUTTON
==============================*/

.whatsapp-sticky{

    position:fixed;

    left:25px;

    bottom:25px;

    width:64px;

    height:64px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    text-decoration:none;

    color:#fff;

    background:linear-gradient(135deg,#25D366,#1ebe5b);

    box-shadow:0 15px 35px rgba(37,211,102,.35);

    z-index:9999;

    transition:.35s;

    animation:floatWhatsapp 3s ease-in-out infinite;

}

/* Ripple */

.whatsapp-sticky::before{

    content:"";

    position:absolute;

    inset:-8px;

    border-radius:50%;

    border:2px solid rgba(37,211,102,.45);

    animation:ripple 2s infinite;

}

/* Notification Dot */

.whatsapp-dot{

    position:absolute;

    top:8px;

    right:8px;

    width:12px;

    height:12px;

    border-radius:50%;

    background:#ff3b30;

    border:2px solid #fff;

    animation:blink 1.2s infinite;

}

.whatsapp-sticky i{

    font-size:34px;

    transition:.35s;

}

.whatsapp-sticky:hover{

    color:#fff;

    transform:translateY(-8px) scale(1.08);

    box-shadow:0 20px 45px rgba(37,211,102,.45);

}

.whatsapp-sticky:hover i{

    transform:rotate(-12deg);

}

/* Floating */

@keyframes floatWhatsapp{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-8px);

}

}

/* Ripple */

@keyframes ripple{

0%{

transform:scale(.9);

opacity:1;

}

100%{

transform:scale(1.5);

opacity:0;

}

}

/* Notification */

@keyframes blink{

0%,100%{

transform:scale(1);

}

50%{

transform:scale(1.35);

}

}

/* Mobile */

@media(max-width:576px){

.whatsapp-sticky{

width:56px;

height:56px;

left:15px;

bottom:15px;

}

.whatsapp-sticky i{

font-size:30px;

}

.whatsapp-dot{

width:10px;

height:10px;

}

}
/* apply loan page code */

.service-card {
  background: #fff;
  border-radius: 15px;
  border: 1px solid #eee;
  transition: 0.3s ease;
}

.icon-box {
  width: 70px;
  height: 70px;
  margin: auto;
  border-radius: 50%;
  background: #f84f00;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s ease;
}

.icon-box i {
  color: #fff;
  font-size: 24px;
  transition: 0.3s ease;
}

.service-card:hover {
  transform: translateY(-8px);

}

.service-card:hover .icon-box {
  background: #fff;
  border: 2px solid #f84f00;
}

.service-card:hover .icon-box i {
  color: #f84f00;
}

.apply-btn {
  background: #f84f00;
  color: #fff;
  border-radius: 30px;
  padding: 6px 18px;
  border: none;
  transition: 0.3s ease;
}

.apply-btn:hover {
  background: #fff;
  color: #f84f00;
  border: 1px solid #f84f00;
}


/* Equal Image Height */
.job-card img{
  height: 220px;
  object-fit: cover;
}

/* Equal Card Height */
.job-card{
  transition: all 0.4s ease;
  border-radius: 20px;
}

/* Card Hover Effect */
.job-card:hover{
  transform: translateY(-10px);
  box-shadow: 0 15px 35px rgba(0,0,0,0.15);
}

/* Button Styling */
.apply-btn{
  background: #f84f00;
  color: #fff;
  border-radius: 50px;
  padding: 10px 30px;
  transition: all 0.3s ease;
}

/* Button Hover Effect */
.apply-btn:hover{
  background: #f84f00;
  color: #fff;
  transform: scale(1.05);
  box-shadow: 0 8px 20px rgba(0,0,0,0.2);
}

/* career from */

.upload-section{
    background:#f4f4f4;
    padding:60px 0;
}

.upload-card{
    max-width:850px;
    margin:auto;
    background:#fff;
    padding:40px;
    border-radius:15px;
    box-shadow:0 15px 40px rgba(0,0,0,0.08);
}

.upload-card h2{
    text-align:center;
    font-weight:700;
    margin-bottom:40px;
    color: #f84f00;
}
@media (max-width: 576px) {
 .upload-card h2{
  font-size: 20px;
 }
}
.form-control{
    border-radius:10px;
}


.submit-btn{
    background:#f84f00;
    color:#fff;
    padding:10px;
    border-radius:10px;
    font-weight:600;
    transition:0.3s;
}

.submit-btn:hover{
    background:#026115;
    color: #fff;
}


/*==============================
FINANCIAL ADVISOR
==============================*/

.advisor-section{

background:#fff;

}

.advisor-image{

position:relative;

border-radius:28px;

overflow:hidden;

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

}

.advisor-image img{

width:100%;

border-radius:28px;

transition:.5s;

}

.advisor-image:hover img{

transform:scale(1.05);

}

/* Experience Box */

.advisor-highlight{

position:absolute;

bottom:25px;

left:25px;

background:#fff;

padding:20px 30px;

border-radius:20px;

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

text-align:center;

}

.advisor-highlight h3{

margin:0;

font-size:36px;

font-weight:800;

color:#f95000;

}

.advisor-highlight span{

font-size:15px;

color:#666;

}

/* Content */

.advisor-badge{

display:inline-block;

padding:8px 20px;

border-radius:50px;

background:rgba(249,80,0,.08);

color:#f95000;

font-weight:600;

margin-bottom:18px;

}

.advisor-title{

font-size:42px;

font-weight:800;

line-height:1.3;

margin-bottom:20px;

color:#1f2937;

}

.advisor-title span{

background:linear-gradient(90deg,#f95000,#fda716);

-webkit-background-clip:text;

-webkit-text-fill-color:transparent;

}

.advisor-text{

font-size:17px;

line-height:1.9;

color:#64748b;

margin-bottom:30px;

}

/* List */

.advisor-list{

display:flex;

flex-direction:column;

gap:18px;

margin-bottom:35px;

}

.advisor-item{

display:flex;

align-items:center;

gap:15px;

font-size:17px;

font-weight:500;

}

.advisor-item i{

width:38px;

height:38px;

background:linear-gradient(135deg,#f95000,#fda716);

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

color:#fff;

font-size:15px;

}

/* Button */

.advisor-btn{

display:inline-flex;

align-items:center;

gap:12px;

padding:16px 34px;

border-radius:50px;

background:linear-gradient(135deg,#f95000,#fda716);

color:#fff;

font-weight:700;

text-decoration:none;

transition:.35s;

box-shadow:0 15px 30px rgba(249,80,0,.25);

}

.advisor-btn:hover{

transform:translateY(-5px);

color:#fff;

}

.advisor-btn i{

transition:.3s;

}

.advisor-btn:hover i{

transform:translateX(6px);

}

/* Responsive */

@media(max-width:991px){

.advisor-title{

font-size:32px;

}

.advisor-highlight{

left:15px;

bottom:15px;

padding:16px 22px;

}

}

@media(max-width:576px){

.advisor-title{

font-size:26px;

}

.advisor-text{

font-size:15px;

}

.advisor-item{

font-size:15px;

}

.advisor-highlight h3{

font-size:28px;

}

}