/*
Theme Name: Bandhan 1982
Theme URI: https://example.com/
Author: Bandhan 1982
Description: Custom Classic Editor WordPress theme converted from the supplied HTML website.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: bandhan-1982
*/

@import url('https://fonts.googleapis.com/css2?family=Amita:wght@400;700&family=Outfit:wght@100..900&display=swap');


/* 
font-family: "Amita", serif;
font-family: "Outfit", sans-serif;
  */

:root {
    --blackcolor: #000000;
    --whitecolor: #ffffff;
    --theme-green: #4f8f2f;
    --theme-dark-green: #427c2b;
    --theme-black: #141212;
    --theme-yellow: #ffe132;
    --amita-font: "Amita", serif;
    --outfit-font: "Outfit", sans-serif;
}

* {
    box-sizing: border-box;
}

html {
    overflow-x: hidden;
    scroll-behavior: smooth;
}

body {
    margin: 0;
    padding: 0;
    font-family: var(--outfit-font);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 100%;
    font-weight: normal;
    font-style: normal;
    color: var(--theme-black);
    font-size: 18px;
    line-height: 1.6;
    background-color: var(--whitecolor);
    overflow-x: hidden;
}

body.open-nav {
    overflow: hidden;
}

b,
strong {
    font-weight: 600;
}

p {
    margin: 0 0 22px 0;
	opacity:0.7;
}

p:last-child {
    margin-bottom: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--outfit-font);
    margin: 0 0 25px 0;
    padding: 0;
    color: var(--theme-black);
    font-weight: 600;
    letter-spacing: -1px;
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child {
    margin-bottom: 0;
}



h1,
.h1-title {
    font-size: 70px;
    line-height: 1.2;
}

h2,
.h2-title {
    font-size: 55px;
    line-height: 1.2;
}

h3,
.h3-title {
    font-size: 40px;
    line-height: 1.2;
}

h4,
.h4-title {
    font-size: 24px;
    line-height: 1.2;

}

h5,
.h5-title {
    font-size: 22px;
    line-height: 1.4;

}

a {
    display: inline-block;
    margin: 0;
    padding: 0;
    display: inline-block;
    text-decoration: none !important;
    outline: none !important;
    color: var(--theme-green);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

a:hover {
    color: var(--blackcolor);
}

button,
input {
    font: inherit;
}

button {
    cursor: pointer;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

input[type="text"],
input[type="tel"],
input[type="password"],
input[type="email"],
select {
    background-color: transparent;
    width: 100%;
    appearance: none;
    border-radius: 0;
    color: var(--blackcolor);
    border: 1px solid rgba(255, 255, 255, 0.7);
    height: 58px;
    padding: 0 16px;
    outline: none;
}

select {
    background: url(images/sort-down.svg) no-repeat calc(100% - 16px) center transparent;
    background-size: 18px;
    padding-right: 40px;
}

input[type="submit"] {
    background: #eab71e;
    color: #000000;
    height: 58px;
    border: none;
    appearance: none;
    border-radius: 0;
    padding-left: 30px;
    padding-right: 30px;
    cursor: pointer;
    font-size: 24px;
    font-weight: 600;
    outline: none;
    transition: all 0.3s ease-in-out;
}

input[type="submit"]:hover {
    background: #000;
    color: #eab71e;
}

:focus-visible {
    outline: 3px solid var(--theme-yellow);
    outline-offset: 3px;
}

::-webkit-input-placeholder {
    opacity: 0.7;
    color: #000;
}

:-ms-input-placeholder {
    opacity: 0.7;
    color: #000;
}

::-moz-placeholder {
    opacity: 0.7;
    color: #000;
}

:-moz-placeholder {
    opacity: 0.7;
    color: #000;
}

.container.bigg {
    max-width: 1810px;
    width: 100%;
    padding: 0 15px;
    margin: 0 auto;
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.cmn-btn {
    text-transform: uppercase;
    color: var(--whitecolor);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 19px 35px;
    min-width: 237px;
    background-color: var(--theme-green);
    border-radius: 100px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: none;
    transition-delay: 0s;
}

.cmn-btn::before {
    position: absolute;
    content: '';
    width: 120%;
    height: 100%;
    top: 0;
    left: calc((120% - 24px)* -1);
    z-index: -1;
    background-color: var(--theme-dark-green);
    clip-path: polygon(20px 0%, 100% 0, calc(100% - 20px) 100%, 0% 100%);
    transition: all 0.3s ease-in-out;
}

.cmn-btn:hover::before {
    left: 0;
}

.cmn-btn:hover {
    color: var(--whitecolor);
    background-color: var(--theme-yellow);
    transition: all 0.3s ease-in-out;
    transition-delay: 0.3s;
}

.cmn-btn.yellow {
    background-color: var(--theme-yellow);
    color: var(--theme-black);
}

.cmn-btn.yellow:hover {
    color: var(--whitecolor);
}

.cmn-btn.yellow.white {
    color: var(--theme-black);
}

.cmn-btn.yellow.white::before {
    background-color: var(--whitecolor);
}

.section-label {
    display: inline-block;
    color: var(--theme-dark-green);
    font-family: var(--amita-font);
    font-size: 20px;
    line-height: 1.2;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 8px;
    margin-bottom: 15px;
}

.project-head {
    max-width: 720px;
    margin: 0 auto 50px;
    text-align: center;
}

.prject-btn-wrppr {
    text-align: center;
    margin-top: 125px;
}

/* Top Information Header */
.main-head {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    background: var(--whitecolor);
    transition: .3s all;
}

.main-head.fixed {
    position: fixed;
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.08);
}

.main-head.fixed .top-header {
    display: none;
}

.main-head.fixed .nav-shell {
    position: static;
    background-color: var(--theme-green);
}

.main-head.fixed .site-nav {
    box-shadow: none;
}

.top-header {
    position: relative;
    z-index: 2;
    background-color: var(--whitecolor);
}

.top-header::after {
    position: absolute;
    content: "";
    height: 100%;
    top: 0;
    width: calc((100vw - 1785px) / 2);
    left: 0;
    background-color: #f7f7f7;
}

.top-header-innr {
    display: flex;
    align-items: center;
    min-height: 118px;
}

.site-logo {
    padding: 0;
    margin: 0;
    width: 97px;
    display: inline-block;
}

.site-logo img {
    width: 100%;
}

.logo-wrppr {
    max-width: 255px;
    width: 100%;
    padding: 8px 15px 8px 41px;
    position: relative;
    z-index: 1;
    background-color: #585858;
    clip-path: polygon(0 0, 100% 0, calc(100% - 41px) 100%, 0% 100%);
    flex: 0 0 auto;
    align-self: stretch;
    display: flex;
    align-items: center;
}

.logo-wrppr::before {
    position: absolute;
    content: "";
    height: 100%;
    top: 0;
    left: 0;
    right: 1px;
    z-index: -1;
    background-color: #f7f7f7;
    clip-path: polygon(0 0, 100% 0, calc(100% - 41px) 100%, 0% 100%);
}

.top-othr-parts {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-left: 20px;
    gap: 48px;
}

.top-middle-contents-all {
    display: flex;
    align-items: center;
    flex: 0 1 auto;
    gap: 42px;
}

.each-middle-contents {
    display: flex;
    align-items: center;
    min-width: 0;
}

.each-middle-contents>i {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: #f7f7f7;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex: 0 0 auto;
    font-style: normal;
}

.each-middle-contents>i img {
    width: 26px;
    opacity: 0.7;
}

.each-middle-contents>i::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: calc(100% - 8px);
    left: 0;
    z-index: -1;
    background-color: var(--theme-dark-green);
    border-radius: 50%;
}

.each-middle-contents>i::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: calc(100% - 8px);
    left: 0;
    z-index: -1;
    background-color: var(--theme-dark-green);
    border-radius: 50%;
    transition: all .3s ease-in-out;
}

.each-middle-contents:hover>i::before {
    top: 0;
}

.each-middle-contents:hover>i img {
    filter: brightness(0) invert(1);
}

.top-contnt-innr {
    flex: 1;
    padding-left: 16px;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.top-contnt-innr span {
    font-size: 16px;
    line-height: 1;
    color: #333333;
    display: block;
    margin-bottom: 8px;
    white-space: nowrap;
}

.top-contnt-innr p,
.top-contnt-innr a {
    font-size: 18px;
    line-height: 1;
    color: var(--theme-black);
    margin: 0;
    white-space: nowrap;
}

.top-contnt-innr a:hover {
    color: var(--theme-green);
}

.hdr-donate-btn-wrppr {
    flex: 0 0 auto;
}

.hdr-donate-btn-innr {
    display: flex;
    align-items: center;
    background-color: #f7f7f7;
    border: 1px solid var(--blackcolor);
    padding: 19px 36px;
}

.hdr-donate-btn-innr p {
    font-size: 18px;
    line-height: 1.2;
    color: var(--theme-dark-green);
    font-weight: 600;
    font-family: var(--amita-font);
    margin: 0 16px 0 0;
    white-space: nowrap;
}

.hdr-donate-btn {
    font-size: 16px;
    line-height: 1;
    color: var(--whitecolor);
    background-color: #b07f0b;
    padding: 8px 19px;
}

.hdr-donate-btn:hover {
    color: var(--whitecolor);
    background-color: var(--theme-dark-green);
}

/* Main Navigation */
.nav-shell {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    z-index: 5;
    pointer-events: none;
}

.logo-wrppr.mobile {
    display: none;
}

.site-nav {
    width: 100%;
    margin: 0 auto;
    background-color: var(--theme-green);
    border-radius: 0 0 6px 6px;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.08);
    pointer-events: auto;
    overflow: hidden;
}

.nav-panel {
    width: 100%;
    padding: 16px 35px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.primary-links {
    display: flex;
    align-items: stretch;
}

.primary-links li {
    display: flex;
    padding: 0 21px;
}

.primary-links li:first-child {
    padding-left: 0;
}

.primary-links li:last-child {
    padding-right: 0;
}

.primary-links a {
    color: var(--whitecolor);
    line-height: 1;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 1px;
}

.primary-links a:hover,
.primary-links li.current-item a {
    color: #0e4e0d;
}

.nav-social {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--whitecolor);
    font-size: 18px;
    font-family: var(--amita-font);
    font-weight: 600;
}

