:root{
    --gcf-navy:#08294a!important;
    --gcf-navy-2:#061c32!important;
    --gcf-blue:#145b88!important;
    --gcf-blue-2:#1e709f!important;
    --gcf-gold:#c99b3d!important;
    --gcf-gold-2:#e0bd68!important;
    --gcf-ivory:#f7f3ea!important;
    --gcf-paper:#fbfaf7!important;
    --gcf-white:#ffffff!important;
    --gcf-text:#243746!important;
    --gcf-muted:#687986!important;
    --gcf-line:#dfe5e8!important;
    --gcf-soft-blue:#edf4f8!important;
    --gcf-soft-gold:#f8f0df!important;
    --gcf-danger:#9a3d36!important;
    --gcf-radius:4px!important;
    --gcf-radius-lg:10px!important;
    --gcf-shadow:0 16px 45px rgba(6,28,50,.10)!important;
    --gcf-shadow-lg:0 30px 80px rgba(6,28,50,.16)!important;
    --gcf-container:1220px!important;

    --t14-green:#08294a!important;
    --t14-green-2:#145b88!important;
    --t14-green-dark:#061c32!important;
    --t14-mint:#edf4f8!important;
    --t14-cream:#f7f3ea!important;
    --t14-gold:#c99b3d!important;
    --t14-ink:#08294a!important;
    --t14-muted:#687986!important;
    --t14-line:#dfe5e8!important;
    --t14-card:#ffffff!important;
    --t14-radius:4px!important;
    --t14-shadow:0 16px 45px rgba(6,28,50,.10)!important;
    --t14-shadow-lg:0 30px 80px rgba(6,28,50,.16)!important;

    --main-color-one:#08294a!important;
    --main-color-two:#061c32!important;
    --portfolio-color:#c99b3d!important;
    --logistic-color:#145b88!important;
    --industry-color:#c99b3d!important;
    --secondary-color:#f7f3ea!important;
    --heading-color:#08294a!important;
    --paragraph-color:#52636f!important;
    --construction-color:#c99b3d!important;

    --blue:#145b88!important;
    --indigo:#334b69!important;
    --purple:#554d70!important;
    --pink:#9d5364!important;
    --red:#a8443b!important;
    --orange:#b66e38!important;
    --yellow:#c99b3d!important;
    --green:#3f785e!important;
    --teal:#347b7a!important;
    --cyan:#367c9e!important;
    --white:#fff!important;
    --gray:#687986!important;
    --gray-dark:#08294a!important;
    --primary:#08294a!important;
    --secondary:#687986!important;
    --success:#3f785e!important;
    --info:#367c9e!important;
    --warning:#c99b3d!important;
    --danger:#a8443b!important;
    --light:#fbfaf7!important;
    --dark:#061c32!important;

    --heading-font:Georgia,"Times New Roman",serif!important;
    --body-font:"Segoe UI",Roboto,Arial,sans-serif!important;
    --font-family-sans-serif:"Segoe UI",Roboto,Arial,sans-serif!important;
}
.theme14-logo{
    width:220px!important;
    min-width:220px!important;
    height:100px!important;
    display:flex!important;
    align-items:center!important;
}

.theme14-logo img{
    display:block!important;
    max-width:210px!important;
    max-height:78px!important;
    width:auto!important;
    height:auto!important;
    object-fit:contain!important;
}

.theme14-nav,
.theme14-nav-row{
    height:100px!important;
}

.theme14-menu>li>a{
    min-height:100px!important;
}

@media(max-width:1199px){
    .theme14-logo{
        width:205px!important;
        min-width:205px!important;
        height:96px!important;
    }

    .theme14-logo img{
        max-width:195px!important;
        max-height:74px!important;
    }

    .theme14-nav,
    .theme14-nav-row{
        height:96px!important;
    }

    .theme14-menu>li>a{
        min-height:96px!important;
    }
}

@media(max-width:991px){
    .theme14-nav,
    .theme14-nav-row{
        height:86px!important;
    }

    .theme14-logo{
        width:190px!important;
        min-width:190px!important;
        height:86px!important;
    }

    .theme14-logo img{
        max-width:180px!important;
        max-height:72px!important;
    }
}

@media(max-width:767px){
    .theme14-nav,
    .theme14-nav-row{
        height:82px!important;
    }

    .theme14-logo{
        width:175px!important;
        min-width:175px!important;
        height:82px!important;
    }

    .theme14-logo img{
        max-width:168px!important;
        max-height:68px!important;
    }
}

@media(max-width:430px){
    .theme14-nav,
    .theme14-nav-row{
        height:78px!important;
    }

    .theme14-logo{
        width:155px!important;
        min-width:155px!important;
        height:78px!important;
    }

    .theme14-logo img{
        max-width:150px!important;
        max-height:64px!important;
    }
}

.theme14-causes{
    padding:82px 0 88px!important;
    background:#fff!important;
}

.theme14-causes .theme14-section-head{
    text-align:center!important;
    max-width:760px!important;
    margin:0 auto 42px!important;
}

.theme14-causes .theme14-cause-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:30px!important;
    margin:0!important;
}

.theme14-causes .theme14-cause-col{
    width:auto!important;
    max-width:none!important;
    flex:none!important;
    padding:0!important;
    margin:0!important;
}

.theme14-causes .theme14-cause-col[hidden]{
    display:none!important;
}

