body {
    padding: 0;
    margin: 0;
    overflow-x:hidden;
    }
        .material-icons.md-18 { font-size: 18px; }
        .material-icons.md-24 { font-size: 24px; }
        .material-icons.md-36 { font-size: 36px; }
        .material-icons.md-48 { font-size: 48px; }
     
    .poppins{font-family: 'Poppins', sans-serif;}

    .brand-logo {
        padding:10px 0px!important;
    }
    
    nav{
        height: 80px!important;
        box-shadow:none!important;
    }


    #sidenav-overlay {
        display: none;
        }
        
        

    nav ul li a{
      color: #363435;
      font-family: 'Poppins', sans-serif;
      font-weight:500;
      font-size:16px;
      line-height: 80px;
    }
    
    nav ul li a:hover{
      color: #F7010E!important;
      background:#fff;
      
    }

    nav i.material-icons {
        line-height: 80px!important;
    }
    
    .navbg{
        background:#fff!important;
        box-shadow:none!important;
    }


    .side-nav li > a {
        color: #363435;
        font-family: 'Poppins', sans-serif;
        font-weight:500;
        font-size:16px;
      }
      
      nav ul li a:hover{
        color: #2699fb;
        background:#fff;
        
      }


    .side-nav{
        margin-top:80px;
    }

    .sidenavBg{
        background:#fff!important;
    }


    .btn, .btn-large, .btn-flat {
        border: none;
        border-radius: 2px;
        display: inline-block;
        line-height: 40px;
        padding: 0rem;
        text-transform: capitalize;
        vertical-align: middle;
        -webkit-tap-highlight-color: transparent;
    }

    .donateBtn{
        width:100px!important;
        height:40px!important;
        box-shadow:none;
        background:#fff!important;
        color:#F7010E!important;
        border:1px solid #F7010E!important;
        border-radius:50px!important;
        font-size:16px;
        font-weight:500;
        font-family: 'Poppins', sans-serif;
        margin-top:20px!important;
    }

    .donateBtn:hover{
        background:#F7010E!important;
        color:#fff!important;
        border:1px solid #F7010E!important;
    }


    .learnmoreBtn{
        width:150px!important;
        height:40px!important;
        box-shadow:none;
        background:#F7010E!important;
        color:#fff!important;
        border:1px solid #F7010E!important;
        border-radius:50px!important;
        font-size:16px;
        font-weight:500;
        font-family: 'Poppins', sans-serif;
        margin-top:20px!important;
    }

    .learnmoreBtn:hover{
        background:#F7010E!important;
        color:#fff!important;
        border:1px solid #F7010E!important;
    }


    .volunteerBtn{
        width:150px!important;
        height:40px!important;
        box-shadow:none;
        background:#fff!important;
        color:#000!important;
        border:1px solid #fff!important;
        border-radius:50px!important;
        font-size:16px;
        font-weight:500;
        font-family: 'Poppins', sans-serif;
        margin-top:20px!important;
        box-shadow: 0 25px 50px -10px rgba(100,44,0,.07);
    }

    .volunteerBtn:hover{
        background:#fff!important;
        columns: #000000!important;
        border:1px solid #0000!important;
    }


    .viewEventBtn{
        width:150px!important;
        height:40px!important;
        box-shadow:none;
        background:#fff!important;
        color:#000000!important;
        border:1px solid #000000!important;
        border-radius:50px!important;
        font-size:16px;
        font-weight:500;
        font-family: 'Poppins', sans-serif;
        margin-top:20px!important;
    }

    .viewEventBtn:hover{
        background:#fff!important;
        color:#000000!important;
        border:1px solid #000000!important;
    }


    .submitBtn{
        width:150px!important;
        height:40px!important;
        box-shadow:none;
        background:#F7010E!important;
        color:#fff!important;
        border:1px solid #F7010E!important;
        border-radius:50px!important;
        font-size:16px;
        font-weight:500;
        font-family: 'Poppins', sans-serif;
        margin-top:20px!important;
    }

    .submitBtn:hover{
        background:#F7010E!important;
        color:#fff!important;
        border:1px solid #F7010E!important;
    }


    .slider .caption{
        padding-top:100px!important;
    }

    .caption h3{
        font-size:40px!important;
        font-weight:600;
        font-family: 'Poppins', sans-serif;
    }



    .caption h5{
        font-size:30px!important;
        font-weight:500;
        font-family: 'Poppins', sans-serif;
    }

    .caption p{
        font-size:18px!important;
        font-weight:400;
        font-family: 'Poppins', sans-serif;
    }


    .darken-image{
        background-color: #000;
    }

    .darken-image img{
        opacity:0.6;
    }


    .slider .indicators .indicator-item.active {
        background-color: #363435;
    }


    .slider .indicators .indicator-item {
        display: inline-block;
        position: relative;
        cursor: pointer;
        height: 16px;
        width: 16px;
        margin: 0 12px;
        background-color: #e0e0e0;
        -webkit-transition: background-color .3s;
        transition: background-color .3s;
        border-radius: 50%;
    }

    .sectionPadding{
        padding: 80px 0px;
    }

    .about img {
        display: block;
        margin-left: auto;
        margin-right: auto;

    }

    .about h3{
        color:#363435;
        font-size:34px!important;
        font-weight:600;
        font-style:normal;
        font-family: 'Poppins', sans-serif;
        text-align: center;

    }


    .about span{
        color:#363435;
        font-size:34px!important;
        font-weight:300;
        font-style:normal;
        font-family: 'Poppins', sans-serif;
        text-align: center;

    }


    .about p{
        color:#243b55!important;
        font-size:15px!important;
        font-weight:400;
        font-style:normal;
        font-family: 'Poppins', sans-serif;
        margin-top: 40px;
        line-height:27px;
    }


    .ourSchemes  h3{
        color:#363435;
        font-size:34px!important;
        font-weight:600;
        font-style:normal;
        font-family: 'Poppins', sans-serif;
        text-align: center;
        margin-bottom:40px;

    }

    .ourSchemes  span{
        color:#363435;
        font-size:34px!important;
        font-weight:300;
        font-style:normal;
        font-family: 'Poppins', sans-serif;
        text-align: center;

    }


    .ourSchemes img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        height:60px;
        width:60px;
        margin-top:40px;
    }


    .ourSchemes  h5{
        color:#363435;
        font-size:20px!important;
        font-weight:500;
        font-style:normal;
        font-family: 'Poppins', sans-serif;
        text-align: center;
        margin-top:40px;

    }


    .ourSchemes p{
        color:#243b55!important;
        font-size:15px!important;
        font-weight:400;
        font-style:normal;
        font-family: 'Poppins', sans-serif;
        line-height: 27px;
        margin-top: 40px;
    }


    .how-to-help h3{
        color:#363435;
        font-size:34px!important;
        font-weight:600;
        font-style:normal;
        font-family: 'Poppins', sans-serif;
        text-align: center;

    }


    .how-to-help span{
        color:#363435;
        font-size:34px!important;
        font-weight:300;
        font-style:normal;
        font-family: 'Poppins', sans-serif;
        text-align: center;

    }


    .icon{ 
        width:80px;
        height:80px;  
        border-radius:20%!important;
        background:#fff;
        box-shadow: 0 25px 50px -10px rgba(100,44,0,.07);
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top:25px;
        float:left;
        margin-right: 20px;
    }
    
    .icon img{
        width:40px!important;
        height:40px!important;
        display: inline-block;
    }
    
    .how-to-info{
        float:left;
        margin-top:25px;
    }

    .text-how-info{
        color:#363435;
        font-size:18px!important;
        font-weight:500;
        font-style:normal;
        font-family: 'Poppins', sans-serif;
    }
    
    .how-to-info p{
        color:#243b55;
        font-size:15px!important;
        font-weight:400;
        line-height: 27px;
        font-style:normal;
        font-family: 'Poppins', sans-serif;
        
    }
    
   


    .volunteerSection{
        background-image:  url("../img/volunteer.jpeg");
        height:476px;
        width:100%;
        padding: 100px 0px;
        background-repeat:no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }


    .volunteerSection h3{
        color:#000;
        font-size:26px!important;
        font-weight:600;
        font-style:normal;
        font-family: 'Poppins', sans-serif;
    }

    .volunteerSection  span{
        color:#000;
        font: size 26px!important;
        font-weight:300;
        font-style:normal;
        font-family: 'Poppins', sans-serif;

    }


    .volunteerSection p{
        color:#000;
        font-size:15px!important;
        font-weight:400;
        font-style:normal;
        font-family: 'Poppins', sans-serif;
        width:30%;
    }


    .ourprojects  h3{
        color:#363435;
        font-size:34px!important;
        font-weight:600;
        font-style:normal;
        font-family: 'Poppins', sans-serif;
        text-align: center;
        margin-bottom:40px;

    }

    .ourprojects  span{
        color:#363435;
        font-size:34px!important;
        font-weight:300;
        font-style:normal;
        font-family: 'Poppins', sans-serif;
        text-align: center;

    }


    .ourprojects  h5{
        color:#F7010E;
        font-size:20px!important;
        font-weight:500!important;
        font-style:normal;
        font-family: 'Poppins', sans-serif;

    }


    .ourprojects p{
        color:#243b55!important;
        font-size:15px!important;
        font-weight:400;
        line-height: 27px;
        font-style:normal;
        font-family: 'Poppins', sans-serif;
        margin-top: 40px;
    }

    .contactPadding{
        padding: 120px 0px;
    }   

    .contact h5 {
        color:#243b55!important;
        font-size:40px!important;
        font-weight:400;
        line-height:49px;
        font-style:normal;
        font-family: 'Poppins', sans-serif;
    }
    
    .contact p{
        color: #243b55;
        font-size:16px!important;
        font-weight:400;
        line-height:25px;
        font-style:normal;
        font-family: 'Poppins', sans-serif;
        margin-bottom:40px;
    }


    .err{
        font-size:16px!important;
        font-weight:400!important;
        line-height:25px!important;
        font-style:normal!important;
        font-family: 'Poppins', sans-serif!important;
        margin-bottom:40px!important;
        color: #4F8A10!important;
    background-color: #DFF2BF!important;
    padding:5px 5px;    }


    
    .contact-info h3{
        color:#243b55!important;
        font-size:16px!important;
        font-family: 'Poppins', sans-serif;
        font-weight:400;
        font-style:normal;
        line-height:24px;
       
        
    }


    .contact-info p{
        color:#363435!important;
        font-size:16px!important;
        font-family: 'Poppins', sans-serif;
        font-weight:500;
        font-style:normal;
        line-height:24px;
        
    }


    .icon-color{
        color:#F99E83;
    }


    label{
        color:#243b55!important;
        font-size:16px!important;
        font-family: 'Poppins', sans-serif!important;
        font-weight:400;
        font-style:normal;
    }

   

    .team img{
        border-radius: 100px 10px 100px 10px;
        width:200px;height:200px;
        display: block;
        margin-left: auto;
        margin-right: auto;

    }


    .team  h3{
        color:#363435;
        font-size:34px!important;
        font-weight:600;
        font-style:normal;
        font-family: 'Poppins', sans-serif;
        text-align: center;
        margin-bottom:80px;

    }

    .team  span{
        color:#363435;
        font-size:34px!important;
        font-weight:300;
        font-style:normal;
        font-family: 'Poppins', sans-serif;
        text-align: center;

    }

    .team h5{
        color:#363435!important;
        font-size:22px!important;
        font-family: 'Poppins', sans-serif;
        font-weight:700;
        font-style:normal;
        line-height:31px;
        text-align:center;
        margin-top:40px;

    }


    .team h2{
        color:#363435!important;
        font-size:18px!important;
        font-family: 'Poppins', sans-serif;
        font-weight:400!important;
        font-style:normal;
        line-height:31px;
        text-align:center;

    }

    .team p{
        color:#243b55!important;
        font-size:16px!important;
        font-family: 'Poppins', sans-serif;
        font-weight:400;
        font-style:normal;
        line-height:22px;
        text-align:center
    }


    .about-us  h3{
        color:#363435;
        font-size:34px!important;
        font-weight:600;
        font-style:normal;
        font-family: 'Poppins', sans-serif;
        margin-bottom:40px;

    }

    .about-us  span{
        color:#363435;
        font-size:34px!important;
        font-weight:300;
        font-style:normal;
        font-family: 'Poppins', sans-serif;

    }

    .about-us p{
        color:#243b55!important;
        font-size:15px!important;
        font-weight:400;
        font-style:normal;
        font-family: 'Poppins', sans-serif;
        margin-top: 20px;
        line-height:27px;
    }

    .about-us ul li{
        color:#243b55!important;
        font-size:15px!important;
        font-weight:400;
        font-style:normal;
        font-family: 'Poppins', sans-serif;
        margin-top: 20px;
        line-height:27px;
    }


    .donate  h3{
        color:#363435;
        font-size:34px!important;
        font-weight:600;
        font-style:normal;
        font-family: 'Poppins', sans-serif;
        margin-bottom:40px;

    }

    .donate  h2{
        color:#243b55;
        font-size:18px!important;
        font-weight:400;
        font-style:normal;
        font-family: 'Poppins', sans-serif;
        margin-bottom:40px;
        line-height:27px;

    }

    .donate span{
        color:#363435;
        font-size:34px!important;
        font-weight:300;
        font-style:normal;
        font-family: 'Poppins', sans-serif;

    }


    .footerbg{
        background:#363435!important;
        }
        
        .footerbg ul li a{
        color:#fff!important;
        font-size:14px!important;
        line-height:18px;
        font-family: 'Poppins', sans-serif;
        font-weight:400;
        font-style:normal;
        }
        
        .footerbg ul li a:hover{
        color:#F7010E!important;
        }
        
        .footerbg h5{
        color:#fff!important;
        font-size:18px!important;
        line-height:23px;
        font-family: 'Poppins', sans-serif;
        font-weight:700;
        font-style:normal;
        }
        
        .footerbg p{
        color:#fff!important;
        font-size:14px!important;
        line-height:27px;
        font-family: 'Poppins', sans-serif;
        font-weight:400;
        font-style:normal;
        }
        
        .footer-copyright {
        background:#000!important;
        color:#fff!important;
        font-size:14px!important;
        line-height:18px;
        font-family: 'Poppins', sans-serif;
        font-weight:400;
        font-style:normal;
        }
        
        
        .footer-copyright span{
        color:#fff!important;
        font-size:14px!important;
        line-height:18px;
        font-family: 'Poppins', sans-serif;
        font-weight:400;
        font-style:normal;
        }

        .tz-gallery {
            padding: 40px;
        }
        
        .gallery img {
            width: 100%;
            display: block;
            aspect-ratio: 1 / 1;
            object-fit: cover;
            padding:2px;
        }

        .large-img{
            height:500px;
        }

        .small-img{
            height:250px
        }



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

        .side-nav li > a{
            font-size: 14px!important;
        }


        .slider .caption{
            padding-top:100px!important;
        }
    
        .caption h3{
            font-size:30px!important;
        }
    

        .large-img{
            height:250px;
        }

        .small-img{
            height:175px
        }

    
        .caption h5{
            font-size:20px!important;
        }
    
        .caption p{
            font-size:16px!important;
        }
        
        .donateBtn{
            font-size:14px!important;
            line-height: 40px!important;
            margin-top:10px!important;
            padding: 0 16px!important;
        }

        .about img {
            width:100%;
    
        }

        .about h3{
            font-size:24px!important;
    
        }


        .about span{
            font-size:24px!important;
    
        }

        .ourSchemes h3{
            font-size: 24px!important;
        }

        .ourSchemes span{
            font-size: 24px!important;
        }


        .how-to-help h3{
            font-size: 24px!important;
        }

        .how-to-help span{
            font-size: 24px!important;
        }


        
    .volunteerSection{
        padding: 100px 0px!important;
    }


    .volunteerSection h3{
        font-size:22px!important
    }

    .volunteerSection  span{
        font: size 22px!important;

    }


    .volunteerSection p{
        width:100%!important;
    }

        .ourprojects  h3{
            font-size:24px!important;
    
        }
    
        .ourprojects  span{
            font-size:24px!important;
    
        }


        .team  h3{
            font-size:24px!important;
    
        }

        .team  span{
            font-size:24px!important;
    
        }

        .team p{
            margin-bottom: 80px;
        }


        .about-us  h3{
            font-size:24px!important;
    
        }
    
        .about-us  span{
            font-size:24px!important;
    
        }


        .donate  h3{
            font-size:24px!important;
    
        }
    
        .donate  h2{
            font-size:16px!important;
    
        }
    
    
    
}