/* ===============================
   MOBILE RESPONSIVE DESIGN
================================ */


/* HERO */

.hero-title{
font-size:38px;
}

.hero-subtitle{
font-size:16px;
}

/* Reduce hero height for mobile */

.block-30{
min-height:60vh;
padding:60px 15px;
}

/* Counter Section */

.section-counter{
padding:60px 20px;
}

.block-48{
padding:35px 25px;
margin-bottom:30px;
}

.block-48-counter{
font-size:46px;
}

/* Who We Are section spacing */

.section-title{
font-size:28px;
}
.section-subtitle{
font-size:15px;
}
/* Cards */

.block-6{
margin-bottom:25px;
}

.fundraise-item img{
height:180px;
}


/* ===============================
   EXTRA SMALL DEVICES (PHONES)
================================ */

@media (max-width: 576px){

.hero-title{
font-size:28px;
}

.hero-subtitle{
font-size:14px;
}

.play-circle{
width:50px;
height:50px;
font-size:20px;
}

.block-48-counter{
font-size:36px;
}

.section-title{
font-size:24px;
}

.section-subtitle{
font-size:14px;
}

.fundraise-item img{
height:160px;
}

}


/* MOBILE */

@media(max-width:768px){

.hero-title{
font-size:38px;
}

.hero-subtitle{
font-size:16px;
}

.hero-content{

position:relative;

z-index:5;
}


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

@media(max-width:768px){

.counter-main{
font-size:60px;
}

.section-modern-title{
font-size:34px;
}

.who-we-are{
padding:30px 10px 10px;
}

.counter-hero{
margin-bottom:30px;
}

}
/* TABLET */
@media (max-width:991px){
    .history-video-card{
        height:350px;
    }
}

/* MOBILE */
@media (max-width:576px){
    .history-video-card{
        height:250px;
    }
}
/* =========================
   MOBILE
========================= */

@media(max-width:768px){

.impact-title,
.section-title{
font-size:30px;
}

.impact-glass{
padding:20px;
}

.impact-table td{
font-size:14px;
padding:15px 12px;
}

.value-2025{
font-size:20px;
}

}