.elementor-12 .elementor-element.elementor-element-9b8889d:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-9b8889d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://socialworkswithoutborders.org/wp-content/uploads/2026/03/WhatsApp-Image-2026-03-13-at-11.59.46.jpeg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-12 .elementor-element.elementor-element-9b8889d > .elementor-background-overlay{background-color:#020202;opacity:0.75;transition:background 2.3s, border-radius 0.3s, opacity 2.3s;}.elementor-12 .elementor-element.elementor-element-9b8889d > .elementor-container{min-height:640px;}.elementor-12 .elementor-element.elementor-element-9b8889d{transition:background 1s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-12 .elementor-element.elementor-element-858bca2{width:100%;max-width:100%;text-align:center;}.elementor-12 .elementor-element.elementor-element-858bca2 .elementor-heading-title{font-size:109px;color:#F7EDED;}.elementor-12 .elementor-element.elementor-element-8c5b533{text-align:center;}.elementor-12 .elementor-element.elementor-element-8c5b533 .elementor-heading-title{color:#FFFCFC;}.elementor-12 .elementor-element.elementor-element-8c5b533 .elementor-heading-title a{transition-duration:0s;}.elementor-12 .elementor-element.elementor-element-2bf3f4f .elementor-button{background-color:#2146A5;font-size:22px;transition-duration:0s;}.elementor-12 .elementor-element.elementor-element-2bf3f4f .elementor-button:hover, .elementor-12 .elementor-element.elementor-element-2bf3f4f .elementor-button:focus{background-color:#150707;border-color:#C12020;}.elementor-12 .elementor-element.elementor-element-c521f64:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-c521f64 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-blocksy_palette_4 );}.elementor-12 .elementor-element.elementor-element-c521f64 > .elementor-container{min-height:200px;}.elementor-12 .elementor-element.elementor-element-c521f64{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-12 .elementor-element.elementor-element-c521f64 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-12 .elementor-element.elementor-element-b3ce782 > .elementor-widget-container{border-style:solid;border-color:var( --e-global-color-blocksy_palette_3 );}.elementor-12 .elementor-element.elementor-element-b3ce782 .elementor-icon-box-wrapper{gap:16px;}.elementor-12 .elementor-element.elementor-element-b3ce782 .elementor-icon-box-title{margin-block-end:0px;text-shadow:0px 0px 27px rgba(0,0,0,0.3);color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-b3ce782 .elementor-icon-box-title, .elementor-12 .elementor-element.elementor-element-b3ce782 .elementor-icon-box-title a{font-size:21px;line-height:22px;}.elementor-12 .elementor-element.elementor-element-b3ce782 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:12px;text-shadow:0px 0px 15px rgba(0,0,0,0.3);color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-f61e2b0 > .elementor-widget-container{border-style:solid;border-color:var( --e-global-color-blocksy_palette_3 );}.elementor-12 .elementor-element.elementor-element-f61e2b0 .elementor-icon-box-wrapper{gap:0px;}.elementor-12 .elementor-element.elementor-element-f61e2b0 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-f61e2b0 .elementor-icon-box-title, .elementor-12 .elementor-element.elementor-element-f61e2b0 .elementor-icon-box-title a{font-size:24px;}.elementor-12 .elementor-element.elementor-element-f61e2b0 .elementor-icon-box-description{font-size:14px;color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-9b50d7e > .elementor-widget-container{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-blocksy_palette_3 );border-radius:4px 4px 4px 4px;}.elementor-12 .elementor-element.elementor-element-9b50d7e .elementor-icon-box-wrapper{gap:15px;}.elementor-12 .elementor-element.elementor-element-9b50d7e .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-9b50d7e .elementor-icon-box-description{color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-0b934ba > .elementor-widget-container{border-style:solid;border-color:var( --e-global-color-blocksy_palette_3 );}.elementor-12 .elementor-element.elementor-element-0b934ba .elementor-counter-number-wrapper{color:#FFFCFC;font-weight:800;}.elementor-12 .elementor-element.elementor-element-75bc8ba2 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-12 .elementor-element.elementor-element-75bc8ba2{padding:100px 0px 100px 0px;}.elementor-12 .elementor-element.elementor-element-ceeab66{text-align:start;}.elementor-12 .elementor-element.elementor-element-ceeab66 img{width:100%;max-width:100%;height:500px;}.elementor-12 .elementor-element.elementor-element-4257be54 > .elementor-widget-container{padding:15px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-4257be54{text-align:start;}.elementor-12 .elementor-element.elementor-element-4257be54 .elementor-heading-title{font-size:55px;font-weight:600;color:var( --e-global-color-blocksy_palette_3 );}.elementor-12 .elementor-element.elementor-element-7f6170d6{font-size:16px;font-weight:500;line-height:1.8em;color:#000000;}.elementor-12 .elementor-element.elementor-element-41fdd344 > .elementor-element-populated{padding:0px 25px 0px 0px;}.elementor-12 .elementor-element.elementor-element-d0e539a{text-align:start;}.elementor-12 .elementor-element.elementor-element-2c2c687{text-align:start;font-size:16px;font-weight:800;line-height:1.8em;color:#000000;}.elementor-12 .elementor-element.elementor-element-2c2c687 a{color:#000000;}.elementor-12 .elementor-element.elementor-element-7126da1 > .elementor-element-populated{padding:0px 0px 0px 25px;}.elementor-12 .elementor-element.elementor-element-494f235b{font-size:16px;font-weight:800;line-height:1.8em;color:#000000;}.elementor-12 .elementor-element.elementor-element-5067259{text-align:center;}.elementor-12 .elementor-element.elementor-element-5067259 .elementor-heading-title{font-size:35px;}.elementor-12 .elementor-element.elementor-element-b35de81 .elementor-heading-title{font-size:17px;color:#0902E8;}.elementor-12 .elementor-element.elementor-element-28bea95 .elementor-heading-title{color:#1021F7;}.elementor-12 .elementor-element.elementor-element-7e32246 .elementor-heading-title{font-size:17px;color:#0902E8;}.elementor-12 .elementor-element.elementor-element-13274db .elementor-heading-title{font-size:17px;color:#0902E8;}.elementor-12 .elementor-element.elementor-element-221777f .elementor-heading-title{font-size:29px;color:#0A03F9;}.elementor-12 .elementor-element.elementor-element-d3327fd .elementor-heading-title{font-size:17px;color:#0902E8;}.elementor-12 .elementor-element.elementor-element-d01f5a7 .elementor-heading-title{color:#0027FF;}.elementor-12 .elementor-element.elementor-element-1c21350{text-align:center;}.elementor-12 .elementor-element.elementor-element-b05cf07{color:#000000;}@media(max-width:1024px){.elementor-12 .elementor-element.elementor-element-9b8889d > .elementor-container{min-height:368px;}.elementor-12 .elementor-element.elementor-element-858bca2 .elementor-heading-title{font-size:68px;}.elementor-12 .elementor-element.elementor-element-8c5b533 .elementor-heading-title{font-size:18px;}.elementor-12 .elementor-element.elementor-element-b3ce782{width:var( --container-widget-width, 315.219px );max-width:315.219px;--container-widget-width:315.219px;--container-widget-flex-grow:0;}.elementor-12 .elementor-element.elementor-element-b3ce782 .elementor-icon-box-title, .elementor-12 .elementor-element.elementor-element-b3ce782 .elementor-icon-box-title a{font-size:20px;}.elementor-12 .elementor-element.elementor-element-f61e2b0 .elementor-icon-box-title, .elementor-12 .elementor-element.elementor-element-f61e2b0 .elementor-icon-box-title a{font-size:17px;}.elementor-12 .elementor-element.elementor-element-f61e2b0 .elementor-icon-box-description{font-size:13px;}.elementor-12 .elementor-element.elementor-element-75bc8ba2{padding:100px 25px 100px 25px;}.elementor-12 .elementor-element.elementor-element-b35de81 .elementor-heading-title{font-size:14px;}.elementor-12 .elementor-element.elementor-element-28bea95 .elementor-heading-title{font-size:20px;}.elementor-12 .elementor-element.elementor-element-7e32246 .elementor-heading-title{font-size:12px;}.elementor-12 .elementor-element.elementor-element-13274db .elementor-heading-title{font-size:14px;}.elementor-12 .elementor-element.elementor-element-221777f .elementor-heading-title{font-size:23px;}.elementor-12 .elementor-element.elementor-element-d3327fd .elementor-heading-title{font-size:14px;}.elementor-12 .elementor-element.elementor-element-d01f5a7 .elementor-heading-title{font-size:23px;}}@media(max-width:767px){.elementor-12 .elementor-element.elementor-element-9b8889d > .elementor-container{min-height:184px;}.elementor-12 .elementor-element.elementor-element-858bca2 .elementor-heading-title{font-size:27px;}.elementor-12 .elementor-element.elementor-element-8c5b533 .elementor-heading-title{font-size:11px;}.elementor-12 .elementor-element.elementor-element-2bf3f4f .elementor-button{font-size:7px;}.elementor-12 .elementor-element.elementor-element-b3ce782{width:var( --container-widget-width, 508.667px );max-width:508.667px;--container-widget-width:508.667px;--container-widget-flex-grow:0;}.elementor-12 .elementor-element.elementor-element-b3ce782 .elementor-icon-box-wrapper{gap:0px;}.elementor-12 .elementor-element.elementor-element-b3ce782 .elementor-icon-box-title, .elementor-12 .elementor-element.elementor-element-b3ce782 .elementor-icon-box-title a{font-size:21px;}.elementor-12 .elementor-element.elementor-element-b3ce782 .elementor-icon-box-description{font-size:12px;}.elementor-12 .elementor-element.elementor-element-f61e2b0 .elementor-icon-box-wrapper{gap:0px;}.elementor-12 .elementor-element.elementor-element-f61e2b0 .elementor-icon-box-title{margin-block-end:0px;}.elementor-12 .elementor-element.elementor-element-f61e2b0 .elementor-icon-box-title, .elementor-12 .elementor-element.elementor-element-f61e2b0 .elementor-icon-box-title a{font-size:18px;}.elementor-12 .elementor-element.elementor-element-f61e2b0 .elementor-icon-box-description{font-size:12px;}.elementor-12 .elementor-element.elementor-element-75bc8ba2{padding:50px 20px 50px 20px;}.elementor-12 .elementor-element.elementor-element-ceeab66 img{height:157px;}.elementor-12 .elementor-element.elementor-element-4257be54 .elementor-heading-title{font-size:20px;}.elementor-12 .elementor-element.elementor-element-7f6170d6{font-size:12px;}.elementor-12 .elementor-element.elementor-element-2c2c687{font-size:12px;}.elementor-12 .elementor-element.elementor-element-7126da1 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-494f235b{font-size:12px;}.elementor-12 .elementor-element.elementor-element-9e3da0a > .elementor-container{max-width:500px;}.elementor-12 .elementor-element.elementor-element-b35de81 .elementor-heading-title{font-size:15px;}.elementor-12 .elementor-element.elementor-element-7e32246 .elementor-heading-title{font-size:15px;}.elementor-12 .elementor-element.elementor-element-13274db .elementor-heading-title{font-size:15px;}.elementor-12 .elementor-element.elementor-element-d3327fd .elementor-heading-title{font-size:15px;}.elementor-12 .elementor-element.elementor-element-1c21350 .elementor-heading-title{font-size:16px;}}/* Start custom CSS *//* ==============================
GENERAL BODY & TYPOGRAPHY
============================== */
body {
    font-family: 'Roboto', Arial, sans-serif;
    color: #333;
    line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
    color: #0d3b66; /* Dark blue for NGO theme */
    margin-bottom: 15px;
}

