* {
    margin: 0px;
    padding: 0px;
    max-width: 100%;
    box-sizing: border-box;
    -webkit-font-smoothing: subpixel-antialiased;
}

body {
    font-family: 'Open Sans', sans-serif !important;
    font-family: 'Raleway', sans-serif;
    font-family: 'Roboto', sans-serif;
}

/* COMMON START */

/* BACKGROUND_COLOR */
.bg-yellow {
    background: #ECA72A;
}

.bg-light-yellow {
    background: #E59427;
}

.bg-light-grey {
    background: #F1EEEC;
}

.bg-dark-orange {
    background-color: #D96B1F;
}

.bg-dark-grey {
    background-color: #2E4049;
}

.bg-lightin-grey {
    background-color: #384C56;
}

/* TEXT-COLOR */

.text-grey {
    color: #2E4049 !important;
}

.text-orange {
    color: #ECA72A !important;
}

/* BUTTON CSS */
.btn {
    border: none !important;
    border-radius: 50px !important;
    padding: 10px 25px !important;
}

.btn-light-orange {
    background-color: #E59427 !important;

}
.btn-slat{
    background-color: #2e4049  !important;
}

.btn-white {
    background-color: #fff !important;
    color: #000 !important;
    font-weight: 500;
}

.btn-grey {
    background-color: #2E4049 !important;
}

/* UL LI CSSS */
.list-style-none {
    list-style: none;
}
/* Font-size */
.font-12{
    font-size: 12px !important;
}

.font-13{
    font-size: 13px;
}
.font-14{
    font-size: 14px;
}
/* Font-size end*/

/* COMMON end */

/* NAVBAR */
.header-fixed{
    position: fixed;
    left: 0;
    right: 0;
    z-index: 9999;
}
.navbar-nav-item-css {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    border-right: 1px solid #ffff !important;
    padding-right: 20px !important;
    padding-left: 20px !important;
}

.navbar-nav-item-css-border-none {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-right: 20px !important;
    padding-left: 20px !important;
}

.navbar-nav-css-media {
    margin-right: auto !important;

}

/* NAVBAR END*/

/* carousel */
.carousle-section{
    padding-top: 100px;
}
.carousel-item-css {
    height: 500px;
}
.carousel-item-css img {
    height: 100% !important;
    object-fit: cover !important;
}
.carosule-main-text {
    position: absolute;
    left: 6%  !important;
    top: 50% !important;
    width: 50%;
}

.carosule-main-text p {
    font-size: 50px;
    font-weight: 500;
    text-align: initial;
    font-family: ui-serif;
    line-height: 1.3;
    color: #fff !important;
}

/* carousel end*/

/* lets-chnage-lives */

.lets-chnage-lives {
    padding: 60px 0px;
    background: #E59427;
    width: 80%;
    border-radius: 10px;
    margin: 50px auto 0px;
}

.lets-chnage-lives p {
    font-size: 60px;
    text-align: center;
    color: #ffff;
}


/* abouts-us */

.abouts-us {
    padding: 80px 0px;
}

.about-us-video {
    width: 500px;
    height: 382px;
    margin: auto;
}

.about-us-video video {
    width: 100%;
    height: 100%;

}

.about-us-data {
    padding: 10px;
    border: #F1EEEC;
}

.about-us-data h3 {
    font-family: 'Raleway', sans-serif !important;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
}

.about-us-data h4 {
    width: 59%;
    font-size: 30px;
}

/* abouts-us end */

/* OUR PROJECTS */
.w-50-responsive {
    width: 50% !important;
}

.w-25-responsive {
    width: 25% !important;
}

.our-projects-data {
    background: #202D33;
    height: 100%;
    padding: 30px 50px;
}

.our-projects-img {
    height: 300px;
}

.our-projects-img img {
    height: 100%;
    object-fit: cover;
}

.our-project-sub-data {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center;
}

.our-project-sub-data img{
    width: 125px;

}
/* OUR PROJECTS  end*/

/* our-Goal */
.Our-Goal {
    padding: 100px;
}
.our-goal-icons{
    width: 60px;

}
.Our-Goal h4 {
    font-size: 40px;
}

.Our-Goal .we-do-it {
    font-size: 30px;
}

/* our-Goal end*/

