.elementor-3404 .elementor-element.elementor-element-f31bce8 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-3404 .elementor-element.elementor-element-f31bce8:not(.elementor-motion-effects-element-type-background), .elementor-3404 .elementor-element.elementor-element-f31bce8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D2AB66;}.elementor-3404 .elementor-element.elementor-element-f31bce8 > .elementor-background-overlay{background-image:url("https://bajwapharma.com/wp-content/uploads/2024/06/bg_pattern.png");background-position:center right;background-repeat:no-repeat;background-size:contain;opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3404 .elementor-element.elementor-element-f31bce8{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0em 0em 0em 0em;}.elementor-3404 .elementor-element.elementor-element-dcb7225 > .elementor-element-populated{padding:3em 3em 3em 3em;}.elementor-3404 .elementor-element.elementor-element-a36b425 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(32px/2);}.elementor-3404 .elementor-element.elementor-element-a36b425 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(32px/2);}.elementor-3404 .elementor-element.elementor-element-a36b425 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(32px/2);margin-left:calc(32px/2);}.elementor-3404 .elementor-element.elementor-element-a36b425 .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-32px/2);margin-left:calc(-32px/2);}body.rtl .elementor-3404 .elementor-element.elementor-element-a36b425 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-32px/2);}body:not(.rtl) .elementor-3404 .elementor-element.elementor-element-a36b425 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-32px/2);}.elementor-3404 .elementor-element.elementor-element-a36b425 .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-3404 .elementor-element.elementor-element-a36b425 .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-3404 .elementor-element.elementor-element-a36b425{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-3404 .elementor-element.elementor-element-a36b425 .elementor-icon-list-icon{padding-right:32px;}.elementor-3404 .elementor-element.elementor-element-a36b425 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3404 .elementor-element.elementor-element-a36b425 .elementor-icon-list-item > a{font-family:var( --e-global-typography-69c152f-font-family ), Sans-serif;font-size:var( --e-global-typography-69c152f-font-size );line-height:var( --e-global-typography-69c152f-line-height );}.elementor-3404 .elementor-element.elementor-element-a36b425 .elementor-icon-list-text{color:var( --e-global-color-a291686 );transition:color 0.3s;}.elementor-3404 .elementor-element.elementor-element-a36b425 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#000000;}.elementor-3404 .elementor-element.elementor-element-5dd99e8{text-align:left;}.elementor-3404 .elementor-element.elementor-element-5dd99e8 .elementor-heading-title{color:var( --e-global-color-a291686 );}.elementor-3404 .elementor-element.elementor-element-4c74e352 > .elementor-element-populated{padding:3em 3em 3em 3em;}.elementor-3404 .elementor-element.elementor-element-46fa0077{text-align:right;}.elementor-3404 .elementor-element.elementor-element-46fa0077 img{width:30%;}.elementor-3404 .elementor-element.elementor-element-4589bd50{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--margin-top:70px;--margin-bottom:70px;--margin-left:0px;--margin-right:0px;}.elementor-3404 .elementor-element.elementor-element-16c904c3{--display:flex;}.elementor-3404 .elementor-element.elementor-element-acb4e8f{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--margin-top:70px;--margin-bottom:70px;--margin-left:0px;--margin-right:0px;}.elementor-3404 .elementor-element.elementor-element-50edb12{--display:flex;}.elementor-3404 .elementor-element.elementor-element-e8f9e07{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--margin-top:70px;--margin-bottom:70px;--margin-left:0px;--margin-right:0px;}@media(min-width:768px){.elementor-3404 .elementor-element.elementor-element-16c904c3{--width:100%;}.elementor-3404 .elementor-element.elementor-element-50edb12{--width:100%;}}@media(max-width:1024px){.elementor-3404 .elementor-element.elementor-element-a36b425 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3404 .elementor-element.elementor-element-a36b425 .elementor-icon-list-item > a{font-size:var( --e-global-typography-69c152f-font-size );line-height:var( --e-global-typography-69c152f-line-height );}.elementor-3404 .elementor-element.elementor-element-4589bd50{--grid-auto-flow:row;}.elementor-3404 .elementor-element.elementor-element-acb4e8f{--grid-auto-flow:row;}.elementor-3404 .elementor-element.elementor-element-e8f9e07{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-3404 .elementor-element.elementor-element-f31bce8{padding:2em 0em 2em 0em;}.elementor-3404 .elementor-element.elementor-element-dcb7225 > .elementor-element-populated{padding:2em 2em 1em 2em;}.elementor-3404 .elementor-element.elementor-element-a36b425 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3404 .elementor-element.elementor-element-a36b425 .elementor-icon-list-item > a{font-size:var( --e-global-typography-69c152f-font-size );line-height:var( --e-global-typography-69c152f-line-height );}.elementor-3404 .elementor-element.elementor-element-5dd99e8{text-align:center;}.elementor-3404 .elementor-element.elementor-element-4c74e352 > .elementor-element-populated{padding:1em 2em 2em 2em;}.elementor-3404 .elementor-element.elementor-element-4589bd50{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-3404 .elementor-element.elementor-element-acb4e8f{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-3404 .elementor-element.elementor-element-e8f9e07{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-16c904c3 */<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Full Width Card with Hover Line</title>
    <style>
        .container {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            justify-content: center;
            padding: 40px 0;
        }

        .card {
            width: 300px;
            height: 120px;
            background-color: #F5F5F5;
            position: relative;
            margin: 0 auto;
            overflow: hidden;
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center;
            text-decoration: none;
        }

        .line {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0;
            height: 3px;
            background-color: #EEA3A0;
            transition: width 0.3s ease;
        }

        .card:hover .line {
            width: 100%;
        }

        h4 {
            margin: 0;
            font-size: 18px;
            color: #333;
        }

        a {
            text-decoration: none;
            color: inherit;
            display: block;
        }
    </style>
</head>
<body>

    <div class="container">
        <a href="https://bajwapharma.com/pivacain-sp-injection-2ml/">
            <div class="card">
                <h4>Pivacain SP</h4>
                <div class="line"></div>
            </div>
        </a>

        <a href="https://bajwapharma.com/pivacain-injection/">
            <div class="card">
                <h4>Pivacain</h4>
                <div class="line"></div>
            </div>
        </a>

        <a href="https://bajwapharma.com/pivacain-sp-heavy/">
            <div class="card">
                <h4>Pivacain SP Heavy</h4>
                <div class="line"></div>
            </div>
        </a>

        <a href="https://bajwapharma.com/baligno-2ml/">
            <div class="card">/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-50edb12 */<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Full Width Card with Hover Line</title>
    <style>
        .container {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            justify-content: center;
            padding: 40px 0;
        }

        .card {
            width: 300px;
            height: 120px;
            background-color: #F5F5F5;
            position: relative;
            margin: 0 auto;
            overflow: hidden;
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center;
            text-decoration: none;
        }

        .line {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0;
            height: 3px;
            background-color: #EEA3A0;
            transition: width 0.3s ease;
        }

        .card:hover .line {
            width: 100%;
        }

        h4 {
            margin: 0;
            font-size: 18px;
            color: #333;
        }

        a {
            text-decoration: none;
            color: inherit;
            display: block;
        }
    </style>
</head>
<body>

    <div class="container">
        <a href="https://bajwapharma.com/pivacain-sp-injection-2ml/">
            <div class="card">
                <h4>Pivacain SP</h4>
                <div class="line"></div>
            </div>
        </a>

        <a href="https://bajwapharma.com/pivacain-injection/">
            <div class="card">
                <h4>Pivacain</h4>
                <div class="line"></div>
            </div>
        </a>

        <a href="https://bajwapharma.com/pivacain-sp-heavy/">
            <div class="card">
                <h4>Pivacain SP Heavy</h4>
                <div class="line"></div>
            </div>
        </a>

        <a href="https://bajwapharma.com/baligno-2ml/">
            <div class="card">/* End custom CSS */