/* ==============================
HERO SECTION
============================== */
.hero-section {
    background-size: cover;
    background-position: center;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    color: #fff;
    position: relative;
}

.hero-section::before {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* dark overlay */
    z-index: 1;
}

.hero-section .elementor-widget-heading,
.hero-section .elementor-widget-text-editor,
.hero-section .elementor-widget-button {
    position: relative;
    z-index: 2;
}

.hero-section .elementor-button {
    background-color: #f95738; /* Accent button color */
    color: #fff;
    border-radius: 5px;
    padding: 12px 30px;
    text-transform: uppercase;
    font-weight: bold;
    transition: all 0.3s ease;
}

.hero-section .elementor-button:hover {
    background-color: #ff6b4a;
}

/* ==============================
ABOUT SECTION
============================== */
.about-section {
    padding: 80px 20px;
    background-color: #f4f4f4;
}

.about-section .elementor-widget-heading {
    text-align: center;
    margin-bottom: 40px;
}

.about-section .elementor-widget-image img {
    border-radius: 10px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}

/* ==============================
PROGRAMS / SERVICES SECTION
============================== */
.programs-section {
    padding: 80px 20px;
    text-align: center;
}

.programs-section .elementor-icon-box {
    margin-bottom: 40px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.programs-section .elementor-icon-box:hover {
    transform: translateY(-10px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

.programs-section .elementor-icon-box-icon i {
    font-size: 48px;
    color: #0d3b66;
    margin-bottom: 20px;
}

.programs-section .elementor-icon-box-title {
    font-weight: bold;
    font-size: 22px;
}

/* ==============================
GALLERY SECTION
============================== */
.gallery-section {
    padding: 80px 20px;
    background-color: #f4f4f4;
}

.gallery-section .elementor-image img {
    border-radius: 8px;
    transition: transform 0.3s ease;
}

.gallery-section .elementor-image img:hover {
    transform: scale(1.05);
}

/* ==============================
CONTACT SECTION
============================== */
.contact-section {
    padding: 80px 20px;
    text-align: center;
}

.contact-section h2 {
    margin-bottom: 30px;
}

.contact-section .elementor-form {
    max-width: 600px;
    margin: 0 auto;
}

.contact-section .elementor-field-group input,
.contact-section .elementor-field-group textarea {
    border-radius: 5px;
    padding: 12px;
    border: 1px solid #ccc;
    width: 100%;
}

.contact-section .elementor-button {
    background-color: #0d3b66;
    color: #fff;
    border-radius: 5px;
    padding: 12px 25px;
    font-weight: bold;
}

.contact-section .elementor-button:hover {
    background-color: #144a7f;
}

/* ==============================
RESPONSIVE
============================== */
@media (max-width: 1024px) {
    .hero-section {
        height: 70vh;
    }
}

@media (max-width: 768px) {
    .hero-section {
        height: 60vh;
        padding: 20px;
    }

    .programs-section .elementor-icon-box i {
        font-size: 36px;
    }
}

/* 1. Style the NGO Site Title */
.site-title a {
    font-family: 'Poppins', sans-serif; /* Clean, modern NGO font */
    font-weight: 700 !important;
    font-size: 24px !important;
    color: #0077b6 !important; /* Your Brand Blue */
    text-transform: uppercase;
    letter-spacing: 1.5px;
    transition: color 0.3s ease;
}

.site-title a:hover {
    color: #00b4d8 !important; /* Lighter blue on hover */
}

/* 2. Style the Navigation Menu Text */
.header-menu nav > ul > li > a {
    font-family: 'Inter', sans-serif;
    font-weight: 600 !important;
    font-size: 15px !important;
    color: #333333 !important; /* Dark grey for readability */
    text-transform: capitalize;
    padding: 10px 15px !important;
    transition: all 0.3s ease;
}

/* 3. Hover Effect for Menu (Underline) */
.header-menu nav > ul > li > a:hover {
    color: #0077b6 !important;
    background: rgba(0, 119, 182, 0.05); /* Very light blue background */
    border-radius: 5px;
}

/* 4. Style the "Donate" Button in Header */
/* (If you added a button element in Blocksy header builder) */
.header-button {
    background-color: #ff9f1c !important; /* Stand-out Orange */
    color: #ffffff !important;
    font-weight: 800 !important;
    border-radius: 50px !important; /* Rounded pill shape */
    padding: 12px 25px !important;
    box-shadow: 0 4px 15px rgba(255, 159, 28, 0.3);
    text-transform: uppercase;
}

/* --- Mobile Optimization (Screens smaller than 768px) --- */
@media (max-width: 767px) {
    
    /* 1. Stack the columns with spacing */
    .elementor-column {
        margin-bottom: 20px !important;
        width: 100% !important; /* Forces one box per row */
    }

    /* 2. Adjust padding so text isn't cramped */
    .elementor-column-wrap {
        padding: 20px !important;
    }

    /* 3. Resize the Counter for smaller screens */
    .elementor-counter-number-wrapper {
        font-size: 40px !important; /* Slightly smaller so it fits */
    }

    /* 4. Center the text for better mobile balance */
    .elementor-heading-title, 
    .elementor-text-editor {
        text-align: center !important;
    }

    /* 5. Disable the 'Lift' hover on mobile */
    /* (Hovering doesn't work well on touchscreens) */
    .elementor-column:hover .elementor-column-wrap {
        transform: none !important;
    }
}

/* Styling the Donate Button */
.header-button, .elementor-button-link {
    background-color: #FF9F1C !important; /* Action Orange */
    color: #FFFFFF !important; /* White text for contrast */
    font-weight: 800 !important;
    text-transform: uppercase;
    border-radius: 50px !important; /* Rounded edges look more modern */
    box-shadow: 0 4px 15px rgba(255, 159, 28, 0.4); /* Adds depth */
    transition: all 0.3s ease;
}

.header-button:hover, .elementor-button-link:hover {
    background-color: #E68A00 !important; /* Slightly darker on hover */
    transform: scale(1.05); /* Grows slightly when touched */
}/* End custom CSS */