@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* font-family: 'Montserrat', sans-serif; */
input, textarea, select {
    border-radius: 0 !important;
    height: 60px !important;
}
button.btn{
    border-radius: 0;
}
li{
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #666666;
    margin-bottom: 10px;
}
textarea{
    height: 150px !important;
}
.slick-prev::before, .slick-next::before{
    color: #f00;
}
.slick-prev {
    left: 10px;
    z-index: 1;
}
.slick-next{
    right: 10px;
    z-index: 1;
}
.subscribe_side input{
    border-radius: 0;
}
.btn-red{
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    border-radius: 0 !important;
    background-color: #cc0000;
    padding: 8px 40px;
    transition: all 0.6s ease;
    border: 0;
}
.header .navbar-brand{
    width: 140px;
}
.header .navbar-nav li{
    position: relative;
}
.header .navbar-nav li a{
    font-family: 'Montserrat', sans-serif; 
    color: #000;
    font-size: 16px;
    padding: 4px 20px !important;
    text-transform: uppercase;
    transform: all 0.6s ease;
}
.header .navbar-nav li a.btn-donate{
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    border-radius: 0;
    background-color: #cc0000;
    padding: 8px 20px;
    transition: all 0.6s ease;
    margin-left: 10px;
}
.header .navbar-nav li:hover a.btn-donate{
    color: #fff;
}
.header .navbar-nav li.active a,
.header .navbar-nav li:hover a{
    color: #cc0000;
}
.header .navbar-nav li::after{
    content: '';
    position: absolute;
    left: 0px;
    color: #fff;
    height: 15px;
    width: 1.5px;
    background-color: #000;
    top: 9px;
}
.header .navbar-nav li:nth-child(1)::after{
    display: none;
}







.header_slider{
    background-image: url(assets/img/slider-banner.png);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 8em 0;
}

.header_slider h3{
    color: #fff;
    font-size: 48px;
    font-family: 'Montserrat', sans-serif; 
    font-weight: 600;
    text-transform: uppercase;

}
.header_slider a.btn{
    color: #fff;
    font-size: 24px;
    font-family: 'Montserrat', sans-serif; 
    font-weight: 300;
    text-transform: uppercase;
    border-radius: 0;
    background-color: #cc0000;
    padding: 8px 40px;
    transition: all 0.6s ease;
}
.header_slider a.btn:hover{
    background-color: #000;
}
.header_slider .images_slides{
    position: relative;
}
.header_slider .images_slides .slide{
    height: 550px;
    background-position: center center;
    background-size: cover;
}

.header_slider .images_slides .slide.slide01{background-image: url(assets/img/slides/1.png); }
.header_slider .images_slides .slide.slide02{background-image: url(assets/img/slides/2.png);}
.header_slider .images_slides .slide.slide03{background-image: url(assets/img/slides/3.png);}
.header_slider .images_slides .slide.slide04{background-image: url(assets/img/slides/4.png);}


.header_slider .images_slides .slick-dots {
    list-style: none;
    display: flex;
    position: absolute;
    bottom: 30px;
    left: 0;
}
.header_slider .images_slides .slick-dots button {
    font-size: 0;
    height: 20px;
    width: 20px;
    border-radius: 100px;
    margin: 0 3px;
    border: 3px solid #fff;
    background-color: transparent;
}
.header_slider .images_slides .slick-dots .slick-active button {
    border: 3px solid #cf0000;
}

.slider_content{
    position: absolute;
    left: 50%;
    top: 60%;
    width: 100%;
    transform: translate(-50%,-50%);
}




.whatwedo_banner{
    background-image: url(assets/img/bannerwwd.png) !important;
}

.connect_banner{
    background-image: url(assets/img/connect_banner.png) !important;
}
.donate_banner1{
  /*  background-image: url(assets/img/donate_banner.png) !important;*/
     background-image: url(assets/img/Donation_page_Cover_Photo.jpg) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 150px 0;
    
    
}
.whoweare_banner{
    background-image: url(assets/img/whoweare_banner.png) !important;
}
.humancap_banner{
    background-image: url(assets/img/HumanCapital_banner.png) !important;
}
.economic_banner{
    background-image: url(assets/img/Economics_banner.png) !important;
}
.socialsus_banner{
    background-image: url(assets/img/social-sustain-banner.png) !important;
}
.enviroment_banner{
    background-image: url(assets/img/environment_banner.png) !important;
}
.programs_banner{
    background-image: url(assets/img/program/eeic-programe-cover.jpg) !important;
}

.impact_area{
    padding: 5em 0 0 0
}

.impact_area h2{
    color: #cc0000;
    font-size: 40px;
    font-family: 'Montserrat', sans-serif; 
    font-weight: 500;
    text-transform: uppercase;
}


