body{margin: 0px; padding: 0px; font-family: 'Poppins', sans-serif;}

a:hover{text-decoration: none;}

.first-top {width: 100%;margin:0px;padding: 0px;float: left;position: relative;}

.top-wrprs{position: absolute; top: 0px; left: 0px; z-index: 1;}

header{width: 100%; margin: 0px; padding:0px 0px; float: left;}

.logo-dv img{float: left; max-width: 100%;}

.logo-dv{margin-top: -44px;}

.logo-dv a{display: block;
    position: relative;
    z-index: 1;
    background-image: url(../images/logo-bg.png);
    -webkit-filter: drop-shadow(8px 0px 16px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(8px 0px 16px rgba(0, 0, 0, 0.2));
    min-height: 160px;
    max-height: 160px;     background-size: cover;
    background-repeat: no-repeat; padding: 15px;
    background-position: center center;
    line-height: 110px; width: 100%;  border-radius: 0px 0px 10px 28px;
    text-align: center;}

#top-section{width: 100%; margin: 0px; padding:0px 0px; float: left;}

#top-section .container{padding: 10px 0px; background:#396a00;}

.txt-top ul{margin: 0px; padding: 0px; list-style: none; text-align:right;}

.txt-top ul li{margin:0px 0px 0px 0px; display: inline-block; color: #fff;
font-weight: 300; font-size: 14px; }

.txt-top ul li a{color: #fff; padding: 5px 5px; border-radius: 5px; font-weight: 100; font-size: 13px;}

.txt-top ul li:first-child{margin-right: 20px;}

.txt-top ul li:last-child {margin: 0px 10px 0px 0px;}

.txt-top ul li i{color:#fff; font-size: 15px; margin-right: 5px;}

.txt-top ul li strong{font-weight: 500;}  

.txt-top p{
    font-size: 12px; color: #d6d6d6;  margin: 4px 0px 0px;}

header .main-menus{background: #fff; padding: 0px 15px 0px 15px;}


#banner{position: relative; width: 100%; float: left;}

.banner-img{position: relative;}

.banner-img img{width: 100%; float: left;}

.banner-dcd{width: 100%; margin: 0px; padding: 0px; float: left; position: absolute;
height: 100%; display: flex; align-items: center;}

/***.banner-dcd{width: 100%; margin: 0px; padding: 0px; float: left; position: absolute;
height: 100%; top:100px; }*/

.home-eid { width:100%; float:left; margin-top:30px;
}
.home-eid img { width:100%;
}
.home-eid01 { width:100%;  margin:0px auto; 
}

.bnner-txt{
    margin:55px 0px 0px;  padding: 0px; height: 100%; display: flex;  align-items: center;
       background: #62013d7d;
}

.upcoming-head{
    background: #396a00a8;  padding: 25px;
}

.bnner-txt h2{margin: 0px; padding: 0px; color:#fff; font-size: 65px; font-weight: 700;
font-family: 'Playfair Display', serif;}

.bnner-txt  p{margin:25px 0px 0px; padding:0px 140px; font-size: 18px; color: #fff;}

.donate-btn{float: right; margin-top: 11px;}

.main-menus .donate-btn a{background: #dea12a; color: #fff !important; font-size: 13px !important;
    padding: 12px 27px 10px !important; margin-top: 0px !important;}

.main-menus li i{margin-right: 5px;}

.dfrnce-bxes{background:#f1ffe1; margin: 0px; padding:70px 0px; float: left;}

.involve-heading p{margin: 0px; padding: 0px; font-size: 17px; color: #dea12a;
text-transform: uppercase;}

.involve-heading h1{margin: 10px 0px 0px; padding: 0px; font-family: 'Playfair Display', serif;
font-weight: 600; font-size: 50px; color: #396a00;}

.involve-box{margin-top: 25px;}

.invlve-bxes{padding: 45px 35px; margin:20px 0px 0px; background:#dea12a; border-radius: 25px;}

.invlve-new-heading{text-align:center;}
.invlve-new-heading-01{display: flex; align-items: center; }
.invlve-new-heading-01 h4{font-family: 'Playfair Display', serif; margin: 0px; padding: 30px 0px;
color: #fff; display: inline-block; margin-left: 15px; font-size: 30px; height:180px;}

table {
    border-collapse: collapse;
    width: 100% !important;
}
.invlove-par-01 p{margin:25px 0px; padding: 0px; font-size: 15px; text-align: center; color: #fff;
text-align: left;}

.invlove-par-01 a{color: #fff; margin: 0px; padding: 12px 30px; background: #396a00;
    text-transform:uppercase; border-radius: 25px; font-size: 14px; border: 2px solid  #396a00;
transition: all linear 0.5s;}

.invlove-par-01 a:hover{border-color: #396a00; background: transparent;}
.invlve-new-heading h3{font-family: 'Playfair Display', serif;  padding: 0px;
color: #fff; display: inline-block; margin-left: 15px; font-size: 30px; height:75px; width:100%; margin-top:10px;}

.invlve-new-heading img{display: inline-block; width:65px;}

.invlove-par p{margin:10px 0px; padding: 0px; font-size: 15px; text-align: center; color: #fff;
text-align: left; height: 130px; text-align:center;}

.invlove-par a{color: #fff; margin: 0px; padding: 12px 30px; background: #396a00;
    text-transform:uppercase; border-radius: 25px; font-size: 14px; border: 2px solid  #396a00;
transition: all linear 0.5s;}

.invlove-par a:hover{border-color: #396a00; background: transparent;}

.involve-box .col-lg-3:nth-child(2) .invlve-bxes{background: #396a00;}

.involve-box .col-lg-3:nth-child(2) .invlove-par a{color: #fff; border: 2px solid #fff;}

.involve-box .col-lg-3:nth-child(3) .invlve-bxes{background: #e1651c;}
.involve-box .col-lg-3:nth-child(4) .invlve-bxes{background: #480e3a;}

.involve-box .col-lg-3:nth-child(2) .invlove-par a:hover{background: #fff; color: #396a00;}

.home-intro{margin: 0px; padding:80px 0px;}

.home-intro-img{border-radius: 15px; overflow: hidden;}

.home-intro-img img{width: 100%;}

.home-intro-right{margin: 0px;}

.home-intro-right  .involve-heading h1{font-size: 45px;}

.dontn-btn p{margin: 20px 0px 0px; padding: 0px; font-size: 15px; color: #7a7a7a;
line-height: 25px;}

.home-intro-dtls{padding: 30px 15px; background: #396a00; margin-top: -75px;
border-radius: 15px;}

.home-intro-dtls ul{margin: 0px; padding: 0px; list-style: none;}

.home-intro-dtls ul li{text-align: center; border-right: 1px solid #46780b;
display: inline-block; padding: 0px 20px; width: 24%;}

.home-intro-dtls ul li:last-child{padding-right: 0px; border-right: none;}

.home-intro-dtls ul li h3{ margin: 0px; padding: 0px;
color: #fff; font-size: 33px;}

.home-intro-dtls ul li p{margin:5px 0px 0px; padding: 0px; color: #fff; font-size: 13px;
font-weight: 200;} 

#campaign-dv{width: 100%; float: left; margin: 0px; padding: 30px 0px 70px;}

.charity-main-home{margin: 35px 0px 0px;}

.charity-box{border: 1px solid #dea12a; padding: 15px; border-radius: 25px;
margin-top: 15px;}

.charity-img img{width: 100%; float: left; border-radius: 25px;}

.charity-text{margin: 25px 0px 0px;}

.charity-text h3 {
  margin: 0px;
  padding: 0px;
  font-family: 'Playfair Display', serif;
  color: #396a00;
  font-size: 30px; height:90px;
}

.charity-text p {
    margin: 15px 0px; padding: 0px;  font-size: 15px;  color: #7a7a7a;
    line-height: 25px;
}

.charity-text a{
    color: #fff; margin:15px 0px; padding: 10px 30px; background: #396a00;
    text-transform: uppercase; border-radius: 25px; font-size: 14px;
    border: 2px solid #396a00; float: left; font-weight: 500; transition:all linear 0.5s;
}

.charity-text a:hover{background: transparent; color: #396a00;}

.charity-text a:last-child{margin-left: 15px; color: #396a00; background: transparent;}

.charity-text a:last-child:hover{color: #fff; background: #396a00;}

.chrty-dtls{padding: 20px 5px; background: #f1ffe1; border-radius: 25px; margin-top:20px;}

.chrty-dtls ul {
    margin: 0px; padding: 0px; list-style: none;
}

.chrty-dtls ul li {
    border-right: 1px solid #d3e1c2; display: inline-block;
    padding: 0px 10px; width:32%;
}

.chrty-dtls ul li:last-child{border-right: none;}

.chrty-dtls ul li h4 {
     margin: 0px;  padding: 0px; color:#7a7a7a;
    font-size: 18px;
}

.chrty-dtls ul li p {
    margin: 5px 0px 0px; padding: 0px; color: #396a00;
    font-size: 22px;  font-weight: 200; 
}

.home-form{margin: 0px; background-image: url("../images/background.jpg"); background-repeat: no-repeat;
background-size: cover; padding: 70px 0px;}

.form-left{display: flex; align-items: center; height: 100%;}

.form-left h2 {
    margin: 10px 0px 20px;  padding: 0px; font-family: 'Playfair Display', serif;
    font-weight: 600;  font-size: 50px;  color: #fff;
}

.form-left p {
    margin: 15px 0px; padding: 0px; font-size: 15px; color: #fff;  line-height: 25px;
}

.form-right{padding:50px 35px; margin: 0px; border-radius: 15px; background:rgb(0 0 0 / 32%);}

.form-right p{margin:0px 0px 15px; padding: 0px; display: block; float: left; width: 100%;}

.form-right p input{width: 100%; margin: 0px; padding:14px 25px; float: left; background: #fff;
border-radius: 25px; border: none; font-size: 14px;}

.form-right p textarea{width: 100%; margin: 0px; padding:14px 15px; float: left; background: #fff;
border-radius: 25px; border: none; height: 120px; font-size: 14px;}

.form-right p input:focus, .form-right p textarea:focus{outline: none;}

.btn-submt input {
    color: #fff;  margin: 0px; padding: 10px 50px; background: #396a00;
    text-transform: uppercase; border-radius: 25px;  font-size: 14px; border: 2px solid #396a00;
    transition: all linear 0.5s;
}

.btn-submt input:hover{background:#dea12a; border-color: #dea12a;}

.upcomings-main-home{margin: 45px 0px 0px;}

.upcomings-left{margin: 0px; border-radius: 25px; overflow: hidden; position: relative;}

.upcoming-image{position: relative;}

.upcoming-image img{width: 100%;}

.upcoming-text{position: absolute; left: 0px; bottom: 25px; padding: 0px 15px;}

.upcoming-head h3{margin: 0px; padding: 0px; color: #fff;  font-family: 'Playfair Display', serif;
font-size: 22px;}

.upcoming-head ul{margin:5px 0px; padding:0px; list-style: none;}

.upcoming-head ul li{display: inline-block; font-size: 11px; color: #fff; 
    margin:0px 5px 0px 0px; padding: 0px; font-weight: 300;}

.upcoming-head ul li:last-child{margin-right: 0px;}

.upcoming-head ul li i{color: #fff;}

.upcoming-head p{margin: 0px; padding: 0px; font-size: 14px; color: #fff;}

.upcoming-head a {
    color: #fff; margin: 25px 0px 0px; padding: 10px 30px; background: #dea12a;
    text-transform: uppercase; border-radius: 25px; font-size: 14px; border: 2px solid #dea12a;
    float: left; font-weight: 500; transition:all linear 0.5s;
}

.upcoming-head a:hover{background: #396a00; border-color:  #396a00;}

.upcoming-list{padding: 35px 30px; border-radius: 25px; background: #fff;
margin-bottom: 35px; box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%);}

.upcoming-list-head h3{margin: 0px; padding: 0px; color:#396a00;  font-family: 'Playfair Display', serif;
font-size: 24px;}

.upcoming-list-head ul{margin:10px 0px; padding:0px; list-style: none;}

.upcoming-list-head ul li{display: inline-block; font-size: 13px; color:#7a7a7a; 
    margin:0px 5px 0px 0px; padding: 0px; font-weight: 300;}

.upcoming-list-head ul li:last-child{margin-right: 0px;}

.upcoming-list-head ul li i{color: #dea12a;}

.upcoming-list-head p{margin: 0px; padding: 0px; font-size: 14px; color: #7a7a7a;}

.date-right{border: 2px solid #dea12a; padding:10px 15px; width: 100%; color: #dea12a;
border-radius: 15px; margin-top: 25px;}

.date-right p{margin: 0px; padding: 0px; text-align: center; font-family: 'Playfair Display', serif;
font-size: 20px; line-height: 28px;}

.date-right p span{font-size: 28px;}

.upcoming-list:last-child{margin-bottom: 0px;}

.dfrnce-bxes-bottom {background:#f1ffe1; margin: 0px; padding:70px 0px; float: left;}

.footer-top{margin: 0px; padding:60px 0px; background: #393939;}

.footer-ons h3{margin: 0px; padding: 0px;
 font-family: 'Playfair Display', serif; color: #fff;position:relative; font-size: 22px;}

.footer-ons h3:after{ position: absolute; width: 80px; height: 2px;background: #dea12a;
    content: " "; display: inline-block; bottom:-15px; left: 0px;}

.footer-ons p{margin:35px 0px 0px; padding: 0px; font-size: 14px; color: #fff;
    font-weight: 200;}    

.footer-ons a{color: #dea12a;}

.footer-ons ul{margin:35px 0px 0px; padding: 0px;}    

.footer-ons ul li{margin:0px 0px 15px; padding: 0px; display: block;  font-size: 14px; color: #fff;
    font-weight: 200; width: 100%; float: left;}
 
 .footer-ons ul li i{color: #dea12a; width: 20px; float: left; margin-top: 2px;}   

 .footer-ons ul li span{width: 90%; float: left;}

.footer-ons iframe{margin:35px 0px 0px; padding: 0px; width: 100%; height: 150px;}    

 .footer-ons ul li a{color: #fff;}
 
.footer-btm{padding: 20px 0px; background: #444444;}

.footer-btm p{text-align: center; margin: 0px; padding: 0px; color: #fff; font-size: 12px;}

.main-menus li:last-child a:hover{background: #396a00;}

.footer-ons ul li a:hover{color: #dea12a;}

.calendar-btn { text-align: center;}

.calendar-btn a {
    display: inline-block;
    font-weight: 500;
    font-size: 13px;
    border-radius: 25px;
    color: #fff;
    margin-top: 0px;
    text-transform: uppercase;
    padding: 8px 18px;
    background: #dea12a;
    transition: all linear 0.5s;
    box-shadow: -1px 0px 10px #8fff0c;
}

.calendar-btn a:hover {
    background: #fff;
    color: #396a00;
}

.calendarmible{ margin-top:60px; }


/**css-end**/

/**menu-css**/

div#overlay { display: none; }

a#toggle {
  position:absolute;
  top: -5px;
  right:20px;
  width: 40px;
  height: 40px;
  background-color:#dea12a;
  text-align: center;
  color: white;
  display: none;
  transition: all ease-out 0.3s;
  z-index: 1;
}

a#toggle i {
  position: relative;
  top: 45%;
  transform: translateY(-50%);
}

main#content { padding: 10px; }

#menu {
  text-align: center;
  transition: all ease-out 0.3s;
}

#menu a { color: #57a200; 
  text-decoration: none;
}

#menu ul {
  margin: 0px;
  text-align:left;
  padding: 0;
}

#menu ul li {
  display: inline-block;
  position: relative;
}

#menu ul li > a{
    display: inline-block;   font-weight: 500;
    font-size: 14px; border-radius: 25px;margin-top: 0px;
    text-transform: uppercase; padding: 22px 8px; transition: all linear 0.5s;
}

#menu ul li > a:hover {
  color: #dea12a;
}

#menu ul li ul li a:hover {
  color: #fff;
  background: none;
}

#menu ul li > a > i {
  transition: all ease-out 0.3s; display: none;
  -webkit-transition: all ease-out 0.1s;
}

#menu ul li ul {
  display: none;
  position: absolute;
  top:65px;
  width: 200px;
  background: #396a00;
  text-align: left;
}

#menu ul li ul li { display: block; border-bottom: 1px solid #417803;}

#menu ul li ul li:last-child{border-bottom: none;}

#menu ul li ul li a {
    display: block;
    text-transform: capitalize;
    color: #fff;
    font-size: 13px;
    padding:10px; 
}

#menu ul li:hover ul { display: block; }

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

a#toggle { display: block; }

main#content {
  margin-top: 65px;
  transition: all ease-out 0.3s;
}

#menu ul li a.active {
    background: #396a00;
    color: #7dbd32;
}

#menu{
    position: fixed;
    width: 250px;
    height: 100%;
    top: 0; 
    padding: 0px 25px;
    right: 0;
    overflow: hidden;
    overflow-y: hidden;
    overflow-y: auto;
    background-color:#396a00;
    transform: translateX(270px);
}

#menu ul {
  text-align: left;
  background-color: transparent;
  padding-top: 110px;
}

#menu ul li ul{
  padding-top:0px;
}

#menu ul li { display: block; }

#menu ul li a { display: block; color:#fff; padding:15px 10px; }

#menu ul li a > i { float: right; }

#menu ul li ul {
  display: none;
  position: static;
  width: 100%;
  background-color: #dea12a;
}

#menu ul li:hover > ul { display: none; }

#menu ul li:hover > a > i { transform: rotateZ(0); }

#menu ul li.open > a { background-color: none; }

#menu ul li.open > a > i { transform: rotateZ(90deg); }

#menu ul li.open > ul { display: block; }

div#overlay {
  display: block;
  visibility: hidden;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 1;
  opacity: 0;
}

html.open-menu { overflow: hidden; }

html.open-menu div#overlay {
  visibility: visible;
  opacity: 1;
  width: calc(-150%);
  left: 250px;
}

html.open-menu a#toggle,
 html.open-menu main#content { transform: translateX(-250px); }

html.open-menu nav#menu {
  z-index: 3;
  transform: translateX(0);
}
}

/**menu-end**/


/**flexslider-start**/

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;}

@font-face {

  font-family: 'flexslider-icon';

  src:url('../fonts/flexslider-icon.eot');

  src:url('../fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),

    url('../fonts/flexslider-icon.woff') format('woff'),

    url('../fonts/flexslider-icon.ttf') format('truetype'),

    url('../fonts/flexslider-icon.svg#flexslider-icon') format('svg');

  font-weight: normal;

  font-style: normal;

}



/* FlexSlider Necessary Styles

*********************************/

.flexslider {margin: 0; padding: 0;}

.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {width: 100%; display: block;}

.flex-pauseplay span {text-transform: capitalize;}



/* Clearfix for the .slides element */

.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}

html[xmlns] .slides {display: block;}

* html .slides {height: 1%;}



/* No JavaScript Fallback */

/* If you are not using another script, such as Modernizr, make sure you

 * include js that eliminates this class on page load */

.no-js .slides > li:first-child {display: block;}



/* FlexSlider Default Theme

*********************************/

.flexslider { margin: 0px; position: relative; zoom: 1; }

.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }

.loading .flex-viewport { max-height: 300px; }

.flexslider .slides { zoom: 1; }

.carousel li { margin-right: 5px; }



/* Direction Nav */

.flex-direction-nav {*height: 0; display:none;}

.flex-direction-nav a  { text-decoration:none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; /*opacity: 0;*/ cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); /*-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;*/ }

.flex-direction-nav .flex-prev { /*left: -50px;*/ }

.flex-direction-nav .flex-next { /*right: -50px;*/  position:absolute; right:0px;  }

/*.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }

.flexslider:hover .flex-next { opacity: 0.7; right: 10px;  }*/

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }

.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }

.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; line-height:1; display: inline-block; content: '\f001'; }

.flex-direction-nav a.flex-next:before  { content: '\f002'; }



/* Pause/Play */

.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }

.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }

.flex-pauseplay a:hover  { opacity: 1; }

.flex-pauseplay a.flex-play:before { content: '\f003'; }



/* Control Nav */

.flex-control-nav {width: 100%; position: absolute; text-align: center; z-index:99; bottom: 10px;}

.flex-control-nav li {margin: 0 6px;  zoom: 1; display: inline-block;}

.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; 

  background:rgba(255, 255, 255, 0.5); cursor: pointer; text-indent: -9999px;  }

.flex-control-paging li a:hover { background:#252222;  }

.flex-control-paging li a.flex-active { background:#252222; cursor: default; }



.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}

.flex-control-thumbs li {width: 25%; float: left; margin: 0;}

.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}

.flex-control-thumbs img:hover {opacity: 1;}

.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}



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

  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}

  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}

}

/**end-slider**/

.donate-btn i{display: inline-block !important;}


/* new-css-pintu */

.about-form {
    margin: 0px;
    padding: 70px 0px;
}
.about-form img { width:100%; border-radius:20px;
} 
.about-form-01 {
    margin: 0px;
    padding: 0px 0px;
}
.about-form-01 img { width:100%; border-radius:20px;
}
#about-form-01 {
    margin: 0px;
    padding: 70px 0px;
	float: left;
}
.about-form-left {
    margin: 0px;
    padding: 0px 10px 0px 0px;
}
.about-form-left h3 {
    margin: 10px 0px 20px;
    padding: 0px;
    font-family: 'Playfair Display', serif;
    font-weight: 600;
    font-size: 50px;
    color: #396a00;
}
.about-form-left p {
    margin: 20px 0px 0px;
    padding: 0px;
    font-size: 15px;
    color: #7a7a7a;
    line-height: 25px;
}
.about-form-left h4 {
    font-family: 'Playfair Display', serif;
    padding: 0px;
    margin: 15px 0px;
    font-size: 22px;
    color: #dea12a;
    font-weight: 500;
}
.about-form-left h4:nth-child(2n) {
    margin: 20px 0px 0px;
  }
.about-form-left h5 {
    font-family: 'Playfair Display', serif;
    padding: 0px;
    margin: 15px 0px;
    font-size: 22px;
    color: #dea12a;
    font-weight: 500;
}
.about-form-right {
    padding: 50px 35px;
    margin: 0px;
    border-radius: 15px;
    background: #396a00;
}
.form-heading {
    padding: 0px 0px 25px;
}
.form-heading h4 {
    margin: 0px;
    padding: 0px;
    font-size: 22px;
    font-weight: 600;
    color: #dea12a;
    text-transform: capitalize;
    letter-spacing: 1px;
    font-family: 'Playfair Display', serif;
}
.about-form-right p {
    margin: 0px 0px 15px;
    padding: 0px;
    display: block;
    float: left;
    width: 100%;
}
.about-form-right p input {
    width: 100%;
    margin: 0px;
    padding: 14px 25px;
    float: left;
    background: #fff;
    border-radius: 25px;
    border: none;
    font-size: 14px;
}
.about-form-right p textarea{width: 100%; margin: 0px; padding:14px 15px; float: left; background: #fff;
border-radius: 25px; border: none; height: 120px; font-size: 14px;}

.about-form-right p input:focus, .about-form-right p textarea:focus{outline: none;}

.about-btn-submt {
  margin: 10px 0px 0px;
}
.about-btn-submt input {
    color: #fff;
    margin: 0px;
    padding: 10px 50px;
    background: #dea12a;
    text-transform: uppercase;
    border-radius: 25px;
    font-size: 14px;
    border: 2px solid #dea12a;
    transition: all linear 0.5s;
}
.donation-left {
    margin: 0px 0px 80px;
  }
.donation-left h3 {
    margin: 10px 0px 20px;
    padding: 0px;
    font-family: 'Playfair Display', serif;
    font-weight: 600;
    font-size: 50px;
    color: #396a00;
}
.donation-text h4 {
    margin: 15px 0px 0px;
    padding: 0px;
    font-size: 22px;
    font-weight: 500;
    font-family: 'Playfair Display', serif;
    color: #396a00;
}
.donation-text p {
    margin: 10px 0px;
    padding: 0px;
    font-size: 15px;
    color: #7a7a7a;
    line-height: 25px;
}
.donation-left .chrty-dtls ul li {
    margin: 0px 0px 15px;
}
.donation-right {
    padding: 50px 35px;
    margin: 0px;
    border-radius: 15px;
    background: #396a00;
}
.form-heading p {
    margin: 10px 0px;
    padding: 0px;
    font-size: 15px;
    color: #fff;
    line-height: 25px;
}
.donation-select {
  margin: 0px 0px 15px;
}
.donation-select select {
    margin: 0px;
    width: 100%;
    padding: 14px 20px;
    float: left;
    height: auto;
    color: #6d6d6d;
    border: 1px solid #d9d9d9;
    font-size: 14px;
    outline: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url(../images/arrw.png);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 10px;
}
.donation-select input {
    width: 100%;
    margin: 0px;
    padding: 14px 20px;
    float: left;
    background: #fff;
    border-radius: 0px;
    border: none;
    font-size: 14px;
}
.donation-select input:focus{outline: none;}

.donation-submit-img {
  margin: 20px 0px 0px;
}
.sponsorship-form {
    padding: 70px 0px;
}
.blue-form {
    width: 100%;
    height: auto;
    float: left;
    margin: 20px 0px 0px;
    padding: 30px 30px;
    background: #f8f8f8;
    box-sizing: border-box;
    border: solid 1px #e0e0e0;
    border-radius: 6px;
}
.form-rws {
    margin-bottom: 20px;
}
.agnt {
    padding-bottom: 20px;
}
.cont-dv {
    width: 100%;
    height: auto;
    float: left;
    margin: 0px 0px 5px;
    padding: 0px;
}
.cont-dv label {
    margin: 0px;
    padding: 0px;
    font-weight: 500;
    color: #000;
    font-size: 18px;
    text-transform: capitalize;
}
.cont-dv span {
  color: #FF0000;
}
.step-1 {
    width: 100%;
    height: auto;
    float: left;
    margin: 0px 0px 0px;
    padding: 0px;
}
.step-1 label {
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    font-weight: 500;
    color: #333333;
}
.step-1 input {
    width: 100%;
    margin: 0px;
    padding: 15px 12px;
    float: left;
    height: auto;
    color:#777777;
    border: 1px solid #e1e1e1;
    font-size: 13px;
    font-weight: 400;
    outline: none;
    background: #fff;
}
.step-1 input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color:#777777;
  opacity: 1; /* Firefox */
}
.step-1 input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:#777777;
}
.step-1 input::-ms-input-placeholder { /* Microsoft Edge */
  color:#777777;
} 
.step-1 textarea {
    width: 100%;
    margin: 0px;
    padding: 15px 12px;
    float: left;
    height: 100px;
    color:#777777;
    border: 1px solid #e1e1e1;
    font-size: 13px;
    font-weight: 400;
    outline: none;
    background: #fff;
}
.cust-select {
    width: 100%;
    margin: 0px 0px;
    padding: 0px;
    float: left;
    border:none;
}
.cust-select label {
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    font-weight: 500;
    color: #333333;
}
.cust-select select {
    margin: 0px;
    width: 100%;
    padding: 15px 12px;
    float: left;
    height: auto;
    color: #6d6d6d;
    border: 1px solid #d9d9d9;
    font-size: 13px;
    outline: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url(../images/arrw.png);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 10px;
}
.remember-dv {
    width: 100%;
    height: auto;
    float: left;
    margin: 0px;
    padding: 0px;
}
.all-checks-lists {
    width: 100%;
    height: auto;
    float: left;
    margin: 0px;
    padding: 0px;
}

