.elementor-1404 .elementor-element.elementor-element-783d83a{--display:flex;--min-height:149px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.15;}.elementor-1404 .elementor-element.elementor-element-783d83a:not(.elementor-motion-effects-element-type-background), .elementor-1404 .elementor-element.elementor-element-783d83a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1B5E20;}.elementor-1404 .elementor-element.elementor-element-783d83a::before, .elementor-1404 .elementor-element.elementor-element-783d83a > .elementor-background-video-container::before, .elementor-1404 .elementor-element.elementor-element-783d83a > .e-con-inner > .elementor-background-video-container::before, .elementor-1404 .elementor-element.elementor-element-783d83a > .elementor-background-slideshow::before, .elementor-1404 .elementor-element.elementor-element-783d83a > .e-con-inner > .elementor-background-slideshow::before, .elementor-1404 .elementor-element.elementor-element-783d83a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://inayam.cloud/wp-content/uploads/2025/12/360_F_421805105_2biVHx4lyMgzM5H2DBFVPe9cl4NqFGi8.webp");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1404 .elementor-element.elementor-element-684f066 .elementor-heading-title{color:#FFFFFF;}.elementor-1404 .elementor-element.elementor-element-455efb8d{--display:flex;--overlay-opacity:1;}.elementor-1404 .elementor-element.elementor-element-455efb8d::before, .elementor-1404 .elementor-element.elementor-element-455efb8d > .elementor-background-video-container::before, .elementor-1404 .elementor-element.elementor-element-455efb8d > .e-con-inner > .elementor-background-video-container::before, .elementor-1404 .elementor-element.elementor-element-455efb8d > .elementor-background-slideshow::before, .elementor-1404 .elementor-element.elementor-element-455efb8d > .e-con-inner > .elementor-background-slideshow::before, .elementor-1404 .elementor-element.elementor-element-455efb8d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://inayam.cloud/wp-content/uploads/2025/12/img-left-bg.svg");--background-overlay:'';background-position:center left;background-repeat:no-repeat;background-size:11% auto;}.elementor-1404 .elementor-element.elementor-element-17ec4cfb{color:#1A1A1A;}.elementor-1404 .elementor-element.elementor-element-53add81{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-7a9c94a */.contact-wrapper {
        display: flex;
        width: 100%;
        color: white;
        /* The container background (Right side color) */
        background: linear-gradient(90deg, #43a047 0%, #2e7d32 100%);
        position: relative;
        overflow: hidden; /* Keeps the arrow contained */
        box-shadow: 0 4px 15px rgba(0,0,0,0.2); /* Shadow over the map */
        z-index: 10; /* Ensures it sits on top of maps */
    }

    /* LEFT SIDE: "Do you have Questions?" */
    .cta-section {
        background-color: #1b5e20; /* Darker Green */
        padding: 20px 40px; /* Space for the arrow */
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end; /* Align text to right near the arrow */
        min-width: 300px;
        text-align: right;
    }

    /* The "Arrow" Shape Logic */
    .cta-section::after {
        content: '';
        position: absolute;
        top: 0;
        right: -40px; /* Push it out of the box */
        width: 0;
        height: 0;
        /* This creates the triangle pointing right */
        border-top: 55px solid transparent; /* Half the height of container approx */
        border-bottom: 55px solid transparent; 
        border-left: 40px solid #1b5e20; /* Matches background color */
        z-index: 2;
    }

    .cta-text-small {
        font-size: 1.1rem;
        font-weight: 300;
        opacity: 0.9;
        display: block;
    }

    .cta-text-large {
        font-size: 2rem;
        font-weight: 700;
        text-transform: uppercase;
        line-height: 1;
    }

    /* RIGHT SIDE: Contact Info */
    .info-section {
        flex-grow: 1;
        display: flex;
        align-items: center;
        justify-content: flex-start; /* Items start after the arrow */
        padding-left: 60px; /* Extra padding to clear the arrow */
        padding-right: 20px;
        gap: 50px; /* Space between Phone and Email */
        font-family: "Arial", Sans-serif;
    }

    .contact-item {
        display: flex;
        align-items: center;
        gap: 15px;
        text-decoration: none;
        color: white;
        transition: transform 0.2s ease, opacity 0.2s ease;
    }

    .contact-item:hover {
        transform: translateY(-2px);
        opacity: 0.9;
        color:#fff;
    }

    /* Icon Styling */
    .icon-circle {
        width: 45px;
        height: 45px;
        background-color: rgba(255, 255, 255, 0.2); /* Glassy look */
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid rgba(255,255,255,0.3);
    }

    .icon-circle svg {
        width: 20px;
        height: 20px;
        fill: white;
    }

    .contact-text {
        font-size: 1.1rem;
        font-weight: 500;
        letter-spacing: 0.5px;
    }

    /* MAP PLACEHOLDER (Just for demo) */
    .map-placeholder {
        width: 100%;
        height: 400px;
        background-color: #e5e3df;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #888;
        font-size: 1.5rem;
    }

    /* --- RESPONSIVE DESIGN (Mobile) --- */
    @media (max-width: 768px) {
        .contact-wrapper {
            flex-direction: column;
        }

        .cta-section {
            width: 100%;
            text-align: center;
            align-items: center;
            padding: 15px;
        }

        /* Hide the arrow on mobile as items stack */
        .cta-section::after {
            display: none;
        }

        .info-section {
            flex-direction: column;
            padding: 20px;
            align-items: center; /* Center align items */
            gap: 20px;
        }
    }/* End custom CSS */