#service{
    .lo{
    
    }
    
        .service-box {
            position: relative;
            width: 100%; /* Ensure it has a defined width */
        }
        
        .image {
            position: relative; /* Add this to make sure the stacking context is correct */
        }
        
        .hover-text {
            display: none;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%); /* Center the text */
            background: rgba(0, 0, 0, 0.8);
            color: white;
            padding: 15px;
            border-radius: 5px;
            z-index: 10; /* Ensure it appears above other elements */
            width: 80%; /* Prevent text from overflowing */
            text-align: center;
        }
        
        /* Try hovering different elements to see what works */
        .service-box:hover .hover-text {
            display: block;
        }
        
        /* Alternative hover target if the above doesn't work */
        .image:hover .hover-text {
            display: block;
        }
    }
    
    .service-icon{
        font-size: 50px;
    }
    
    .founder {
        padding: 7.5rem 2.5rem;
        background: #fff;
        text-align: center;
    }
    
    .founder h2 {
        font-size: clamp(1.75rem, 5vw, 3.125rem);
        font-weight: 700;
        color: #d4af37;
        margin-bottom: 3rem;
        text-transform: uppercase;
        position: relative;
    }
    
    .founder h2::after {
        content: '';
        width: clamp(5rem, 15vw, 7.5rem);
        height: 0.3125rem;
        background: #d4af37;
        position: absolute;
        bottom: -1rem;
        left: 50%;
        transform: translateX(-50%);
    }
    
    /* Container for Anantha’s Card */
    .team-container {
        display: flex;
        justify-content: center;
        max-width: 87.5rem;
        margin: 0 auto 3rem auto; /* Space below Anantha */
    }
    
    /* Team Card (Used for All Members) */
    .team-card {
        display: flex;
        flex-direction: row;
        width: 100%;
        max-width: 40rem; /* Fixed width to match grid cards */
        gap: 2rem;
        align-items: center;
        background: #fff;
        border-radius: 0.9375rem;
        box-shadow: 0 0.625rem 1.875rem rgba(0, 0, 0, 0.1);
        overflow: hidden;
        transition: transform 0.3s ease;
    }
    
    .team-card:hover {
        transform: scale(1.05);
    }
    
    .team-image {
        flex: 0 0 40%; /* Fixed width for image */
        position: relative;
    }
    
    .team-image img {
        width: 100%;
        height: auto;
        max-height: 18rem; /* Consistent height for images */
        object-fit: cover;
        border-radius: 0.9375rem 0 0 0.9375rem; /* Rounded on left side */
    }
    
    .team-text {
        flex: 1;
        padding: 1.5rem;
        text-align: left;
    }
    
    .team-text h3 {
        font-size: clamp(1.25rem, 3vw, 1.75rem);
        font-weight: 700;
        color: #2d2d2d;
        margin-bottom: 0.5rem;
    }
    
    .team-title {
        font-size: clamp(0.875rem, 2vw, 1.125rem);
        color: #d4af37;
        font-weight: 500;
        margin-bottom: 0.75rem;
    }
    
    .team-text p {
        font-size: clamp(0.75rem, 1.5vw, 0.875rem);
        color: #666;
        line-height: 1.6;
        margin-bottom: 0.75rem;
    }
    
    .team-quote {
        font-size: clamp(0.875rem, 2vw, 1.125rem);
        font-style: italic;
        color: #555;
        padding: 0.75rem;
        background: rgba(212, 175, 55, 0.1);
        border-radius: 0.625rem;
        margin-bottom: 0.75rem;
    }
    
    /* Grid for Other Team Members - Fixed 2 Columns */
    .team-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr); /* Exactly 2 columns */
        max-width: 87.5rem;
        margin: 0 auto;
        gap: 2rem;
    }
    
    /* Mobile Optimization */
    @media screen and (max-width: 768px) {
        
        
        .contact6 .contact9-content-area .contact9-box .icon{
            display: none;
        }
        
        
        .founder {
            padding: 4rem 1.5rem;
        }
    
        .team-container {
            margin-bottom: 2rem;
        }
    
        .team-card {
            flex-direction: column; /* Stack image above text on mobile */
            max-width: 20rem; /* Consistent width on mobile */
            margin: 0 auto;
        }
    
        .team-image {
            flex: none; /* Reset flex for stacking */
            width: 100%;
        }
    
        .team-image img {
            border-radius: 0.9375rem 0.9375rem 0 0; /* Rounded on top only */
            max-height: 15rem;
        }
    
        .team-text {
            padding: 1rem;
            text-align: center; /* Center text on mobile */
        }
    
        .team-grid {
            grid-template-columns: 1fr; /* Stack to 1 column on mobile */
            gap: 1.5rem;
        }
    }
    
    @media screen and (max-width: 480px) {
        .founder {
            padding: 2.5rem 1rem;
        }
    
        .team-card {
            margin-bottom: 1rem;
        }
    
        .team-text h3 {
            margin-bottom: 0.375rem;
        }
    
        .team-title {
            margin-bottom: 0.5rem;
        }
    
        .team-text p {
            margin-bottom: 0.5rem;
        }
    
        .team-quote {
            padding: 0.5rem;
        }
    }
    
    
    .contact6 .contact9-content-area .contact9-box:hover,
    .contact6 .contact9-content-area .contact9-box .icon,
    .work6 .work-box:hover .heading-area ,
    .mission .mission-box:hover{
    
        background-color: #f2c833;
    }
    
    .contact6 .contact9-content-area .contact9-box{
        margin-left: 0px;
    }
    
    
    .quick-contact {
        position: fixed;
        bottom: 100px;
        right: 15px;
        width: 60px;
        z-index: 9999;
      }
      
      .quick-contact img {
        position: fixed;
        bottom: 100px;
        right: 30px;
        width: 50px;
        z-index: 9;
      }
      
      .contact-box .icon {
    flex-basis: 10%;
}
.contact-box .pera {
    flex-basis: 90%;
}