.nav-social a,
.footer-social a {
    width: 36px;
    height: 36px;
    padding: 9px;
    border-radius: 50%;
    border: 1px solid #ebebeb;
    color: var(--whitecolor);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.nav-social a img {
    transition: .5s all;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.nav-social a:hover {
    background-color: var(--whitecolor);
}

.nav-social a:hover img {
    filter: brightness(0);
}

.nav-social a:hover,
.footer-social a:hover {
    background-color: var(--theme-yellow);
    border-color: var(--theme-yellow);
    color: var(--theme-black);
}

.nav-toggle {
    display: none;
    width: 48px;
    height: 48px;
    border: 0;
    background-color: var(--theme-dark-green);
    border-radius: 4px;
    margin-left: auto;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 5px;
}

.nav-toggle-line {
    width: 24px;
    height: 2px;
    background: var(--whitecolor);
    border-radius: 4px;
    transition: transform 0.25s ease, opacity 0.25s ease;
}

.nav-toggle[aria-expanded="true"] .nav-toggle-line:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
}

.nav-toggle[aria-expanded="true"] .nav-toggle-line:nth-child(2) {
    opacity: 0;
}

.nav-toggle[aria-expanded="true"] .nav-toggle-line:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
}

/* Hero Banner */
.bnnr-sec {
    position: relative;
    overflow: hidden;
}

.bnnr-bttm-shpe {
    position: absolute;
    width: 100%;
    bottom: -1px;
    left: 0;
    pointer-events: none;
    z-index: 2;
    pointer-events: none;
}

.bnnr-bttm-shpe img {
    width: 100%;
}

.bttm-shpe {
    position: absolute;
    z-index: 2;
    pointer-events: none;
    width: 120px;
    transform: rotateY(180deg) rotate(45deg);
    top: 52%;
    left: 8%;
}

.bttm-shpe img {
    width: 100%;
}

.bnnr-each-itm {
    position: relative;
    min-height: 798px;
}

.bnnr-each-itm figure {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
}

.bnnr-each-itm figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center right;
}

.bnnr-content-outtr {
    position: relative;
    z-index: 2;
    width: 100%;
    min-height: 798px;
    display: flex;
    align-items: center;
    padding: 108px 0 122px;
	/*background: rgba(0, 0, 0, 0.4);*/
}

.bnnr-content-innr {
    max-width: 735px;
    padding-top: 36px;
}

.bnnr-subtitle {
    font-size: 22px;
    line-height: 1.2;
    text-decoration: underline;
    color: #82e550;
    font-weight: 600;
    font-family: var(--amita-font);
    display: inline-block;
    margin-bottom: 20px;
    text-underline-offset: 5px;
}

.bnnr-content-innr h1 {
    color: #f7f7f7;
    margin-bottom: 60px;
    font-size: 70px;
    line-height: 1.16;
}

.bnnr-content-innr h1 span {
    font-weight: 300;
}

.bnnr-slider-arrw-wrppr {
    position: absolute;
    left: 50%;
    top: 49%;
    transform: translate(-50%, -50%);
    width: min(1838px, calc(100% - 48px));
    z-index: 6;
    pointer-events: none;
    display: flex;
    justify-content: space-between;
}

.cmn-bnnr-arrw {
    width: 55px;
    height: 55px;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    pointer-events: auto;
}

.cmn-bnnr-arrw:hover {
    background-color: var(--theme-dark-green);
    border-color: var(--whitecolor);
}

.cmn-bnnr-arrw img {
    width: 12px;
    filter: brightness(0) invert(1);
}

.cmn-bnnr-arrw:disabled {
    opacity: 0.5;
    cursor: default;
}

/* Service Cards */

.cmn-gap {
    padding: 100px 0;
}

.service-sec {
    position: relative;
    z-index: 5;
    padding-top: 75px;
    background: var(--whitecolor);
}

.service-list {
    display: flex;
    gap: 20px;
}

.service-card {
    flex: 1 1 0;
    min-width: 0;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0px 10px 10px rgba(12, 5, 13, 0.07);
    padding: 34px 33px 25px;
    text-align: center;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: .3s all;
}

.service-card:hover {
    box-shadow: 0px 10px 30px rgba(12, 5, 13, 0.2);
    transform: translateY(-10px);
}

.service-card .service-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: -1;
}

.service-card .service-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.service-card>img {
    width: 74px;
    height: 74px;
    object-fit: contain;
    margin: 0 auto 20px;
}

.service-card h3 {
    font-family: var(--amita-font);
    font-size: 28px;
    color: #141212;
    line-height: 1.2;
    margin-bottom: 8px;
    font-weight: 600;
}

.service-card p {
    color: #555555;
    font-size: 18px;
}

.service-sec .container{
	max-width:1600px;
}

/* Donation About Section */
.donation-sec {
    position: relative;
    z-index: 1;
}

.bg-shpe {
    position: absolute;
    z-index: -1;
    width: 290px;
    right: 0;
    top: -9%;
}

.bg-shpe img {
    width: 100%;
}

.donation-sec .bg-shpe img {
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}

@-webkit-keyframes mover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-10px);
    }
}

@keyframes mover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-10px);
    }
}

.donation-layout-rw {
    --bs-gutter-x: 35px;
    align-items: center;
}

.donation-img-col,
.donation-content-col {
    width: 50%;

}

.donation-photo {
    position: relative;
    margin-bottom: 0;
    width: auto;
    margin-left: calc(((100vw - 1170px) / 2) * -1);
    overflow: hidden;
}

.donation-photo img {
    width: 100%;
    border-radius: 0;
    object-fit: cover;
}

.abut-donate-shpe {
    position: absolute;
    top: -12%;
    right: -10%;
    z-index: 1;
    pointer-events: none;
    height: 112%;
}

.abut-donate-shpe img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left;
}

.donation-content h2,
.sec-head h2 {
    line-height: 1.1;
    margin-bottom: 24px;
}

.donation-content h2 span,
.sec-head h2 span {
    font-weight: 300;
}

.donation-content p {
    opacity: 0.7;
    line-height: 1.62;
    margin-bottom: 35px;
}

.donation-features-rw {
    --bs-gutters-x: 30px;
    margin-bottom: 30px;
}

.donation-features-col {
    position: relative;
}

.donation-features-col::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: #ececec;
}

.donation-features-col:first-child::after {
    width: auto;
    left: 15px;
    right: 0;
}

.donation-features-col:last-child::after {
    width: auto;
    left: 0;
    right: 15px;
}

.donation-features-wrppr {
    width: 100%;
    display: flex;
    align-items: center;
    padding-bottom: 25px;
}

.donation-features img {
    height: 71px;
    flex: 0 0 auto;
}

.donation-features h3 {
    flex: 1;
    padding-left: 10px;
    font-family: var(--amita-font);
    font-size: 24px;
    line-height: 1.2;
    margin: 0;
    letter-spacing: 0.7px;
}
.check-list {
    column-count: 2;
    margin-bottom: 30px;
}

.check-list li {
    opacity: 0.7;
    font-size: 18px;
    position: relative;
    padding-left: 25px;
    margin-bottom: 10px;
}

.check-list li::before {
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    background: url(images/gray-tick.svg) center no-repeat;
    background-size: 15px;
    left: 0;
    top: 5px;
}

/* Project and Event Cards */
.project-sec,
.event-sec {
    position: relative;
    z-index: 1;
}

.event-sec {
    padding: 118px 0 126px;
}

.prject-sec-bg {
    position: absolute;
    width: 100%;
    height: 54%;
    top: 0;
    left: 0;
    background-color: #f5f5f5;
    z-index: -1;
    pointer-events: none;
}

.prject-sec-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.3;
}

.story-card {
    width: 100%;
    height: 100%;
    border-radius: 30px;
    box-shadow: 0px 10px 10px rgba(12, 5, 13, 0.07);
    overflow: hidden;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
}

.story-card::after {
    position: absolute;
    content: "";
    width: 100%;
    height: calc(100% - 5px);
    top: 0;
    left: 0;
    z-index: -1;
    background-color: var(--whitecolor);
    border-radius: 30px;
}

.story-card figure {
    margin: 0;
    overflow: hidden;
    position: relative;
    padding-top: 87%;
    z-index: 1;
    flex: 0 0 auto;
}

.story-card figure img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.prjct-crd-btm-shpe {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: -2;
    pointer-events: none;
}

.prjct-crd-btm-shpe img {
    width: 100%;
}

.project-content-wrppr {
    padding: 0 25px 25px;
    margin-top: -16px;
    position: relative;
    z-index: 2;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    flex-grow: 1;
}

.project-time {
    display: inline-flex;
    align-items: center;
    background-color: #fef8a8;
    color: var(--theme-black);
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
    padding: 8px 17px;
    border-radius: 50px;
    position: relative;
    z-index: 1;
    margin-bottom: 18px;
}

