body { font-family: 'Inter', sans-serif; color: #333; }
        
        .text-danger{
            color: #FA352F;
         }
        /* Navigation */
        .navbar-brand { font-weight: 700; color: #0C59C0  !important; font-size: 20px; margin:0px; padding:0px; }
        .nav-link { font-size: 0.85rem; font-weight: 400; text-transform: uppercase; color: #000000; margin: 0 10px; }
        .navbar-brand { margin:0px; padding:0px; }
        .navbar-brand img { 
            height:24px;
            width:auto;
            margin:0px; 
            padding-bottom:2px; }
        
         /* Hero Section */
        .hero-section { background-image: url(../image/solution\ hero.png); background-size:100%; padding: 80px 0; height: 90vh; display: flex; justify-content: center;
            justify-items: center;
            align-items: center;
            align-content: center;}
        /* .hero-section::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(236, 237, 239, 0.711); 
            z-index: 1;
            
           
        } */
        .hero-section .container {
            position: relative; /* Keep content above overlay */
            z-index: 2;
            
        }
        .hero-title { color: #000000; font-weight: 800; font-size: 5rem; text-shadow: 0px 0px 5px rgba(100, 105, 113, 0); }
        .hero-title p{ color: #0C59C0;}
        .hero-text { color: #000000; text-shadow: 0px 0px 2px rgba(58, 56, 56, 0); }


        /* Bankingsection */

        .banking-section {
            padding: 80px 0px;
        }

        .banking-section .title-bbb{
            display: flex;
            gap: 15px;
        }

        /* Icon Styling */
        .banking-section .main-icon-box {
            background-color: #0C59C0;
            color: white;
            width: 40px;
            height: 50px;
            border-radius: 5px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.7rem;
            margin-bottom: 20px;
        }


        .banking-section .section-title {
            font-weight: 700;
            /* font-size: 2.2rem; */
            margin-bottom: 25px;
        }

        .banking-section .section-description {
            color: #666;
            line-height: 1.6;
            font-size: 0.9rem;
            margin-bottom: 40px;
            max-width: 500px;
        }

        /* Features List Styling */
        .banking-section .feature-item {
            display: flex;
            align-items: flex-start;
            margin-bottom: 25px;
        }

        .banking-section .check-icon {
            color: #0d641b; /* Green check color */
            font-size: 1.8rem;
            margin-right: 15px;
            margin-top: 0px;
        }

        .banking-section .feature-content h6 {
            font-weight: 700;
            margin-bottom: 2px;
            font-size: 1rem;
        }

        .banking-section .feature-content p {
            color: #666;
            font-size: 0.8rem;
            margin-bottom: 0;
        }

        /* Button Styling */
        .banking-section .btn-explore {
            background-color: #0C59C0;
            color: white;
            border-radius: 5px;
            padding: 12px 25px;
            font-weight: 500;
            font-size: 0.95rem;
            border: none;
            transition: background-color 0.3s ease;
            margin-top: 20px;
            display: inline-flex;
            align-items: center;
            gap: 10px;
        }

        .banking-section .btn-explore:hover {
            background-color: #0848a5;
            color: white;
        }

        /* Image Styling */
        .banking-section .image-container img {
            width: 100%;
            height: auto;
            border-radius: 10px;
            /* box-shadow: 0 0px 30px rgba(48, 239, 45, 0.367); */
        }

        @media (max-width: 991px) {
            .banking-section .image-container {
                margin-top: 50px;
            }
        }

        /* financial-section */

        .financial-section {
            padding: 80px 0px;
            background-color: #eeeef0dc;
        }



        .financial-section .title-bbb{
            display: flex;
            gap: 15px;
        }

        /* Icon Styling */
        .financial-section .main-icon-box {
            background-color: #a60909;
            color: white;
            width: 40px;
            height: 50px;
            border-radius: 5px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.7rem;
            margin-bottom: 20px;
        }


        .financial-section .section-title {
            font-weight: 700;
            /* font-size: 2.2rem; */
            margin-bottom: 25px;
        }

        .financial-section .section-description {
            color: #666;
            line-height: 1.6;
            font-size: 0.9rem;
            margin-bottom: 40px;
            max-width: 500px;
        }

        /* Features List Styling */
        .financial-section .feature-item {
            display: flex;
            align-items: flex-start;
            margin-bottom: 25px;
        }

        .financial-section .check-icon {
            color: #0d641b; /* Green check color */
            font-size: 1.8rem;
            margin-right: 15px;
            margin-top: 0px;
        }

        .financial-section .feature-content h6 {
            font-weight: 700;
            margin-bottom: 2px;
            font-size: 1rem;
        }

        .financial-section .feature-content p {
            color: #666;
            font-size: 0.8rem;
            margin-bottom: 0;
        }

        /* Button Styling */
        .financial-section .btn-explore {
            background-color: #a60909;
            color: white;
            border-radius: 5px;
            padding: 12px 25px;
            font-weight: 500;
            font-size: 0.95rem;
            border: none;
            transition: background-color 0.3s ease;
            margin-top: 20px;
            display: inline-flex;
            align-items: center;
            gap: 10px;
        }

        .financial-section .btn-explore:hover {
            background-color: #850707;
            color: white;
        }

        /* Image Styling */
        .financial-section .image-container img {
            width: 100%;
            height: auto;
            border-radius: 10px;
            /* box-shadow: 0 0px 30px rgba(232, 185, 18, 0.367); */
        }

        @media (max-width: 991px) {
            .financial-section .image-container {
                margin-top: 50px;
            }
        }
        @media (max-width: 766px) {
            .financial-section .image-container {
                margin-top: 0px;
            }
        }



        /* Insurance section */

        .insurance-section {
            padding: 80px 0px;
        }

        .insurance-section .title-bbb{
            display: flex;
            gap: 15px;
        }

        /* Icon Styling */
        .insurance-section .main-icon-box {
            background-color: #0a6d14;
            color: white;
            width: 40px;
            height: 50px;
            border-radius: 5px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.7rem;
            margin-bottom: 20px;
        }


        .insurance-section .section-title {
            font-weight: 700;
            /* font-size: 2.2rem; */
            margin-bottom: 25px;
        }

        .insurance-section .section-description {
            color: #666;
            line-height: 1.6;
            font-size: 0.9rem;
            margin-bottom: 40px;
            max-width: 500px;
        }

        /* Features List Styling */
        .insurance-section .feature-item {
            display: flex;
            align-items: flex-start;
            margin-bottom: 25px;
        }

        .insurance-section .check-icon {
            color: #0d641b; /* Green check color */
            font-size: 1.8rem;
            margin-right: 15px;
            margin-top: 0px;
        }

        .insurance-section .feature-content h6 {
            font-weight: 700;
            margin-bottom: 2px;
            font-size: 1rem;
        }

        .insurance-section .feature-content p {
            color: #666;
            font-size: 0.8rem;
            margin-bottom: 0;
        }

        /* Button Styling */
        .insurance-section .btn-explore {
            background-color: #0a6d14;
            color: white;
            border-radius: 5px;
            padding: 12px 25px;
            font-weight: 500;
            font-size: 0.95rem;
            border: none;
            transition: background-color 0.3s ease;
            margin-top: 20px;
            display: inline-flex;
            align-items: center;
            gap: 10px;
        }

        .insurance-section .btn-explore:hover {
            background-color: #07570f;
            color: white;
        }

        /* Image Styling */
        .insurance-section .image-container img {
            width: 100%;
            height: auto;
            border-radius: 10px;
            /* box-shadow: 0 0px 30px rgba(48, 239, 45, 0.367); */
        }

        @media (max-width: 991px) {
            .insurance-section .image-container {
                margin-top: 50px;
            }
        }


        /* Feature section  */

        /* Card Styling */

.feature-section{
    background-color: #eeeef0dc;
    
}
.feature-section .feature-card {
    background: #ffffff;
    padding: 20px;
    border-radius: 5px; /* Matches the slight rounding in the image */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    height: 100%;
    transition: transform 0.2s ease;
}

.feature-section .feature-card:hover {
    transform: translateY(-2px);
}

/* Icon Box Styling */
.feature-section .feature-card .icon-box {
    min-width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}
.feature-section p{
    font-size: 0.9rem;
}
.feature-section .feature-card p{
    font-size: 0.8rem !important;
}
.feature-section .feature-card .icon-box i {
    font-size: 1.8rem;
}



/* Specific Icon Backgrounds */
.feature-section .feature-card .bg-red-light { background-color: #fedbdb; color:#3f0303;}
.feature-section .feature-card .bg-blue-light { background-color: #d5e3ff; color:#011335; }
.feature-section .feature-card .bg-green-light { background-color: #d2fce4; color:#01441e;}
.feature-section .feature-card .bg-purple-light { background-color: #dccefc; color:#160343;}

/* Custom Purple Color for Bootstrap */
.feature-section .feature-card .text-purple { color: #8e44ad; }



/* success stories */

.success-stories .section-title {
            font-weight: 700;
            /* font-size: 2.5rem; */
            margin-bottom: 10px;
        }

        .success-stories .section-subtitle {
            color: #6c757d;
            margin-bottom: 60px;
            font-size: 0.9rem;
        }

        /* Card Styling */
        .success-stories .success-card {
            border: 1px solid #eee;
            border-radius: 20px;
            padding: 40px 30px;
            text-align: center;
            height: 100%;
            transition: transform 0.3s ease;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
            background: #fff;
        }

        .success-stories .success-card:hover {
            transform: translateY(-5px);
        }

        /* Icon Placeholders */
        .success-stories .icon-box {
            width: 80px;
            height: 80px;
            border-radius: 15px;
            margin: 0 auto 25px;
            font-size: 30px;
        }

        .success-stories .bg-pink { background-color: #fbd1d1; color: #3c0101;}
        .success-stories .bg-blue { background-color: #c8dafb; color: #011843;}
        .success-stories .bg-green { background-color: #c9f8d8; color: #013411;}

        .success-stories .card-title {
            font-weight: 600;
            font-size: 1.4rem;
            margin-bottom: 15px;
        }

        .success-stories .card-description {
            color: #555;
            font-size: 0.8rem;
            line-height: 1.6;
            margin-bottom: 30px;
        }

        /* Metrics Styling */
        .success-stories .metrics-container {
            display: flex;
            justify-content: space-around;
            border-top: 1px solid #f0f0f0;
            padding-top: 20px;
        }

        .success-stories .metric-item h4 {
            font-weight: 600;
            margin-bottom: 5px;
            font-size: 1.3rem;
        }

        .success-stories .metric-item p {
            font-size: 0.8rem;
            color: #6c757d;
            margin: 0;
        }

        /* Specific Colors for Metrics */
        .success-stories .text-pink { color: #d63384; }
        .success-stories .text-blue { color: #0c59c0; }
        .success-stories .text-green { color: #198754; }

/* transform this section */

.cta-section {
            background-color: #0c59c0; /* Primary blue color from the image */
            color: white;
            padding: 100px 20px;
            text-align: center;
        }

        .cta-section .cta-title {
            font-weight: 700;
            font-size: 2.5rem;
            margin-bottom: 20px;
        }

        .cta-section .cta-subtitle {
            font-size: 1 rem;
            max-width: 700px;
            margin: 0 auto 40px auto;
            opacity: 0.8;
            line-height: 1.6;
        }

        /* Custom Button Styling */
        .cta-section .btn-cta {
            background-color: white;
            color: #0c59c0;
            border: none;
            padding: 15px 40px;
            font-weight: 500;
            border-radius: 10px;
            transition: all 0.3s ease;
            margin: 10px;
            min-width: 250px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
        }

        .cta-section .btn-cta:hover {
            background-color: #f8f9fa;
            transform: translateY(-2px);
            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
            color: #084298;
        }

        .cta-section .btn-cta:active {
            transform: translateY(0);
        }



       
        /* Footer */
        footer { background-color: #f8f9fa; padding: 60px 0 20px 0; border-top: 1px solid #eee; }
        .footer-logo { color: #0c59c0; font-weight: 700; font-size: 1.5rem; }
        .footer-heading { font-weight: 700; font-size: 1rem; margin-bottom: 20px; }
        .footer-links { list-style: none; padding: 0; }
        .footer-links li { margin-bottom: 10px; font-size: 0.9rem; color: #666; }
        .footer-links a { text-decoration: none; color: #000; }
        .footer-links a:hover,
        .footer-links a:focus,
        .footer-links a:visited { color: #000; }
        .copyright { border-top: 1px solid #ddd; padding-top: 20px; font-size: 0.8rem; color: #999; text-align: center; margin-top: 40px; }
        .footer-logo img { 
            height:24px;
            width:auto;
        }