/*radio-button-css */

.rdo {
    float: left;
    display: block;
    position: relative;
    padding: 0px 0px 0px 27px;
    margin: 3px 0px 0px;
    cursor: pointer; 
    color: #777777;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 500;
}

/* Hide the browser's default radio button */
.rdo input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.ls-1 {
  position: absolute;
  top: 0;
  left: 0;
  height:18px;
  width:18px;
  background-color: #cdd4e4;
  border-radius: 50%; margin-top: 2px;
}

/* On mouse-over, add a grey background color */
.rdo:hover input ~ .ls-1 {
  background-color:#396a00;
}

/* When the radio button is checked, add a blue background */
.rdo input:checked ~ .ls-1 {
  background-color: #396a00;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.ls-1:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.rdo input:checked ~ .ls-1:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.rdo .ls-1:after {
    top: 5px;
    left: 5px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}
.contnt-chk {
    display: block;
    position: relative;
    padding-left: 28px;
    margin-top: 0px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #3b3b3b;
    float: left;
    font-weight: 600;
    text-transform: capitalize;
}
.contnt-chk a {
    text-decoration: none;
    color: #880000;
    font-size: 14px;
    font-weight: 600;
}
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color:#cdd4e4;
}
.contnt-chk input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.contnt-chk input:checked ~ .checkmark {
 background-color:#2a2f36;
}