.story-card h3 {
    font-size: 22px;
    line-height: 1.3;
    text-align: center;
    margin-bottom: 13px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.story-card a {
    display: inline-flex;
    align-items: center;
    margin-top: auto;
    color: #469479;
    line-height: 1.2;
}

.story-card a i {
    margin-left: 10px;
    margin-top: 4px;
    transition: .3s all;
}

.story-card a:hover {
    color: var(--theme-black);
}

.story-card a:hover i {
    margin-left: 20px;
    filter: brightness(0);
}

/* Mission CTA */
.mission-sec {
    position: relative;
    overflow: hidden;
    z-index: 1;
    background-color: #71c83e;
}

.child-gift-img-wrppr {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.13;
    pointer-events: none;
}

.child-gift-img-wrppr img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mission-shpe {
    position: absolute;
    top: -11%;
    z-index: 1;
}

.mission-shpe.left {
    left: 0;
}

.mission-shpe.right {
    right: 0;
    top: -12%;
}

.mission-main {
    position: relative;
    z-index: 3;
}

.mission-content {
    max-width: 820px;
    margin: 0 auto;
    text-align: center;
}

.mission-content .section-label {
    color: var(--whitecolor);
    margin-bottom: 35px;
    text-underline-offset: 7px;
}

.mission-content h2 {
    color: var(--whitecolor);
    font-size: 40px;
    line-height: 1.3;
    font-weight: 500;
    margin-bottom: 65px;
}

.event-head {
    margin-bottom: 60px;
}

.story-card.event-card .project-content-wrppr {
    align-items: flex-start;
    margin: 0;
    text-align: left;
    padding-top: 25px;
}

.story-card.event-card .project-content-wrppr h3 {
    text-align: left;
}

.event-btn-wrppr {
    text-align: center;
    padding-top: 110px;
}

.prject-sec-bg.event {
    top: auto;
    bottom: 0;
    height: 60%;
    background-color: #f3f3f3;
}

/* Gallery */
.gallery-sec {
    padding-bottom: 65px;
}

.gallery-innr {
    width: 100%;
    max-width: 1920px;
    padding: 0 20px;
    margin: 0 auto;
}

.gallery-head {
    margin-bottom: 65px;
}

.gallery-rw {
    --bs-gutter-x: 10px;
    --bs-gutter-y: 10px;
}

.gallery-col {
    width: 20%;
}

.gallery-share-wrppr {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-top: 100%;
}

.gallery-share-wrppr>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.gallery-share {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: rgba(66, 124, 43, 0.8);
    transition: .3s all;
    z-index: 1;
}

.gallery-share-wrppr:hover .gallery-share {
    top: 0;
}

/* Newsletter and Footer */
.footer {
    position: relative;
    background-color: var(--blackcolor);
    padding-top: 100px;
    z-index: 1;
    overflow: hidden;
}

.footer-top-shpe {
    position: absolute;
    width: 100%;
    top: -1px;
    left: 0;
    pointer-events: none;
    z-index: 3;
}

.footer-top-shpe img,
.footer-left-shpe img,
.footer-right-shpe img {
    width: 100%;
}

.footer-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0.8;
    pointer-events: none;
}

.footer-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.footer-left-shpe {
    position: absolute;
    width: 34%;
    bottom: 0;
    left: 0;
    z-index: 2;
    pointer-events: none;
}

.footer-right-shpe {
    position: absolute;
    width: 32%;
    top: 0;
    right: 0;
    z-index: 2;
    pointer-events: none;
}

.footer-innr {
    position: relative;
    z-index: 4;
}

.newsletter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 50px;
    border-bottom: 2px solid rgba(152, 150, 151, 0.2);
    padding-bottom: 70px;
    margin-bottom: 35px;
}

.newsletter-content {
    padding-left: 15px;
    border-left: 4px solid var(--whitecolor);
}

.newsletter-content p {
    line-height: 1;
    color: #989697;
}

.newsletter-content .newsletter-heading {
    color: var(--whitecolor);
    font-size: 38px;
    line-height: 1;
    margin-bottom: 10px;
    font-weight: 600;
}

.newsletter-form-wrppr {
    flex: 0 1 650px;
    display: flex;
    align-items: center;
}

.newsletter-form-wrppr form {
    width: 100%;
    position: relative;
}

.newsletter-form-wrppr form input[type="email"] {
    height: 81px;
    width: 100%;
    border: 1px solid var(--whitecolor);
    background: var(--whitecolor);
    border-radius: 100px;
    color: var(--theme-black);
    font-size: 16px;
    padding: 0 220px 0 40px;
    transition: .3s all;
}

.newsletter-form-wrppr form input[type="email"]::placeholder {
    color: #888796;
}

.newsletter-form-wrppr form input[type="email"]:focus,
.newsletter-form-wrppr form input[type="email"]:focus-visible {
    border-color: var(--theme-yellow);
}

.newsletter-form-wrppr form input[type="submit"] {
    min-width: 203px;
    height: 81px;
    text-align: center;
    padding: 0 35px 0 0;
    border: 0;
    border-radius: 100px;
    font-size: 18px;
    background-color: #ffe132;
    background-image: url(images/black-msg.svg);
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: 75% 44%;
    color: var(--theme-black);
    font-family: var(--amita-font);
    font-weight: 600;
    position: absolute;
    top: 0;
    right: 0;
}

.newsletter-form-wrppr form input[type="submit"]:hover {
    background-color: var(--theme-green);
}

.footer-main {
    padding-bottom: 45px;
}

.fttr-logo-col {
    width: 50%;
}

.footer-about {
    max-width: 525px;
    width: 100%;
}

.footer-about .cmn-btn {
    min-width: 195px;
}

.footer-logo {
    width: 125px;
    margin-bottom: 30px;
    filter: brightness(0) invert(1);
}

.footer-logo img {
    width: 100%;
}

.footer-about p {
    color: rgba(255, 255, 255, 0.66);
    font-size: 16px;
    line-height: 1.66;
    margin-bottom: 34px;
}

.footer-social {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--whitecolor);
    font-size: 14px;
    font-weight: 600;
}

.fttr-link-col {
    width: 21%;
    padding-top: 15px;
}

.fttr-contact-col {
    width: 29%;
    padding-top: 15px;
}

.footer-head p {
    color: var(--whitecolor);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 0;
}

.footer-head {
    margin-bottom: 25px;
}

.footer-links li:not(:last-child) {
    margin-bottom: 12px;
}

.footer-links a,
.footer-contact a {
    color: #a3a2a2;
    font-weight: 500;
    line-height: 1.25;
}

.footer-links a:hover,
.footer-contact a:hover,
.footer-bottom a:hover {
    color: var(--theme-yellow);
}

.each-fttr-content {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 35px 0;
    border-bottom: 1px solid #343333;
}

.each-fttr-content:first-child {
    padding-top: 0;
}

.each-fttr-content:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.fttr-contact-icon {
    width: 51px;
    height: 51px;
    border-radius: 50%;
    background-color: #4d4c4b;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.fttr-contact-info {
    flex: 1;
    padding-left: 15px;
}

.footer-contact strong {
    display: block;
    width: 100%;
    color: var(--whitecolor);
    font-weight: 600;
    margin-bottom: 20px;
}

.fttr-contact-info p,
.footer-contact a {
    color: #a3a2a2;
    line-height: 1.5;
}

.footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px 0;
    border-top: 2px solid rgba(152, 150, 151, 0.2);
}

.nav-social.social-footer a {
    background-color: var(--whitecolor);
    border-color: var(--whitecolor);
}

.nav-social.social-footer a img {
    filter: brightness(0);
}

.nav-social.social-footer a:hover {
    background-color: var(--theme-green);
    border-color: var(--theme-green);
}

.nav-social.social-footer a:hover img {
    filter: none;
}

.footer-bottom p {
    margin: 0;
    color: #a3a2a2;
}

.footer-bottom p a {
    color: #a3a2a2;
}

.footer-bottom p a:hover {
    color: var(--theme-yellow);
}

.header-ovrlay {
    display: none;
}


/* Contact Us Inner Page START */


.primary-links a[aria-current="page"] {
    color: #0e4e0d;
}

.contact-inner-hero {
    min-height: 505px;
    position: relative;
    overflow: hidden;
    background-color: #0b0d0e;
}

.contact-inner-hero figure {
    position: absolute;
    inset: 0;
    margin: 0;
}

.contact-inner-hero figure::after {
    position: absolute;
    content: "";
    inset: 0;
    background: rgba(0, 0, 0, 0.68);
}

.contact-inner-hero figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 50%;
}

.contact-hero-shape {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -1px;
    z-index: 3;
    pointer-events: none;
    transform: rotate(180deg);
}

.contact-hero-shape img {
    width: 100%;
}

.contact-hero-content {
    position: relative;
    z-index: 2;
    min-height: 505px;
    display: flex;
    align-items: center;
    text-align: center;
    padding: 82px 0 58px;
}

.contact-hero-content h1 {
    color: var(--whitecolor);
    font-size: 68px;
    line-height: 1;
    letter-spacing: 0;
    margin-bottom: 22px;
}

.contact-hero-content h1 span {
    font-weight: 300;
}

.contact-breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    color: var(--theme-yellow);
    font-family: var(--amita-font);
    font-size: 18px;
    line-height: 1.2;
    font-weight: 600;
}

.contact-breadcrumb a,
.contact-breadcrumb span {
    color: var(--theme-yellow);
}

.contact-breadcrumb a:hover {
    color: var(--whitecolor);
}

.contact-info-section {
    padding: 171px 0 88px;
    background: #f7f7f7;
}

.contact-info-main {
    max-width: 1400px;
    margin: 0 auto;
}

.contact-info-icon {
    width: 75px;
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 36px;
}

.contact-form-section {
    padding: 88px 0 148px;
    background: linear-gradient(to bottom, #f7f7f7 0, #f7f7f7 32%, #ffffff 32%, #ffffff 100%);
}

.contact-form-panel {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    padding: 83px 45px 112px;
    border-radius: 5px;
    background-color: var(--whitecolor);
    box-shadow: 0px 10px 10px rgba(12, 5, 13, 0.07);
    overflow: hidden;
}

.frm-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    pointer-events: none;
}

.frm-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.contact-form-content {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}

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

.contact-form-content>p {
    max-width: 750px;
    margin: 0 auto 35px;
}

.contact-form-content h3 {
    display: inline-block;
    font-family: var(--amita-font);
    color: var(--theme-black);
    border-bottom: 1px solid var(--theme-black);
    margin-bottom: 40px;
    font-size: 30px;
    letter-spacing: 0px;
    line-height: 1;
}

.contact-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 23px;
}

.form-field.full {
    grid-column: 1 / -1;
}

