.elementor-1791 .elementor-element.elementor-element-8c680e7{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1791 .elementor-element.elementor-element-54743a7{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1791 .elementor-element.elementor-element-b9bbe45{--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;}/* Start custom CSS for html, class: .elementor-element-cf51d25 *//* Custom CSS Variables based on UAGB/Astra Global Colors */
:root {
    --ast-global-color-0: #0c65ed; /* Primary/Icon Color (Implied Blue) */
    --ast-global-color-5: #ffffff; /* White/Light Text Color */
    --ast-global-color-7: #000000; /* Dark Overlay Color (Implied Black) */
    --uagb-border-color: #eaeaea; /* Light Separator Color */
    --uagb-font-family: 'Montserrat', sans-serif;
}

/* Base Setup */
body {
    /* Basic reset for better display */
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: sans-serif; /* Fallback for other text */
}

/* Ensure all elements honor padding/border in size calculation */
*, *::before, *::after {
    box-sizing: inherit;
}

/* ================================================================= */
/* CONTAINER BLOCK 1: Main Header Section (Hero) (uagb-block-20ef0fba) */
/* ================================================================= */
.wp-block-uagb-container.uagb-block-20ef0fba.alignfull.uagb-is-root-container {
    /* UAGB Attributes: backgroundType: "image", overlayType: "color" */
    position: relative;
    background-image: url('http://jeddahwatertank.com/wp-content/uploads/2020/09/plumbing-metal-pipe-wrench.jpg');
    background-size: cover;
    background-position: center center;
    color: var(--ast-global-color-5);
    
    /* Desktop Padding (Default: 200px top, 56px bottom) */
    padding-top: 200px;
    padding-bottom: 56px;
    padding-left: 15px;
    padding-right: 15px;
    
    display: flex;
    flex-direction: column; 
}

/* Overlay Effect (overlayOpacity: 0.8) */
.uagb-block-20ef0fba::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8); /* Using black as the implied dark overlay color */
    z-index: 1;
}

/* Inner Blocks Wrapper - Desktop Flex (directionDesktop: "row", alignItemsDesktop: "flex-end") */
.uagb-block-20ef0fba .uagb-container-inner-blocks-wrap {
    z-index: 2;
    position: relative;
    width: 100%;
    max-width: 1200px; 
    margin: 0 auto;
    
    display: flex;
    flex-direction: row;
    align-items: flex-end; /* Align to the bottom */
    justify-content: space-between;
}

/* Contact Info Container (a9ddd3cb) */
.uagb-block-a9ddd3cb {
    width: 50%; /* widthDesktop: 50 */
    text-align: right;
}

/* Heading H1 (55022895) */
.uagb-block-55022895 h1 {
    color: var(--ast-global-color-5);
    margin-bottom: 0;
    font-size: 3em;
    max-width: 50%; 
}

/* Contact Sub-heading H6 (2b3d684c) */
.uagb-block-2b3d684c h6 {
    color: var(--ast-global-color-5);
    text-align: right;
    letter-spacing: 2px;
    margin-bottom: 0;
}

/* Icon List (9acb3b4c) */
.uagb-block-9acb3b4c {
    text-align: right; /* align: right */
}

.uagb-block-9acb3b4c .uagb-icon-list__label {
    color: var(--ast-global-color-5);
    font-family: var(--uagb-font-family);
    font-weight: 600;
    font-size: 32px;
}

.uagb-block-9acb3b4c svg {
    fill: var(--ast-global-color-0);
    width: 30px;
    height: 30px;
    vertical-align: middle;
}

.uagb-block-9acb3b4c .uagb-icon-list-child {
    display: inline-flex;
    flex-direction: row-reverse; /* To place icon to the left of Arabic text */
    align-items: center;
    gap: 10px;
}