/* Latest News */
.latest-news {
    padding: 20px 0px;
}
.latest-news-boxes img{
    height: 200px;
}
.latest-news-boxes .card-body .main-para{
    height: 200px;
}
/* Latest News end*/


/* Testimonial-section */
.Testimonial-section{
    padding: 100px;
}
.testimonial-carousle-card{
    width: 35%;
    background-color: #ECF1F0  !important;
    padding: 11px;
    margin-right: 30px;
}
.testimonial-user-img{
    width: 120px !important;
    margin-right: 20px;
}

.prev-button{
    background: #aeb7b5 !important;
    width: 50px !important;
    height: 50px !important;
    border-radius: 50px !important;
    top: 100% !important;
}
/* Testimonial-section end*/
/* Our-team */
.meet-our-team{
    padding: 50px 0px;
}
.team-data{
    width: 20%;
}
.team-data img{
    width: 200px;
    border-radius: 50%;
    height: 200px;
    object-fit: cover;
}
/* FOOTER */
.footer-section {
    display: flex;
}

.footer-sec-child-one {
    color: #fff;
    width: 50%;
    padding: 27px 50px;
    background: #D96B1F;
}

.footer-sec-child-two {
    color: #fff;
    width: 50%;
    padding: 27px 50px;
    background: #ECA72A;
}

.footer-sec-child-two p {
    font-size: 20px;
}

.sub-section-footer {
    width: 60%;
}

.footer-sec-child-end {
    padding: 40px;
}

.footer-social-media-data {
    width: 30%;
    color: #fff;
}

.footer-social-media-data .media-icons {
    border: 1px solid #384c56;
    padding: 8px 12px;
    border-radius: 24px;
    height: 40px;
    width: 40px;
    background: #384c56;
}

.footer-Involved-Conatct {
    color: #fff;
    padding: 30px;
    width: 50%;
}
.collage-section{
    padding-top: 140px;
}

.collage-img{
width: 100%;
}
.collage-img img{
    height: 100%;
    width: 33.3% !important;
    object-fit: cover;
}

/*MEDAI QUERIEs */

@media only screen and (max-width: 768px) {

    .w-50-responsive {
        width: 100% !important;
    }

    .w-25-responsive {
        width: 100% !important;
    }

    .flex-diection-column {
        flex-direction: column;
    }

    .navbar-nav-css-media {
        margin-right: inherit !important;
        flex-direction: inherit !important;
    }

    .navbar-nav-item-css {
        font-size: 12px !important;
    }

    .navbar-nav-item-css-border-none {
        font-size: 12px !important;
    }

    .carousel-item-css img {
        height: 100% !important;
        object-fit: cover !important;
    }

    .carosule-main-text {
        width: 90%;
    }

    .carosule-main-text p {
        font-size: 30px;

    }

    .lets-chnage-lives {
        width: 100%;
    }

    .about-us-data {
        text-align: center;
    }

    .about-us-data h4 {
        width: 100%;
        font-size: 30px;
    }
/* OUR-goals */
    .Our-Goal {
        padding: 50px;
    }
    .our-project-sub-data{
        padding: 10px;
    }
    .latest-news-boxes {
        width: 100%;
    }

    /* OUR-goals */
    .-carousle-card{
        width: 100%;

    }
    .Testimonial-section{
        padding: 10px;
    }
    .testimonial-carousle-card{
        margin-top: 20px;
        width: 100%;
    }
    .footer-sec-child-one {
        width: 100%;
    }
    .prev-button{
         top: 95% !important;
        width: 30px !important;
        height: 30px !important;

    }
    .team-data{
      width: 100%;}
    .footer-sec-child-two {
        width: 100%;
    }

    .sub-section-footer {
        width: 100%;
    }

    .footer-social-media-data {
        width: 100%;
        text-align: center;

    }

    .footer-social-media-data ul {
        justify-content: center;
    }

    .footer-Involved-Conatct {
        font-size: 13px;
        width: 100%;
        margin-top: 10px;
        padding: 10px;
    }
    .collage-section {
        padding-top: 223px;
    }
}
@media(min-width: 1440px) {
    .carousel-item-css {
        height: 1000px;
    }
    .carousel-item-css img {
        height: 100% !important;
        object-fit: cover !important;
    }}