.contact-form input,
.contact-form textarea {
    width: 100%;
    border: 1px solid #cbcbcb;
    border-radius: 100px;
    background-color: var(--whitecolor);
    color: var(--theme-black);
    font-size: 18px;
    line-height: 1.2;
    outline: none;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.contact-form input {
    height: 59px;
    padding: 0 31px;
}

.contact-form textarea {
    min-height: 171px;
    resize: vertical;
    border-radius: 24px;
    padding: 25px 31px;
}

.contact-form input::placeholder,
.contact-form textarea::placeholder {
    color: var(--theme-black);
    opacity: 0.7;
}

.contact-form input:focus,
.contact-form textarea:focus {
    border-color: var(--theme-green);
    box-shadow: 0 0 0 3px rgba(79, 143, 47, 0.14);
}

.contact-form input[type="submit"] {
    grid-column: 1 / -1;
    justify-self: center;
    max-width: 337px;
    width: 100%;
    height: 67px;
    border: 0;
    border-radius: 100px;
    background: var(--theme-green);
    color: var(--whitecolor);
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    line-height: 1;
    margin-top: 32px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.contact-form input[type="submit"]:hover {
    background: var(--theme-yellow);
    color: var(--theme-black);
}

/* Contact Us Inner Page END */

/* Our Gallery Inner Page START */

.our-gallery-page .inner-gallery-section {
    background: #f7f7f7;
}

.our-gallery-page .inner-gallery-section .container {
    max-width: 1402px;
}

.our-gallery-page .inner-gallery-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 27px 29px;
}

.our-gallery-page .inner-gallery-item {
    display: block;
    width: 100%;
    aspect-ratio: 1.25 / 1;
    border-radius: 14px;
    overflow: hidden;
    background: #e6e6e6;
}

.our-gallery-page .inner-gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.35s ease;
}

.our-gallery-page .inner-gallery-item:hover img {
    transform: scale(1.04);
}

/* Our Gallery Inner Page END */

/* Our Activities Inner Page START */

.activities-page-main {
    background-color: var(--whitecolor);
}

.activities-section {
    padding: 100px 0 110px;
    background-color: var(--whitecolor);
}

.activities-section .container {
    max-width: 1400px;
}

.activity-list {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.activity-card {
    width: 100%;
    display: flex;
    border-radius: 30px;
    padding: 18px 25px 23px 18px;
    position: relative;
    z-index: 1;
    box-shadow: 0px 0px 30px rgba(12, 5, 13, 0.1);
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.activity-card:hover {
    transform: translateY(-3px);
}

.activity-card::after {
    position: absolute;
    content: "";
    width: 100%;
    height: calc(100% - 5px);
    top: 0;
    left: 0;
    z-index: -1;
    background-color: var(--whitecolor);
    border-radius: 30px;
}

.activity-card .prjct-crd-btm-shpe {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: -2;
    pointer-events: none;
}

.activity-card .prjct-crd-btm-shpe img {
    width: 100%;
    display: block;
}

.activity-card-media {
    flex: 0 0 370px;
    max-width: 370px;
    height: 397px;
    margin: 0;
    border-radius: 14px;
    overflow: hidden;
    background-color: #f2f2f2;
}

.activity-card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.activity-card:hover .activity-card-media img {
    transform: scale(1.04);
}

.activity-card-content {
    flex: 1;
    padding-left: 32px;
    flex-direction: column;
    display: flex;
    align-items: flex-start;
    padding: 30px 0px 20px 35px;
}

.activity-date {
    display: inline-block;
    background-color: var(--theme-green);
    color: var(--whitecolor);
    font-size: 13px;
    font-weight: 500;
    padding: 4px 16px;
    border-radius: 100px;
    margin-bottom: 14px;
    line-height: 1.4;
}

.activity-title {
    font-size: 25px;
    line-height: 1.35;
    font-weight: 600;
    color: var(--theme-black);
    margin-bottom: 12px;
    letter-spacing: -0.3px;
	width:90%;
}

.activity-divider {
    display: block;
    width: 32px;
    height: 2.5px;
    background-color: var(--theme-green);
    border-radius: 2px;
    margin-bottom: 14px;
}

.activity-card-content p {
    font-size: 18px;
    line-height: 1.65;
    color: #555555;
    margin-bottom: 20px;
}

.activity-card .cmn-btn {
    padding: 13px 32px;
    min-width: 180px;
    font-weight: 600;
    margin-top: auto;
}

/* Pagination */
.activity-pagination {
    margin-top: 55px;
    display: flex;
    justify-content: center;
}

.pagination-list {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.pagination-list .page-link {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 45px;
    height: 45px;
    padding: 10px;
    border-radius: 5px;
    background-color: #ffffff;
    border: 1px solid #dcdfdc;
    color: #444444;
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    transition: all 0.3s ease;
}

.pagination-list .page-link:hover {
    background-color: var(--theme-green);
    border-color: var(--theme-green);
    color: var(--whitecolor);
}

.pagination-list .page-link.active {
    background-color: var(--theme-green);
    border-color: var(--theme-green);
    color: var(--whitecolor);
    cursor: default;
}

.pagination-list .page-link.next,
.pagination-list .page-link.prev {
    font-weight: 600;
}

.pagination-list .page-link.dots {
    border: none;
    background: transparent;
    cursor: default;
    color: #888888;
}

.pagination-list .page-link.dots:hover {
    background: transparent;
    border-color: transparent;
    color: #888888;
}

/* Our Activities Inner Page END */

/* About Us Inner Page START */

.double-line {
    display: inline-block;
    border-bottom: 3px double var(--theme-green);
    padding-bottom: 4px;
    line-height: 1.2;
}

.about-page-main {
    background-color: var(--whitecolor);
}

/* Section 1: Legacy */
.abt-legacy-sec {
    padding: 85px 0 95px;
    background-color: var(--whitecolor);
    overflow: hidden;
}

.abt-legacy-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-left: max(15px, calc((100vw - 1400px) / 2));
    padding-right: 0;
    gap: 40px;
}

.abt-legacy-content {
    flex: 0 0 700px;
    max-width: 700px;
    padding-right: 15px;
}

.abt-legacy-content h2 {
    line-height: 1.25;
    margin-bottom: 24px;
    color: #1a1a1a;
    font-weight: 400;
}

.abt-legacy-content h2 strong {
    font-weight: 600;
    color: #000000;
}

.abt-legacy-content p {
    line-height: 1.7;
    color: #555;
    margin-bottom: 18px;
	text-align:justify;
}

.pillar-text {
    opacity: .7;
}

.abt-legacy-content .cmn-btn {
    margin-top: 15px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.abt-legacy-media {
    flex: 1;
    display: flex;
    justify-content: flex-end;
}

.abt-legacy-figure {
    margin: 0;
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.abt-legacy-figure img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
    margin-left: auto;
}

/* Section 2: Story & Core Values */
.abt-story-sec {
    position: relative;
    padding: 80px 0;
    color: var(--whitecolor);
    overflow: visible;
    background-color: var(--whitecolor);
}

.abt-story-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 560px;
    z-index: 1;
    pointer-events: none;
    overflow: hidden;
}

.abt-story-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    display: block;
}

.abt-story-shape {
    display: none;
}

.abt-story-sec .container {
    position: relative;
    z-index: 2;
	max-width:1400px;
}

.abt-story-content {
    margin: 0 auto 50px;
    text-align: center;
    position: relative;
    z-index: 2;
}

.abt-story-title {
    text-align: center;
    margin-bottom: 26px;
    line-height: 1.3;
    display: inline-flex;
    flex-wrap: wrap;
	font-family:var(--amita-font);
}

.abt-story-title .title-white {
	font-family:var(--amita-font);
    font-size: 30px;
    font-weight: 600;
    color: #ffffff;
    border-bottom: 2px solid #ffffff;
    padding-bottom: 4px;
    /* display: inline-block; */
}

.abt-story-title .title-yellow {
    font-family: var(--amita-font);
    font-size: 30px;
    font-weight: 600;
    color: #fed435;
    border-bottom: 2px solid #fed435;
    padding-bottom: 4px;
    /* display: inline; */
    /* margin-left: 6px; */
}

.abt-story-content p {
    line-height: 1.75;
    color: rgba(255, 255, 255, 0.95);
    margin-bottom: 18px;
}

.abt-story-content p strong {
    color: var(--whitecolor);
    font-weight: 600;
}

.abt-story-content p em {
    font-style: italic;
}

.abt-story-content .abt-story-lead {
    color: rgba(255, 255, 255, 0.95);
    margin-top: 24px;
    margin-bottom: 0;
}

/* Pillars Card */
.abt-pillars-card {
    background-color: #faf9f7;
    border-radius: 0px 0px 20px 20px;
    padding: 48px 35px 50px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
    position: relative;
    z-index: 10;
    border: 1px solid #ededed;
    margin: 40px auto -150px;
}

.pillars-card-title {
    text-align: center;
    margin-bottom: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.pillars-card-title .title-dark {
    font-family: var(--amita-font);
    font-size: 30px;
    font-weight: 600;
    color: #1a1a1a;
    border-bottom: 2px solid #1a1a1a;
    padding-bottom: 4px;
    display: inline-block;
	padding-right:5px;
}

.pillars-card-title .title-green {
    font-family: var(--amita-font);
    font-size: 30px;
    font-weight: 600;
    color: #388228;
    border-bottom: 2px solid #388228;
    padding-bottom: 4px;
    display: inline-block;
}

.pillars-container {
    position: relative;
}

.pillars-connect-line {
    position: absolute;
    top: 52px;
    left: 0;
    width: 100%;
    height: 35px;
    z-index: 0;
    pointer-events: none;
}

.pillars-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    position: relative;
    z-index: 1;
}

.pillar-step-item {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #141212;
}

.pillar-icon-circle {
    width: 190px;
    height: 190px;
    border-radius: 50%;
    background-color: var(--whitecolor);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    border: 2px solid transparent;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}



.pillar-icon-circle img {
    width: 75px;
    height: 75px;
    object-fit: contain;
}

.pillar-ribbon {
    position: relative;
    margin-top: -16px;
    margin-bottom: 18px;
    z-index: 2;
}

.pillar-ribbon span {
    display: inline-block;
    padding: 10px 40px;
    font-size: 25px;
    font-weight: 600;
    color: var(--whitecolor);
    letter-spacing: 0.3px;
    clip-path: polygon(0% 0%, 100% 18%, 83% 100%, 19% 100%);
}

.pillar-ribbon.green span {
    background: #388228;
    box-shadow: 0 4px 10px rgba(56, 130, 40, 0.3);
    transition: all .3s ease-in-out;
}

.pillar-step-item:hover .pillar-ribbon.green span {
    background: #ffe132;
}

.pillar-step-item:hover .pillar-icon-circle {
    border-color: #ffd800;
}

.pillar-step-item h4 {
    font-size: 25px;
    font-weight: 600;
    color: var(--theme-black);
    margin: 0;
    white-space: nowrap;
    margin-bottom: 10px;
}

/* Section 3: Vision & Mission */
.abt-vision-sec {
    background-color: #fbfaf6;
    position: relative;
    padding: 145px 0 95px;
    overflow: hidden;
}

.abt-vision-sec::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 51%;
    height: 100%;
    background-color: #fdf5d3;
    z-index: 1;
    clip-path: polygon(2.5% 0%, 100% 0%, 100% 100%, 0% 100%, 2% 85%, 0.5% 70%, 1.8% 55%, 0% 40%, 2% 25%, 0.8% 10%);
}