.impact_area .impact_box{
    padding: 3em 1em;
    text-align: center;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 400px;
    position: relative;
}
.impact_area_about .impact_box{
    min-height: 520px;
}
.impact_area .columbox{
    padding: 0;
    position: relative;
}
.impact_area .columbox:nth-child(even) .overlay{
    background-color: #0000007d;
}
.impact_area .columbox:nth-child(odd) .overlay{
    background-color: #ff000094;
}

.impact_area .columbox:nth-child(even) .impact_title{
    background-color: #f1f1f1;
}
.impact_area .columbox:nth-child(odd) .impact_title{
    background-color: #f9f9f9;
}

.impact_area .columbox .impact_title{
    padding: 6px 10px;

}
.impact_area .columbox .impact_title h3{
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
}
.impact_area .columbox .overlay{
    position: absolute;
    left: 0;
    top: 0;
    min-height: 100%;
    width: 100%;

}
.impact_area .impact_box.box1{
    background-image: url(assets/img/humancapital-min.jpeg);
}
.impact_area .impact_box.box2{
    background-image: url(assets/img/humancap_1.jpg);
}
.impact_area .impact_box.box3{
    background-image: url(assets/img/enviroment_1.jpg);
}
.impact_area .impact_box.box4{
    background-image: url(assets/img/photo-of-woman-portrait-wall-art-1154198-min.jpg);
}

.impact_area .impact_box.box1.wwdbox3{

}
.impact_area .impact_box.box2.wwdbox1{
    background-image: url(assets/img/uplifting.jpg);
}
.impact_area .impact_box.box3.wwdbox2{
    background-image: url(assets/img/planting.jpg);
}
.impact_area .impact_box.box4.wwdbox4{

}







.impact_area .impact_box h4,
.impact_area .impact_box p ,
.impact_area .impact_box a{
    position: relative;
    z-index: 1;
    color: #fff;
    font-family: 'Montserrat', sans-serif; 
}

.impact_area .impact_box h4{
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 700;
}
.impact_area .impact_box p{
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 50px;
}
.impact_area .impact_box a{
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    border: 2px solid #fff;
    padding: 11px 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
}



.impact_areabtn{
    padding: 0 0 ;
}

.impact_areabtn a{
    color: #000;
    text-decoration: none;
}
.impact_areabtn h3{
    margin: 0 !important;
    padding: 5px 0;
}
.impact_areabtn .impact_title{
    border-top: 2px solid transparent;
}
.impact_areabtn .impact_title:hover{
    background-color: #2f2f2f !important;
    color: #fff;
    border-top: 2px solid #cc0000;
}


.impact_areabtn .impact_title.active{
    background-color: #2f2f2f !important;
    color: #fff;
    border-top: 2px solid #cc0000;
}






.impact_map{
    background-image: url(assets/img/imact_map.png);
    padding: 5em 0;
}


.impact_map h3{
    color: #fff;
    font-family: 'Montserrat', sans-serif;
}