.theme14-causes .theme14-cause-card{
    width:100%!important;
    height:100%!important;
    min-height:465px!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    background:#fff!important;
    border:1px solid #e4e9e2!important;
    border-radius:20px!important;
    box-shadow:0 10px 30px rgba(8,55,32,.07)!important;
    text-decoration:none!important;
    transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease!important;
}

.theme14-causes .theme14-cause-card:hover{
    transform:translateY(-6px)!important;
    border-color:#d6e0d8!important;
    box-shadow:0 20px 45px rgba(8,55,32,.13)!important;
}

.theme14-causes .theme14-cause-thumb{
    position:relative!important;
    width:100%!important;
    height:255px!important;
    min-height:255px!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    background:#f7f9f6!important;
}

.theme14-causes .theme14-cause-thumb img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    background:#f7f9f6!important;
    transition:transform .4s ease!important;
}

.theme14-causes .theme14-cause-card:hover .theme14-cause-thumb img{
    transform:scale(1.035)!important;
}

.theme14-causes .theme14-cause-icon{
    position:absolute!important;
    left:20px!important;
    bottom:0!important;
    width:52px!important;
    height:52px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:4px solid #fff!important;
    border-radius:50%!important;
    color:#fff!important;
    font-size:17px!important;
    z-index:4!important;
    box-shadow:0 5px 15px rgba(0,0,0,.12)!important;
    transform:translateY(50%)!important;
}

.theme14-causes .theme14-cause-body{
    flex:1!important;
    display:flex!important;
    flex-direction:column!important;
    padding:32px 26px 24px!important;
}

.theme14-causes .theme14-cause-body h4{
    margin:0 0 10px!important;
    color:#0b3b29!important;
    font-family:Georgia,"Times New Roman",serif!important;
    font-size:22px!important;
    line-height:1.25!important;
    font-weight:700!important;
}

.theme14-causes .theme14-cause-body p{
    margin:0!important;
    color:#66736b!important;
    font-family:"Segoe UI",Roboto,Arial,sans-serif!important;
    font-size:12px!important;
    line-height:1.75!important;
}

.theme14-causes .theme14-text-link{
    display:inline-flex!important;
    align-items:center!important;
    gap:9px!important;
    margin-top:auto!important;
    padding-top:22px!important;
    color:#0f5b35!important;
    font-size:11px!important;
    line-height:1!important;
    font-weight:800!important;
    text-decoration:none!important;
}

.theme14-causes .theme14-text-link i{
    color:#0f5b35!important;
    font-size:12px!important;
    transition:transform .2s ease!important;
}

.theme14-causes .theme14-cause-card:hover .theme14-text-link i{
    transform:translateX(4px)!important;
}

.theme14-causes .theme14-view-all,
.theme14-causes .theme14-mobile-view-all{
    margin-top:36px!important;
}

@media(max-width:1199px){
    .theme14-causes .theme14-cause-grid{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
        gap:24px!important;
    }

    .theme14-causes .theme14-cause-thumb{
        height:230px!important;
        min-height:230px!important;
    }

    .theme14-causes .theme14-cause-card{
        min-height:440px!important;
    }
}

@media(max-width:991px){
    .theme14-causes{
        padding:70px 0 76px!important;
    }

    .theme14-causes .theme14-cause-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:22px!important;
    }

    .theme14-causes .theme14-cause-thumb{
        height:225px!important;
        min-height:225px!important;
    }

    .theme14-causes .theme14-cause-card{
        min-height:430px!important;
    }

    .theme14-causes .theme14-cause-body{
        padding:30px 22px 22px!important;
    }
}

@media(max-width:575px){
    .theme14-causes{
        padding:60px 0 65px!important;
    }

    .theme14-causes .theme14-cause-grid{
        grid-template-columns:1fr!important;
        gap:18px!important;
    }

    .theme14-causes .theme14-cause-card{
        min-height:0!important;
    }

    .theme14-causes .theme14-cause-thumb{
        height:235px!important;
        min-height:235px!important;
    }

    .theme14-causes .theme14-cause-body{
        padding:31px 20px 21px!important;
    }

    .theme14-causes .theme14-cause-body h4{
        font-size:20px!important;
    }
}
/* Hide gateways with empty image */
.payment-gateway-wrapper li img[src=""]{
    display:none !important;
}

.payment-gateway-wrapper li:has(img[src=""]){
    display:none !important;
}

/* Show only manual payment */
.payment-gateway-wrapper li:not([data-gateway="manual_payment"]){
    display:none !important;
}

/* Center QR */
.payment-gateway-wrapper ul{
    display:flex !important;
    justify-content:center !important;
    padding:0 !important;
}

/* Large QR */
.payment-gateway-wrapper li[data-gateway="manual_payment"]{
    width:auto !important;
    border:none !important;
    background:none !important;
}

.payment-gateway-wrapper li[data-gateway="manual_payment"] img{
    width:300px !important;
    max-width:300px !important;
    height:auto !important;
    display:block !important;
    margin:0 auto !important;
}

/* Remove extra space */
.payment-gateway-wrapper{
    min-height:auto !important;
    height:auto !important;
}
.payment-gateway-wrapper ul li {
    min-width: 100%;
    margin: 5px;
}
.payment-gateway-wrapper ul li {
    max-width: 100px;
    cursor: pointer;
    box-sizing: border-box;
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
}
.manual_payment_transaction_field {
    display: block !important;
}
.navbar-area.nav-style-02.charity-nav-06 .nav-container .navbar-collapse .navbar-nav li a {
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    color: #333;
    font-size: 16px;
    padding: 0px 9px 0px 9px;
}