.abt-vision-sec::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
    width: 320px;
    height: 320px;
    background: url('images/logo.svg') no-repeat center / contain;
    opacity: 0.04;
    pointer-events: none;
    z-index: 1;
}

.abt-vision-sec .container {
    position: relative;
    z-index: 2;
    max-width: 1400px;
}

.abt-vision-title {
    text-align: center;
    margin-bottom: 45px;
}

.abt-vision-title span {
    font-family: var(--amita-font);
    font-size: 32px;
    font-weight: 600;
    color: #141212;
    border-bottom: 2px solid #141212;
    padding-bottom: 4px;
    display: inline-block;
}

.abt-vision-rw {
    row-gap: 30px;
}

.abt-vision-col {
    padding: 0 25px;
}

.abt-vision-content-box h3 {
    font-size: 25px;
    font-weight: 600;
    color: var(--theme-black);
    margin-bottom: 18px;
    display: inline-block;
}

.sec-head.abt-vision-head {
    margin-bottom: 60px;
}

.abt-vision-content-box p {
    line-height: 1.75;
    color: #505050;
    margin-bottom: 16px;
}

.abt-vision-content-box p:last-child {
    margin-bottom: 0;
}

/* Section 4: Area of Service */
.abt-services-sec {
    padding: 95px 0 110px;
    background-color: var(--whitecolor);
}

.abt-services-sec .container{
	max-width:1400px;
}

.abt-service-title {
    text-align: center;
    margin-bottom: 60px;
}

.abt-service-title span {
    font-family: var(--amita-font);
    font-size: 34px;
    font-weight: 600;
    color: #141212;
    border-bottom: 2px solid #141212;
    padding-bottom: 4px;
    display: inline-block;
}

.area-services-list {
    display: flex;
    flex-direction: column;
    gap: 75px;
    margin: 0 auto;
    width: 100%;
}

.area-srv-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 50px;
}

.area-srv-row.reverse {
    flex-direction: row-reverse;
}

.area-srv-content {
    flex: 1;
    max-width: 50%;
}

.area-srv-icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 2px dotted var(--theme-green);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    padding: 12px;
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
}

.area-srv-icon img {
    max-width: 90%;
    object-fit: contain;
}

.area-srv-content h3 {
    font-size: 25px;
    line-height: 1.35;
    font-weight: 600;
    color: var(--theme-black);
    margin-bottom: 8px;
}

.heading-line {
    display: block;
    width: 38px;
    height: 3px;
    background-color: var(--theme-green);
    border-radius: 2px;
    margin-bottom: 16px;
}

.area-srv-content p {
    line-height: 1.7;
    color: #141212;
    margin: 0;
    text-align: justify;
	opacity:.7;
}

.area-srv-content p strong {
    font-weight: 600;
    color: #333333;
}

.area-srv-media {
    flex: 0 0 48%;
    max-width: 48%;
    height: 415px;
    margin: 0;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
}

.area-srv-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.area-srv-row:hover .area-srv-media img {
    transform: scale(1.04);
}

/* About Us Inner Page END */



.sec-head.text-center.abt-srv-head {
    margin-bottom: 60px;
}

.inner-gallery-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
}

.inner-gallery-grid a {
    width: calc(33.3333% - 30px);
    padding-top: 25%;
    position: relative;
    display: block;
	overflow:hidden;
    border-radius: 25px;
}

.inner-gallery-grid a img {
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	transition:all .3s ease-in-out;
}

.inner-gallery-grid a:hover img{
	transform:scale(1.05);
}

