* {
  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;
}

body {font-family: "Lato", sans-serif;}



/* header */
header {
  position: unset;
  left: 0;
  right: 0;
  top: 0;
  z-index: 99;
}

header .headermn .navbar .navbar-brand {
  width: 8%;
}

header .headermn .navbar .navbar-brand img {
  width: 100%;
}

header .nav-link {
  color: #000;
  font-size: 13px;
  font-weight: 500;
  transition: .5s;
  position: relative;
  padding: 0px 0px !important;
  text-transform: uppercase;
}

header .nav-link::after {
  content: '';
  background-color: #e32024;
  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: #e32024;
}

header .navbar-nav {
  gap: 13px;
}

header .navbar-toggler {
  border: none;
  color: #e31e25;
  font-size: 28px;
  border-radius: 0;
}

header .navbar-toggler:focus {
  box-shadow: none;
}

header .offcanvas-title img {
  width: 34%;
}

header .navbar-nav {
  position: relative;
  align-items: center;
}

.sticky {
  left: 0;
  right: 0;
  z-index: 999;
  position: fixed !important;
  top: 0px;
  animation: slideDown .5s ease-out;
  background-color: #fff;
  box-shadow: 0 0 10px #00000021;
}
.sticky .headermn .navbar .navbar-brand{
  width: 9%;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }

  to {
    transform: translateY(10);
  }
}

header .navbar-nav .down-menu{
    width: auto; padding: 20px; left: 10px; right: 10px; 
    display: none;

    position: absolute;
    background-color: #fff;
    box-shadow: 0 0 10px #00000042;
    transition: .5s;
    z-index: 9;
}
header .navbar-nav .drop:hover .down-menu{
    display: block;

}


.navbar-expand-lg .navbar-nav .down-menu h3 a{font-size: 14px; font-weight: 700; color:#e2000f;}
.navbar-expand-lg .navbar-nav .down-menu ul li{margin-bottom: 10px;}
.navbar-expand-lg .navbar-nav .down-menu ul li a{font-size: 14px; color: #000; transition: .5s;} 
.navbar-expand-lg .navbar-nav .down-menu ul li a:hover{padding-left: 10px; color: #e31e25;}


/* slider */
#slider .owl-item {
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 274px 0;
}
#slider .content{text-align: center;}

#slider .content h2 {
  color: #000;
  font-size: 40px;
  font-weight: bold;
}

#slider .content h2 span {
  color: #e32024;
  display: block;
}

#slider .content p {
  color: grey;
  font-size: 16px;
  margin: 20px 0;
}

#slider .content .read {
  color: #fff;
  background: linear-gradient(#b4ff33, #90c438);
  padding: 10px 25px;
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  transition: .5s;
  border-radius: 100px;
}

#slider .content .read:hover {
  background: linear-gradient(#90c438, #b4ff33);
}

#slider .content .contact {
  color: #fff;
  background: linear-gradient(#ff9e28, #d67b0d);
  padding: 10px 25px;
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  transition: .5s;
  border-radius: 100px;
}

#slider .content .contact:hover {
  background: linear-gradient(#d67b0d, #ff9e28);
}

#slider .owl-theme .owl-dots .owl-dot{display: none;}



/* category */

#category{padding: 50px 0px;}
#category .imgs{overflow: hidden;}
#category .imgs img{transition: 7s;}
#category .imgs:hover img{transform: scale(1.1);}
#category .content{margin-top: 20px;}
#category .content li h5{font-size: 14px; font-weight: 600; width: 120px;}
#category .content li a{font-size: 12px; display: inline-block; background-color: transparent; border: 2px solid #e61d24; color: #e61d24; padding: 6px 3px; border-radius: 4px; transition: .5s;}
#category .content li a:hover{background-color: #e61d24; color: #fff;}

/* product */

#product{padding: 10px 0px;}
#product h2{text-align: center; font-size: 35px; margin-bottom: 50px;}
#product .row{row-gap: 40px;}
/*#product .imgs{overflow: hidden;}*/

