.elementor-457 .elementor-element.elementor-element-5270fb5{--display:flex;--min-height:525px;--justify-content:flex-end;--overlay-opacity:0.5;--margin-top:-150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-457 .elementor-element.elementor-element-5270fb5:not(.elementor-motion-effects-element-type-background), .elementor-457 .elementor-element.elementor-element-5270fb5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://test.germanplastpk.com/wp-content/uploads/2026/04/IMG_9881-scaled.jpg");background-position:top center;background-size:cover;}.elementor-457 .elementor-element.elementor-element-5270fb5::before, .elementor-457 .elementor-element.elementor-element-5270fb5 > .elementor-background-video-container::before, .elementor-457 .elementor-element.elementor-element-5270fb5 > .e-con-inner > .elementor-background-video-container::before, .elementor-457 .elementor-element.elementor-element-5270fb5 > .elementor-background-slideshow::before, .elementor-457 .elementor-element.elementor-element-5270fb5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-457 .elementor-element.elementor-element-5270fb5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-457 .elementor-element.elementor-element-6592302{--display:flex;--min-height:377px;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-457 .elementor-element.elementor-element-99e3cb0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"Montserrat", Sans-serif;font-size:39px;font-weight:900;color:#FFFFFF;}.elementor-457 .elementor-element.elementor-element-918cefc{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:start;color:#FFFFFF;}.elementor-457 .elementor-element.elementor-element-70a145a{--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:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-457 .elementor-element.elementor-element-3c66a04{--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-457 .elementor-element.elementor-element-b0750a4 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:700;}.elementor-457 .elementor-element.elementor-element-8882ae3{--divider-border-style:solid;--divider-color:var( --e-global-color-accent );--divider-border-width:4px;margin:-11px 0px calc(var(--kit-widget-spacing, 0px) + 020px) 0px;}.elementor-457 .elementor-element.elementor-element-8882ae3 .elementor-divider-separator{width:18%;}.elementor-457 .elementor-element.elementor-element-8882ae3 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-457 .elementor-element.elementor-element-a3d1c14{--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-457 .elementor-element.elementor-element-1b91c62 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:700;}.elementor-457 .elementor-element.elementor-element-96e6cc8{--divider-border-style:solid;--divider-color:var( --e-global-color-accent );--divider-border-width:4px;margin:-11px 0px calc(var(--kit-widget-spacing, 0px) + 020px) 0px;}.elementor-457 .elementor-element.elementor-element-96e6cc8 .elementor-divider-separator{width:18%;}.elementor-457 .elementor-element.elementor-element-96e6cc8 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-457 .elementor-element.elementor-element-d96b1aa:hover{--e-transform-scale:0.99;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.32);}.elementor-457 .elementor-element.elementor-element-d96b1aa{background-color:#FFFFFF;padding:15px 25px 15px 025px;border-style:solid;border-width:2px 0px 0px 0px;border-color:var( --e-global-color-accent );border-radius:15px 15px 15px 15px;box-shadow:0px 0px 24px 0px rgba(0, 0, 0, 0.12);}body.elementor-page-457:not(.elementor-motion-effects-element-type-background), body.elementor-page-457 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFA;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-457 .elementor-element.elementor-element-3c66a04{--width:50%;}.elementor-457 .elementor-element.elementor-element-a3d1c14{--width:50%;}}@media(max-width:767px){.elementor-457 .elementor-element.elementor-element-918cefc{padding:0px 0px 0px 15px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-457 .elementor-element.elementor-element-b0750a4 .elementor-heading-title{font-size:26px;}.elementor-457 .elementor-element.elementor-element-1b91c62 .elementor-heading-title{font-size:26px;}}/* Start custom CSS for text-editor, class: .elementor-element-99e3cb0 */.text-red-600 {
    color: #D8251B;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5a0899b *//* CSS Reset & Variables */
        :root {
            --primary-red: #e60000;
            --dark-red: #b30000;
            --bg-light: #f4f4f5;
            --white: #ffffff;
            --black: #111111;
            --gray: #666666;
            --light-gray: #e4e4e7;
            --shadow-sm: 0 4px 6px rgba(0, 0, 0, 0.05);
            --shadow-lg: 0 20px 40px rgba(230, 0, 0, 0.15);
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Inter', sans-serif;
        }


        /* Main Container */
        .container {
            max-width: 1300px;
            margin: 0 auto;
            padding: 4rem 2rem;
            display: grid;
            grid-template-columns: 1fr 1.2fr;
            gap: 4rem;
        }

        @media (max-width: 992px) {
            .container {
                grid-template-columns: 1fr;
            }
        }

        /* Contact Info Section */
        .contact-info {
            display: flex;
            flex-direction: column;
            gap: 1.5rem;
        }

        .section-title {
            font-size: 2rem;
            font-weight: 800;
            margin-bottom: 1rem;
            position: relative;
            padding-bottom: 0.5rem;
        }

        .section-title::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 60px;
            height: 4px;
            background-color: var(--primary-red);
        }

        /* Hover Cards (3D Tilt & Sweep Animation) */
        .card {
            background-color: var(--white);
            padding: 2rem;
            border-radius: 12px;
            box-shadow: var(--shadow-sm);
            position: relative;
            overflow: hidden;
            border: 1px solid var(--light-gray);
            /* Transitions for smooth return after JS tilt */
            transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.4s ease, border-color 0.4s ease;
            transform-style: preserve-3d;
            cursor: pointer;
        }

        /* Red Sweep effect on hover */
        .card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 4px;
            height: 100%;
            background: var(--primary-red);
            transform: scaleY(0);
            transform-origin: bottom;
            transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .card:hover {
            box-shadow: var(--shadow-lg);
            border-color: transparent;
            z-index: 10;
        }

        .card:hover::before {
            transform: scaleY(1);
            transform-origin: top;
        }

        .card-icon {
            font-size: 1.5rem;
            color: var(--primary-red);
            margin-bottom: 1rem;
            transform: translateZ(20px); /* 3D pop effect */
        }

        .card h3 {
            font-size: 1.25rem;
            margin-bottom: 0.75rem;
            color: var(--black);
            transform: translateZ(15px);
        }

        .card p, .card ul {
            font-size: 0.95rem;
            color: var(--gray);
            margin-bottom: 0.5rem;
            list-style: none;
            transform: translateZ(10px);
        }

        .card strong {
            color: var(--black);
            font-weight: 600;
        }

        .card li {
            margin-bottom: 0.5rem;
            padding-left: 1rem;
            position: relative;
        }

        .card li::before {
            content: '•';
            color: var(--primary-red);
            position: absolute;
            left: 0;
            font-weight: bold;
        }

        /* Appointment Form Section */
        .appointment-wrapper {
            background-color: var(--white);
            padding: 3rem;
            border-radius: 16px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.08);
            border-top: 6px solid var(--primary-red);
            height: fit-content;
        }

        .form-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 1.5rem;
            margin-top: 2rem;
        }

        .form-group {
            display: flex;
            flex-direction: column;
        }

        .form-group.full-width {
            grid-column: 1 / -1;
        }

        label {
            font-weight: 600;
            margin-bottom: 0.5rem;
            font-size: 0.9rem;
            color: var(--black);
        }

        input, select, textarea {
            padding: 1rem;
            background-color: var(--bg-light);
            border: 1px solid transparent;
            border-radius: 8px;
            font-size: 1rem;
            color: var(--black);
            transition: all 0.3s ease;
        }

        input::placeholder, textarea::placeholder {
            color: #999;
        }

        input:focus, select:focus, textarea:focus {
            outline: none;
            background-color: var(--white);
            border-color: var(--primary-red);
            box-shadow: 0 0 0 4px rgba(230, 0, 0, 0.1);
        }

        button {
            grid-column: 1 / -1;
            padding: 1.2rem;
            background-color: var(--primary-red);
            color: var(--white);
            border: none;
            border-radius: 8px;
            font-size: 1.1rem;
            font-weight: 800;
            cursor: pointer;
            text-transform: uppercase;
            letter-spacing: 1px;
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
        }

        button::after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            width: 300%;
            height: 300%;
            background: rgba(255,255,255,0.1);
            transform: translate(-50%, -50%) scale(0);
            border-radius: 50%;
            transition: transform 0.5s ease;
        }

        button:hover {
            background-color: var(--dark-red);
            transform: translateY(-2px);
            box-shadow: 0 10px 20px rgba(230, 0, 0, 0.2);
        }

        button:hover::after {
            transform: translate(-50%, -50%) scale(1);
        }

        /* Responsive */
        @media (max-width: 768px) {
            .form-grid {
                grid-template-columns: 1fr;
            }
            .appointment-wrapper {
                padding: 2rem;
            }
        }
        
        .left-sec {
            display: flex;
            flex-direction: column;
            gap: 20px;
        }/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d96b1aa *//* Contact Form 7 CSS */