.inner-gallery-section .container {
    max-width: 1400px;
}

 .donation-section { padding: 64px 0; }
    .donation-card {
      margin: 0 auto;
      overflow: hidden;
      background: #fff;
      border: 1px solid #e5eaf1;
      border-radius: 18px;
      box-shadow: 0 8px 30px rgba(5, 37, 79, .10);
    }
    .donation-left {
      color: #fff;
      background: var(--theme-green);
    }
    .donation-left-inner {
      min-height: 100%;
      padding: 42px 28px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
    }
 .bank-logo {
    display: block;
    width: 125px;
    height: auto;
    max-width: 100%;
    object-fit: contain;
    padding: 0;
    margin-bottom: 20px;
    /* background: #fff; */
    border-radius: 10px;
    filter: brightness(0) invert(1);
}
   .donation-left h2 {
    margin: 0 0 5px;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.3;
    color: #fff;
    letter-spacing: 0.3px;
}
    .donation-intro {
      margin: 0 0 26px;
      color: #e0ebf8;
    }
    .qr-wrapper {
        width: 100%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 12px;
      background: #fff;
      border-radius: 14px;
      box-shadow: 0 5px 20px rgba(0, 0, 0, .15);
    }
   .donation-qr {
    display: block;
    width: 100%;
    /* height: 190px; */
    max-width: 100%;
    object-fit: contain;
}
    .qr-caption {
      margin: 16px 0 0;
      color: #fff;
      font-size: 16px;
      font-weight: 600;
    }
    .donation-details { padding: 48px 44px; }
    .donation-details .section-label {
    display: inline-block;
    margin-bottom: 12px;
    color: var(--theme-green);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: capitalize;
    line-height: 2;
}
    .donation-details h1 {
      margin: 0 0 14px;
      color: var(--theme-black);
      font-size: 40px;
      font-weight: 700;
      line-height: 1.25;
    }
    .details-intro {
      margin: 0 0 27px;
      color: #5c6878;
    }
    .bank-info { border-top: 1px solid #e2e8f0; }
    .bank-info .info-row {
      display: grid;
      grid-template-columns: minmax(130px, .8fr) minmax(0, 1.4fr);
      gap: 20px;
      padding: 17px 0;
      border-bottom: 1px dashed #cbd5e1;
    }
   .bank-info .info-label { color: var(--theme-black); opacity:0.7; font-weight: 600; }
    .bank-info .info-value {
      color: var(--theme-black);
      font-weight: 700;
      overflow-wrap: anywhere;
    }
    .donation-note {
      display: flex;
      align-items: flex-start;
      gap: 14px;
      margin-top: 28px;
      padding: 18px;
      background: #f2f6fb;
      border-left: 4px solid var(--theme-green);
      border-radius: 8px;
    }
     .donation-note .note-icon { color: var(--theme-green); font-size: 25px; line-height: 1.2; }
    .donation-note p { margin: 0; color: #183b66; font-size: 14px; line-height: 1.7; }
    @media (max-width: 991.98px) {
      .donation-section { padding: 42px 0; }
      .donation-left-inner { padding: 34px 24px; }
      .donation-details { padding: 36px 30px; }
      .donation-details h1 { font-size: 28px; }
    }
    @media (max-width: 575.98px) {
      .donation-section { padding: 24px 10px; }
      .donation-card { border-radius: 12px; }
      .donation-left-inner { padding: 30px 20px; }
      .bank-logo { width: 130px; height: 75px; }
      .donation-left h2 { font-size: 22px; }
      .donation-qr { width: 170px; height: 170px; }
      .donation-details { padding: 28px 20px; }
      .donation-details h1 { font-size: 25px; }
     .donation-details .info-row { grid-template-columns: 1fr; gap: 6px; padding: 14px 0; }
      .donation-details .info-label { font-size: 13px; }
      .donation-details .info-value { font-size: 15px; }
      .donation-note { padding: 15px; }
    }
p:empty{
    display: none;
}
.info-row br {
    display: none;
}
.page-id-43 .container > h1{
    display: none;
}
.page-id-43 .entry-content > h1 {
    margin-top: 70px;
    text-align: center;
    margin-bottom: 10px;
}
.page-id-43 .entry-content > p {
    text-align: center;
    margin-bottom: 30px;
}
.donation-details h1 {
    text-align: left;
}

.page-id-43 h1 span{
    font-weight: 400;
}
/* Responsive CSS */

@media (min-width:1200px) {
    .container {
        width: 100%;
        max-width: 1198px;
        padding-left: 12px;
        padding-right: 12px;
        margin: 0 auto;
    }
}

@media (min-width:1600px) {
    .container.large {
        max-width: 1594px;
    }
}


@media (max-width: 1799px) {
    .top-header::after {
        width: 20px;
    }

    .top-header-innr {
        min-height: inherit;
    }

    .logo-wrppr {
        max-width: 190px;
        padding-left: 30px;
    }

    .site-logo {
        width: 78px;
    }

    .top-othr-parts {
        gap: 24px;
    }

    .top-middle-contents-all {
        gap: 22px;
    }

    .each-middle-contents>i {
        width: 44px;
        height: 44px;
    }

    .each-middle-contents>i img {
        width: 21px;
    }

    .top-contnt-innr span {
        font-size: 13px;
    }

    .top-contnt-innr p,
    .top-contnt-innr a {
        font-size: 15px;
    }

    .hdr-donate-btn-innr {
        padding: 14px 22px;
    }

    .hdr-donate-btn-innr p {
        font-size: 15px;
    }

    .hdr-donate-btn {
        font-size: 13px;
    }

    .nav-shell {
        bottom: -32px;
    }

    .site-nav {
        min-height: 62px;
        max-width: 1174px;
    }

    .primary-links a {
        font-size: 13px;
    }

    .nav-social {
        font-size: 13px;
    }

    .bnnr-each-itm,
    .bnnr-content-outtr {
        min-height: 690px;
    }

    .bnnr-content-innr h1 {
        font-size: 58px;
    }
}

@media (max-width: 1599px) {

    .contact-inner-hero,
    .contact-hero-content {
        min-height: 440px;
    }

    .contact-hero-content h1 {
        font-size: 54px;
    }

    .contact-info-section .container,
    .contact-form-section .container {
        max-width: 1128px;
    }

    .contact-info-section {
        padding-top: 135px;
    }

    .contact-info-card {
        min-height: 255px;
        padding-top: 48px;
    }

    .contact-form-panel {
        padding-top: 66px;
    }

    /* Our Gallery Inner Page START */

    .our-gallery-page .inner-hero,
    .our-gallery-page .inner-hero-content {
        min-height: 440px;
    }

    .our-gallery-page .inner-hero h1 {
        font-size: 54px;
    }

    .our-gallery-page .inner-gallery-section .container {
        max-width: 1128px;
    }


    /* Our Gallery Inner Page END */

    /* Our Activities Inner Page START */
    .activities-section {
        padding: 85px 0 95px;
    }

    /* Our Activities Inner Page END */

    /* About Us Inner Page START */

    .abt-legacy-wrapper {
        padding-left: max(15px, calc((100vw - 1104px) / 2));
    }

    /* About Us Inner Page END */
}


@media (max-width: 1499px) {
    .service-card h3 {
        font-size: 24px;
    }

    .bttm-shpe {
        width: 100px;
        top: 60%;
    }

    .bg-shpe {
        width: 220px;
        top: -6%;
    }
}

@media (max-width: 1399px) {
    .hdr-donate-btn-innr p {
        display: none;
    }

    .bnnr-slider-arrw-wrppr {
        left: auto;
        top: auto;
        transform: inherit;
        width: auto;
        bottom: 50px;
        right: 40px;
    }

    .cmn-bnnr-arrw.prev {
        margin-right: 20px;
    }

    .prject-btn-wrppr {
        margin-top: 65px;
    }

    .mission-content h2 {
        margin-bottom: 45px;
    }

    .event-btn-wrppr {
        padding-top: 60px;
    }

}

@media (max-width: 1199px) {

    h1,
    .h1-title {
        font-size: 54px;
    }

    h2,
    .h2-title {
        font-size: 42px;
    }

    .top-header-innr {
        align-items: stretch;
    }

    .logo-wrppr {
        max-width: 160px;
    }

    .top-othr-parts {
        align-content: center;
        flex-wrap: wrap;
        padding: 14px 0 14px 14px;
    }

    .top-middle-contents-all {
        width: 100%;
        justify-content: flex-end;
        gap: 18px;
    }

    .site-nav {
        max-width: 920px;
    }

    .bnnr-each-itm,
    .bnnr-content-outtr {
        min-height: 550px;
    }

    .bnnr-content-innr h1 {
        font-size: 48px;
    }

    .service-list,
    .story-list {
        flex-wrap: wrap;
    }

    .service-card,
    .story-card {
        flex: 1 1 calc(50% - 15px);
    }

    .donation-layout {
        gap: 42px;
    }

    .donation-photo {
        flex-basis: 48%;
    }

    .donation-features {
        flex-direction: column;
        gap: 18px;
    }

    .mission-content h2 {
        font-size: 32px;
    }

    .hdr-donate-btn-innr {
        display: none;
    }

    .donation-layout-rw {
        --bs-gutter-x: 30px;
        align-items: stretch;
    }

    .bnnr-subtitle {
        font-size: 18px;
    }

    .section-label {
        font-size: 18px;
    }

    .donation-features img {
    width: 60px;
    height: 60px;
    object-fit: contain;
}

    .donation-features h3 {
        padding-left: 15px;
        font-size: 20px;
    }

    .donation-features-wrppr {
        padding-bottom: 15px;
    }

    .donation-photo {
        margin-left: calc(((100vw - 930px) / 2) * -1);
        height: 100%;
    }

    .donation-photo img {
        height: 100%;
        object-fit: cover;
    }

    .abut-donate-shpe {
        right: -18%;
    }

    .cmn-gap {
        padding: 80px 0;
    }

    .mission-shpe {
        width: 300px;
    }

    .fttr-logo-col {
        width: 43%;
    }

    .fttr-contact-col {
        width: 36%;
    }

    /* Contact Us Inner Page START */

    .contact-info-grid {
        gap: 24px;
    }

    .contact-info-card h2 {
        font-size: 26px;
    }

    /* Contact Us Inner Page END */

    /* Our Activities Inner Page START */
    .activities-section {
        padding: 70px 0 80px;
    }

    .activity-card-media {
        flex: 0 0 270px;
        max-width: 270px;
        height: 210px;
    }

    .activity-card-content {
        padding-left: 24px;
    }

    .activity-title {
        font-size: 18px;
    }

    .activity-card-content p {
        font-size: 14px;
        margin-bottom: 16px;
    }

    .activity-card .cmn-btn {
        padding: 12px 28px;
        min-width: 170px;
    }

    /* Our Activities Inner Page END */

    /* About Us Inner Page START */
    .abt-legacy-wrapper {
        padding-left: max(15px, calc((100vw - 936px) / 2));
    }

    .abt-legacy-content {
        flex: 0 0 460px;
        max-width: 460px;
    }

    .abt-legacy-content h2 {
        font-size: 38px;
    }

    .abt-story-title .title-white {
        font-size: 28px;
    }

    .abt-story-title .title-yellow {
        font-size: 34px;
    }

    .abt-pillars-card {
        padding: 40px 25px 45px;
    }

    .pillar-icon-circle {
        width: 92px;
        height: 92px;
    }

    .pillar-icon-circle img {
        width: 44px;
        height: 44px;
    }

    .pillars-grid {
        gap: 16px;
    }

    .pillar-step-item h4 {
        font-size: 15px;
    }

    .area-srv-content {
        max-width: 460px;
    }

    .area-srv-media {
        flex: 0 0 430px;
        max-width: 430px;
        height: 280px;
    }

    .area-srv-row {
        gap: 40px;
    }

    /* About Us Inner Page END */
}

@media (max-width: 991px) {
    body {
        font-size: 16px;
    }

    h2,
    .h2-title {
        font-size: 32px;
    }

    .scroll-hidden {
        overflow: hidden !important;
    }

    .top-header-innr {
        min-height: auto;
        display: block;
        padding: 0;
    }

    .logo-wrppr {
        max-width: 148px;
        min-height: 82px;
        margin: 0 auto;
        clip-path: none;
        justify-content: center;
        padding: 8px 15px;
        background: transparent;
    }

    .logo-wrppr::before {
        clip-path: none;
        background: transparent;
    }

    .site-logo {
        width: 74px;
    }

    .top-othr-parts {
        display: block;
        padding: 14px 0;
    }

    .top-middle-contents-all {
        justify-content: center;
        gap: 10px 18px;
    }

    .each-middle-contents,
    .each-middle-contents:first-child {
        width: auto;
        justify-content: flex-start;
    }

    .nav-shell {
        top: 100%;
        bottom: auto;
    }

    .site-nav {
        width: 100%;
        min-height: inherit;
        border-radius: 0 0 6px 6px;
        justify-content: flex-end;
        padding: 5px 15px;
        align-items: center;
    }

    .nav-toggle {
        display: inline-flex;
    }

    .nav-panel {
        position: fixed;
        top: 0;
        right: 0;
        width: 100%;
        max-width: 320px;
        height: 100vh;
        padding: 88px 24px 28px;
        background-color: var(--theme-green);
        box-shadow: -18px 0 40px rgba(0, 0, 0, 0.24);
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        z-index: 30;
        transform: translateX(100%);
        transition: .3s all;
        overflow-y: auto;
    }

    .nav-panel.menu-open {
        transform: translateX(0%);
    }

    .header-ovrlay {
        background-color: rgba(0, 0, 0, 0.24);
        opacity: 0;
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
        pointer-events: none;
        width: 100%;
        height: 100dvh;
        transition: all .3s ease-in-out;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }

    .header-ovrlay.menu-open {
        opacity: 1;
        pointer-events: auto;
    }

    .nav-toggle[data-btnclose] {
        position: absolute;
        top: 15px;
        right: 15px;
    }

    .nav-toggle[data-btnclose] .nav-toggle-line:first-child {
        transform: rotate(45deg) translate(2px, 2px);
    }

    .nav-toggle[data-btnclose] .nav-toggle-line:last-child {
        transform: rotate(-45deg) translate(3px, -3px);
    }

    .primary-links {
        display: block;
    }

    .primary-links li {
        display: block;
        border-bottom: 1px solid rgba(255, 255, 255, 0.18);
        padding: 0;
    }

    .primary-links a {
        display: block;
        padding: 18px 4px;
        font-size: 18px;
    }

    .nav-social {
        padding: 28px 0 0;
        justify-content: flex-start;
        font-size: 16px;
    }

    .bnnr-each-itm,
    .bnnr-content-outtr {
        min-height: inherit;
    }

    .bnnr-content-outtr {
        padding-top: 80px;
        padding-bottom: 60px;
    }

    .bnnr-content-innr {
        max-width: 540px;
    }

    .bnnr-content-innr h1 {
        font-size: 44px;
        margin-bottom: 38px;
    }

    .bnnr-subtitle {
        font-size: 18px;
    }

    .bnnr-sec::before {
        width: 240px;
        height: 100px;
    }

    .bnnr-slider-arrw-wrppr {
        display: none;
    }

    .service-sec {
        padding-top: 60px;
    }

    .service-card>img {
        width: 60px;
        height: 60px;
    }

    .donation-layout {
        flex-direction: column;
        align-items: stretch;
    }

    .donation-photo {
        flex-basis: auto;
    }

    .donation-content {
        max-width: 680px;
    }

    .gallery-list {
        flex-wrap: wrap;
    }

    .gallery-list figure {
        flex: 1 1 calc(50% - 3px);
        height: 245px;
    }

    .newsletter {
        align-items: flex-start;
        flex-direction: column;
        gap: 28px;
    }

    .newsletter-form-wrppr {
        width: 100%;
        flex-basis: auto;
    }

    .fttr-logo-col {
        width: 60%;
    }

    .fttr-contact-col {
        width: 100%;
        padding-top: 30px;
    }

    .fttr-link-col {
        width: 40%;
        padding-top: 0;
    }

    .logo-wrppr {
        display: none;
    }

    .logo-wrppr.mobile {
        display: flex;
        filter: brightness(0) invert(1);
        max-width: 60px;
        min-height: inherit;
        padding: 0;
        margin: 0;
    }

    .cmn-btn {
        padding: 15px 35px;
        min-width: 200px;
    }

    .bttm-shpe {
        width: 70px;
        top: 67%;
    }

    .service-card h3 {
        font-size: 20px;
    }

    .cmn-gap {
        padding: 60px 0;
    }

    .donation-img-col,
    .donation-content-col {
        width: 100%;
    }

    .donation-photo {
        margin-left: 0;
        width: 100%;
        height: auto;
        margin-bottom: 25px;
    }

    .abut-donate-shpe {
        right: -18%;
    }

    .project-rw {
        --bs-gutter-y: 30px;
    }

    .prject-btn-wrppr {
        margin-top: 40px;
    }

    .mission-shpe {
        width: 220px;
        top: -11%;
    }

    .mission-content h2 {
        font-size: 26px;
    }

    .event-head {
        margin-bottom: 40px;
    }

    .gallery-head {
        margin-bottom: 35px;
    }

    .gallery-sec {
        padding-bottom: 40px;
    }

    .footer {
        padding-top: 50px;
    }

    .newsletter-form-wrppr form input[type="email"],
    .newsletter-form-wrppr form input[type="submit"] {
        height: 55px;
    }

    .newsletter {
        padding-bottom: 40px;
    }

    .event-btn-wrppr {
        padding-top: 35px;
    }

    .gallery-col {
        padding: 0 5px;
    }

    .gallery-rw {
        margin: 0 -5px;
    }

    .newsletter-content .newsletter-heading {
        font-size: 28px;
    }

    .footer-about {
        max-width: 100%;
    }

    .fttr-contact-innr {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -20px;
    }

    .each-fttr-content {
        width: 50%;
        padding: 0 20px;
    }

    .each-fttr-content:first-child {
        padding-top: 0;
        border-right: 1px solid #343333;
        border-bottom: none;
    }

    .footer-bottom {
        flex-direction: column;
        gap: 10px;
        padding: 15px 0
    }

    .footer-bottom .nav-social {
        padding: 0;
    }

    .top-header::after {
        display: none;
    }

    /* Contact Us Inner Page START */

    .contact-inner-hero,
    .contact-hero-content {
        min-height: 390px;
    }

    .contact-hero-content {
        padding-top: 96px;
    }

    .contact-hero-content h1 {
        font-size: 46px;
    }

    .contact-info-section {
        padding: 92px 0 54px;
    }

    .contact-info-grid {
        grid-template-columns: 1fr;
    }

    .contact-info-card {
        min-height: auto;
        padding: 42px 22px 34px;
    }

    .contact-form-section {
        padding: 54px 0 102px;
    }

    .contact-form-panel {
        padding: 58px 28px 62px;
    }

    /* Contact Us Inner Page END */


    /* Our Gallery Inner Page START */

    .our-gallery-page .inner-hero,
    .our-gallery-page .inner-hero-content {
        min-height: 390px;
    }

    .our-gallery-page .inner-hero-content {
        padding-top: 96px;
    }

    .our-gallery-page .inner-hero h1 {
        font-size: 46px;
    }

    .our-gallery-page .inner-gallery-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 22px;
    }

    /* Our Gallery Inner Page END */

    /* Our Activities Inner Page START */
    .activities-section {
        padding: 60px 0 70px;
    }

    .activity-list {
        gap: 24px;
    }

    .activity-card {
        padding: 16px 20px 21px 16px;
        border-radius: 24px;
    }

    .activity-card::after {
        border-radius: 24px;
    }

    .activity-card-media {
        flex: 0 0 240px;
        max-width: 240px;
        height: 190px;
    }

    .activity-card-content {
        padding-left: 20px;
    }

    .activity-title {
        font-size: 17px;
    }

    .activity-card .cmn-btn {
        padding: 12px 28px;
        min-width: 170px;
    }

    .activity-pagination {
        margin-top: 40px;
    }

    /* Our Activities Inner Page END */

    /* About Us Inner Page START */
    .abt-legacy-wrapper {
        flex-direction: column;
        padding-left: 15px;
        padding-right: 15px;
        gap: 40px;
    }

    .abt-legacy-content {
        flex: none;
        max-width: 100%;
        padding-right: 0;
        text-align: left;
    }

    .abt-legacy-media {
        width: 100%;
        justify-content: center;
    }

    .abt-legacy-figure {
        max-width: 100%;
        justify-content: center;
    }

    .abt-legacy-figure img {
        margin: 0 auto;
        max-width: 100%;
    }

    .abt-legacy-content h2 {
        font-size: 34px;
    }

    .abt-story-bg {
        height: 590px;
    }

    .pillars-connect-line {
        display: none;
    }

    .pillars-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 32px 20px;
    }

    .abt-pillars-card {
        margin: 35px auto 0;
    }

    .abt-vision-sec {
        padding: 70px 0 80px;
    }

    .abt-vision-sec::before {
        width: 100%;
        height: 50%;
        top: auto;
        bottom: 0;
        clip-path: none;
    }

    .area-services-list {
        gap: 45px;
    }

    .area-srv-row,
    .area-srv-row.reverse {
        flex-direction: column;
        align-items: stretch;
        gap: 25px;
    }

    .area-srv-content {
        max-width: 100%;
    }

    .area-srv-media {
        flex: none;
        max-width: 100%;
        width: 100%;
        height: 300px;
    }
	
	.inner-gallery-grid a {
    width: calc(50% - 30px);
    padding-top: 25%;
}

.page-id-43 .entry-content > h1 {
    margin-top: 30px;
}

    /* About Us Inner Page END */
}

