.topbar-one__social a:hover {
    background-color: #008000;
    color: #fff;
}
.topbar-one__social a { background-color: #008000;}
.footer-widget__mail-address textarea {
   
    padding: 15px;
}@media (max-width: 767px) {
    .companies-one__inner-img {
        min-height: 92px !important;
        max-height: 92px !important;
        padding: 0px !important;
    }
}
@media (max-width: 575px) {
    .main-footer p br
 {
        display: block;
    }
}
.psysm .small-title.blink::before {
    animation: blink-animation 1s steps(1, start) infinite;
}

@keyframes blink-animation {
    50% {
        visibility: hidden;
    }
}
.coverss .col-md-4.col-4.actives{ color:#008000;}
.footer-widget__title {
    font-size: 18px;
    font-weight: 700;
    color: #008000;
    margin: 0;
    margin-bottom: 20px;
    text-transform: uppercase;
}.main-footer--three .footer-widget__info__link {
    font-size: 15px;
    color: #fff;
    font-weight: 500;
    line-height: 1.444;
    background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0 95% / 0px 1px no-repeat;
    transition: all 500ms ease;
    margin-bottom: 2px;
}
.footer-widget__mail-address input[type=text], .footer-widget__mail-address input[type=email] {
    width: 100%;
    display: block;
    border: none;
    outline: none;
    height: 43px;
    background-color: #fff;
    color: #848484;
    font-size: 13px;
    font-weight: 400;
    padding-left: 15px;
    padding-right: 15px;
    transition: all 500ms ease;
    border-radius: 4px;
    border-bottom: solid 1px #585858;
    margin-bottom: 10px;
}
.main-footer--three {
    overflow: hidden;
    background-color: #070707;
}
.wodss img {
    height: 60px;
    width: auto !important;
    margin: auto;
    margin-bottom: 15px;
}
.wodss p {
    color: #000;
    font-size: 15px;
}
.companies-one__image{ padding:0px 15px;}

@media (min-width: 1200px) {
    .container {
        max-width: 1250px;
    }
}
.coverss .col-md-4.col-4 {
        font-size: 17px;
        font-weight: 700;
    }
    :root {
    --grdeen-font: "Signika",sans-serif;
    --grdeen-heading-font: "Signika",sans-serif;
    --grdeen-special-font: "Alex Brush",cursive;}
    
    .new-bans {
    background: #000;
    padding: 100px 0px 50px;
    margin-top: -43px;
}
.coverss {
    border: solid 2px #fff;
    padding: 20px; text-align:center; color:#fff; font-size:16px;
}
     .new-bans p{ color:#fff; font-size:17px;     padding-right: 115px; margin:30px 0px}
    
    
    .HomepageHero-module__BoBL1q__homepageHeroSection {
    height: calc(100svh - var(--mobile-nav-height));
    flex-direction: column;
    display: flex;
    position: relative;
    overflow: hidden
}

@media screen and (min-width: 64rem) {
    .HomepageHero-module__BoBL1q__homepageHeroSection {
        height:100vh;
        padding-top: 16px!important
    }
}

@media screen and (min-width: 75rem) {
    .HomepageHero-module__BoBL1q__homepageHeroSection {
        justify-content:center;
        padding-block:0!important}
}

.HomepageHero-module__BoBL1q__maskedImageText {
      font-family: "Public Sans", sans-serif;
    color: #0000;
    -webkit-text-stroke:2px #008000;
    background: url(https://www.humanimpactfoundation.org/public_human/assets/images/homepage-mask.png) 50% -400%/cover no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 64px;
    position: relative
}


    .HomepageHero-module__BoBL1q__maskedImageText {
        -webkit-text-stroke:2px #008000;
       font-size: 70px;
        font-weight: 900;
        line-height: 72px;
    }



@media screen and (max-width: 768px) {
    .coverss {
    padding: 10px !important;

}
    .ban-hs{text-align:center;}
    .ban-hs img{height: 133px !important; width:auto !important;}
    
    
    .new-bans {
    background: #000;
    padding: 82px 0px 33px;
}
.coverss .col-md-4.col-4 {
        font-size: 13px;
        font-weight: 700;
    }
    .HomepageHero-module__BoBL1q__maskedImageText {
                font-size: 42px;
        font-weight: 900;
        line-height: 42px;
    }
    .new-bans p {
    color: #fff;
        font-size: 15px;
        padding-right: 0px;
        margin: 9px 0px 16px;
}
}
.ways .grdeen-owl__carousel--with-shadow .owl-stage-outer {
    overflow: hidden;
}.ways .work-process-one__col__title1 {
    color: #1f9a26;
    font-weight: 700;
    font-size: 20px;
    line-height: 31px;
    margin-bottom: 5px;
    letter-spacing: -0.5px;
}
.ways .work-process-one__col img {
    height: 230px !important;
    width: 100% !important;
    object-fit: cover;
}.ways .work-process-one__col__info {
    position: relative;
    z-index: 2;
    padding: 0px 25px 24px;
}
.ways .work-process-one__col {
    border-radius: 15px;
    box-shadow: 0px 0px 15px #ccc;
    overflow: hidden;
    padding: 0px;
    margin: 10px 0px;
    background: #fff;
}
.HomepageHero-module__BoBL1q__animate {
    animation: 8s ease-in-out forwards HomepageHero-module__BoBL1q__scrollBg;
}

@keyframes HomepageHero-module__BoBL1q__scrollBg {
    0% {
        background-position: 50% -400%
    }

    to {
        background-position: 50% 100%
    }
}.work-process-one__col__title {
    color: #fff;
    font-size: 17px;
    line-height: 22px;
    margin-bottom: 0px;
}.funfact-one__item .work-process-one__col:hover .work-process-one__col__icon {
    background-color: transparent;
    box-shadow: none;
}.funfact-one__item .work-process-one__col {
    
    text-align: center;
}

.psysm{
  
  
    display:flex;
    justify-content:center;
    align-items:center;
    padding:50px 0px;
}

.psysm .donation-wrapper {
    width: 100%;
    color: #fff;
    position: relative;
    z-index: 9;
}

.psysm .small-title{
    font-size:16px !important;
    margin-bottom:12px;
}

.psysm .small-title::before{
    content:"●";
    color:#f4c400;
    margin-right:6px;
}

.psysm .main-heading {
    font-size: 28px;
    font-weight: 500;
    line-height: 34px;
    margin-bottom: 5px;
}
.work-process-one__col img{height:36px !important;}
.psysm .main-heading span{
    color:#8dd64a;
}

.psysm .description{
    font-size:15px;
    line-height:23px;
    margin-bottom:25px;
}



.psysm .toggle-btns{
    border:1px solid #bbb;
    border-radius:50px;
    overflow:hidden;
    display:flex;
    margin-bottom:20px;
}

.psysm .toggle-btns .btn{
    flex:1;
    border:none;
    border-radius:0;
    font-weight:600;
    padding:10px;
}

.psysm .toggle-btns .active{
    background:#169b25;
    color:#fff;
}

.psysm .amount-title{
    text-align:center;
    font-weight:600;
    margin-bottom:15px;
}

.psysm .amount-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:10px;
    margin-bottom:18px;
}

.psysm .amount-btn{
    border:1px solid #bdbdbd;
    background:#fff;
    border-radius:8px;
    padding:12px;
    font-weight:500; color:#000;
}

.psysm .amount-btn.active{
    background:#169b25;
    color:#fff;
    border-color:#169b25;
}

.psysm .amount-input{
    display:flex;
    border:1px solid #ddd;
    border-radius:30px;
    overflow:hidden;
    margin-bottom:18px;
}

.psysm .currency{
    background:#169b25;
    color:#fff;
    width:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    font-weight:700;
}

.psysm .amount-input input{
    border:none;
    width:100%;
    padding:14px;
    outline:none;
    font-size:24px;
    font-weight:500;
}

.psysm .donate-btn{
    background:#f7c400;
    border:none;
    width:100%;
    border-radius:50px;
    padding:14px;
    font-weight:500;
    font-size:18px; color:#000;
}

.psysm .tax-text{
    text-align:center;
    font-size:12px;
    color:#555;
    margin-top:15px;
    line-height:1.5;
}

.psysm .payment-box{
    background:#fff;
    border-radius:18px;
    margin-top:15px;
    padding:15px;
    text-align:center;
}

.psysm .payment-icons img{
    height:22px;
    margin:0 5px;
}

.psysm .donation-card{

    margin:auto;
    background:#fff;
    border-radius:20px;
    padding:15px 20px;
    box-shadow:0 0 15px rgba(0,0,0,.1);
}

.psysm .toggle-btns{
    border:1px solid #ccc;
    border-radius:50px;
    overflow:hidden;
    display:flex;
    margin-bottom:20px;
}

.psysm .toggle-btns .btn{
    flex:1;
    border:none;
    border-radius:0;
    padding:12px;
    font-weight:600;
}

.psysm .toggle-btns .btn.active{
    background:#1d9b2a;
    color:#fff;
}

.psysm .amount-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:10px;
}

.psysm .amount-btn{
    border:1px solid #ccc;
    background:#fff;
    border-radius:8px;
    padding:12px;
    cursor:pointer;
    transition:.3s;
}

.psysm .amount-btn.active{
    background:#1d9b2a;
    color:#fff;
    border-color:#1d9b2a;
}

.psysm .amount-input{
    display:flex;
    border:1px solid #ddd;
    border-radius:40px;
    overflow:hidden;
    margin-top:20px;
}

.psysm .currency{
    width:60px;
    background:#1d9b2a;
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:22px;
}

.psysm .amount-input input{
    border:none;
    width:100%;
    padding:15px;
    outline:none;font-size:16px;
}

.psysm .tab-content{
    display:none;
}

.psysm .tab-content.active{
    display:block;
}.footer-widget__mail-address textarea{
    width: 100%;
    display: block;
    border: none;
    outline: none;
    height: 80px;
    background-color: #ffffff1f;
    color: #848484;
    font-size: 13px;
    font-weight: 400;
    padding-left: 15px;
    padding-right: 15px;
    transition: all 500ms ease;
    border-radius: 4px;
    border-bottom: solid 1px #585858;
    margin-bottom: 10px;
}

.boxed label {
    display: inline-block;
    background-color: #ffc107;
    width: 124px;
    height: 38px;
    border: solid 1px #e1e1e1;
    transition: all 0.3s;
    color: #000;
    padding: 7px 30px;
    border-radius: 5px;
}
.boxed input[type="radio"]:checked + label {
    background-color: #228b22bf;
    color: #fff;
    border: solid 1px #e1e1e1;
}
.input-group-text {
    background: #59a859;
    color: #fff;
}
.bank-card {
    background: #ffffff;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 0 15px rgb(219 219 219);
}

.bank-card .title{
    color:#0c8c2c;
    font-weight:700;
    font-size:36px;
    margin-top:30px;
}

.bank-card .desc{
    color:#333;
    font-size:16px;
    line-height:1.3;
    margin:0 15px 10px;
}

.bank-card .bank-info{
    padding:15px;
}

.bank-card .info-item{
    margin-bottom:15px;
}

.bank-card .info-item h5 {
    color: #0c8c2c;
    font-weight: 500;
    margin-bottom: 3px;
    font-size: 16px;
}

.bank-card .info-item p{
    margin-bottom:0;
    color:#333;
    font-size:15px;
    line-height:1.2;
}

.bank-card .scan-title{
    color:#0c8c2c;
    font-weight:700;
    margin-bottom:15px;
}

.bank-card .qr-box{
    margin:0 25px 20px;
    border:1px solid #cfcfcf;
    border-radius:15px;
    padding:15px;
    background:#fff;
    box-shadow:0 2px 8px rgba(0,0,0,.08);
}

.bank-card .qr-box h6{
    font-weight:700;
    margin-bottom:10px;
}

.bank-card .qr-img{
    max-width:250px;
}

.bank-card .upi-id{
    margin-top:10px;
    font-size:15px;
    font-weight:600;
}

.bank-card .payment-methods{
    margin-top:10px;
}

.bank-card .footer-note{
    background:#0c8c2c;
    color:#fff;
    padding:12px 15px;
    font-size:15px;
    font-weight:500;
}.faq-section{
    background:#f2f2f2;
    padding:60px 0;
}

.faq-title{
    font-size:30px;
    font-weight:600;
    color:#000;
    margin-bottom:30px;
}

.faq-item{
    background:#169b25;
    border-radius:8px;
    margin-bottom:15px;
    overflow:hidden;
}

.faq-question {
    padding: 2px 18px;
    color: #FFF;
    font-size: 17px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.faq-icon{
   
    height:50px;
    border-radius:50%;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px;
    line-height:1;
    transition:.3s;
}

.faq-item.active .faq-icon{
    transform:rotate(45deg);
}

.faq-answer {
    display: none;
    background: #fff;
    color: #333;
    padding: 16px 20px;
    font-size: 15px;
    line-height: 1.7;
}

.boxed label {
    display: inline-block;
    background-color: #ffc107;
    width: 124px;
    height: 38px;
    border: solid 1px #e1e1e1;
    transition: all 0.3s;
    color: #000;
    padding: 7px 30px;
    border-radius: 5px;
}
.boxed input[type="radio"]:checked + label {
    background-color: #228b22bf;
    color: #fff;
    border: solid 1px #e1e1e1;
}
.input-group-text {
    background: #59a859;
    color: #fff;
}.contact-one__info-wrapper {
    position: relative;
    z-index: 2;
    background-color: #fff;
    border-radius: 10px;
    background-position: bottom center;
    background-repeat: no-repeat;
    padding: 40px 0 35px;
    box-shadow: 0px 0px 15px #ccc;
}.contact-one__info {

    border-right: 0px solid #fff;
}.contact-one__info__text {
   
    color: #000;
}
.img-cover{position: relative;}
.img-cover h3 {
    position: absolute;
    color: #fff;
    font-size: 22px;
    width: 100%;
    text-align: center;
    padding: 25px;
    padding-top: 80px;
    margin: 0px;
    bottom: 0px;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+101 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.64) 100%,rgba(0,0,0,0.65) 101%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}


.course-content-section{

}.modal-header {
  
    border-bottom:1px solid #094902;
   
}
.modal-header .btn-close {
    background-color: #fff;
}
.course-content-section .course-title{
    font-size:31px;
    font-weight:700;
    color:#111;
}

.course-content-section .module-item {
    background: #008000;
    color: #fff;
    font-size: 16px;
    text-align: left;
    padding: 16px 20px;
    border-radius: 6px;
    margin-bottom: 15px;
    font-weight: 500;
    line-height: 1.3;
}

.course-content-section .info-card{
    background:#fff;
    border-radius:10px;
    padding:20px 25px;
    box-shadow:0 2px 12px rgba(0,0,0,0.25);
}

.course-content-section .info-card h3 {
    font-size: 22px;
    font-weight: 700;
    color: #222;
    margin-bottom: 6px;
}

.course-content-section .duration{
    font-size:15px;
    color:#2b8f2b;
    font-weight:600;
}
ul.lists li{ font-size:15px;}
.course-content-section .duration i{
    margin-right:8px;
    color:#888;
}

.course-content-section .price {
    font-size: 27px;
    font-weight: 700;
    color: #222;
    margin-bottom: 10px;
}

.course-content-section .apply-btn{
    display:inline-block;
    background:#008000;
    color:#fff;
    text-decoration:none;
    padding:12px 35px;
    border-radius:30px;
    font-weight:700;
    transition:.3s;
}

.course-content-section .apply-btn:hover{
    background:#14891b;
    color:#fff;
}.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: var(--bs-modal-padding);
    
    background-size: cover;
}