.contact-form{
    width: 100%;
    color: #fff;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    margin-bottom: 50px;
}
.contact-form form{
    background: #70b72a;
    width: 100%;
    max-width:1200px;
    padding: 20px;
}
.contact-form ol{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.contact-form ol,.contact-form li{
    padding: 0;
    margin: 0;
    list-style: none;
    width: 100%;
}
.contact-form li + li + li{
    margin-top: 29px;
}

.contact-form div:first-child{
    background:  url(./images/fl.jpg) ;
    background-position: right;
    background-size: cover;
    border: none;
    margin: -1px;
}
.contact-form div:last-child{
    background: url(./images/fr.jpg) ;
    background-position: left;
    background-size: cover;
    border: none;
    margin: -1px;
}
.contact-form > div{

    flex-grow: 1;
}
.contact-form li.half-width{
    width: 49%;
}
.contact-form .form-control{
    border-radius: 0;
    padding: 24px;
}
.btn-driver,.gallery-part .btn.active, .gallery-part .btn:hover,.gallery-part .more .more-btn{
    background: #ff6d0d;
    border: 1px solid #ff6d0d;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    padding: 20px;
    cursor: pointer;
}
.cause-detail .raised .pay-label{
    color: #111111;
}
.navbar-brand {
    max-width: 272px;
}
.navbar-brand img,.footer-logo{
    width: 100%;
}
.navbar-dark .navbar-nav .nav-link,
.header ul .nav-item.donate a{
    text-transform: uppercase;
}
.header ul li{
    margin: 0 7px;
}

.video-list iframe,.blog-part iframe{
    width: 100%;
    aspect-ratio: 16/9;
}
.overflow-hidden{
    overflow: hidden;
}
.video-list .upcoming-event-small .img-box{
    max-width: 185px;
}
.main-page-content ul{
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.main-page-content ul li{
    list-style: none;
    margin: 0;
    font-size: 14px;
    font-family: 'Roboto Slab', sans-serif;
    width: 32%;
    text-align: left;
    position: relative;
    padding: 0 0 0 29px;
    line-height: 30px;
}
.main-page-content ul li:before{
    position: absolute;
    content: '';
    background: #70b72a;
    display: block;
    width: 19px;
    height: 6px;
    left: 0;
    top: 15px;
    border-radius: 3px;
}
.pb-50{
    padding-bottom: 50px;
}
.gery-bg{
    background: #f5f5f5;
}
.team-detail .team-data .team-head-two span{
   color: #70b72a;
}
.inner-page,.banner-content .heading-three,.teamhover .product-button{
    background: #70b72a;
    background-image: none;
}
.inner-page .banner-content{
    padding: 10px 0;
}
html{
    scroll-behavior: smooth;
}
.section-title a{
    color: #2a2b2c;
}
div.form-control{
    padding: 5px;
    background: #fff !important;
}
div.form-control select{
    width: 100%;
    padding: 10px;
    background: #fff url(../image/dropimg.png) no-repeat;
    background-position: right 20px;
    border: none;
}
.container ol, .container ul{
    padding-left: 20px;
}
.container ol ol li{
    list-style-type: lower-alpha;
}
.footer-maps{
    height: 230px;
    width: 230px;
    max-width: 100%;
}
.service-inner p a,
.service-inner p a:hover,
.service-inner h2 a,
.service-inner h2 a:hover
{
    color: #fff !important;
}
@media screen and (max-width: 1024px){
    .main-page-content .three-column li{ width: 48%;}
}
@media screen and (max-width: 767px){
    .upcoming-event-small .img-box{
        margin-right: 20px !important;
    }
}
@media screen and (max-width: 567px){
    .main-page-content .three-column li,
    .upcoming-event-small .img-box{ width: 100%;}
    .upcoming-event-small .img-box{
        margin-right: 0 !important;
    }

}
.mail-form .error-msg{
    padding: 20px;
    background: #993300;
    color: #fff;
}
.mail-form span.error-msg{
    display: block;
    padding: 10px;
}
div.mail-form{
    width: 100%;
    max-width: 1200px;
    padding: 50px;

}
.mail-form p.success,
.mail-form p.error{
    padding: 20px;
    background: #70b72a;
    color: #fff;
}
.mail-form p.error{
    background: #993300;
}