.elementor-331 .elementor-element.elementor-element-e751584{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:-1px;--padding-bottom:-1px;--padding-left:-1px;--padding-right:-1px;}.elementor-331 .elementor-element.elementor-element-e751584:not(.elementor-motion-effects-element-type-background), .elementor-331 .elementor-element.elementor-element-e751584 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F9FA;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-331 .elementor-element.elementor-element-6e8a5e3{--display:flex;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-331 .elementor-element.elementor-element-6e8a5e3:not(.elementor-motion-effects-element-type-background), .elementor-331 .elementor-element.elementor-element-6e8a5e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F9FA;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-d74a185 */.testimonial-section {
            
            margin: auto;
            text-align: center;
        }
        .testimonial-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            background: #fff;
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
            margin-bottom: 30px;
        }
        .testimonial-header h2 {
            color: #d92332;
            font-size: 28px;
            text-transform: uppercase;
             font-family: 'Poppins';
             text-align: left;
        }
        .testimonial-header p {
            color: #555;
            font-size: 12px;
            text-align: justify;
            max-width: 600px;
             font-family: 'Poppins';
        }
        .testimonial-container {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 15px;
        }
        .testimonial-card {
            position: relative; /* For absolute positioning of the WhatsApp icon */
            background: #f9f9f9;
            border-radius: 5px;
            padding: 10px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            text-align: center;
            transition: transform 0.3s ease;
        }
        .testimonial-card:hover {
            transform: translateY(-5px);
        }
        .testimonial-card:hover .profile img {
            border: 1px solid #000; /* Border on hover */
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); /* Shadow on hover */
        }
        .testimonial-card .profile img {
            width: 500px;
            height: 500pxx;
            transition: border 0.3s ease, box-shadow 0.3s ease;
        }
        .profile h4 {
            color: #d92332;
            font-size: 14px;
            margin: 10px 0 5px;
            font-family: 'Poppins';
        }
        .profile p {
            font-size: 12px;
            color: #666;
            font-family: 'Poppins';
        }
        .stars {
            color: #FFD700;
            margin: 5px;
        }
        .testimonial-card p {
            font-size: 12px;
            color: #555;
            line-height: 1.5;
            font-family: 'Poppins';
        }


        .testimonial-card:hover .whatsapp-icon {
            display: block; /* Show on hover */
            opacity: 1;
        }

        /* Responsive Design */
        @media (max-width: 1024px) {
            .testimonial-container {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (max-width: 768px) {
            .testimonial-container {
                grid-template-columns: 1fr;
            }
            .testimonial-header {
                flex-direction: column;
                text-align: left;
            }
            .testimonial-card .profile img {
                height: 100%;
                
            }
        }/* End custom CSS */