z  *{margin: 0; padding: 0; box-sizing: border-box;}
img{max-width: 100%;}
a, a:hover, a:focus, a:visited, a:active{text-decoration: none;}
p, ul, li{padding: 0; margin: 0;}



.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background-color: #00a859;}


.sticky{background-color:#ffffffec ; color: #000; left: 0; right: 0;z-index: 999; position: fixed !important; top:0px; animation: slideDown .5s ease-out;}
header.sticky .nav-link{color: #000;}

@keyframes slideDown {
    from {
      transform: translateY(-100%);
    }
    to {
      transform: translateY(10);
    }
}


/* header */
header{position: absolute; top: 0px; left: 0; right: 0; box-shadow: 0 0 10px #00000021; z-index: 999; padding: 5px 0;}
header .headermn .navbar .navbar-brand{width: 20%;}
header .headermn .navbar .navbar-brand img{border-radius: 10px;}
header .nav-link{color: #fff; font-size: 16px; font-weight: 500; transition: .5s; position: relative; padding: 0px 0px !important;}
header .nav-link::after{content: ''; background-color: #000; width: 0%; height: 2px; position: absolute; bottom: -5px; left: 0; transition: .5s;}
header .nav-link:hover::after{width: 100%;}
header .nav-link:hover, header .nav-link:focus{ color: #ed3237;}
header .navbar-nav{gap: 20px;}
header .whatsapp{justify-content: end; align-items: center; gap: 15px; margin-left: 30px;}

header .whatsapp li a{color: #fff; background-color: #00a859; padding: 10px 25px; font-size: 16px; display: inline-block; transition: .5s; border-radius: 100px;}
header .whatsapp li a:hover{background-color: #ed3237;}

header .navbar-toggler{border: none; color: #00a859; font-size: 28px; border-radius: 0;}
header .navbar-toggler:focus{box-shadow: none ;}
header .offcanvas-title img{width: 50%;}
header .navbar-nav{position: relative;}



/* slider */
#slider .owl-dots{position: absolute; left: 0; right: 0; bottom: 20px;}
#slider .owl-theme .owl-dots .owl-dot.active span, #moorti-banner .owl-theme .owl-dots .owl-dot:hover span{background-color: #00a859;}



/* about */
#about{padding: 60px 0; }
#about .row{row-gap: 20px;}
#about .content h2{color: #00a859; font-weight: bold;}
#about .content p{color: #727272; font-size: 14px; font-weight: 500; margin-bottom: 10px; text-align: justify;}
#about .content ul{padding-left: 20px;}
#about .content ul li{color: #727272; font-size: 14px; font-weight: 500; margin-bottom: 10px; text-align: justify;}
#about .img img{border-radius: 20px;}


/* about2 */
#about2{padding: 60px 0; background-color: #e8ede9;}
#about2 .row{row-gap: 20px;}
#about2 .content h2{color: #00a859; font-weight: bold;}
#about2 .content ul{padding-left: 20px;}
#about2 .content ul li{color: #727272; font-size: 14px; font-weight: 500; margin-bottom: 10px; text-align: justify;}
#about2 .content .choose{columns: 2;}
#about2 .img img{border-radius: 20px;}



/* product */
#product{background-color: #fff; padding: 70px 0;}
#product .row{row-gap: 20px;}
#product .p1{text-align: center; color: grey; font-size: 18px;}
#product h3{text-align: center; font-size: 45px; font-weight: bold; margin-bottom: 30px;}
#product .img_box {position: relative; overflow: hidden;}

#product .img_box:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); content: ''; }

#product .img_box .titles { position: absolute; top: 45%; left: 0; font-size: 23px; font-weight: 700; color: #fff; width: 100%; text-align: center; z-index: 99;}

#product .img_link { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #0000004d; visibility: hidden; transition:.5s; transform: scale(0);}

#product .img_link i { position: absolute; top: 45%; left: 0; font-size: 23px; text-transform: uppercase; font-weight: 400; color: #fff; width: 100%; text-align: center;}

#product .img_box:hover .img_link {
  visibility: visible;
  transition: .5s;
  transform: scale(1);
}

#product .img_box img {
  transition: transform .5s;
}

#product .img_box:hover img {
  transition: .5s;
  transform: scale(1.2);
}

#product .img_box .enquery{position: absolute; left: 0; right: 0; bottom: -100px; transition: .5s; text-align: center;}
#product .img_box .enquery a{display: block; font-weight: 500; padding: 10px; color: #fff; background-color: #00a859; transition: .5s;}
#product .img_box .enquery a:hover{background-color: #ed3237;}
#product .img_box:hover .enquery{bottom: 0;}



/* gallery */
#gallery{background-color: #e8ede9; padding: 70px 0;}
#gallery .row{align-items: center;}
#gallery .p1{text-align: center; color: grey; font-size: 18px;}
#gallery h2{text-align: center; font-size: 45px; font-weight: bold; margin-bottom: 30px;}
#gallery .img-wrapper { position: relative; margin-top: 15px;}
#gallery .img-wrapper img {width: 100%;}

#gallery .img-overlay { background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; opacity: 0;}
#gallery .img-overlay i { color: #fff; font-size: 3em;}

#gallery .nav-pills .nav-link{color: #000; font-weight: 500; border-radius: 0; border: 1px solid #00a859;}
#gallery .nav-pills .nav-link.active, #gallery .nav-pills .show>.nav-link{background-color: #00a859; color: #fff;}

#overlay { background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; position: fixed; top: 0; left: 0; display: flex; justify-content: center; align-items: center; z-index: 999; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
#overlay img { margin: 0; width: 80%; height: auto; -o-object-fit: contain; object-fit: contain; padding: 5%;}
@media screen and (min-width: 768px) {
  #overlay img {
    width: 60%;
  }
}
@media screen and (min-width: 1200px) {
  #overlay img {
    width: 62%;
  }
}

#nextButton i{
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
}
#nextButton:hover {
  opacity: 1;
}
@media screen and (min-width: 768px) {
  #nextButton {
    font-size: 2em;
  }
}

#prevButton i{
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
}
#prevButton:hover {
  opacity: 0.7;
}
@media screen and (min-width: 768px) {
  #prevButton {
    font-size: 2em;
  }
}