#product .iner .imgs{position: relative; overflow: hidden;}
#product .iner:hover .imgs .img1{transform: translateY(0)scale(1.1); opacity: 0;  transition: .5s; -o-transition: .5s; -webkit-transition: .5s; -moz-transition: .5s;}
#product .iner .imgs .img2{position: absolute; top: 0px; left: 0px; right: 0px; opacity: 0; transition: .5s;-o-transition: .5s;-webkit-transition: .5s; -moz-transition: .5s;}
#product .iner:hover .imgs .img2{opacity: 1; overflow: hidden;}




/*#product .imgs img{transition: 7s;}*/
/*#product .imgs:hover img{transform: scale(1.1);}*/
#product .content{margin-top: 10px;}
#product .content h5{text-align: center;}
#product .content h5 a{font-size: 14px; font-weight: 600; width: 120px; color: #494848; transition: .5s;}
#product .content h5 a:hover{color: #e32024;}
#product .content h6{text-align: center;}

/* offer-area */

#offer-area{padding: 50px 0px;}
#offer-area .row{row-gap: 20px ;}
#offer-area .imgs{overflow: hidden;}
#offer-area .imgs img{transition: 7s;}
#offer-area .imgs:hover img{transform: scale(1.1);}

/* banner */

#banner{padding: 50px 0px; overflow: hidden;}

/* counter */

#counter {background: #f8f8f8; padding: 31px 0; margin-top: 50px;}
#counter .iner{text-align: center;}
#counter .iner h5{font-size: 14px; font-weight: 600; margin-top: 20px;}


/* blog */

#blog{padding: 50px 0;}
#blog .row{row-gap: 30px;}
#blog h2 {font-size: 38px; color: #000; font-weight: bold; text-align: center; margin-bottom: 50px;}
#blog h2 span {color: #e32024;}
#blog .inner{border: 2px solid #f5f5f5;}
#blog .inner img{width: 100%;}
#blog .text{padding: 20px;}
#blog .text h5 a{color: #000; margin: 15px 0; display: inline-block; transition: .5s;}
#blog .text h5 a:hover{color: #e32024;}
#blog .text span{color: #6d6d6d; display: inline-block; font-size: 15px;}
#blog .text span i{color: #e32024;}
#blog .text p{color: #101010; font-size: 14px;}
#blog .text .read { color: #fff; background-color: #236d3a; padding: 10px 25px; font-size: 16px; font-weight: 500; display: inline-block; transition: .5s; border-radius: 8px; margin-top: 20px;}
#blog .text .read:hover {background-color:#e32024;}



/* testimonals */

#testimonals {
  padding: 50px 0px 0px;
}

#testimonals h2 {
  color: #000;
  font-size: 43px;
  font-weight: bold;
  text-align: center;
}

#testimonals h2 span {
  color: #a0c814;
}

#testimonals .p1 {
  font-size: 18px;
  text-align: center;
  color: #6d6d6d;
  margin-bottom: 40px;
}

#testimonals .testimonalsinr {
  padding: 20px;
  background-color: #fff;
  margin: 10px;
  border-right: 3px solid #a0c814;
  box-shadow: 0 6px 12px #00000023;
  display: flex;
  gap: 15px;
  list-style: none;
}

#testimonals .testimonalsinr img {
  border-radius: 50%;
  width: 350px;
  border: 1px solid #6d6d6d;
}

#testimonals .testimonalsinr p {
  font-size: 20px;
  line-height: 30px;
  color: grey;
  font-style: italic;
  margin-bottom: 16px;
}

#testimonals .testimonalsinr h3 {
  font-size: 18px;
  color: #000;
  display: inline-block;
  font-weight: bold;
}



/* footer */
footer .footertop {
  background-color: #f8f9fa;
  padding: 70px 0px 20px;
}

footer .row {
  row-gap: 25px;
}
footer .footertop h3{font-size: 20px; margin-bottom: 15px;}

footer .footertop .about img {
  width: 111px;
}

footer .footertop .about p {
  color: #000;
  font-size: 14px;
  margin-top: 20px;
}

footer .footertop ul {
  list-style: none;
}

footer .footertop ul li {
  color: #000;
  font-size: 14px;
  margin-top: 10px;
}

footer .footertop ul li a {
  color: #000;
  font-size: 14px;
  transition: .5s;
  display: inline-block;
  border-bottom: 1px solid transparent;
}

footer .footertop ul li a:hover {
  color: #e32024;
}

footer .footertop .addres li {
  margin-bottom: 20px;
}

