/*
Theme Name: Yuva Charity
Theme URI: https://bhumiyuvainternational.com/
Author: Yuva
Description: A WordPress charity and non-profit theme converted from the Cherito HTML template.
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.9
License: GPL-2.0-or-later
Text Domain: yuva-charity
*/


/* Bhumi Yuva International brand palette */
:root {
  --bhumi-green: #0B3326;
  --bhumi-dark-green: #06251C;
  --bhumi-gold: #D6B35A;
  --bhumi-light-gold: #E6CC82;
  --bhumi-cream: #F5E8C5;
  --bhumi-light-bg: #F5F1E6;
}


/* Bhumi Yuva homepage builder styles */
.bhumi-card{border:1px solid rgba(214,179,90,.45);padding:24px;border-radius:10px;background:rgba(255,255,255,.55);height:100%;box-sizing:border-box}
.bhumi-card h3{letter-spacing:1px}
.wp-block-button__link{border-radius:4px}
@media(max-width:782px){.wp-block-columns{margin-bottom:0}.bhumi-card{margin-bottom:18px}.wp-block-heading[style*="font-size:54px"]{font-size:36px!important}.wp-block-heading[style*="font-size:46px"]{font-size:34px!important}}

/* Complete demo import image handling */
.yuva-demo-note{max-width:900px;background:#f5f1e6;border-left:4px solid #d6b35a;padding:14px 18px;margin:20px 0;}

.section2 {
    background: url('http://bhumiyuvainternational.com/wp-content/uploads/2026/09/banner1.jpg') center  left no-repeat, url('http://bhumiyuvainternational.com/wp-content/uploads/2026/09/banner.png') right bottom no-repeat , #FAF4E4;
}
.section-3 {
    background: url('http://bhumiyuvainternational.com/wp-content/uploads/2026/09/banner3.jpg') right bottom  no-repeat  #023224; 
    margin: 0;
}
.list-1 li {
    display: inline-block;
    list-style-type: circle; 
    padding: 5px  19px  2px 15px;
    color: white; 
}
.section-3 .list-3 .wp-block-column { border-right: 1px solid #C7AA57; }
.list-1 li:last-child{ border-right: none; }
@media screen and (max-width: 800px) { .section-3  .list-3 .wp-block-column  { border-right: none; }   .sect4 .wp-block-column .wp-block-group {
    border-right: none !important;	} 
}
.section4 {
    background: url('http://bhumiyuvainternational.com/wp-content/uploads/2026/09/sect4-bg1.png') center  left no-repeat, url('https://bhumiyuvainternational.com/wp-content/uploads/2026/09/sect4-bg2.png') right bottom no-repeat;
}
.section4 .wp-block-image figure {     width: 58%;  text-align: center;  padding-bottom: 25px; }
.sect4 .wp-block-column .wp-block-group { border-right: 1px solid #E5C482; } 
/************ section 5  ************/
 /* ============================================================
   BHUMI YUVA — WHY 5-IN-1 IS THE FUTURE
   ============================================================ */

.byi5-section {
    position: relative;
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    padding: 28px 35px 30px;
    box-sizing: border-box;
    overflow: hidden;

    background:
        radial-gradient(circle at 50% 35%, #fffef7 0%, #faf8ed 70%);

    color: #174b3a;
    font-family: Arial, sans-serif;
}


/* ============================================================
   TOP HEADING
   ============================================================ */

.byi5-heading {
    text-align: center;
    margin-bottom: 24px;
    position: relative;
    z-index: 2;
}

.byi5-brand {
    display: inline-block;
    margin-bottom: 8px;

    color: #15513e;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: 1px;
}

.byi5-brand span {
    font-size: 14px;
    letter-spacing: 2px;
}

.byi5-heading h1 {
    margin: 0;

    color: #07513d;
    font-size: clamp(32px, 4vw, 45px);
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: 1px;
}

.byi5-title-line {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin: 8px 0 5px;
}

.byi5-title-line span {
    width: 115px;
    height: 2px;
    background: linear-gradient(
        90deg,
        #e8bf45,
        #18704f
    );
}

.byi5-title-line strong {
    font-size: 20px;
    color: #16523e;
}

.byi5-heading > p {
    margin: 5px 0 0;
    font-size: 15px;
    color: #376653;
}


/* ============================================================
   DECORATIVE LEAVES
   ============================================================ */

.byi5-decor {
    position: absolute;
    z-index: 0;
    font-size: 90px;
    opacity: .35;
    pointer-events: none;
}

.byi5-decor-left {
    left: -25px;
    top: -25px;
}

.byi5-decor-right {
    right: -25px;
    top: -25px;
    transform: scaleX(-1);
}


/* ============================================================
   THREE COLUMNS
   ============================================================ */

.byi5-columns {
    position: relative;
    z-index: 1;

    display: grid;
    grid-template-columns: 0.92fr 1.35fr 1.12fr;

    width: 100%;
}


.byi5-column {
    padding: 0 30px;
    box-sizing: border-box;
    min-width: 0;
}


.byi5-column + .byi5-column {
    border-left: 1px solid #d7d79f;
}


/* ============================================================
   NUMBER
   ============================================================ */

.byi5-number {
    width: 43px;
    height: 43px;
    margin: 0 auto 8px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #f5ce50;
    color: #194a38;

    font-size: 16px;
    font-weight: 800;

    box-shadow: 0 2px 5px rgba(0,0,0,.08);
}


/* ============================================================
   COLUMN HEADINGS
   ============================================================ */

.byi5-column h2 {
    margin: 0;

    text-align: center;

    color: #13523f;
    font-size: 23px;
    line-height: 1.15;
    font-weight: 800;
}

.byi5-subtitle {
    margin: 5px 0 20px;

    text-align: center;

    color: #376653;
    font-size: 14px;
}


/* ============================================================
   PANCHA BHUTA
   ============================================================ */

.byi5-elements {
    max-width: 360px;
    margin: 0 auto;
}

.byi5-element {
    display: flex;
    align-items: center;

    gap: 14px;

    margin-bottom: 7px;
}

.byi5-element img {
    width: 56px;
    height: 56px;

    flex: 0 0 56px;

    object-fit: contain;

    border-radius: 50%;
}


.byi5-element strong {
    display: block;

    color: #172e27;

    font-size: 18px;
    line-height: 1.1;
}

.byi5-element span {
    display: inline-block;

    margin-top: 2px;

    color: #21634e;

    font-size: 14px;
}

.byi5-element small {
    display: block;

    color: #21634e;

    font-size: 12px;
}


.byi5-bottom-note {
    max-width: 390px;

    margin: 15px auto 0;

    text-align: center;

    color: #28634f;

    font-size: 11px;
    line-height: 1.4;
}


/* ============================================================
   TREE SECTION
   ============================================================ */

.byi5-tree-area {
    position: relative;

    display: grid;
    grid-template-columns: 1fr 1.15fr 1fr;

    align-items: center;

    gap: 8px;

    min-height: 220px;

    margin-top: 2px;
}


.byi5-tree-image {
    display: flex;
    align-items: center;
    justify-content: center;

    height: 205px;
}


.byi5-tree-image img {
    width: 100%;
    max-width: 260px;
    height: 205px;

    object-fit: contain;

    display: block;
}


.byi5-tree-card {
    padding: 13px 10px;

    border-radius: 15px;

    background: linear-gradient(
        180deg,
        #f9d76b,
        #f1c953
    );

    color: #193d2f;

    text-align: center;

    box-shadow:
        0 4px 12px rgba(100,80,20,.10);
}


.byi5-tree-card strong {
    display: block;

    font-size: 16px;
    font-weight: 800;

    margin-bottom: 5px;
}


.byi5-tree-card span {
    display: block;

    font-size: 12px;
    font-weight: 700;
    line-height: 1.25;
}


.byi5-tree-card small {
    display: block;

    margin-top: 4px;

    font-size: 10px;
    line-height: 1.3;
}


.byi5-root {
    max-width: 470px;

    margin: -2px auto 0;

    padding: 10px 18px;

    border-radius: 17px;

    background: #087f5b;

    color: #fff;

    text-align: center;
}


.byi5-root strong {
    display: block;

    font-size: 16px;
    line-height: 1.2;
}


.byi5-root span {
    display: block;

    margin-top: 3px;

    font-size: 11px;
}


.byi5-root-text {
    margin-top: 8px;

    text-align: center;

    color: #205944;

    font-size: 12px;
    font-weight: 700;
}


.byi5-exclusive {
    max-width: 510px;

    margin: 9px auto 0;

    padding: 9px 14px;

    border-radius: 22px;

    background: #edf0d3;

    text-align: center;
}


.byi5-exclusive strong {
    display: block;

    color: #174d3b;

    font-size: 16px;
}


.byi5-exclusive span {
    display: block;

    margin-top: 3px;

    color: #376653;

    font-size: 10px;
}


/* ============================================================
   CIRCULAR ECONOMY
   ============================================================ */

.byi5-circular-layout {
    display: grid;

    grid-template-columns: 1.1fr 1fr;

    align-items: center;

    gap: 18px;
}


/* CIRCLE */

.byi5-cycle {
    position: relative;

    width: 255px;
    height: 255px;

    margin: 0 auto;
}


.byi5-cycle:before {
    content: "";

    position: absolute;

    left: 25px;
    top: 25px;

    width: 205px;
    height: 205px;

    border: 2px solid #19634d;

    border-radius: 50%;
}


/* CYCLE ITEMS */

.byi5-cycle-item {
    position: absolute;

    width: 58px;
    height: 58px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #115d47;

    color: #fff;

    z-index: 3;

    box-shadow: 0 3px 7px rgba(0,0,0,.12);
}


.byi5-cycle-item b {
    font-size: 20px;
    line-height: 1;
}


.byi5-cycle-item span {
    margin-top: 2px;

    font-size: 9px;
}


/* POSITIONS */

.byi5-seed {
    top: 0;
    left: 98px;
}

.byi5-soil {
    top: 42px;
    right: 0;
}

.byi5-food {
    bottom: 42px;
    right: 0;
}

.byi5-farmer {
    bottom: 0;
    left: 98px;
}

.byi5-youth {
    bottom: 42px;
    left: 0;
}

.byi5-forest {
    top: 42px;
    left: 0;
}


/* EARTH */

.byi5-earth {
    position: absolute;

    top: 73px;
    left: 73px;

    width: 109px;
    height: 109px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        radial-gradient(
            circle at 35% 30%,
            #d9f4ed,
            #8bd2c2
        );

    font-size: 67px;

    z-index: 2;

    box-shadow:
        inset 0 0 12px rgba(255,255,255,.7);
}


/* ARROWS */

.byi5-arrow {
    position: absolute;

    color: #155d47;

    font-size: 27px;
    font-weight: 700;

    z-index: 4;
}

.arrow-1 {
    top: 36px;
    left: 67px;
}

.arrow-2 {
    top: 87px;
    right: 34px;
}

.arrow-3 {
    bottom: 47px;
    right: 48px;
}

.arrow-4 {
    bottom: 47px;
    left: 48px;
}


/* ============================================================
   RIGHT INFO BOXES
   ============================================================ */

.byi5-info-box {
    margin-bottom: 10px;

    padding: 12px 14px;

    border-radius: 9px;

    background: #f2edda;
}


.byi5-info-box strong {
    display: block;

    color: #173c30;

    font-size: 14px;
}


.byi5-info-box p {
    margin: 5px 0 0;

    color: #526b60;

    font-size: 11px;
    line-height: 1.45;
}


.byi5-future-box {
    padding: 13px 14px;

    border-radius: 10px;

    background: #f1c94e;

    color: #193c2e;
}


.byi5-future-box strong {
    display: block;

    font-size: 14px;
}


.byi5-future-box span {
    display: block;

    margin-top: 4px;

    font-size: 11px;
}


.byi5-cycle-bottom {
    margin-top: 7px;

    text-align: center;

    color: #28604e;

    font-size: 10px;
    line-height: 1.4;
}


.byi5-cycle-bottom span {
    display: block;

    margin-top: 3px;

    font-size: 10px;
}


/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 1200px) {

    .byi5-section {
        padding-left: 20px;
        padding-right: 20px;
    }

    .byi5-column {
        padding-left: 18px;
        padding-right: 18px;
    }

    .byi5-column h2 {
        font-size: 20px;
    }

    .byi5-tree-card {
        padding: 10px 7px;
    }

    .byi5-tree-image {
        height: 180px;
    }

    .byi5-tree-image img {
        height: 180px;
    }

    .byi5-cycle {
        transform: scale(.88);
        margin: -15px auto;
    }

}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 800px) {

    .byi5-section {
        padding: 35px 15px;
    }

    .byi5-heading h1 {
        font-size: 32px;
    }

    .byi5-title-line strong {
        font-size: 18px;
    }

    .byi5-title-line span {
        width: 50px;
    }

    .byi5-columns {
        grid-template-columns: 1fr;
    }

    .byi5-column {
        padding: 35px 10px;
    }

    .byi5-column + .byi5-column {
        border-left: none;
        border-top: 1px solid #d7d79f;
    }

    .byi5-tree-area {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    .byi5-tree-card {
        width: 240px;
        margin: auto;
    }

    .byi5-tree-image {
        height: 210px;
        order: 2;
    }

    .byi5-branch-card {
        order: 1;
    }

    .byi5-fruit-card {
        order: 3;
    }

    .byi5-root {
        margin-top: 15px;
    }

    .byi5-circular-layout {
        grid-template-columns: 1fr;
    }

    .byi5-cycle {
        transform: none;
        margin: 0 auto;
    }

    .byi5-cycle-info {
        max-width: 400px;
        width: 100%;
        margin: auto;
    }

}


/* ============================================================
   SMALL MOBILE
   ============================================================ */

@media (max-width: 420px) {

    .byi5-heading h1 {
        font-size: 27px;
    }

    .byi5-title-line strong {
        font-size: 15px;
    }

    .byi5-title-line span {
        width: 30px;
    }

    .byi5-cycle {
        transform: scale(.88);
        margin: -15px auto;
    }

    .byi5-element img {
        width: 50px;
        height: 50px;
        flex-basis: 50px;
    }

}
/**************** end section 5 **********/
/************ section 7 how it works *********/
/* =========================================
   SECTION 7 - HOW IT WORKS
   ICON LEFT / CONTENT RIGHT
========================================= */

.by-section7 {
    width: 100%;
    background: #f7f3df;
    padding: 42px 30px 48px;
    box-sizing: border-box;
    color: #174d3c;
}

.by-section7 .by-container {
    max-width: 1350px;
    margin: 0 auto;
}


/* HEADING */

.by-section7-title {
    margin-bottom: 28px;
}

.by-section7-title h2 {
    margin: 0; 
    font-size: 27px;
    line-height: 1.2;
    font-weight: 600;
    color: #174d3c;
}


/* FIVE COLUMNS */

.by-work-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    width: 100%;
}


/* EACH COLUMN */

.by-work-item {
    display: flex;
    align-items: flex-start;

    min-height: 170px;

    padding: 5px 22px;

    border-right: 1px solid #c9c6b4;

    box-sizing: border-box;
}

.by-work-item:first-child {
    padding-left: 0;
}

.by-work-item:last-child {
    border-right: none;
}


/* ICON ON LEFT */

.by-work-icon {
    flex: 0 0 50px;

    width: 50px;
    height: 50px;

    margin-right: 13px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;
    border: 2px solid #caa94d;

    background: #07513e;

    font-size: 22px;
    line-height: 1;
}


/* CONTENT ON RIGHT */

.by-work-content {
    flex: 1;
    min-width: 0;
}


/* TITLE */

.by-work-content h3 {
    margin: 1px 0 4px; 
    font-size: 16px;
    line-height: 1.25;
    font-weight: 700;

    color: #174d3c;
}


/* SUBTITLE */

.by-work-content span {
    display: block;

    margin-bottom: 9px; 
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 15px;
    line-height: 1.3;

    color: #496454;
}


/* LIST */

.by-work-content ol {
    margin: 0;
    padding-left: 16px;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px;
    line-height: 1.55;

    color: #315548;
}

.by-work-content li {
    margin: 0;
    padding: 0;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 1000px) {

    .by-work-grid {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 25px;
    }

    .by-work-item {
        border-right: 1px solid #c9c6b4;
    }

    .by-work-item:nth-child(2n) {
        border-right: none;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 600px) {

    .by-section7 {
        padding: 35px 20px;
    }

    .by-section7-title h2 {
        font-size: 24px;
    }

    .by-work-grid {
        grid-template-columns: 1fr;
    }

    .by-work-item,
    .by-work-item:first-child {
        padding: 20px 0;

        border-right: none;
        border-bottom: 1px solid #d2cfbd;

        min-height: auto;
    }

    .by-work-item:last-child {
        border-bottom: none;
    }

}
/************ end section 7 ***********/
/************ section 8 Donate  ***********/
/* ================================
   BHUMI YUVA - SECTION 8
   HOW WE DONATE OUR PART
================================ */

.by-section8 {
    position: relative;
    overflow: hidden;
    background: #064936;
    padding: 35px 20px 40px;
    color: #fff;
}

.by-donate-container {
    max-width: 1350px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.by-donate-heading {
    margin-bottom: 25px;
}

.by-donate-heading h2 {
    margin: 0;
    color: #f3e8bc; 
    font-size: 25px;
    font-weight: 700;
}

.by-donate-heading p {
    margin: 3px 0 0;
    color: #e7e1bd;
    font-size: 15px;
}

.by-donate-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}

.by-donate-item {
    text-align: center;
    padding: 5px 20px 12px;
    border-right: 1px solid rgba(226, 214, 163, .45);
}

.by-donate-item:last-child {
    border-right: none;
}

.by-donate-icon {
    width: 48px;
    height: 48px;
    margin: 0 auto 10px;
    border-radius: 50%;
    border: 2px solid #d9b75c;
    background: #145743;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 23px;
}

.by-donate-item h3 {
    margin: 0;
    color: #f5e8b7;
    font-size: 15px;
    font-weight: 700;
}

.by-donate-item p {
    margin: 3px 0 0;
    color: #fff;
    font-size: 13px;
    line-height: 1.4;
}

.by-volunteer-button {
    text-align: center;
    margin-top: 22px;
}

.by-volunteer-button a {
    display: inline-block;
    background: #e5c45f;
    color: #174d3b;
    padding: 8px 24px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    transition: .3s ease;
}

.by-volunteer-button a:hover {
    background: #f2d878;
    transform: translateY(-2px);
}


/* Tablet */

@media (max-width: 900px) {

    .by-donate-grid {
        grid-template-columns: repeat(3, 1fr);
        row-gap: 25px;
    }

    .by-donate-item:nth-child(3) {
        border-right: none;
    }
}


/* Mobile */

@media (max-width: 600px) {

    .by-section8 {
        padding: 35px 15px;
    }

    .by-donate-heading h2 {
        font-size: 22px;
    }

    .by-donate-grid {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 20px;
    }

    .by-donate-item {
        padding: 10px;
    }

    .by-donate-item:nth-child(2n) {
        border-right: none;
    }

    .by-donate-item:nth-child(3) {
        border-right: 1px solid rgba(226, 214, 163, .45);
    }
}
/************ end section 8 ***********/

/************ section 9 10 crore trees *********/
/* ================================
   BHUMI YUVA - SECTION 9
   IMPACT + RECOGNITION
================================ */

.by-section9 {
    background: #f7f3df;
    padding: 35px 20px 25px;
    color: #174d3c;
}

.by-section9-container {
    max-width: 1350px;
    margin: 0 auto;
}


/* ================================
   IMPACT CONTENT
================================ */

.by-impact-grid {
    display: grid;
    grid-template-columns: 1.2fr 1.35fr 1.25fr 1.15fr;
    gap: 0;
    align-items: stretch;
}

.by-tree-card {
    padding-right: 25px;
    border-right: 1px solid #d5d0ba;
    position: relative;
}

.by-tree-image {
    width: 100%;
    height: 125px;
    overflow: hidden;
    border-radius: 4px;
    margin-bottom: 10px;
}

.by-tree-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.by-tree-card h2 {
    margin: -65px 0 0;
    position: relative;
    color: #fff;
    text-align: center; 
    font-size: 24px;
    line-height: 1;
    text-shadow: 0 2px 4px rgba(0,0,0,.6);
}

.by-tree-card p {
    text-align: center;
    font-size: 15px;
    line-height: 1.4;
    margin-top: 48px;
}


/* ================================
   PROMISE
================================ */

.by-promise {
    padding: 10px 25px;
    border-right: 1px solid #d5d0ba;
}

.by-check {
    display: flex;
    gap: 10px;
    margin-bottom: 18px;
    color: #7a9c55;
    font-size: 18px;
    font-weight: bold;
}

.by-check span {
    color: #315849;
    font-size: 15px;
    line-height: 1.45;
    font-weight: 500;
}


/* ================================
   WORLD STORY
================================ */

.by-world-story {
    padding: 10px 25px;
    border-right: 1px solid #d5d0ba;
}

.by-world-story h3,
.by-prayer h3 {
    margin: 0 0 8px;
    color: #174d3c; 
    font-size: 16px; font-weight:bold;
}

.by-world-story p {
    margin: 0 0 12px;
    color: #315849;
    font-size: 14px;
    line-height: 1.5;
}

.by-locations {
    color: #45684e;
    font-size: 15px;
    line-height: 1.8;
}

.by-small-story {
    margin-top: 15px !important;
}


/* ================================
   PRAYER
================================ */

.by-prayer {
    padding: 10px 10px 10px 25px;
}

.by-prayer p {
    margin: 0 0 9px;
    color: #315849;
    font-size: 14px;
    line-height: 1.5;
}

.by-prayer p:first-of-type { 
    font-style: italic;
}


/* ================================
   RECOGNITION
================================ */

.by-recognition {
    margin-top: 25px;
    border-top: 1px solid #d5d0ba;
    padding-top: 10px;
}

.by-recognition h3 {
    margin: 0 0 10px;
    text-align: center;
    color: #315849; 
    font-size: 15px;
}

.by-recognition-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 12px;
    align-items: center;
}

.by-recognition-item {
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.by-recognition-item img {
    max-width: 100%;
    max-height: 150px;
    width: auto;
    height: auto;
    object-fit: contain;
}


/* ================================
   TABLET
================================ */

@media (max-width: 900px) {

    .by-impact-grid {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 25px;
    }

    .by-tree-card {
        border-right: 1px solid #d5d0ba;
    }

    .by-world-story {
        border-right: none;
    }

    .by-recognition-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}


/* ================================
   MOBILE
================================ */

@media (max-width: 600px) {

    .by-section9 {
        padding: 30px 15px;
    }

    .by-impact-grid {
        grid-template-columns: 1fr;
    }

    .by-tree-card,
    .by-promise,
    .by-world-story {
        border-right: none;
        border-bottom: 1px solid #d5d0ba;
        padding: 20px 5px;
    }

    .by-prayer {
        padding: 20px 5px;
    }

    .by-tree-image {
        height: 160px;
    }

    .by-tree-card h2 {
        font-size: 27px;
    }

    .by-recognition-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
/**************** end section 9 **********/
/************* services *****************/
.byi-services {
    --green: #176b42;
    --dark-green: #075d39;
    --light-green: #eef7e6;
    --blue: #1396ad;
    --light-blue: #e4f5f8;
    --gold: #e5a900;
    --cream: #fbfaf0;

    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 25px 35px 45px;
    box-sizing: border-box;

   background: URL("http://bhumiyuvainternational.com/demo2/wp-content/uploads/2026/09/serv-bg.png") top left no-repeat, url(http://bhumiyuvainternational.com/demo2/wp-content/uploads/2026/09/serv-bg1.png) center bottom no-repeat, url(../../../wp-content/uploads/2026/09/bg-serv.png) center 38% no-repeat;
    background-color: #FAF9EC;

    font-family: "Poppins", "Arial", sans-serif;
    color: #174e37;
    position: relative;
    overflow: hidden;
}


/* =========================
   TITLE
========================= */

.byi-title {
    text-align: center;
    margin-bottom: 35px;
}

.byi-small-title {
    font-size: 30px;
    font-weight: 800;
    letter-spacing: 1px;
    color: var(--dark-green);
    margin-bottom: 8px;
}

.byi-title h1 {
    display: inline-block;

    margin: 0;
    padding: 9px 48px;

    background: var(--dark-green);
    color: white;

    font-size: 30px;
    line-height: 1.25;
    font-weight: 800;

    border-radius: 45px;

    box-shadow: 0 4px 12px rgba(0,0,0,.10);
}

.byi-title p {
    margin: 12px 0 0;
    font-size: 18px;
    font-weight: 700;
    color: var(--dark-green);
}
.clear { clear:both; }

/* =========================
   SERVICE BOX
========================= */

.byi-service {
    position: relative;
    display: flex;
    align-items: center; float : left;
    width: 48%;
    min-height: 225px;
    box-sizing: border-box;
    margin-bottom: 45px;
	margin-top: 50px ;
	margin-right : 20px; 
}


/* LEFT SIDE */

.byi-service-1,
.byi-service-5 {
    margin-right: auto;
}


/* RIGHT SIDE */

.byi-service-2,
.byi-service-4 {
    float : right ;
}


/* =========================
   IMAGE
========================= */

.byi-image-wrap {
    width: 215px;
    height: 215px;
    flex: 0 0 215px;
    position: relative;
    z-index: 3;
}

.byi-image-wrap img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    border-radius: 50%;

    border: 5px solid white;
    outline: 3px solid #6cae51;

    box-shadow: 0 4px 12px rgba(0,0,0,.18);

    display: block;
}


/* =========================
   NUMBER CIRCLE
========================= */

.byi-number {
    position: absolute;
    top: 3px;
    right: -7px;
    width: 57px;
    height: 57px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--green);
    color: white;

    font-size: 25px;
    font-weight: 800;

    border: 4px solid white;

    box-shadow: 0 3px 8px rgba(0,0,0,.15);
}


/* GOLD SERVICE */

.byi-service-5 .byi-number {
    background: var(--gold);
}


/* BLUE SERVICE */

.byi-service-4 .byi-number {
    background: #0794af;
}
.byi-service-5 { margin: 0 auto; float:none; }

/* =========================
   CONTENT BOX
========================= */

.byi-content {
    position: relative;
    z-index: 2; 
    flex: 1; 
    min-height: 205px; 
    margin-left: -25px;  
    padding: 25px 25px 22px 45px; 
    border-radius: 0 100px 100px 0;  
    background: linear-gradient(
        90deg,
        #eef7e4,
        #e6f1d9
    );

    border: 2px solid #d6e8c4;

    box-sizing: border-box;
}


/* LEFT CONTENT */

.byi-service-5 .byi-content {
    background: linear-gradient(
        90deg,
        #fff9df,
        #fff2c8
    );

    border-color: #f0dc9d;
}


/* BLUE CONTENT */

.byi-service-4 .byi-content {
    background: linear-gradient(
        90deg,
        #e4f6fa,
        #d7eef4
    );

    border-color: #9ed7e2;
}


/* =========================
   HEADINGS
========================= */

.byi-content h2 {
    margin: 0;

    color: var(--dark-green);

    font-size: 25px;
    line-height: 1.1;

    font-weight: 800;
}

.byi-content h3 {
    margin: 3px 0 9px;

    color: #155a3b;

    font-size: 16px;
    line-height: 1.25;

    font-weight: 700;
}


/* BLUE */

.byi-service-4 .byi-content h2,
.byi-service-4 .byi-content h3 {
    color: #087d94;
}


/* GOLD */

.byi-service-5 .byi-content h2,
.byi-service-5 .byi-content h3 {
    color: #9a7000;
}


/* =========================
   LIST
========================= */

.byi-content ul {
    padding: 0;
    margin: 0;

    list-style: none;
}

.byi-content li {
    position: relative;

    padding-left: 24px;
    margin-bottom: 5px;

    font-size: 14px;
    line-height: 1.35;

    color: #28583f;
    font-weight: 500;
}

.byi-content li::before {
    content: "♥";

    position: absolute;
    left: 0;
    top: 0;

    color: #579a39;

    font-size: 13px;
}


/* BLUE BULLETS */

.byi-service-4 .byi-content li::before {
    color: #0c9bb4;
}


/* GOLD BULLETS */

.byi-service-5 .byi-content li::before {
    color: #c99b00;
}


/* =========================
   EARTH CENTER
========================= */

.byi-earth {
    position: absolute;

    left: 50%;
    top: 43%;

    transform: translate(-50%, -50%);

    width: 210px;
    height: 210px;

    display: flex;
    align-items: center;
    justify-content: center;

    z-index: 5;
}

.byi-earth-circle {
    width: 145px;
    height: 145px;

    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    background: white;

    font-size: 90px;

    border: 8px solid #79ad55;

    box-shadow:
        0 5px 15px rgba(0,0,0,.15);
}

.byi-earth-leaf {
    position: absolute;

    bottom: -2px;

    font-size: 65px;

    transform: rotate(-10deg);
}


/* =========================
   SERVICE 04
========================= */
 

.byi-service-4 .byi-image-wrap {
    width: 190px;
    height: 190px;
    flex-basis: 190px;
}

.byi-service-4 .byi-content {
    min-height: 180px;
}


/* =========================
   BOTTOM
========================= */

.byi-bottom {
    clear: both;

    text-align: center;

    margin-top: 15px;
}

.byi-cta {
    display: inline-flex;
    align-items: center;
    gap: 18px;

    padding: 11px 38px;

    background: var(--dark-green);

    color: white;

    font-size: 23px;
    font-weight: 800;

    border-radius: 50px;

    box-shadow: 0 4px 10px rgba(0,0,0,.12);
}

.byi-bottom-text {
    margin-top: 14px;

    color: #14593a;

    font-size: 14px;
    font-weight: 700;

    letter-spacing: .3px;
}

.byi-bottom-text b {
    padding: 0 7px;
}


/* =========================
   TABLET
========================= */

@media (max-width: 1100px) {

    .byi-services {
        padding: 25px 20px 40px;
    }

    .byi-small-title {
        font-size: 25px;
    }

    .byi-title h1 {
        font-size: 25px;
    }

    .byi-service {
        width: 50%;
    }

    .byi-image-wrap {
        width: 175px;
        height: 175px;
        flex-basis: 175px;
    }

    .byi-content {
        padding-left: 35px;
    }

    .byi-content h2 {
        font-size: 21px;
    }

    .byi-content h3 {
        font-size: 14px;
    }

    .byi-content li {
        font-size: 12px;
    }

    .byi-earth {
        width: 160px;
        height: 160px;
    }

    .byi-earth-circle {
        width: 110px;
        height: 110px;
        font-size: 65px;
    }
}


/* =========================
   MOBILE
========================= */

@media (max-width: 767px) {

    .byi-services {
        padding: 20px 12px 30px;
    }

    .byi-small-title {
        font-size: 21px;
    }

    .byi-title h1 {
        display: block;

        padding: 10px 15px;

        font-size: 19px;
        border-radius: 30px;
    }

    .byi-title p {
        font-size: 13px;
        line-height: 1.4;
    }


    .byi-service,
    .byi-service-4 {
        width: 100%;

        margin: 0 0 22px;

        display: flex;
        align-items: center;
    }


    .byi-image-wrap,
    .byi-service-4 .byi-image-wrap {
        width: 125px;
        height: 125px;
        flex-basis: 125px;
    }


    .byi-number {
        width: 43px;
        height: 43px;

        font-size: 18px;

        border-width: 3px;
    }


    .byi-content,
    .byi-service-4 .byi-content {
        min-height: auto;

        margin-left: -15px;

        padding:
            18px
            15px
            18px
            28px;

        border-radius: 0 55px 55px 0;
    }


    .byi-content h2 {
        font-size: 17px;
    }

    .byi-content h3 {
        font-size: 11px;
    }

    .byi-content li {
        font-size: 10px;
        line-height: 1.3;
        margin-bottom: 4px;
        padding-left: 15px;
    }

    .byi-content li::before {
        font-size: 9px;
    }


    /* Hide center earth on small screens */
    .byi-earth {
        display: none;
    }


    .byi-cta {
        font-size: 15px;
        padding: 10px 18px;
        gap: 8px;
    }

    .byi-bottom-text {
        font-size: 10px;
        line-height: 1.8;
    }
}


/* =========================
   VERY SMALL MOBILE
========================= */

@media (max-width: 480px) {

    .byi-image-wrap,
    .byi-service-4 .byi-image-wrap {
        width: 105px;
        height: 105px;
        flex-basis: 105px;
    }

    .byi-content {
        padding-left: 23px;
    }

    .byi-content h2 {
        font-size: 15px;
    }

    .byi-content h3 {
        font-size: 10px;
    }

    .byi-content li {
        font-size: 9px;
    }

    .byi-number {
        width: 36px;
        height: 36px;
        font-size: 15px;
    }

}

/************* End Services ************/
/********** blog ************/
.wp-block-latest-posts__featured-image {  margin-bottom: 20px;  }
.main-footer__copyright a {
    color: #C8AA57  ;
    text-decoration: underline
}

.main-footer__copyright a:hover {
    color : #115D47;
}