@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@400;500&family=Open+Sans:wght@300;400;500;600;700&display=swap');  

  @import url('https://fonts.googleapis.com/css2?family=Tiro+Devanagari+Hindi&display=swap');


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
input { outline: none;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
    line-height: 1;
font-family: 'Open Sans', sans-serif;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a { text-decoration: none;}

.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; /* remove the gap so it doesn't close */
}
.dropdown-toggle::after { 
    content: none; 
}
p { font-size: 16px; line-height: 26px; color: #443635; margin-bottom: 10px; }

.top-menu{ background:#533E3D; height:40px;  }
.help  { display:flex; align-items: center; justify-content:space-between; height:40px;  }
.help a {font-size: 14px; color: #fff; padding: 7px 0; margin-bottom: 0; }


.villpower-menu { background: #fff;}
.villpower-menu .nav-link {padding: 0.5rem 1rem !important; color: #533E3D; font-weight: 500;}

.banner { background: #F2EFEA;}
.banner .carousel-caption {top: 8rem; left: 9%;  color: #533E3D; text-align: left; text-transform: uppercase;}
.banner .carousel-caption h5{ font-size: 38px; line-height:50px; font-weight: 700; }
.banner .carousel-caption a { display: inline-block; background: #533E3D; border-radius: 5px; padding: 10px 25px; color: #fff; text-decoration: none; margin-top: 30px; font-size: 15px;} 

.about-us { padding: 50px 0;}
.about { padding: 100px 0;}
.about h2 {font-family: 'Josefin Sans', sans-serif;  font-size: 31px; line-height: 38px; color: #533E3D;}
.about2 h2 { font-size: 27px !important; }
.about ul  { margin-top: 30px;}
.about ul li { font-size: 18px; font-weight: 500; margin-bottom: 10px; border-left: 5px solid #533E3D; line-height: 40px; color: #533E3D; background: #F2EFEA ; padding-left: 15px; border-radius: 10px;}
/* .abt-img { position: relative; top: -60px;} */

.misson { background: #533E3D; padding: 60px 0; }
.misson-txt { color: #fff;}
.misson-txt h2 { font-size: 23px; text-transform: uppercase; font-weight: 500; line-height: 30px; }
.misson-txt h3 { font-family: 'Tiro Devanagari Hindi', serif; margin-top: 20px; font-size: 20px;}
.misson-btn { display: flex; align-items: center; height: 100px; justify-content: end;}
.misson-btn a { background: #533E3D; border: 1px solid #fff; border-radius: 5px; padding: 10px 30px; color: #fff;}


.common-heading {   text-align: center; 
  font-family: 'Josefin Sans', sans-serif; margin-bottom: 25px; }
.common-heading h1 { font-size: 30px; color: #443635;  position: relative; }
.common-heading h1::before { left: 0; right: 0; top: -15px; text-align: center; position: absolute; width: 75px; height: 3px; content: ''; background: #533E3D;  margin: 0 auto; border-radius: 3px;}

.heading-left { text-align: left; margin-bottom: 0; margin-top: 20px;}
.heading-left h1 { margin-bottom: 10px;}
.heading-left h1::before {  margin:auto 0 !important;}

.villagers { padding: 70px 0 50px; background: #fff;}
.points {padding: 40px; text-align: center; background: #F4F1ED; border-radius: 5px 70px;}
.points img { margin-bottom: 25px;}
.points h2 {  height: 40px; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 500;  color: #302928;  }

.vision { background: #F2EFEA;}
.vision .misson-txt { color: #533E3D;}
.vision .misson-txt .misson-btn a { border: 1px solid #533E3D;color: #fff;}

.diffrent { padding: 50px 0;}
.diffrent-box { padding: 100px 0;}
.diffrent-box p { padding-right: 50px;}

.target { background:#F2EFEA ; padding: 50px 0;}
.target .points { border: 2px solid #533E3d; border-radius: 5px; padding: 35px;}
.target .points h2 {text-align: center; display: block; height: auto;  }

.categories { padding: 50px 0;}
.product-box { background: #fff; display: flex; border: 1px solid #533E3D;  border-radius: 3px; }
.product-box div { flex:1 1 0px;}
.product-box img { border-radius: 3px 0 0 3px;   }
.product-box p { color: #443635; font-size: 15px;  line-height: 24px; }


.story { padding: 15px;}
.story h3 { font-size: 18px; padding-bottom: 10px; font-weight: 500; color: #302928; border-bottom: 1px solid #533E3D;}
.story p { font-size: 15px; line-height: 22px;}
.story a { text-align: right; color: #533E3D; font-weight: 500; display: inline-block;  float: inline-end; text-decoration: underline; }

.story h3 small { font-size:14px }

footer { background: #533E3D; padding: 50px; }
.ft-menu h3 { font-size: 18px; padding: 20px 0 0; color: #fff;}
.ft-menu p { font-size: 15px; line-height: 24px; color: #fff;}
.ft-menu li a { font-size: 15px; color: #fff; display: block; line-height: 36px;}
.ft-menu a { font-size: 15px; color: #fff; }

.social { margin-top: 20px;}
.social a { margin-right: 25px;}

.f-logo { background: #fff; padding: 5px; border-radius: 3px;}

.news { margin-top: 20px;}
.news button { background: #F2EFEA; border-color: #F2EFEA; color: #533E3D}
.copy { text-align: left}
.copy p a { color: #fff; font-size: 14px; }
.owl-stage-outer { margin-left: 35px;}
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {
    display: block !important; position: absolute; top: 47%; width: 100%;
    }
    .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next{
        background: #533E3D;
        color: #fff;
        border: none;
        width: 35px;
        height: 35px; border-radius: 2px; position: absolute; top: 50%;
    }
    .owl-carousel .owl-nav button.owl-prev { left: -20px;}
    .owl-carousel .owl-nav button.owl-next { right: -20px;}
    .owl-carousel .owl-nav button.owl-prev span, .owl-carousel .owl-nav button.owl-next span{ font-size: 20px; font-weight: 300;}



.inner-banner { padding: 100px; background: url(../img/inner-bg.jpg) no-repeat center -145px; background-size: cover; }

.inner-heading { text-align: left;}
.inner-heading h3 { color: #fff; background: #533E3D; padding: 10px; display: inline; border-radius: 5px;  font-size: 30px; text-transform: uppercase; font-weight: 500;}
.inner-content { padding: 30px 0;}


.head-p { text-align: center; margin-top: 20px;}
.head-p p { color: #fff; background: #002416; display: inline-block; padding: 5px 15px; border-radius: 3px;}

  .list-box li  {     font-size: 16px;
    line-height: 20px;
    margin-left: 10px; 
    color: #333333; margin-bottom: 15px; }

    .list-box li ul li { margin-top: 15px; margin-left: 20px;  }
    .list-box strong { font-weight: 600; margin-right: 10px;}

    .focus .list-box li  { display: block; margin-top: 15px;}


    .contact-box { background:#F2EFEA ; padding: 20px; border-radius: 5px;}
    .contact-box h3 { font-size: 18px; color: #533E3d;font-weight: 500; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #533E3D50;}

.contact-box .form-group { margin-top: 20px;}
.contact-box .form-group label { margin-bottom: 10px;}
.contact-box button { margin-top: 20px; background: #533E3D; border-color: #533E3D;}
.contact-box button:hover { background: #302928;border-color: #302928; }
form, input, textarea { font-size: 15px !important;}
.lb-number { display: none !important;}

.steps-box { background: #F2EFEA; padding: 40px; text-align: center; border-radius: 10px 70px;}
.steps-box h2 { background: #533E3D; color: #fff;  font-size: 40px; padding: 20px 30px; display: inline-block; border-radius: 50px; margin-bottom: 20px; }
.steps-box h3 { font-size: 18px; font-weight: 500; line-height: 22px; height: 66px;  display: flex; align-items: center; justify-content: center;}
.steps-box2 { background: #ddd6cb;}
.steps-box3 { background: #c7bcab;}

.focus .common-heading { text-align: left; margin-bottom: 0px !important;  }
.focus .common-heading h1::before { margin: 0; }
strong { font-weight: 600;}
.about h2 span { font-style: italic !important;}
.fnt { font-size: 20px;}
@media screen and (max-width: 480px) {


    .banner .carousel-caption h5 {
      font-size: 15px;
      text-transform: capitalize;
      line-height: 20px !important;
      font-weight: 400;
      padding-right: 110px;
  }
  .steps-box { margin-bottom: 20px;}
  .about h2 { font-size: 21px; line-height: 28px;}
.about ul  { margin-top: 30px;}
.about ul li { font-size: 14px; line-height: 22px; }
.head-p { margin-bottom: 20px;}
.owl-stage-outer { margin-left: 0;}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next{
 bottom:-20px !important; top: auto !important;
}
.owl-carousel .owl-nav button.owl-prev { left: -20px;}
.owl-carousel .owl-nav button.owl-next { right: -20px;}
.owl-carousel .owl-nav button.owl-prev { left: 10px;}
    .owl-carousel .owl-nav button.owl-next { left: 55px;}
    .navbar-collapse{
        position: relative;
        z-index: 9;}
       
                .banner .carousel-caption {
                  top: 0 !important;
              }
              .d-none {display: block !important; }
              .banner .carousel-caption a {
                padding: 4px 15px;
                margin-top: 11px;
            }
            .about { padding: 0;}

            .misson-btn { justify-content:left;}
            .common-heading h1 {
              font-size: 25px;
          }
          .points { margin-bottom: 20px;}
          .product-box { display: block;}
          .story a { display: block; float: inherit;
          }
    }
   

.example-image.img-fluid {
width: 100% !important;
    object-fit: cover !important;
    height: 200px !important;
}

.navbar-brand img {
  height: 110px;
}