footer .footertop .addres li i {
  color: #e32024;
  font-size: 22px;
}

footer .footerboo ul {
  display: flex;
  justify-content: space-between;
  margin: 0;
  border-top: 1px solid #e32024;
  padding-top: 20px;
}

footer .footerboo {
  background-color: #f8f9fa;
  padding: 20px;
}

footer .footerboo .soical li:first-child {
  color: #e32024;
  text-align: center;
}

footer .footerboo .soical li:first-child a {
  color: #fff;
  font-size: 16px;
  display: inline-block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  background-color: #e32024;
  border-radius: 50%;
  transition: .5s;
}

footer .footerboo .soical li:first-child a:hover {
  background-color: #000;
}

footer .footerboo ul li img {
  width: 195px;
  background-color: #e32024;
  padding: 0px 10px 8px;
  border-radius: 100px;
}




/* heading */
#heading {
  background-image: url(../images/banner1.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

#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: #000;
}




/* quickcontact */
.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: #e32024;
  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: #e32024;
  color: #fff;
  font-weight: 500px;
  padding: 10px;
  border: 0;
  transition: .5;
}

.modal .submit:hover {
  background-color: #000;
}


	  /* search ka popup */
	  
	  #search-menu {
      position: fixed;
      width: 100%;
      height: 20em;
      top: -20em;
      left: 0;
      right: 0;
      white-space: nowrap;
      z-index: 9999;
      background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 0.01) 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.8)), color-stop(50%, rgba(0, 0, 0, 0.8)), color-stop(100%, rgba(0, 0, 0, 0.01)));
      background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 0.01) 100%);
      background: -o-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 0.01) 100%);
      background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 0.01) 100%);
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 0.01) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cc000000", endColorstr="#1a000000",GradientType=0);
      opacity: 0;
      visibility: hidden;
      -webkit-transition: 500ms ease all;
      -moz-transition: 500ms ease all;
      transition: 500ms ease all;
      }
      #search-menu.toggled {
      top: 0;
      opacity: 1;
      visibility: visible;
      }
      #search-menu .wrapper {
      position: relative;
      margin: 3em auto 0 auto;
      padding: 0 1em;
      }
      #search-menu .wrapper input {
      width: 58%;
      padding: 0 0 0.125em 0;
      background: transparent;
      border: none;
      border-bottom: 3px solid #bfbfbf;
      font-size: 25px;
      color: #bfbfbf;
      }
      #search-menu .wrapper input:focus {
      outline: none;
      }
      #search-menu .wrapper button {
      /* position: absolute;
      display: block;
      width: 10%; */
      right: 0;
      top: 0;
      background: transparent;
      border: none;
      color: #bfbfbf;
      font-size: 40px;
      -webkit-transition: 500ms ease all;
      -moz-transition: 500ms ease all;
      transition: 500ms ease all;
      }
      #search-menu .wrapper button:hover {
      color: #fff;
      }
      #search-menu .wrapper button:focus {
      outline: none;
      }
      
      #search-icon {
      padding: 0 0.5em 0.25em 0.5em;
      font-size: 15px;
      color: #000;
      cursor: pointer;
      
      text-align: center;
      -webkit-transition: 500ms ease all;
      -moz-transition: 500ms ease all;
      transition: 500ms ease all;
      }
      #search-icon:hover {
      color: #000000;
      }
  
      /*  */
  

/* about-start */

#about-banner{background-image: url(../images/bg-page-title.webp); background-position: bottom; padding: 120px 0px    ; background-repeat: no-repeat; background-size: cover;}
#about-banner h2{text-align: center; color: #fff; font-size: 40px;}
#about-banner p, #about-banner p a{text-align: center; color: #fff; transition: .5s;}
#about-banner p a:hover{color: #e32024;}

#about-us{padding: 50px 30px;
  text-align: center;
  color: #42434d;
  font-size: 20px;
  margin-bottom: 25px;}
#about-us h2{text-align: center; color:#42434d; font-size: 36px; font-weight: 600; margin-bottom: 25px;}
#about-us .text{text-align: center; color: #42434d; font-size: 20px; margin-bottom: 25px;}

/* contact */

