/* Custom CSS for Lyndhurst Care Home */
:root {
    --primary: #446084;
    --secondary: #6c757d;
    --light: #f8f9fa;
    --dark: #212529;
    --bs-font-sans-serif: "Poppins", Geneva, Verdana, sans-serif;
    --bs-body-font-family: var(--bs-font-sans-serif);
    --primary-color: #446084;
    --secondary-color: #f8f9fa;
    --accent-color: #ff6b6b;
}

body {
    font-family: "Poppins", Geneva, Verdana, sans-serif !important;
    color: #333;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}
.navbar-brand img {
      height: 50px;
      width: auto;
      transition: all 0.3s ease;
    }
    
    @media (min-width: 992px) {
      .navbar-brand img {
        height: 50px;
      }
    }
    .navbar-nav .nav-link {
      color: #333;
      margin-right: 15px;
    }
    .navbar-nav .nav-link:hover {
      color: #446084;
    }
    .btn-testimonials {
      background-color: #446084;
      color: white;
      border-radius: 20px;
      padding: 5px 15px;
    }
    .hero-color{
        color: #446084 !important;
    }
    .hero-section {
        background-color: #FAF9F9;
      display: flex;
      align-items: center;
      padding: 50px 0;
    }
    .hero-text {
      color: #446084;
    }
    .hero-text h1 {
      font-size: 3rem;
      font-weight: bold;
    }
    .hero-text p {
      color: #666;
      margin: 20px 0;
    }
    .btn-about {
      background-color: #446084;
      color: white;
      padding: 10px 20px;
    }
    .bg-main{
        background-color: #446084 !important;
    }
    .color-main{
        color: #446084!important;
    }
    .image-container {
      position: relative;
      width: 100%;
      height: 400px;
    }
    .fade-image {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      opacity: 0;
      transition: opacity 1s ease-in-out;
    }
    .fade-image.active {
      opacity: 1;
    }
    .section-heading {
            font-size: 2rem;
            font-weight: bold;
            color: #333;
        }
        .highlight {
            color: #007bff;
            text-decoration: underline;
        }
        .founder-info {
            display: flex;
            align-items: center;
            margin-top: 20px;
        }
        .founder-info img {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            margin-right: 10px;
        }
        .img-section {
            max-width: 100%;
            height: auto;
        }


        .growing-older {
            background: linear-gradient(103.21deg, #237A9D 10.13%, #0C2B37 109.69%);
            color: white;
            padding: 50px 0;
            
        }
        .section-heading-g {
            font-size: 2.5rem;
            font-weight: bold;
        }
        .progress-bar-bg {
            background-color: #e9ecef;
            border-radius: 5px;
        }
        .progress-bar-fill {
            background-color: #ffffff;
            height: 10px;
            border-radius: 5px;
        }
        .img-section {
            max-width: 100%;
            height: auto;
            border-radius: 8px;
        }

        /* Testimonial section styling */
        .testimonials-section {
            padding: 50px 0;
        }
        .testimonials-container {
            overflow: hidden;
            position: relative;
            width: 100%;
        }
        .testimonials-track {
            display: flex;
            animation: scroll-left 20s linear infinite;
            width: max-content; /* Ensures the track is wide enough for all cards */
        }
        .testimonial-card {
            flex: 0 0 auto;
            width: 250px;
            margin-right: 20px;
            border: 1px solid #ddd;
            padding: 15px;
            background-color: white;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        }
        .testimonial-card img {
            width: 100%;
            height: 150px;
            object-fit: cover;
            border-radius: 8px;
        }
        .read-more-btn {
            display: block;
            margin: 20px 0;
            text-align: right;
        }

        /* Keyframes for scrolling animation */
        @keyframes scroll-left {
            0% {
                transform: translateX(0);
            }
            100% {
                transform: translateX(-50%);
            }
        }
        .senior-care-section {
            padding: 50px 0;
        }
        .elderly-care-heading {
            font-size: 2.5rem;
            font-weight: bold;
            color: #333;
            margin-bottom: 20px;
        }
        .elderly-care-subtext {
            color: #666;
            margin-bottom: 30px;
        }
        .highlight-box {
            border-left: 4px solid #007bff;
            padding-left: 15px;
            margin-bottom: 30px;
        }
        .highlight-text {
            color: #333;
        }
        .discover-btn {
            background-color: #2a5d77;
            color: white;
            border: none;
            padding: 10px 20px;
            border-radius: 5px;
        }
        .discover-btn:hover {
            background-color: #1e4a5e;
        }

        /* Image layout styling */
        .image-cluster-container {
            position: relative;
            height: 400px;
            width: 100%;
        }
        .image-cluster-bg {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 80%;
            height: 80%;
            background: url("./assets/noida-map\ 1.png");
            border-radius: 20px;
            z-index: 1;
        }
        .image-cluster-text {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: white;
            font-size: 1.5rem;
            font-weight: bold;
            text-align: center;
            z-index: 3;
        }
        /* Header Section */
        .blog-header-section {
            text-align: center;
            padding: 40px 0;
        }
        .blog-header-section .blog-subheading {
            font-size: 14px;
            color: #6c757d;
            text-transform: uppercase;
            margin-bottom: 10px;
        }
        .blog-header-section .blog-main-heading {
            font-size: 36px;
            font-weight: bold;
            color: #333;
        }
        /* Blog Cards Section */
        .blog-cards-container {
            padding: 0 15px;
            max-width: 1200px;
            margin: 0 auto;
        }
        .blog-header-section{
            background-image: url("./assets/bg-blogs.png");
            background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        background-attachment: fixed; /* Optional - creates parallax effect */
        position: relative;
        z-index: 1;
        }
        .blog-card-wrapper {
            background-color: #fff;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            overflow: hidden;
            transition: transform 0.3s ease;
        }
        .blog-card-wrapper:hover {
            transform: translateY(-5px);
        }
        .blog-card-image {
            width: 100%;
            height: 200px;
            object-fit: cover;
        }
        .blog-card-content {
            padding: 20px;
        }
        .blog-card-meta {
            font-size: 12px;
            color: #6c757d;
            margin-bottom: 10px;
        }
        .blog-card-title {
            font-size: 18px;
            font-weight: bold;
            color: #333;
            margin-bottom: 10px;
        }
        .blog-card-link {
            font-size: 14px;
            color: #333;
            text-decoration: none;
            font-weight: bold;
            font-size: 12px;
            font-weight: bold;
            margin-top: 24px;
            position: absolute;
            text-decoration: none;
            transition: background-color 0.3s ease;
        }
        a.bottom-section-button:hover {
            background-color: #e0e0e0;
        }
        /* Footer Section */
        .footer-section {
            background-color: #111;
            color: #fff;
            text-align: center;
            padding: 10px;
            font-size: 10px;
        }
        .footer-section a {
            color: #fff;
            text-decoration: underline;
        }
        .text-lg{
            color: #555555 !important;
        }
        .f-12{
         font-size: 12px!important;
        }
        
        ul.navbar-nav {
    padding-left: 10%;
}

/* Bottom Section Styling */
.bottom-section {
    background: url("./assets/foot-bg.png") no-repeat center center;
    background-size: cover;
    padding: 50px 0;
    min-height: 300px;
    display: flex;
    align-items: center;
    position: relative;
}

.bottom-section .container {
    position: relative;
    z-index: 2;
}

.bottom-section-text {
    color: #fff;
    padding-right: 30px;
}

.bottom-section-text p {
    margin-bottom: 15px;
    line-height: 1.6;
    font-size: 15px;
    font-weight: 600;
}

.bottom-section-button {
    background-color: #fff;
    color: #333;
    padding: 12px 30px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    display: inline-block;
    margin-top: 20px;
    transition: all 0.3s ease;
}

.bottom-section-button:hover {
    background-color: #f0f0f0;
    transform: translateY(-2px);
}

@media (max-width: 991px) {
    .bottom-section {
        text-align: center;
        padding: 40px 0;
    }
    
    .bottom-section-text {
        padding: 0 15px 30px;
    }
    
    .bottom-section-button {
        position: relative;
        bottom: auto;
        right: auto;
        margin: 20px auto 0;
    }
}

@media (max-width: 576px) {
    ul.navbar-nav {
        padding-left: 2%;
    }
    
    .bottom-section {
        padding: 30px 0;
    }
    
    .bottom-section-text p {
        font-size: 14px;
    }
}

a {
    text-decoration: none !important;
}