/* Our Solar Solutions Section - Sharabesh Theme (Further Reduced Height) */
    .sharabesh-solutions {
        background-color: #0D1B4C;
        padding: 45px 24px;      /* Reduced from 60px to 45px */
        width: 100%;
        font-family: 'Inter', 'Poppins', system-ui, -apple-system, sans-serif;
    }

    .sharabesh-solutions__container {
        max-width: 1280px;
        margin: 0 auto;
    }

    .sharabesh-solutions__header {
        text-align: center;
        margin-bottom: 30px;      /* Reduced from 40px to 30px */
    }

    .sharabesh-solutions__title {
        font-size: 2rem;          /* Reduced from 2.3rem to 2rem */
        font-weight: 800;
        color: #FFFFFF;
        margin-bottom: 8px;       /* Reduced from 12px to 8px */
        font-family: 'Poppins', sans-serif;
        letter-spacing: -0.02em;
    }

    .sharabesh-solutions__subtitle {
        font-size: 0.95rem;       /* Reduced from 1rem to 0.95rem */
        color: #A5D6A7;
        font-weight: 500;
        font-family: 'Inter', sans-serif;
        max-width: 600px;
        margin: 0 auto;
    }

    /* 3-column grid layout */
    .sharabesh-solutions__grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;               /* Reduced from 28px to 24px */
    }

    /* Individual Card Styling */
    .sharabesh-solutions__card {
        background: #FFFFFF;
        border-radius: 18px;      /* Reduced from 20px to 18px */
        overflow: hidden;
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        cursor: pointer;
        display: flex;
        flex-direction: column;
    }

    .sharabesh-solutions__card:hover {
        transform: translateY(-4px);  /* Reduced from -6px to -4px */
        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);
    }

    /* Image container */
    .sharabesh-solutions__card-image {
        width: 100%;
        height: 230px;            /* Reduced from 260px to 230px */
        overflow: hidden;
        position: relative;
        background-color: #f0f0f0;
    }

    .sharabesh-solutions__card-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        transition: transform 0.4s ease-out;
        display: block;
    }

    /* Hover zoom effect - subtle */
    .sharabesh-solutions__card:hover .sharabesh-solutions__card-image img {
        transform: scale(1.05);
    }

    /* Title at bottom */
    .sharabesh-solutions__card-title {
        padding: 14px 12px 18px 12px;    /* Reduced padding */
        text-align: center;
        background: #FFFFFF;
    }

    .sharabesh-solutions__card-title h3 {
        font-size: 1.25rem;              /* Reduced from 1.4rem to 1.25rem */
        font-weight: 700;
        color: #1A1A1A;
        margin: 0;
        font-family: 'Poppins', sans-serif;
        letter-spacing: -0.01em;
        position: relative;
        display: inline-block;
    }

    /* Underline effect on hover */
    .sharabesh-solutions__card-title h3::after {
        content: '';
        position: absolute;
        bottom: -5px;                   /* Reduced from -6px to -5px */
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 2px;
        background: linear-gradient(135deg, #1B5E20, #2ECC71);
        transition: width 0.3s ease;
        border-radius: 2px;
    }

    .sharabesh-solutions__card:hover .sharabesh-solutions__card-title h3::after {
        width: 30px;                    /* Reduced from 35px to 30px */
    }

    /* Desktop large screens */
    @media (min-width: 1280px) {
        .sharabesh-solutions {
            padding: 45px 32px;
        }
        
        .sharabesh-solutions__card-image {
            height: 250px;              /* Reduced from 280px to 250px */
        }
    }

    /* Tablet */
    @media (min-width: 769px) and (max-width: 1024px) {
        .sharabesh-solutions {
            padding: 40px 20px;
        }
        
        .sharabesh-solutions__header {
            margin-bottom: 25px;
        }
        
        .sharabesh-solutions__title {
            font-size: 1.8rem;
        }
        
        .sharabesh-solutions__subtitle {
            font-size: 0.9rem;
        }
        
        .sharabesh-solutions__grid {
            gap: 18px;
        }
        
        .sharabesh-solutions__card-image {
            height: 200px;
        }
        
        .sharabesh-solutions__card-title h3 {
            font-size: 1.15rem;
        }
        
        .sharabesh-solutions__card-title {
            padding: 12px 10px 14px 10px;
        }
    }

    /* Mobile - 1 column */
    @media (max-width: 768px) {
        .sharabesh-solutions {
            padding: 35px 16px;
        }
        
        .sharabesh-solutions__header {
            margin-bottom: 25px;
        }
        
        .sharabesh-solutions__title {
            font-size: 1.6rem;
            margin-bottom: 6px;
        }
        
        .sharabesh-solutions__subtitle {
            font-size: 0.85rem;
        }
        
        .sharabesh-solutions__grid {
            grid-template-columns: 1fr;
            gap: 20px;
        }
        
        .sharabesh-solutions__card-image {
            height: 200px;
        }
        
        .sharabesh-solutions__card-title h3 {
            font-size: 1.2rem;
        }
        
        .sharabesh-solutions__card-title {
            padding: 12px 12px 14px 12px;
        }
    }

    /* Small mobile */
    @media (max-width: 480px) {
        .sharabesh-solutions {
            padding: 30px 16px;
        }
        
        .sharabesh-solutions__header {
            margin-bottom: 20px;
        }
        
        .sharabesh-solutions__title {
            font-size: 1.4rem;
        }
        
        .sharabesh-solutions__subtitle {
            font-size: 0.8rem;
        }
        
        .sharabesh-solutions__card-image {
            height: 180px;
        }
        
        .sharabesh-solutions__card-title h3 {
            font-size: 1.1rem;
        }
        
        .sharabesh-solutions__card-title {
            padding: 10px 10px 12px 10px;
        }
    }

    @import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&family=Poppins:wght@400;500;600;700;800&display=swap');