.form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    margin-top: 2rem;
}

.form-group {
    display: flex;
    flex-direction: column;
}

.form-group.full-width {
    grid-column: 1 / -1;
}

.form-grid label {
    font-weight: 600;
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
    color: #111111;
}

.form-grid input, 
.form-grid select, 
.form-grid textarea {
    padding: 1rem;
    background-color: #f4f4f5;
    border: 1px solid transparent;
    border-radius: 8px;
    font-size: 1rem;
    color: #111111;
    transition: all 0.3s ease;
    width: 100%;
    box-sizing: border-box;
    font-family: 'Inter', sans-serif;
}

.form-grid input::placeholder, 
.form-grid textarea::placeholder {
    color: #999;
}

.form-grid input:focus, 
.form-grid select:focus, 
.form-grid textarea:focus {
    outline: none;
    background-color: #ffffff;
    border-color: #e60000;
    box-shadow: 0 0 0 4px rgba(230, 0, 0, 0.1);
}

.wpcf7-submit {
    grid-column: 1 / -1;
    padding: 1.2rem;
    background-color: #e60000;
    color: #ffffff;
    border: none;
    border-radius: 8px;
    font-size: 1.1rem;
    font-weight: 800;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    width: 100%;
    font-family: 'Inter', sans-serif;
}

.wpcf7-submit::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 300%;
    height: 300%;
    background: rgba(255,255,255,0.1);
    transform: translate(-50%, -50%) scale(0);
    border-radius: 50%;
    transition: transform 0.5s ease;
}

.wpcf7-submit:hover {
    background-color: #b30000;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(230, 0, 0, 0.2);
}

.wpcf7-submit:hover::after {
    transform: translate(-50%, -50%) scale(1);
}

/* Responsive adjustment for mobile */
@media (max-width: 768px) {
    .form-grid {
        grid-template-columns: 1fr;
    }
}/* End custom CSS */
/* Start custom CSS */body.elementor-page-457 {
    background-image: radial-gradient(var(--light-gray) 1px, transparent 1px);
            background-size: 20px 20px;
}/* End custom CSS */