/* Create the checkmark/indicator (hidden when not checked) */
.contnt-chk .checkmark:after {
  content: "";  
  position: absolute;  
  display: none;
}
/* Show the checkmark when checked */
.contnt-chk input:checked ~ .checkmark:after {
  display: block;
}
/* Style the checkmark/indicator */
.contnt-chk .checkmark:after {
  left: 8px; 
  top: 5px; 
  width: 5px; 
  height: 10px; 
  border: solid white;
  border-width: 0 3px 3px 0;
   -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
   transform: rotate(45deg);
}

.cheq-one {
    width: 200px;
    float: left;
}
.cont-bt {
    width: 100%;
    height: auto;
    float: left;
    margin: 10px 0px;
    padding: 0px;
    text-align: center;
}
.btn-1 {
    margin: 0px;
    padding: 15px 40px;
    background: #396a00;
    border: none;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    outline: none;
    border-radius: 0px;
}
.story-img-one {
    width: auto;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 10px;
    margin-bottom: 30px;
    padding: 0px;
    display: inline-block;
}
.story-img-one img {
     border-radius: 20px;
  }
.story-img-two {
    width: auto;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 10px;
    margin-bottom: 30px;
    padding: 0px;
    display: inline-block;
}
.story-img-two img {
     border-radius: 20px;
  }