.impact_map p{
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
}
.impact_map ul{
    margin-left: -40px;
}
.impact_map ul li:nth-child(1) i{ color: #0094da;}
.impact_map ul li:nth-child(2) i{ color: #71be45;}

.impact_map ul li{
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    font-weight: 600;
    list-style: none;
    text-transform: uppercase;
    margin-bottom: 5px;
}


.header_in{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;

    background-image: url(assets/img/slider-banner.png);
    padding: 150px 0;
}
.header_in h2{
    color: #fff;
    font-size: 48px;
    font-family: 'Montserrat', sans-serif; 
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
}






.subsection_in{
    padding: 60px 0;
}

.subsection_in h3{
    color: #cc0000;
    font-size: 40px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
}

.subsection_in p{
    font-family: 'Montserrat', sans-serif;
    font-weight: 400; 
    font-size: 16px;
    color: #666666;
}



.donate_section{
    position: relative;
    z-index: 1;
}
.donate_section .donate_box{
    background-color: #cc0000;
    padding: 20px;
    min-height: 150px;
}


.donate_section .donate_box p{
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 24px;
    display: table-cell;
    height: 100px;
    vertical-align: middle;
}
.donate_section .donate_box a.btn{
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    border-radius: 0;
    background-color: #000;
    padding: 12px 20px;
    transition: all 0.6s ease;
    margin-left: 10px; 
    display: block;
    width: 200px;
    margin: 30px auto 0 auto;

}

.imagebox-donate{
    height: 300px;
    overflow: hidden;
}
.imagebox-donate img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.donate-btn{
    margin-bottom: 20px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 12px 30px;
}




.section_posts{
    padding: 100px 0 60px 0;
    background-color: #f1f1f1;
    margin-top: -50px;
}


.post_box .post_image{
    height: 400px;
}
.post_box .post_image img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}



.post_content{
    background-color: #fff;
    padding: 15px;
    min-height: 130px;
}

.post_content p{
    font-family: 'Montserrat', sans-serif;
    font-weight: 400; 
    font-size: 16px;
    color: #666666;
}














.newsletter{
    padding: 5em 0;
    background-color: #cc0000;
}

.newsletter form label{
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    padding-right: 40px;
}
.newsletter form .form-group.form-emailbox{
    width: 45%;
}
.newsletter form .form-group.form-emailbox input{
    width: 100%;
    border-radius: 0;
    padding: 25px 20px;
    font-family: 'Montserrat', sans-serif;
}
.newsletter form button{
    background-color: #000;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    margin-left: 30px;
    border: 0;
    padding: 12px 50px;
}







.about_wwd{
    background-color: #f1f1f1;
}







.privacy-policy h2{
    color: #cc0000;
    font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
}









.event_list{
    
}
.event_list img {
    height: 220px;
    object-fit: cover;
    width: 100%;
    margin-bottom: 10px;
    border: 1px solid #eee;
}
.recent_events .event_list img {
    height: 120px;
}
.event_list p{
    font-size: 12px;
    color: #000;
}
.event_list p.meta span{
    color: #cc0000;
}
.event_list p.meta{ margin: 0;}
.event_list p.meta span.author{ color: #cc0000;}
.event_list p button.btn-red{
    background-color: #cc0000;
    color: #fff;
    font-weight: 400;
    border-radius: 0;
}
.event_list p button.btn-red:hover{
    background-color: #000;
}

.recent_events a{
    text-decoration:none;
}
.recent_events a h5{
    font-size: 20px;
    color: #343434;
    font-weight: 600;
    padding-top: 10px;
}
.recent_events p{
    font-size: 12px;
}

.recent_events h3{
    font-size: 22px;
    font-weight: 600;
}







.eeic_programs img{
    height: 300px;
    object-fit: cover;
    width: 100%;
}












.footer{
    padding: 2em 0;
    background-color: #000;
}

.footer h3{
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
}
.footer p{
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;

    color: #fff;
}
.footer p a{
    color: #fff; text-decoration: none;
}
.footer p.social a{
    color: #cc0000;
    font-size: 35px;
    margin: 0 5px;
}

.footer p.social a:hover{
    color: #fff;
}


.footer .copyrights{
    border-top: 2px solid #fff;
}
.footer .copyrights p{
    color: #fff;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
}




.eeic_programs h3{
    font-size: 20px;
}
.eeic_programs 3a{
    text-decoration: none;
}
.eeic_programs a:hover{
    background-color: #000;
    color: #fff;
}


.program_form {
    background-color: #c00;
    padding: 20px;
}
.program_form h3{
    font-size: 25px;
    color: #fff;
}
.program_form a{
    text-decoration: none;
}
.program_form a:hover{
    background-color: #000;
}
.program_form button{
    background-color: #333;
    font-size: 18px;
    width: 100%;
    color: #fff;
}
.program_form button:hover{
    color: #c00;
}



.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: #ab0404;
    border: none;
    border-right: 1px solid #fff0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    color: #fff;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    padding: 0 4px;
    width: 20px;
}

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 0 !important;
    border-radius: 0;
    cursor: pointer;
    padding-bottom: 5px;
    padding-right: 5px;
    
}


 .imp_links img{
        height: 70px;
        width: 100%;
        object-fit: cover;
    }
@media only screen and (max-width: 1080px) {
    .slider_content {

        top: 41%;

    }
    .header_slider h3{
        font-size: 30px;
    }
   .impact_area .impact_box {
    min-height: 400px;
}
    .impact_area .columbox .impact_title h3{
        font-size: 15px;
        font-weight: 600;
    }
}

@media only screen and (max-width: 768px) {
    .navbar-toggler {
        background-color: #cc0000;
        border-radius: 0;
        color: #fff;
        padding: 10px 10px;
    }
    .newsletter .form-inline{
        display: block;
    }
    .newsletter form .form-group.form-emailbox {
        width: 100%;
    }
    .newsletter form button {
        margin-left: 0;
        display: block;
        width: 100%;
        margin-top: 10px;
    }
}


@media only screen and (max-width: 480px) {
    .header {
        position: fixed;
        z-index: 111;
        width: 100%;
        background-color: #fff;
    }
    .header_in{
        padding: 200px 0 70px 0;
    }
    .slider_content{
        top: 50%;
    }
    .row.row-reverse {
        flex-direction: column-reverse;
    }
    .header .navbar-brand {
        width: 80px;
    }
    .header_slider h3{
        font-size: 20px;
    }
    .header_in h2{
        font-size: 24px;
    }
    .impact_area .impact_box {
        min-height: auto;
    }
    .header_slider .images_slides .slide {
        /*height: 85vh; */
        height: 45vh !important;
    }
    .event_list p {
        font-size: 14px;
        color: #000;
    }
    .recent_events {
        margin-top: 40px;
        border-top: 1px solid #eee;
        padding-top: 40px;
        background-color: #eee;
        padding-bottom: 50px;
    }
    .recent_events .event_list img {
    height: 220px;
}
    .imp_links img{
        height: 70px;
        width: 100%;
        object-fit: cover;
    }
}