/* ================================================================= */
/* CONTAINER BLOCK 2: Service Features Section (uagb-block-ec14f937) */
/* ================================================================= */
.wp-block-uagb-container.uagb-block-ec14f937.alignfull.uagb-is-root-container {
    /* Desktop Padding (104px top/bottom) */
    padding: 104px 15px; 
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

/* Inner Grid Containers (f418e873, 700c15ca, ec34ddd4, a605fef4) */
.wp-block-uagb-container.uagb-layout-grid {
    /* Desktop Grid: 25% | 40% | 35% */
    display: grid;
    grid-template-columns: 25% 40% 35%; 
    grid-gap: 30px; 
    margin-bottom: 80px; /* bottomMarginDesktop: 80 */
    padding-bottom: 30px; /* Added padding to ensure border doesn't hug content */
    border-bottom: 1px solid var(--uagb-border-color);
    align-items: start; /* gridAlignItemsDesktop: "start" */
}

/* Grid Column Placement for Desktop */
.wp-block-uagb-container.uagb-block-c06370f4,
.wp-block-uagb-container.uagb-block-53d40ced,
.wp-block-uagb-container.uagb-block-b5271661,
.wp-block-uagb-container.uagb-block-6a09afb4 {
    grid-column: 1 / 2; /* 25% width column */
}

.uagb-block-a2479640, 
.wp-block-paragraph:nth-of-type(1),
.uagb-block-7692eb51 {
    grid-column: 2 / 3; /* 40% width column */
    padding-right: 32px; /* blockRightPadding: 32 (for text next to image) */
}

.uagb-block-a2a3d7fd, 
.uagb-block-cc4e3fac, 
.uagb-block-b4015670 {
    grid-column: 3 / 4; /* 35% width column */
}

/* --- Info Box Styling (uagb-infobox) --- */

.uagb-infobox-margin-wrapper {
    position: relative; 
    overflow: hidden; 
}

.uagb-ifb-desc {
    /* Large absolute number (e.g., "01.") - subHeadFontSize: 152 */
    position: absolute;
    top: -100px; 
    left: 0;
    z-index: 0;
    font-size: 152px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 2px;
    color: rgba(12,101,237,0.06); /* subHeadingColor: rgba(12,101,237,0.06) */
    margin: 0;
    pointer-events: none;
}

.uagb-ifb-content {
    position: relative;
    z-index: 1;
}

.uagb-ifb-title {
    margin-top: 10px;
    font-size: 1.25em;
    line-height: 1.4;
}

.uagb-ifb-image-content img {
    /* Info Box 1 Image */
    width: 150px; 
    height: auto;
    display: block;
    margin-bottom: 10px;
}

.uagb-ifb-icon-wrap svg {
    /* Info Boxes 2, 3, 4 Icons */
    fill: var(--ast-global-color-0);
    width: 20px;
    height: 20px;
    margin-bottom: 10px;
}

/* --- Advanced Heading/Paragraph Styles --- */

.uagb-block-a2479640 p,
.wp-block-paragraph p,
.uagb-block-7692eb51 p {
    font-size: 1.1em;
    line-height: 1.8;
}

.uagb-separator {
    /* Separator (seperatorStyle: solid, separatorWidth: 56px) */
    width: 56px;
    height: 2px;
    background-color: var(--ast-global-color-0);
    margin-bottom: 25px; /* separatorSpace: 25 */
}

/* --- Image Styling --- */

.wp-block-uagb-image img {
    width: 100%;
    height: auto;
    display: block;
}

/* ================================================================= */
/* RESPONSIVENESS (Media Queries) */
/* ================================================================= */

@media (max-width: 1024px) {
    /* --- Container 1 (Header) Tablet --- */
    .uagb-block-20ef0fba {
        /* Tablet Padding: 160px top, 64px bottom, 40px left/right */
        padding-top: 160px;
        padding-bottom: 64px;
        padding-left: 40px;
        padding-right: 40px;
    }
    
    .uagb-block-20ef0fba .uagb-container-inner-blocks-wrap {
        /* directionTablet: "column" */
        flex-direction: column;
        align-items: flex-start;
    }
    
    .uagb-block-55022895 h1,
    .uagb-block-a9ddd3cb {
        max-width: 100%; 
        width: 100%;
        text-align: left !important;
    }
    
    .uagb-block-2b3d684c h6,
    .uagb-block-9acb3b4c {
        text-align: left !important; /* headingAlignMobile: left, alignMobile: left */
    }

    /* --- Container 2 (Features Grid) Tablet --- */
    .wp-block-uagb-container.uagb-layout-grid {
        /* directionTablet: "column" - Single column grid */
        grid-template-columns: 1fr;
        grid-gap: 20px; /* Reduced gap for smaller screen */
    }

    .wp-block-uagb-container.uagb-layout-grid > div,
    .wp-block-uagb-container.uagb-layout-grid > p,
    .wp-block-uagb-container.uagb-layout-grid > .wp-block-uagb-advanced-heading {
        grid-column: 1 / -1; /* All items take full width */
        width: 100%;
    }
    
    .uagb-block-a2479640, 
    .wp-block-paragraph:nth-of-type(1),
    .uagb-block-7692eb51 {
        padding-right: 0;
        padding-bottom: 32px; /* blockBottomPaddingTablet: 32 */
    }
}

@media (max-width: 767px) {
    /* --- Container 1 (Header) Mobile --- */
    .uagb-block-20ef0fba {
        /* Mobile Padding: 160px top, 70px bottom, 24px left/right */
        padding-top: 160px;
        padding-bottom: 70px;
        padding-left: 24px;
        padding-right: 24px;
    }
    
    /* --- Container 2 (Features Grid) Mobile --- */
    .wp-block-uagb-container.uagb-block-ec14f937 {
        /* Mobile Padding: 64px top/bottom, 24px left/right */
        padding-top: 64px;
        padding-bottom: 64px;
        padding-left: 24px;
        padding-right: 24px;
    }
    
    .uagb-block-a2479640, 
    .wp-block-paragraph:nth-of-type(1),
    .uagb-block-7692eb51 {
        padding-bottom: 30px; /* blockBottomPaddingMobile: 30 */
    }

    .uagb-ifb-desc {
        /* Adjusted position for the large number on mobile */
        top: -95px; /* subHeadMarginTopMobile: -95 */
        left: 80px; /* subHeadMarginLeftMobile: 80 */
        font-size: 120px; /* Adjusted to fit better on small screen */
    }
}/* End custom CSS */