@media (max-width: 767px) {
    .top-middle-contents-all {
        display: block;
    }

    .each-middle-contents {
        padding: 0 20px;
        display: flex !important;
    }

    .each-middle-contents>i {
        width: 38px;
        height: 38px;
    }

    .top-contnt-innr span,
    .top-contnt-innr p,
    .top-contnt-innr a {
        white-space: normal;
    }

    .bnnr-each-itm figure img {
        object-position: 65% center;
    }

    .bnnr-each-itm::before {
        background: linear-gradient(90deg, rgba(0, 0, 0, 0.72), rgba(0, 0, 0, 0.42));
    }

    .bnnr-content-innr h1 {
        font-size: 39px;
    }

    .cmn-btn {
        min-width: 180px;
        padding: 10px 24px;
    }

    .service-card {
        padding: 20px 15px;
    }

    .service-card>img {
        width: 50px;
        height: 50px;
    }

    .donation-content p {
        margin-bottom: 20px;
    }

    .project-time {
        font-size: 14px;
        font-weight: 500;
    }

    .story-card h3 {
        font-size: 18px;
    }

    .service-list,
    .story-list {
        gap: 22px;
    }

    .section-heading {
        margin-bottom: 25px;
    }

    .donation-features {
        gap: 20px;
    }

    .check-list {
        display: block;
    }

    .check-list li {
        width: 100%;
    }

    .check-list li:not(:last-child) {
        margin-bottom: 8px;
    }

    .story-card figure {
        height: 230px;
    }

    .prject-btn-wrppr {
        margin-top: 46px;
    }

    .mission-content h2 {
        font-size: 22px;
        margin-bottom: 25px;
    }

    .mission-content .section-label {
        margin-bottom: 25px;
    }

    .gallery-list figure {
        flex-basis: 100%;
        height: 250px;
    }

    .newsletter-content .newsletter-heading {
        font-size: 24px;
    }

    .newsletter-form-wrppr {
        flex-direction: column;
        align-items: stretch;
        border-radius: 18px;
        padding: 8px;
    }

    .newsletter-form-wrppr form input[type="email"],
    .newsletter-form-wrppr form input[type="submit"] {
        border-radius: 14px;
    }

    .footer-links,
    .footer-contact {
        flex-basis: 100%;
    }

    .footer-bottom {
        align-items: flex-start;
    }

    .each-fttr-content {
        width: 100%;
        padding: 20px 0;
    }

    .each-fttr-content:first-child {
        padding-top: 0;
        border-right: none;
        border-bottom: 1px solid #343333;
    }

    .footer-contact strong {
        margin-bottom: 10px;
    }

    .fttr-contact-innr {
        margin: 0;
    }

    .fttr-logo-col,
    .fttr-link-col {
        width: 100%;
        margin-bottom: 25px;
    }

    .fttr-contact-col {
        padding-top: 0px;
    }

    .footer-logo {
        width: 80px;
        margin-bottom: 15px;
    }

    .footer-links ul {
        column-count: 2;
    }

    .footer-links li:not(:last-child) {
        margin-bottom: 6px;
    }


    /* Contact Us Inner Page START */

    .contact-inner-hero,
    .contact-hero-content {
        min-height: 330px;
    }

    .contact-hero-content {
        padding-top: 78px;
    }

    .contact-hero-content h1 {
        font-size: 38px;
        margin-bottom: 14px;
    }

    .contact-breadcrumb {
        font-size: 15px;
    }

    .contact-info-section {
        padding-top: 68px;
    }

    .contact-form-content h3 {
        font-size: 24px;
    }

    .contact-form {
        grid-template-columns: 1fr;
    }

    .contact-submit {
        min-width: 0;
        width: 100%;
    }

    .contact-form input {
        height: 45px;
        padding: 0 20px;
        font-size: 16px;
    }

    .contact-form textarea {
        min-height: 140px;
        border-radius: 15px;
        padding: 15px 20px;
        font-size: 16px;
    }

    /* Contact Us Inner Page END */


    /* Our Gallery Inner Page START */

    .our-gallery-page .inner-hero,
    .our-gallery-page .inner-hero-content {
        min-height: 330px;
    }

    .our-gallery-page .inner-hero-content {
        padding-top: 78px;
    }

    .our-gallery-page .inner-hero h1 {
        font-size: 38px;
        margin-bottom: 14px;
    }

    .our-gallery-page .breadcrumb-nav {
        font-size: 15px;
    }

    .our-gallery-page .inner-gallery-grid {
        gap: 18px;
    }

    .our-gallery-page .inner-gallery-item {
        border-radius: 10px;
    }

    /* Our Gallery Inner Page END */

    /* Our Activities Inner Page START */
    .activity-card {
        flex-direction: column;
        align-items: stretch;
        padding: 16px 16px 22px;
        border-radius: 20px;
    }

    .activity-card::after {
        border-radius: 20px;
    }

    .activity-card-media {
        flex: none;
        max-width: 100%;
        width: 100%;
        height: 220px;
        border-radius: 12px;
    }

    .activity-card-content {
        padding-left: 0;
        padding-top: 18px;
    }

    .activity-title {
        font-size: 18px;
    }

    .activity-card-content p {
        font-size: 14px;
        margin-bottom: 16px;
    }

    .activity-card .cmn-btn {
        padding: 11px 26px;
        min-width: 160px;
    }

    .activity-pagination {
        margin-top: 35px;
    }

    /* Our Activities Inner Page END */

    /* About Us Inner Page START */
    .abt-legacy-sec {
        padding: 60px 0;
    }

    .abt-legacy-content h2 {
        font-size: 28px;
    }

    .abt-story-sec {
        padding: 70px 0 80px;
    }

    .abt-story-bg {
        height: 640px;
    }

    .abt-story-title .title-white {
        font-size: 24px;
    }

    .abt-story-title .title-yellow {
        font-size: 28px;
    }

    .abt-story-content p {
        font-size: 14.5px;
    }

    .abt-pillars-card {
        padding: 30px 20px;
        border-radius: 18px;
    }

    .pillars-card-title {
        margin-bottom: 28px;
    }

    .pillars-card-title .title-dark,
    .pillars-card-title .title-green {
        font-size: 22px;
    }

    .abt-vision-sec {
        padding: 60px 0;
    }

    .abt-vision-title {
        margin-bottom: 35px;
    }

    .abt-vision-title span {
        font-size: 26px;
    }

    .abt-services-sec {
        padding: 60px 0 70px;
    }

    .abt-service-title {
        margin-bottom: 35px;
    }

    .abt-service-title span {
        font-size: 28px;
    }

    .area-srv-media {
        height: 230px;
    }
    
    .fttr-contact-info {
    flex-direction: column;
    display: flex;
}

.pillars-card-title span {
    margin: 5px;
}

.donation-features-col:first-child::after,
.donation-features-col:last-child::after{
    left: 15px;
    right: 15px;
}

.donation-features-wrppr {
    padding-top: 10px;
}

    /* About Us Inner Page END */
}

