:root {
         --primary-color: #e12454;
         --secondary-color: #002343;
         --accent-color: #f7a5bb;
         --text-dark: #333;
         --text-light: #666;
         --bg-light: #f9fcfd;
         --white: #ffffff;
         --shadow: 0 4px 20px rgba(0,0,0,0.1);
         --gradient: linear-gradient(135deg, #e12454 0%, #f7a5bb 100%);
      }
  
      
      /* Enhanced Header */
      .main-header-wrapper {
         background: var(--white);
         box-shadow: var(--shadow);
         position: relative;
         z-index: 1000;
      }

      .mid-header-section {
         background: linear-gradient(135deg,  #fff 0%, #fff 100%);
         padding: 15px 0;
         color: var(--white);
      }

      .sb-mid-right-section ul li a {
         color: black;
         transition: all 0.3s ease;
      }

      .sb-mid-right-section ul li a:hover {
         color: var(--accent-color);
         transform: translateY(-2px);
      }

      /* Enhanced Navigation */
      .menu-items-wrapper {
         background: #e12454;
         border-top: 3px solid var(--primary-color);
         box-shadow: 0 2px 10px rgba(0,0,0,0.05);
         display: flex;  
         justify-content: center; 
          align-items: center;
      }

      .navbar-nav .nav-link {
         color: white;
         font-weight: 600;
         padding: 15px 20px;
         transition: all 0.3s ease;
         position: relative;
      }

      .navbar-nav .nav-link:hover {
         color: white;
         background: rgba(225, 36, 84, 0.1);
         border-radius: 5px;
      }

      .navbar-nav .nav-link::after {
         content: '';
         position: absolute;
         bottom: 0;
         left: 50%;
         width: 0;
         height: 3px;
         background: var(--primary-color);
         transition: all 0.3s ease;
         transform: translateX(-50%);
      }
      .navbar-expand-lg{
         justify-content: center;
      }
      .navbar-nav .nav-link:hover::after {
         width: 80%;
      }

      /* Enhanced Dropdown */
      .dropdown-items {
         background: var(--white);
         border-radius: 10px;
         box-shadow: var(--shadow);
         border: none;
         padding: 10px 0;
         margin-top: 10px;
         min-width: 380px;
      }

      .dropdown-items li a {
         padding: 12px 20px;
         color: var(--text-dark);
         transition: all 0.3s ease;
         border-radius: 5px;
         margin: 2px 10px;
      }

      .dropdown-items li a:hover {
         background: var(--primary-color);
         color: var(--white);
         transform: translateX(5px);
      }

      /* Enhanced Carousel */
      #bannerCarousel .carousel-item {
         position: relative;
         height: 70vh;
         min-height: 500px;
      }

      #bannerCarousel .carousel-item img {
         object-fit: cover;
         width: 100%;
         height: 100%;
      }

      #bannerCarousel .carousel-item::before {
         content: '';
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
         background: linear-gradient(45deg, rgba(225, 36, 84, 0.8) 0%, rgba(0, 35, 67, 0.6) 100%);
         z-index: 1;
      }

      .carousel-control-prev,
      .carousel-control-next {
         width: 60px;
         height: 60px;
         background: var(--primary-color);
         border-radius: 50%;
         top: 50%;
         transform: translateY(-50%);
         opacity: 0.9;
         transition: all 0.3s ease;
      }

      .carousel-control-prev:hover,
      .carousel-control-next:hover {
         opacity: 1;
         transform: translateY(-50%) scale(1.1);
      }

      /* Enhanced Hero Content */
      .hero-content {
         text-align: center;
         max-width: 800px;
         margin: 0 auto;
         padding: 60px 20px;
         position: relative;
         z-index: 2;
      }

      .hero-title {
         font-size: 3.5rem;
         font-weight: 700;
         color: var(--white);
         margin-bottom: 20px;
         text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
         line-height: 1.2;
      }

      .hero-title .text-primary {
         color: var(--accent-color) !important;
      }

      .hero-subtitle {
         font-size: 1.5rem;
         color: var(--white);
         margin-bottom: 20px;
         font-weight: 600;
         text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
      }

      .hero-description {
         font-size: 1.2rem;
         color: var(--white);
         margin-bottom: 40px;
         line-height: 1.6;
         text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
      }

      .hero-buttons {
         display: flex;
         justify-content: center;
         gap: 20px;
         flex-wrap: wrap;
      }

      .btn-primary {
         background: var(--gradient);
         border: none;
         padding: 15px 35px;
         border-radius: 50px;
         font-weight: 600;
         text-transform: uppercase;
         letter-spacing: 1px;
         transition: all 0.3s ease;
         box-shadow: 0 4px 15px rgba(225, 36, 84, 0.3);
      }

      .btn-primary:hover {
         transform: translateY(-3px);
         box-shadow: 0 8px 25px rgba(225, 36, 84, 0.4);
         background: var(--gradient);
      }

      .btn-outline-light {
         border: 2px solid var(--white);
         color: var(--white);
         padding: 15px 35px;
         border-radius: 50px;
         font-weight: 600;
         text-transform: uppercase;
         letter-spacing: 1px;
         transition: all 0.3s ease;
         background: transparent;
      }

      .btn-outline-light:hover {
         background: var(--white);
         color: var(--primary-color);
         transform: translateY(-3px);
         box-shadow: 0 8px 25px rgba(255, 255, 255, 0.3);
      }

      .carousel-caption {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 1rem;
    background: rgba(0, 0, 0, 0.4); /* optional for readability */
}