#contact{padding: 50px 0px;}
#contact h3{font-size: 30px; margin-bottom: 20px;}
#contact .text{font-size: 15px; margin-bottom: 30px;}
#contact .iner{row-gap: 30px;}
#contact .form-control{background-color: transparent;
border: 1px solid #ebebeb;
border-radius: 3px;
color: #555;
font-size: 13px;
height: 45px;
padding: 10px;
box-shadow: none;}
#contact .btn{padding: 10px 50px; background-color: #e32024; color: #fff; border: 2px solid #e32024; transition: .5s;}
#contact .btn:hover{background-color: transparent; color: #e32024;}
#contact ul li h5{font-family: "Work Sans", sans-serif;
font-size: 20px;
font-weight: 500;
margin: 0 0 4px;
line-height: 21px;}
#contact .content{margin-left: 30px;}
#contact ul{margin-bottom: 55px;}
#contact ul li a{color: #000; font-size: 16px;}
#contact .map{margin-top: 60px;}

/* product-info */

.product-info{padding: 50px 0px !important;}

/* product-det */

/* zoop product start */
#zoomp{padding: 50px 0px; margin-top: 20px;}
#zoomp h3{font-size: 28px; margin-bottom: 20px;}
#zoomp h6{font-size: 24px; margin-bottom: 20px;}
#zoomp h6 span{text-decoration: line-through; color: gray;}
#zoomp .text{text-align: justify; margin-top: 20px;}
#zoomp h4{margin: 15px 0px;}
#zoomp ul{columns: 3; display: inline-flex; flex-wrap: wrap; gap: 20px;}
#zoomp ul li{margin-bottom: 20px;}
#zoomp ul li a{display: inline-block; font-size: 12px; padding: 10px 17px; border-radius: 30px; background-color: #2b2a2a; color: #fff;}
#zoomp ul li label{display: inline-block; font-size: 12px; padding: 10px 17px; border-radius: 30px; background-color: #2b2a2a; color: #fff;}
#zoomp .btn{padding: 10px 30px; font-size: 18px; display: inline-block; background-color: #e32024; border: 2px solid #e32024; color: #fff; margin-top: 15px; transition: .5s;}
#zoomp .btn:hover{background-color: transparent; color: #e32024;}


#zoomp .zoom-gallery a img{width: 90px; margin: auto;}

/* zoom product clos */

/* zooomtab */
#zooomtab h3{font-size: 20px;}
#zooomtab .text{font-size: 16px; text-align: justify;}

#zooomtab .accordion-button{background: transparent;
border-radius: 16px; font-weight: 600;
box-shadow: none;
color: #e32024;}

/* similar-product */

#similar-product{padding: 50px 0px;}
#similar-product h2{text-align: center;  margin-bottom: 40px;     font-family: 'Bilbo Swash Caps', cursive;}
#similar-product .row{row-gap: 30px;}
#similar-product h6{text-align: center;}
#similar-product h6 a{margin-top: 15px; display: inline-block; color: #000;}
#similar-product .owl-theme .owl-dots .owl-dot{display: none;}

/* blog-det */

#blog-detail{padding: 70px 0;}
#blog-detail .row{row-gap: 30px; justify-content: center;}
#blog-detail .img img{width: 100%;}
#blog-detail .content h5 a{color: #000; font-size: 22px; display: inline-block; margin-bottom: 10px;}
#blog-detail .content span{color: #6d6d6d; display: inline-block; margin: 15px 0; font-size: 15px;}
#blog-detail .content span i{color: #e32024;}
#blog-detail .content p{color: #6d6d6d; font-size: 16px;}

#blog-detail .blog{background-color: #e3202413; padding: 15px 30px 30px; border: 1px solid #e32024; position: sticky; top: 100px;}
#blog-detail .blog h4{color: #e32024; margin-bottom: 15px; text-align: center; font-size: 28px; font-weight: bold;}
#blog-detail .blog ul{list-style: none; background-color: #fff; border: 1px solid #e4e4e4; padding: 10px;}
#blog-detail .blog ul li{margin-bottom: 15px; align-items: center;}
#blog-detail .blog ul li:last-child{margin-bottom: 0;}
#blog-detail .blog a{color: #000; font-size: 13px; display: inline-block;}
#blog-detail .blog p{color: #6d6d6d; display: inline-block; font-size: 14px;}
#blog-detail .blog p i{color: #e32024;}