#exitButton i{
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
  position: absolute;
  top: 15px;
  right: 15px;
}
#exitButton:hover {
  opacity: 0.7;
}
@media screen and (min-width: 768px) {
  #exitButton {
    font-size: 2em;
  }
}


/* testimonals */
#testimonals{padding: 60px 0px;}
#testimonals .owl-carousel .owl-stage-outer{padding: 50px 0px;}
#testimonals .p1{text-align: center; color: grey; font-size: 18px;}
#testimonals h2{text-align: center; font-size: 45px; font-weight: bold; margin-bottom: 30px;}
#testimonals .testimonalsinr{padding: 10px 20px; background-color: #e8ede9; border: 1px solid #424761; text-align: center; position: relative;}
#testimonals .testimonalsinr .imgsc{position: absolute; top: -50px; right:226px; z-index: 99;}
#testimonals .testimonalsinr .imgsc img{border-radius: 50%; border: 1px solid;}
#testimonals .testimonalsinr .star{margin-top: 47px; justify-content: center;}
#testimonals .testimonalsinr .star li{font-size: 18px; color: #ed3237;}
#testimonals .testimonalsinr p{font-size: 14px; line-height: 22px; color: #000; font-style: italic; margin-bottom: 16px;}
#testimonals .testimonalsinr h3{    font-size: 18px;  color: #000; display: inline-block;  font-weight: bold;  text-transform: uppercase;}
#testimonals .testimonalsinr h5{font-size: 14px; color: #000;  font-weight: normal;  margin-top: 4px;  letter-spacing: 1px;  text-transform: none; margin-bottom: auto30px;}
#testimonals .testimonalsinr .ico{position: absolute; bottom: -32px; right: 50px; z-index: 99;}
#testimonals .testimonalsinr .ico li{height: 70px; width: 70px;  background-color: #fff;  border-radius: 50px;  text-align: center;  line-height: 70px; -webkit-box-shadow: 0px 0px 16px -3px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 16px -3px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 16px -3px rgba(0,0,0,0.75); font-size: 40px; color: #ed3237;}





/* footer */
footer{background-color: #e8ede9; padding: 50px 0px 20px;}
footer .row{row-gap: 30px;}
footer .footerinr .logo img{border-radius: 10px; width: 38%; }
footer .footerinr .logo p{font-size: 18px; font-weight: 500; color: #000; margin-left: 30px;}
footer .footerinr .logo:hover{padding: 0;}
footer .footerinr ul li{color: #000; margin-bottom: 10px;}
footer .footerinr ul li h4{color: #00a859; font-size: 20px; font-weight: 500; margin-bottom: 20px;}
footer .footerinr ul li p{font-size: 14px; font-weight: 500; color: #000;}
footer .footerinr ul li i{font-size: 20px; color: #00a859;}
footer .footerinr ul li a{display: inline-block; color: #000; font-weight: 500; font-size: 14px;  transition: .5s;}
footer .footerinr ul li a:hover{padding-left: 5px; color: #00a859;}
footer .footerinr .category li{margin-bottom: 8px;}
footer .footerinr .link li:first-child, footer .footerinr .category li:first-child{color: #333333;}
footer .footerinr ul li p b{color: #00a859;}
footer .img{text-align: center; border-top: #00a859 1px solid; padding: 15px 0px; margin-top: 30px;}
footer .img a img{width: 18%; background-color: #00a859; padding: 0 10px 6px; border-radius: 100px;}


.quickcontact {
  width: 45px;
  position: fixed;
  top: 77%;
  right: 15px;
  z-index: 102;
}


/* modal */
.modal form.row{row-gap: 20px;}
.modal .btn-theme {border-radius: 0px; background: #ed3237; color: #fff;}
.modal .btn-theme:hover{background-color: #000; color: white;} 
.modal .form-control{border-radius: 0px; border: none; box-shadow: none; background-color: #f1f1f1;}
.modal .form-control:focus{border-color: #000;}
.modal .submit{background-color: #00a859; color: #fff; font-weight: 500px; padding: 10px; border: 0; transition: .5;}
.modal .submit:hover{background-color: #ed3237;}



/* heading */
#heading{background-image: url(../images/banner1.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; margin-top: 100px;}
#heading .heading-bg{background-color: #00000048; padding: 100px 0;}
#heading h2{font-size: 45px; font-weight: bold; color: #fff;}
#heading p, #heading a{font-size: 18px; color: #fff; font-weight: bold; transition: .5s;}
#heading a:hover{color: #779a46;}