.hero-content {
    width: 100%;
}


      @media (max-width: 768px) {
         .hero-title {
            font-size: 2.5rem;
            word-break: break-word;
            line-height: 1.2;
         }
         
         .hero-subtitle {
            font-size: 1.2rem;
         }
         
         .hero-description {
            font-size: 1rem;
         }

          .carousel-caption {
            padding: 1rem;
            z-index: 1;
            padding-left: 2.5rem;
            padding-right: 2.5rem;
         }
         
         .hero-buttons {
            flex-direction: column;
            align-items: center;
            gap: 1rem;
         }
         
         .btn-primary,
         .btn-outline-light {
            width: 100%;
            max-width: 300px;
         }
      }

      /* Enhanced Feature Cards */
      .feature-cards-container {
         background: var(--bg-light);
         padding: 80px 0;
         margin: 50px 0;
      }

      .feature-card {
         background: var(--white);
         border-radius: 20px;
         padding: 40px 30px;
         text-align: center;
         box-shadow: var(--shadow);
         transition: all 0.4s ease;
         border: 3px solid transparent;
         position: relative;
         overflow: hidden;
      }

      .feature-card::before {
         content: '';
         position: absolute;
         top: 0;
         left: -100%;
         width: 100%;
         height: 100%;
         background: var(--gradient);
         opacity: 0.1;
         transition: all 0.5s ease;
         z-index: 1;
      }

      .feature-card:hover::before {
         left: 0;
      }

      .feature-card:hover {
         transform: translateY(-15px);
         box-shadow: 0 20px 40px rgba(225, 36, 84, 0.2);
         border-color: var(--primary-color);
      }

      .feature-card .icon {
         width: 80px;
         height: 80px;
         margin: 0 auto 25px;
         background: var(--gradient);
         border-radius: 50%;
         display: flex;
         align-items: center;
         justify-content: center;
         position: relative;
         z-index: 2;
      }

      .feature-card .icon img {
         width: 40px;
         height: 40px;
         filter: brightness(0) invert(1);
      }

      .feature-card h4 {
         color: var(--secondary-color);
         font-weight: 700;
         margin-bottom: 15px;
         position: relative;
         z-index: 2;
      }

      .feature-card p {
         color: var(--text-light);
         line-height: 1.6;
         position: relative;
         z-index: 2;
      }

      /* Enhanced About Section */
      .image-about-wrapper {
         background: var(--white);
         padding: 100px 0;
      }

      .about-content h6 {
         color: var(--primary-color);
         font-size: 16px;
         font-weight: 600;
         text-transform: uppercase;
         letter-spacing: 2px;
         margin-bottom: 15px;
      }

      .about-content h4 {
         color: var(--secondary-color);
         font-size: 36px;
         font-weight: 700;
         margin-bottom: 25px;
         line-height: 1.3;
      }

      .about-content p {
         color: var(--text-light);
         font-size: 16px;
         line-height: 1.8;
         margin-bottom: 20px;
      }

      .button-btn {
         background: var(--gradient);
         color: var(--white);
         padding: 15px 35px;
         border-radius: 50px;
         text-decoration: none;
         font-weight: 600;
         display: inline-block;
         transition: all 0.3s ease;
         border: none;
         position: relative;
         overflow: hidden;
      }

      .button-btn::before {
         content: '';
         position: absolute;
         top: 0;
         left: -100%;
         width: 100%;
         height: 100%;
         background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
         transition: all 0.5s ease;
      }

      .button-btn:hover::before {
         left: 100%;
      }

      .button-btn:hover {
         transform: translateY(-3px);
         box-shadow: 0 10px 25px rgba(225, 36, 84, 0.4);
         color: var(--white);
      }

      /* Enhanced Services Section */
      .services-main-wrapper {
         background: var(--bg-light);
         padding: 100px 0;
      }

      .sb-service-section h6 {
         color: var(--primary-color);
         font-size: 16px;
         font-weight: 600;
         text-transform: uppercase;
         letter-spacing: 2px;
         margin-bottom: 15px;
      }

      .sb-service-section h5 {
         color: var(--secondary-color);
         font-size: 36px;
         font-weight: 700;
         margin-bottom: 20px;
      }

      .sb-service-section p {
         color: var(--text-light);
         font-size: 18px;
         margin-bottom: 50px;
      }

      .slider-box {
         background: var(--white);
         border-radius: 20px;
         padding: 40px 30px;
         text-align: center;
         box-shadow: var(--shadow);
         transition: all 0.4s ease;
         border: 3px solid transparent;
         height: 100%;
      }

      .slider-box:hover {
         transform: translateY(-10px);
         box-shadow: 0 20px 40px rgba(225, 36, 84, 0.15);
         border-color: var(--primary-color);
      }

      .slider-box .service-img {
         margin-bottom: 25px;
      }

      .slider-box .service-img img {
         border-radius: 15px;
         transition: all 0.3s ease;
      }

      .slider-box:hover .service-img img {
         transform: scale(1.05);
      }

      .slider-box h5 {
         color: var(--secondary-color);
         font-weight: 700;
         margin-bottom: 15px;
         font-size: 22px;
      }

      .slider-box p {
         color: var(--text-light);
         line-height: 1.6;
         margin-bottom: 25px;
      }

      /* Enhanced Team Section */
      .team-main-wrapper {
         background: var(--white);
         padding: 100px 0;
      }

      .team-section {
         background: var(--white);
         border-radius: 20px;
         padding: 30px 20px;
         box-shadow: var(--shadow);
         transition: all 0.4s ease;
         text-align: center;
         border: 3px solid transparent;
      }

      .team-section:hover {
         transform: translateY(-10px);
         box-shadow: 0 20px 40px rgba(225, 36, 84, 0.15);
         border-color: var(--primary-color);
      }

      .team-section .image img {
         border-radius: 50%;
         transition: all 0.3s ease;
         border: 4px solid var(--accent-color);
      }

      .team-section:hover .image img {
         transform: scale(1.05);
         border-color: var(--primary-color);
      }

      .team-section h5 a {
         color: var(--secondary-color);
         font-weight: 700;
         text-decoration: none;
         transition: all 0.3s ease;
      }

      .team-section h5 a:hover {
         color: var(--primary-color);
      }

      .team-section p a {
         color: var(--text-light);
         text-decoration: none;
         transition: all 0.3s ease;
      }

      .team-section p a:hover {
         color: var(--primary-color);
      }

      /* Enhanced Testimonial Section */
      .testimonial-main-wrapper {
         background: var(--bg-light);
         padding: 100px 0;
      }

      .item-box {
         background: var(--white);
         border-radius: 20px;
         padding: 40px 30px;
         box-shadow: var(--shadow);
         position: relative;
         border: 3px solid transparent;
         transition: all 0.4s ease;
      }

      .item-box:hover {
         transform: translateY(-5px);
         box-shadow: 0 20px 40px rgba(225, 36, 84, 0.15);
         border-color: var(--primary-color);
      }

      .item-box span {
         color: #fbc02d;
         font-size: 20px;
         margin-bottom: 20px;
         display: block;
      }

      .item-box p {
         color: var(--text-light);
         font-style: italic;
         line-height: 1.8;
         margin-bottom: 20px;
         font-size: 16px;
      }

      .item-box a {
         color: var(--primary-color);
         font-weight: 600;
         text-decoration: none;
         transition: all 0.3s ease;
      }

      .item-box a:hover {
         color: var(--secondary-color);
      }

      /* Enhanced Counter Section */
      .counter-main-wrapper {
         background: var(--gradient);
         padding: 80px 0;
         color: var(--white);
      }

      .count-up {
         text-align: center;
         padding: 30px 20px;
      }

      .counter-icon {
         width: 80px;
         height: 80px;
         margin: 0 auto 25px;
         background: rgba(255, 255, 255, 0.2);
         border-radius: 50%;
         display: flex;
         align-items: center;
         justify-content: center;
         transition: all 0.3s ease;
      }

      .count-up:hover .counter-icon {
         background: rgba(255, 255, 255, 0.3);
         transform: scale(1.1);
      }

      .counter-icon svg {
         width: 40px;
         height: 40px;
         fill: var(--white);
      }

      .counter-count {
         font-size: 48px;
         font-weight: 700;
         margin-bottom: 10px;
         color: var(--white);
      }

      .count-up p {
         font-size: 18px;
         font-weight: 600;
         color: var(--white);
         margin: 0;
      }

      /* Enhanced Footer */
      .footer-main-wrapper {
         background: var(--secondary-color);
         color: var(--white);
         padding: 80px 0 30px;
      }

      .footer-logo img {
         margin-bottom: 25px;
      }

      .links h4 {
         color: var(--white);
         font-weight: 700;
         margin-bottom: 25px;
         font-size: 20px;
      }

      .links ul li {
         margin-bottom: 12px;
      }

      .links ul li a {
         color: #ccc;
         text-decoration: none;
         transition: all 0.3s ease;
         display: flex;
         align-items: center;
      }

      .links ul li a:hover {
         color: var(--primary-color);
         transform: translateX(5px);
      }

      .links ul li a i {
         margin-right: 8px;
         color: var(--primary-color);
      }

      /* Enhanced Emergency Section */
   

      /* Responsive Design */
      @media (max-width: 768px) {
         .feature-card {
            margin-bottom: 30px;
         }
         
         .about-content h4 {
            font-size: 28px;
         }
         
         .sb-service-section h5 {
            font-size: 28px;
         }
         
         .counter-count {
            font-size: 36px;
         }
      }

      /* Smooth Animations */
      * {
         transition: all 0.3s ease;
      }

      /* Custom Scrollbar */
      ::-webkit-scrollbar {
         width: 8px;
      }

      ::-webkit-scrollbar-track {
         background: #f1f1f1;
      }

      ::-webkit-scrollbar-thumb {
         background: var(--primary-color);
         border-radius: 4px;
      }

      ::-webkit-scrollbar-thumb:hover {
         background: var(--secondary-color);
      }

      /* Additional Enhancements */
      .home1-section-heading1 {
         color: var(--primary-color) !important;
         font-size: 16px !important;
         font-weight: 600 !important;
         text-transform: uppercase !important;
         letter-spacing: 2px !important;
         margin-bottom: 15px !important;
      }

      .home1-section-heading2 {
         color: var(--secondary-color) !important;
         font-size: 36px !important;
         font-weight: 700 !important;
         margin-bottom: 20px !important;
         line-height: 1.3 !important;
      }

      /* Enhanced Section Spacing */
      .image-about-wrapper,
      .services-main-wrapper,
      .team-main-wrapper,
      .testimonial-main-wrapper {
         position: relative;
      }

      .image-about-wrapper::before,
      .services-main-wrapper::before,
      .team-main-wrapper::before,
      .testimonial-main-wrapper::before {
         content: '';
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         height: 1px;
         background: linear-gradient(90deg, transparent, var(--primary-color), transparent);
      }

      /* Enhanced Image Styling */
      .image-section {
    text-align: left; /* Image left align */
}

