.elementor-1132 .elementor-element.elementor-element-a64e316{--display:flex;--min-height:70px;--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;--margin-top:4px;--margin-bottom:4px;--margin-left:4px;--margin-right:4px;--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-1132 .elementor-element.elementor-element-a64e316:not(.elementor-motion-effects-element-type-background), .elementor-1132 .elementor-element.elementor-element-a64e316 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-5616917 );}.elementor-1132 .elementor-element.elementor-element-3e4e0d0{--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-1132 .elementor-element.elementor-element-c48668c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1132 .elementor-element.elementor-element-b05cd05 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-1132 .elementor-element.elementor-element-b05cd05 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-1132 .elementor-element.elementor-element-b05cd05{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-1132 .elementor-element.elementor-element-b05cd05 .elementor-icon-list-text{transition:color 0.3s;}.elementor-1132 .elementor-element.elementor-element-e9fa2ce{--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-1132 .elementor-element.elementor-element-3b63e79 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-1132 .elementor-element.elementor-element-3b63e79 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-1132 .elementor-element.elementor-element-3b63e79{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-1132 .elementor-element.elementor-element-3b63e79 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-1132 .elementor-element.elementor-element-9f250c4{--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-1132 .elementor-element.elementor-element-b73d557{--display:flex;}.elementor-1132 .elementor-element.elementor-element-f023d2b.elementor-element{--align-self:stretch;--order:-99999 /* order start hack */;}body:not(.rtl) .elementor-1132 .elementor-element.elementor-element-f023d2b{left:-1px;}body.rtl .elementor-1132 .elementor-element.elementor-element-f023d2b{right:-1px;}.elementor-1132 .elementor-element.elementor-element-f023d2b{top:-10px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-1132 .elementor-element.elementor-element-f023d2b .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-1132 .elementor-element.elementor-element-f023d2b .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-1132 .elementor-element.elementor-element-f023d2b .elementor-icon-list-text{transition:color 0.3s;}.elementor-1132 .elementor-element.elementor-element-526c254{--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-1132 .elementor-element.elementor-element-526c254:not(.elementor-motion-effects-element-type-background), .elementor-1132 .elementor-element.elementor-element-526c254 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1132 .elementor-element.elementor-element-66338ec{text-align:center;color:#040303;}.elementor-1132 .elementor-element.elementor-element-5704430{--grid-template-columns:repeat(0, auto);text-align:center;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-1132:not(.elementor-motion-effects-element-type-background), .elementor-1132 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D7D7C6;}@media(min-width:768px){.elementor-1132 .elementor-element.elementor-element-3e4e0d0{--width:50%;}.elementor-1132 .elementor-element.elementor-element-e9fa2ce{--width:50%;}.elementor-1132 .elementor-element.elementor-element-9f250c4{--width:50%;}}/* Start custom CSS *//*
 * ===================================================================
 * MODERN & RESPONSIVE FOOTER CSS
 * ===================================================================
 * Instructions: Copy and paste this code into your WordPress
 * Customizer's 'Additional CSS' section.
 * (Appearance -> Customize -> Additional CSS)
 * ===================================================================
*/

/* --- Main Footer Container --- */
/* This styles the entire footer area */
footer.site-footer {
    background-color: #222222; /* Dark charcoal background */
    color: #cccccc; /* Light grey text color for paragraphs */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    padding: 60px 20px 0 20px; /* 60px padding top, 20px on sides, 0 on bottom */
    line-height: 1.7;
}

/* --- Footer Widgets / Columns Layout --- */
/* This uses Flexbox to create the column layout */
.footer-widget-area {
    display: flex;
    flex-wrap: wrap; /* Allows columns to wrap onto the next line if needed */
    justify-content: space-between; /* Distributes space between columns */
    gap: 40px; /* Creates space between columns */
    max-width: 1200px;
    margin: 0 auto; /* Centers the content */
    padding-bottom: 40px;
}

/* --- Individual Footer Column/Widget --- */
/* Adjust flex-basis to control column width. 20% works well for 4 columns. */
.footer-widget {
    flex: 1;
    min-width: 250px; /* Prevents columns from getting too squished */
}

/* --- Footer Headings / Widget Titles --- */
.footer-widget .widget-title {
    color: #ffffff; /* White color for titles */
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 10px;
}

/* --- Underline effect for titles --- */
.footer-widget .widget-title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 50px;
    background-color: #0073aa; /* Your brand's accent color */
}


/* --- Footer Links --- */
.footer-widget a {
    color: #cccccc; /* Same light grey as paragraph text */
    text-decoration: none;
    transition: color 0.3s ease;
}

.footer-widget a:hover {
    color: #ffffff; /* Links turn white on hover */
    text-decoration: underline;
}

/* --- Footer Navigation Menu Lists --- */
.footer-widget ul {
    list-style: none; /* Removes bullet points */
    padding-left: 0;
    margin: 0;
}

.footer-widget ul li {
    margin-bottom: 10px; /* Adds space between menu items */
}


/* --- Copyright / Bottom Bar Area --- */
.footer-bottom-bar {
    background-color: #111111; /* Even darker background for the bottom bar */
    padding: 20px;
    text-align: center;
    color: #888888;
    font-size: 14px;
}

.footer-bottom-bar a {
    color: #aaaaaa;
    text-decoration: none;
}

.footer-bottom-bar a:hover {
    color: #ffffff;
}

/*
 * ===================================================================
 * RESPONSIVE STYLES FOR MOBILE
 * ===================================================================
*/
@media (max-width: 768px) {
    /* --- On screens 768px wide or less, make columns stack vertically --- */
    .footer-widget-area {
        flex-direction: column; /* Stacks columns on top of each other */
        align-items: flex-start; /* Aligns columns to the start (left) */
    }

    .footer-widget {
        width: 100%; /* Ensures each widget takes the full width */
        margin-bottom: 30px; /* Adds space between stacked widgets */
    }
}/* End custom CSS */