@media (max-width: 575px) {
    body {
        font-size: 14px;
    }

    .top-contnt-innr span {
        font-size: 10px;
        margin-bottom: 6px;
    }

    .top-contnt-innr p,
    .top-contnt-innr a {
        font-size: 12px;
    }

    .top-contnt-innr {
        padding-left: 10px;
    }

    .each-middle-contents {
        padding: 0 10px;
    }

    .top-othr-parts {
        padding: 10px 0;
    }

    .site-logo {
        width: 50px;
    }

    .bnnr-each-itm,
    .bnnr-content-outtr {
        min-height: 500px;
    }

    .bnnr-content-innr h1 {
        font-size: 34px;
    }

    .bnnr-subtitle,
    .section-label {
        font-size: 15px;
    }

    .bnnr-sec::before {
        width: 190px;
        height: 82px;
        bottom: 42px;
    }

    .service-card {
        padding: 28px 22px;
    }


    /* Contact Us Inner Page START */

    .contact-form-panel {
        padding: 45px 18px 50px;
    }

    .our-gallery-page .inner-gallery-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }


    /* Contact Us Inner Page END */

    /* Our Activities Inner Page START */
    .activities-section {
        padding: 45px 0 55px;
    }

    .activity-card {
        border-radius: 20px;
    }

    .activity-card::after {
        border-radius: 20px;
    }

    .activity-card-media {
        height: 190px;
    }

    .activity-title {
        font-size: 16px;
    }

    .activity-card-content p {
        font-size: 13.5px;
    }

    .activity-card .cmn-btn {
        min-width: 160px;
        padding: 10px 24px;
    }

    .pagination-list {
        gap: 6px;
    }

    .pagination-list .page-link {
        min-width: 34px;
        height: 34px;
        font-size: 13px;
        padding: 0 6px;
    }

    /* Our Activities Inner Page END */

    /* About Us Inner Page START */
    .abt-legacy-content h2 {
        font-size: 24px;
    }

    .abt-story-bg {
        height: 720px;
    }

    .pillars-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .area-srv-media {
        height: 200px;
    }

    .area-srv-content h3 {
        font-size: 20px;
    }
	
	.inner-gallery-grid a {
    width: calc(100% - 30px);
    padding-top: 45%;
}

.qr-wrapper{
    width: auto;
}

    /* About Us Inner Page END */
}

@media (max-width: 479px) {

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

    .top-contnt-innr p,
    .top-contnt-innr a {
        font-size: 14px;
    }

    .bnnr-content-innr h1 {
        font-size: 28px;
        margin-bottom: 30px;
    }

    .story-card h3 {
        font-size: 16px;
    }

    .footer-social {
        flex-wrap: wrap;
    }

    .service-sec {
        padding-top: 40px;
    }

    .service-card,
    .story-card {
        flex: 0 0 auto;
        width: 100%;
        border-radius: 20px;
    }

    .story-card::after {
        border-radius: 20px;
    }

    .service-card h3 {
        font-size: 16px;
    }

    .donation-features img {
        width: 40px;
        height: 40px;
    }

    .donation-features h3 {
        font-size: 16px;
    }

    .check-list {
        column-count: 1;
        margin-bottom: 25px;
    }

    .check-list li:not(:last-child) {
        margin-bottom: 4px;
    }

    .cmn-gap {
        padding: 40px 0;
    }

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

    .project-head {
        margin: 0 auto 25px;
    }

    .prject-btn-wrppr {
        margin-top: 25px;
    }

    .mission-shpe {
        width: 155px;
    }

    .mission-content h2 {
        font-size: 18px;
    }

    .event-head,
    .gallery-head {
        margin-bottom: 25px;
    }

    .gallery-innr {
        padding: 0 15px;
    }

    .newsletter-form-wrppr form input[type="email"],
    .newsletter-form-wrppr form input[type="submit"] {
        height: 45px;
    }

    .newsletter-form-wrppr form input[type="email"] {
        margin-bottom: 15px;
        font-size: 14px;
        padding: 0 20px;
    }

    .newsletter-form-wrppr form input[type="submit"] {
        position: static;
        font-size: 16px;
        background-position: 70% 44%;
    }

    .newsletter {
        padding-bottom: 20px;
    }

    .primary-links a {
        padding: 16px 4px;
        font-size: 16px;
    }

    .bnnr-each-itm,
    .bnnr-content-outtr {
        min-height: 400px;
    }

    .cmn-btn {
        min-width: 160px;
        padding: 10px 24px;
        font-size: 14px;
    }

    .nav-toggle {
        width: 40px;
        height: 40px;
    }

    .logo-wrppr.mobile {
        max-width: 40px;
    }

    .contact-info-icon {
        width: 45px;
        height: 45px;
        margin: 0 auto 20px;
    }

    .service-card {
        padding: 20px 15px;
    }

    .contact-form-panel {
        padding: 40px 15px;
    }

    .contact-form-content h2 {
        margin-bottom: 15px;
    }

    .contact-form-content h3 {
        font-size: 18px;
        margin-bottom: 25px;
    }

    .contact-form input,
    .contact-form textarea {
        font-size: 14px;
    }

    .contact-form input[type="submit"] {
        height: 45px;
        font-size: 14px;
        margin-top: 0;
    }

    .contact-inner-hero,
    .contact-hero-content {
        min-height: 240px;
    }

    .contact-hero-content h1 {
        font-size: 32px;
    }

    .contact-breadcrumb {
        font-size: 15px;
    }

    /* Our Activities Inner Page START */
    .activities-section {
        padding: 40px 0 50px;
    }

    .activity-card {
        padding: 14px 14px 20px;
        border-radius: 20px;
    }

    .activity-card::after {
        border-radius: 20px;
        height: calc(100% - 4px);
    }

    .activity-card-media {
        height: 175px;
    }

    .activity-title {
        font-size: 15px;
    }

    .activity-card .cmn-btn {
        width: 100%;
        min-width: 100%;
        justify-content: center;
        text-align: center;
    }

    /* Our Activities Inner Page END */

    /* About Us Inner Page START */
    .abt-story-bg {
        height: 820px;
    }

    .abt-story-title .title-white {
        font-size: 20px;
    }

    .abt-story-title .title-yellow {
        font-size: 24px;
    }

    .area-srv-content h3 {
        font-size: 18px;
    }

    .area-srv-media {
        height: 185px;
    }

    .abt-legacy-content .cmn-btn {
        width: 100%;
    }

    /* About Us Inner Page END */
}

@media (prefers-reduced-motion: reduce) {

    *,
    *::before,
    *::after {
        scroll-behavior: auto;
        transition-duration: 0.01ms;
        animation-duration: 0.01ms;
        animation-iteration-count: 1;
    }
}