.image-section img {
    width: 100%;         /* Full width of the column */
    max-width: 400px;    /* Max width, adjust as needed */
    height: auto;        /* Maintain aspect ratio */
    display: block;
    margin-left: 0;      /* Left align */
    border-radius: 10px; /* Optional: rounded corners */
}

      .image-about-wrapper .image-section img {
         border-radius: 20px;
         box-shadow: var(--shadow);
         transition: all 0.3s ease;
      }

      .image-about-wrapper .image-section img:hover {
         transform: scale(1.02);
         box-shadow: 0 20px 40px rgba(225, 36, 84, 0.2);
      }

      /* Enhanced Blog Section */
      .blog-main-wrapper {
         background: var(--white);
         padding: 100px 0;
      }

      .blog-box {
         background: var(--white);
         border-radius: 20px;
         overflow: hidden;
         box-shadow: var(--shadow);
         transition: all 0.4s ease;
         border: 3px solid transparent;
         height: 100%;
      }

      .blog-box:hover {
         transform: translateY(-10px);
         box-shadow: 0 20px 40px rgba(225, 36, 84, 0.15);
         border-color: var(--primary-color);
      }

      .blog-box .img-icon {
         position: relative;
         overflow: hidden;
      }

      .blog-box .img-icon img {
         width: 100%;
         height: 250px;
         object-fit: cover;
         transition: all 0.3s ease;
      }

      .blog-box:hover .img-icon img {
         transform: scale(1.05);
      }

      .blog-box .img-icon p {
         position: absolute;
         top: 20px;
         right: 20px;
         background: var(--primary-color);
         color: var(--white);
         padding: 10px 15px;
         border-radius: 10px;
         font-weight: 600;
         margin: 0;
      }

      .blog-content {
         padding: 30px;
      }

      .blog-content h3 a {
         color: var(--secondary-color);
         text-decoration: none;
         font-weight: 700;
         font-size: 22px;
         transition: all 0.3s ease;
      }

      .blog-content h3 a:hover {
         color: var(--primary-color);
      }

      .blog-content p {
         color: var(--text-light);
         line-height: 1.6;
         margin-bottom: 20px;
      }

      .r-btn {
         color: var(--primary-color);
         text-decoration: none;
         font-weight: 600;
         transition: all 0.3s ease;
         display: inline-flex;
         align-items: center;
         gap: 5px;
      }

      .r-btn:hover {
         color: var(--secondary-color);
         transform: translateX(5px);
      }

      /* Enhanced Partner Section */
      .partner-main-wrapper {
         background: var(--bg-light);
         padding: 60px 0;
      }

      .partner-main-wrapper .item {
         text-align: center;
         padding: 20px;
      }

      .partner-main-wrapper .item img {
         max-height: 200px;
         width: auto;
         filter: grayscale(100%);
         transition: all 0.3s ease;
      }

      .partner-main-wrapper .item:hover img {
         filter: grayscale(0%);
         transform: scale(1.1);
      }

      /* Enhanced Return to Top Button */
      #return-to-top {
         background: var(--gradient);
         color: var(--white);
         width: 50px;
         height: 50px;
         border-radius: 50%;
         display: flex;
         align-items: center;
         justify-content: center;
         position: fixed;
         bottom: 30px;
         right: 30px;
         z-index: 1000;
         text-decoration: none;
         box-shadow: var(--shadow);
         transition: all 0.3s ease;
         opacity: 0;
         visibility: hidden;
      }

      #return-to-top.show {
         opacity: 1;
         visibility: visible;
      }

      #return-to-top:hover {
         transform: translateY(-3px);
         box-shadow: 0 10px 25px rgba(225, 36, 84, 0.4);
      }

      /* Loading Animation */
      @keyframes fadeInUp {
         from {
            opacity: 0;
            transform: translateY(30px);
         }
         to {
            opacity: 1;
            transform: translateY(0);
         }
      }

      .fade-in-up {
         animation: fadeInUp 0.6s ease-out;
      }

      /* Enhanced Focus States */
      .nav-link:focus,
      .button-btn:focus,
      .btn:focus {
         outline: 2px solid var(--primary-color);
         outline-offset: 2px;
      }

      /* Improved Typography */
      body {
         font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
         line-height: 1.6;
      }

      h1, h2, h3, h4, h5, h6 {
         font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
         font-weight: 700;
      }

       h4:hover,strong:hover,h5:hover {
  color: #e12454 !important;
  transition: all 0.3s ease; /* smooth hover animation */
}