.success-stories-text {
  margin: 20px 0px 10px;
  border: 1px solid #dea12a;
  padding: 15px 20px;
  border-radius: 25px;
}
.success-stories-text h2 {
    margin: 0px;
    padding: 0px;
    font-size: 17px;
    font-weight: 500;
    color: #e1651c;
    text-transform: uppercase;
}
.success-stories-text p {
    margin: 20px 0px 0px;
    padding: 0px;
    font-size: 15px;
    color: #7a7a7a;
    line-height: 25px;
}
.contact-section {
    padding: 70px 0px;
}
.contact-info {
    background: #f1ffe1;
    padding: 45px 20px;
    border-radius: 15px;
}
.contact-img {
    width: 218px;
    border:5px solid #dea12a;
    border-radius: 10px;
    margin: auto;
}
.contact-img img {
   border-radius: 5px;
}
.contact-mape {
   border:5px solid #dea12a;
}
.contact-mape iframe {
  width: 100%;
}
.contact-left {
    padding: 0px 10px;
    height: 100%;
    align-items: center;
    display: flex;
}
.contact-left h2 {
    margin: 10px 0px 20px;
    padding: 0px;
    font-family: 'Playfair Display', serif;
    font-weight: 600;
    font-size: 22px;
    color: #396a00;
}
.contact-left h3 {
    font-family: 'Playfair Display', serif;
    padding: 0px;
    margin: 15px 0px 25px;
    font-size: 20px;
    color: #dea12a;
    font-weight: 500;
}
.contact-left ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.contact-left ul li {
    margin: 0px 0px 15px;
    display: block;
    color:#797575;
    width: 100%;
    float: left;
    font-size: 16px;
    font-weight: 500;
}
.contact-left ul li i {
    width: 8%;
    float: left;
    margin-top: 2px;
    font-size: 20px;
    font-weight: 600;
    color: #396a00;
}
.contact-left ul li span {
    width: 92%;
    float: left;
}
.contact-left ul li a {
    color:#797575;
    font-size: 14px;
    text-decoration: none;
}
.contact-right {
    padding: 0px 10px;
}
.contact-right p {
    width: 100%;
    float: left;
    margin: 0px 0px 25px;
}
.contact-right p input {
    width: 100%;
    margin: 0px;
    padding: 6px 0px;
    border: none;
    border-bottom: 1px solid #000;
    font-size: 13px;
    color: #7d7d7d;
    background-color: transparent;
}
.contact-right p textarea {
    width: 100%;
    margin: 0px;
    padding: 6px 0px;
    border: none;
    color: #7d7d7d;
    border-bottom: 1px solid #000;
    font-size: 13px;
    height: 80px;
    background: transparent;
}
.cntct-sbmt input {
    display: inline-block;
    padding: 9px 37px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    background: #396a00;
    transition: all linear 0.5s;
    border-radius: 25px; outline: none;
    border: none;
    margin-top: 15px;
}

.contact-right p input:focus, .contact-right p textarea:focus{outline: none;}

.cntct-sbmt input:hover {
    color: #fff;
    background:#dea12a;
}
.map-space {
  margin-top: 50px;
}

/*css for calendar*/
.fc-license-message{display: none;}
#calendar {
max-width: 900px;
margin: 0px auto;position:relative;
}
.fc-event{cursor: pointer;}
/*css for calendar*/