.elementor-9 .elementor-element.elementor-element-13e7f99{--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;}.elementor-9 .elementor-element.elementor-element-3b3c497{--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;}.elementor-9 .elementor-element.elementor-element-e62eeea{--display:flex;}.elementor-9 .elementor-element.elementor-element-5206628{--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;}.elementor-9 .elementor-element.elementor-element-60f5f97{--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;}.elementor-9 .elementor-element.elementor-element-00f446b{--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;}.elementor-9 .elementor-element.elementor-element-a4350c8{--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;}.elementor-9 .elementor-element.elementor-element-d3f9eec{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9 .elementor-element.elementor-element-76773f2{--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;}.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-9 .elementor-element.elementor-element-5f28d3f{--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;}.elementor-9 .elementor-element.elementor-element-cfda2c0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9 .elementor-element.elementor-element-fc2ae0d{--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;}.elementor-9 .elementor-element.elementor-element-0e92c67{--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;}.elementor-9 .elementor-element.elementor-element-476f87f{--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;}.elementor-9 .elementor-element.elementor-element-f0a4592{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9 .elementor-element.elementor-element-9b51300{--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;}.elementor-9 .elementor-element.elementor-element-d091817{--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;}.elementor-9 .elementor-element.elementor-element-7c558f6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9 .elementor-element.elementor-element-6eb7b8e{--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;}.elementor-9 .elementor-element.elementor-element-97c6230{--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;}.elementor-9 .elementor-element.elementor-element-f17ebc8{--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;}@media(min-width:768px){.elementor-9 .elementor-element.elementor-element-76773f2{--width:50%;}.elementor-9 .elementor-element.elementor-element-5f28d3f{--width:50%;}.elementor-9 .elementor-element.elementor-element-fc2ae0d{--width:50%;}.elementor-9 .elementor-element.elementor-element-0e92c67{--width:50%;}.elementor-9 .elementor-element.elementor-element-9b51300{--width:50%;}.elementor-9 .elementor-element.elementor-element-d091817{--width:50%;}.elementor-9 .elementor-element.elementor-element-6eb7b8e{--width:50%;}.elementor-9 .elementor-element.elementor-element-97c6230{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-f0a4592 */<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Product Showcase</title>
    <style>
        /* --- CSS STYLING --- */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: Arial, sans-serif;
        }

        .showcase-section {
            padding: 60px 20px;
            background-color: #f4f4f4; /* Light Grey Background */
        }

        .showcase-container {
            max-width: 1200px;
            margin: 0 auto;
            display: flex; /* Desktop: Side by Side */
            gap: 30px;
            justify-content: center;
            align-items: center;
        }

        .showcase-box {
            flex: 1; /* Dono barabar jagah lenge */
            overflow: hidden; /* Zoom hone par photo box se bahar na nikle */
            border-radius: 15px; /* Kone Gol */
            box-shadow: 0 10px 30px rgba(0,0,0,0.15); /* Halki parchhai */
            transition: all 0.4s ease; /* Smooth Animation */
            cursor: pointer;
            background: #fff;
        }

        /* --- HOVER EFFECT (Jaadu Yahan Hai) --- */
        .showcase-box:hover {
            transform: translateY(-10px); /* Box thoda upar uthega */
            box-shadow: 0 25px 50px rgba(0,0,0,0.3); /* Parchhai gehri hogi */
        }

        .showcase-box img {
            width: 100%;
            height: auto;
            display: block;
            object-fit: cover;
            transition: transform 0.5s ease; /* Zoom speed */
        }

        /* Image Zoom on Hover */
        .showcase-box:hover img {
            transform: scale(1.1); /* Photo thodi badi (Zoom) hogi */
        }

        /* --- MOBILE RESPONSIVE --- */
        @media (max-width: 768px) {
            .showcase-container {
                flex-direction: column; /* Mobile: Ek ke niche ek */
            }
            .showcase-box {
                width: 100%; /* Mobile par full width */
            }
        }
    </style>
</head>
<body>

    <section class="showcase-section">
        <div class="showcase-container">
            
            <div class="showcase-box">
                <img src="brake-shoe.jpg" alt="Heavy Duty Brake Shoe">
            </div>

            <div class="showcase-box">
                <img src="control-cables.jpg" alt="3-Wheeler Control Cables">
            </div>

        </div>
    </section>

</body>
</html>/* End custom CSS */