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/aboutus\ hero.png); background-size:cover; background-position: center; 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: 4rem; 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); }


/* content-section */
 
  .text-mission { color: #0c59c0; } /* Royal Blue */
  .text-vision { color: #FA352F; }  /* Vibrant Red */
  .custom-rounded { border-radius: 2rem !important; }
  .content-section { padding: 80px 0; }
  .description-text { 
    font-size: 0.9rem; 
    color: #4b5563; 
    line-height: 1.6;
  }


  
.our-services {
    padding: 50px 0px;
}

 .our-services .section-title {
            font-weight: 700;
            font-size: 2.5rem;
            margin-bottom: 10px;
            color: #0c59c0;
        }

        .our-services.section-subtitle {
            color: #6c757d;
            font-size: 0.8rem !important;
            margin-bottom: 80px;
        }

        .our-services .service-card {
            border: none;
            border-radius: 15px;
            padding: 30px;
            height: 100%;
            background: #fff;
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.147);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .our-services .service-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
        }

        /* Pastel Icon Squares */
        .our-services .icon-box {
            width: 50px;
            height: 50px;
            border-radius: 10px;
            margin-bottom: 25px;
            font-size: 25px;
        }

        .our-services .bg-pastel-red { background-color: #fbd3d3; color: #5a0303; }
        .our-services .bg-pastel-blue { background-color: #d7e9ff; color: #022754; }
        .our-services .bg-pastel-green { background-color: #d3ffeb; color: #02522d;}
        .our-services .bg-pastel-purple { background-color: #e2d0f9; color: #250253;}
        .our-services .bg-pastel-orange { background-color: #fee8d6; color: #472102;}
        .our-services .bg-pastel-cyan { background-color: #d2fcfc; color: #024545;}

        .our-services .card-title {
            font-weight: 700;
            font-size: 1.5rem;
            margin-bottom: 15px;
        }

        .our-services .card-text {
            color: #6c757d;
            font-size: 0.9rem;
            line-height: 1.6;
            margin-bottom: 20px;
        }

        .our-services .service-list {
            list-style: none;
            padding-left: 0;
            margin-bottom: 0;
        }

        .our-services .service-list li {
            position: relative;
            padding-left: 20px;
            font-size: 0.8rem;
            color: #495057;
            margin-bottom: 5px;
        }

        /* Bullet points */
        .our-services .service-list li::before {
            content: "•";
            position: absolute;
            left: 0;
            color: #333;
            font-weight: bold;
        }





        .custom-card-img-wrapper img {
  border-radius: 20px; /* Softer corners as seen in the image */
  width: 100%;
  object-fit: cover;
}
.why-choose-us .section-title{

    color: #0c59c0;
}
.custom-list li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 15px;
  font-size: 1.1rem;
  color: #333;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Custom Bullet Points */
.custom-list li::before {
  content: "•";
  position: absolute;
  left: 0;
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 1;
  color: #000;
}

@media (max-width: 768px) {
  .custom-list li {
    font-size: 1rem;
  }
}







        /* approaches */

        
.feature-section{
    background-color: #eeeef0dc;
    

}

.feature-section .container h1{
    color: #0c59c0;
}
.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; }



/* values  */


.our-values{
padding: 30px 0px;
}

.our-values .header {
    text-align: center;
    margin-bottom: 40px ;
}
.our-values .header h1{
    color: #0c59c0;
}
.our-values .header p{
font-size: 0.9rem;
}


        /* Features List Styling */
        .our-values  .insurance-section .feature-item {
            display: flex;
            align-items: flex-start;
            
        }

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

        .our-values  .insurance-section .feature-content h6 {
            font-weight: 600;
            margin-bottom: 2px;
            font-size: 1rem;
        }
        .our-values  .insurance-section .feature-content p{
            font-size: 0.8rem;
        }


        /* Image Styling */
        .our-values  .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) {
            .our-values  .insurance-section .image-container {
                margin-top: 50px;
            }
        }







        .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: #0c59c0;
        }

        .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;
        }