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

h1, h2, h3, h4, h5, h6{ font-family: 'Playfair Display', serif;}


.sticky{top: 0px; left: 0; right: 0; z-index: 999; position: fixed !important; animation: slideDown .5s ease-out;}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(10);
  }
}

/* header */

/* header .headermn{display: none;} */
.sticky .headermn{background-color: #fff;}

header{background-color: transparent; padding: 0; position: relative; left: 0; right: 0; top: 0px; z-index: 99;}
header .headermn .navbar .navbar-brand{width: 11%;}

header .nav-link{color: #000; font-size: 16px; font-weight: 500; transition: .5s; position: relative; padding: 0px 0px !important;}
header .nav-link::after{content: ''; background-color: #fff; 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: #7a1343;}
header .navbar-nav{gap: 40px;}
header .whatsapp{justify-content: end; align-items: center; gap: 20px;}
header .whatsapp li a{background-color: #000; color: #fff; font-size: 16px; font-weight: 500; padding: 10px 20px; border-radius: 5px; transition: .5s; border: 1px solid #fff;}
header .whatsapp li a:hover{background-color: #c09737; color: #000;}
header .whatsapp li:last-child a{background-color: #000; color: #fff; font-size: 16px; font-weight: 500; padding: 10px 20px; border-radius: 5px; transition: .5s; border: 1px solid #fff;} 
header .whatsapp li:last-child a:hover{background-color: #c09737; color: #000;}

header .navbar-toggler{color: #fff; border-color: #fff; padding: 7px 9px; font-size: 22px; border-radius: 6px;}
header .navbar-toggler:focus{box-shadow: none ;}
header .offcanvas-title{color: #373435;}
header .navbar-nav{position: relative;}

header .dropdown-menu{background-color: #fff; border: none; border-radius: 0; box-shadow: 0 0 10px #00000026;}
header .dropdown-menu .dropdown-item{color: #000;}
header .dropdown-menu .dropdown-item:hover{background-color: #bb9615; color: #fff;}

/* header .search{display: none; justify-content: end !important;}
header .search a{color: #000; font-size: 18px;} */
/*  */
/* header .drop .down{position: absolute; top: 21px; left: 0px; z-index: 999; background-color: #fff; border-top: 3px solid #373435; padding: 10px 0 0; transform-origin: top; transform: perspective(1000px)rotatex(-90deg); transition: .5s; width: 250px; border-top: 5px solid #000; box-shadow: 0 0 8px #0000005e;}
header .drop .down.down1{left: 150px;}
header .drop:hover .down{transform: perspective(1000px)rotatex(0deg);}
header .drop .down ul li h6{color: #000; padding: 0 20px 0;}
header .drop .down ul li a{color: grey; font-size: 14px; display: block; padding: 10px 30px; font-weight: 500; transition: .3s;}
header .drop .down ul li a:hover{background-color: #000; color: #fff;}
header .drop a i{transition: .3s;}
header .drop:hover a i{transform: rotate(180deg);}
header .drop .down .row{row-gap: 20px;}
header .drop .down .row{position: relative;}
header .drop .down .row .icon{color: #373435;  font-size: 20px; position: sticky; top: 180px; text-align: right; display: none; z-index: 999;} */



/* slider */

#slider{overflow: hidden;}
#slider .owl-item{background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 550px 0 50px; width: 100%;} 
#slider .content{text-align: center;}
#slider .row{align-items: center; row-gap: 30px;}
#slider .content h2{text-align: center; font-size: 82px; color: #fff; margin-bottom: 100px; font-weight: 600;}
#slider .content h4{text-align: center; color: #ffffff; font-size: 40px; margin-bottom: 25px;}
#slider .content a{color: #000; padding: 10px 22px; display: inline-block; font-size: 22px; font-weight: bold; transition: .5s; margin-top: 20px; border-radius: 8px; background-color: #fff;}
/*#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: #000;}*/

/* choose-from */

#choose-from{padding: 60px 0px; overflow: hidden;}
#choose-from h2{text-align: center; font-size: 40px; margin-bottom: 15px;}
#choose-from .text{font-size: 18px; font-weight: 600; text-align: center; margin-bottom: 40px;}
/*#choose-from .owl-theme .owl-dots .owl-dot{display: none;}*/
#choose-from .owl-carousel .owl-nav button.owl-next{position: absolute; top: 50px; right: -40px; font-size: 70px;
font-weight: 600;}
#choose-from .owl-carousel .owl-nav button.owl-prev{position: absolute; top: 50px; left:-40px; font-size: 70px;
  font-weight: 600;}


/* category */
#category{padding: 50px 0; position: relative; background-image:url(../images/marbal.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; }
#category h2{text-align: center; margin-bottom: 60px; color: #000; font-weight: bold; font-size: 45px;}
#category .owl-carousel .owl-stage-outer{padding-top: 3px;}
#category .category-box{text-align: center; overflow: hidden; margin-right: 2px; border: 1px solid grey;}
#category .category-box a{display: block; background-color: #ecf2fb; color: #000; font-weight: bold; font-size: 16px; transition: .5s;}
#category .category-box a span{padding: 10px; display: block;}
#category .category-box:hover a{background-color: #000; color: #fff;}
#category .category-box .img{overflow: hidden;}
#category .category-box .img img{transition: .5s;}
#category .category-box:hover .img img{transform: scale(1.2);}
#category .owl-prev span{position: absolute; top: 40%; left: -20px; font-size: 30px; width: 30px; height: 30px; background-color: #a3a3a3; line-height: 25px; border-radius: 5px;}
#category .owl-next span{position: absolute; top: 40%; right: -20px; font-size: 30px; width: 30px; height: 30px; background-color: #a3a3a3; line-height: 25px; border-radius: 5px;}
/* #category .owl-prev:hover span, #category .owl-next:hover span{background-color: #0f4336;} */
#category .owl-theme .owl-dots .owl-dot{display: none;}

/* come */

#come{background-image: url(../images/moortibg.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed;}
#come .moortibg{padding: 130px 250px; background-color: #0000007e;}
#come .content{text-align: center; color: #fff;}
#come .content a{display: inline-block; background-color: #000; font-size: 18px; color: #fff; font-weight: bold; border-radius: 100px; padding: 10px 40px; margin-top: 30px;}

/* countdown */
#countdown .imgs img {width: 70%;} 
#countdown h2 {font-size: 40px; color: #000; margin: 15px 0px;}
#countdown h2 p {font-size: 16px; font-family: Arial, Helvetica, sans-serif;}
#countdown .count{background-color: #e5e5e5; padding: 100px 0px; display: flex; justify-content: center; align-items: center; gap: 0px; border-right: 1px solid #000;}
#countdown .count:last-child{border-right: 0;}

  /* testimonial */

  #testimonial{padding: 0 0 60px ; }
  #testimonial h2{color: #49256d;}
  #testimonial .row{row-gap: 20px;}
  #testimonial .testimonialslider .owl-item{border: 1px solid gray; padding: 20px; height: 210px; overflow-y: scroll;}
  #testimonial .owl-item h5{color: #49256d; margin: 0px; font-size: 17px;}
  #testimonial .owl-item p{font-size: 14px;}
  #testimonial .iner .google{ width: 40%;}
  #testimonial .iner ul li{font-size: 35px; color: #f6bb06;}
  #testimonial .iner h4{margin-top: 10px;}
  #testimonial .testimonialslider .star li{color: #f6bb06; font-size: 16px;}
  #testimonial .testimonialslider .profile{margin-bottom: 8px;}
  #testimonial .testimonialslider .profile li:first-child p{height: 40px; width: 40px; line-height: 40px; font-size: 20px; border-radius: 50%; text-align: center; background-color: #a7a7a7; color: #fff;}
  #testimonial .testimonialslider .profile li span{font-size: 14px;}
  #testimonial .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background-color: #49256d;}



/* footer */
footer{background-image:url(../images/marbal.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; padding: 50px 0px 20px; position: relative; z-index: 1;}
footer::before{position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; background-color: #858585cd; z-index: -1;}
footer .row{row-gap: 30px;}
/* footer .footerinr{border-right: 1px solid #000; height: 100%;} */
footer .footerinr .logo img{border-radius: 10px; width: 35%; }
footer .footerinr .logo p{font-size: 18px; font-weight: 500; color: #fff; margin-left: 30px;}
footer .footerinr .logo:hover{padding: 0;}
footer .footerinr ul li{color: #fff; margin-bottom: 10px;}
footer .footerinr ul li h4{color: #751240; font-size: 20px; font-weight: 500; margin-bottom: 20px;}
footer .footerinr ul li p{font-size: 14px; font-weight: 500; color: #fff;}
footer .footerinr ul li i{font-size: 20px; color: #fff;}
footer .footerinr ul li a{display: inline-block; color: #fff; font-weight: 500; font-size: 14px;  transition: .5s;}
footer .footerinr ul li a:hover{padding-left: 5px; color: #fff;}
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: #fff;}
footer .social-link{border-top: #fff 1px solid; padding: 15px 0px; margin-top: 30px; list-style: none; display: flex; justify-content: center; align-items: center;}
footer .social-link .social-icon a{color: #fff; font-weight: bold; font-size: 25px;}
footer .img{width: 18%;}
footer .img a img{background-color: #000000; padding: 0 10px 6px; border-radius: 100px;}


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

/* quick-social */
.quick-social{position: fixed; z-index: 102; bottom: 60px; left: 15px; list-style: none;}
.quick-social li{text-align: center; margin-bottom: 8px;}
.quick-social li a{display: inline-block; width: 30px; height: 30px; line-height: 28px; border-radius: 10px;}
.quick-social li:first-child a{color: #3b5998; font-size: 27px;}
.quick-social li:nth-child(2) a{color: #fff;  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%); font-size: 24px;}
.quick-social li:last-child a{color: #00acee; font-size: 27px;}


/* modal */
.modal form.row{row-gap: 20px;}
.modal .btn-theme {border-radius: 0px; background: #000; 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: #000; color: #fff; font-weight: 500px; padding: 10px; border: 0;}

/* about-page */

#about-page{padding: 60px 0 135px;}
#about-page .row{row-gap: 30px; align-items: center;}
#about-page .img img{border: 1px solid #929292; padding: 8px;}
#about-page .content{position: relative; left: -80px; padding: 40px 30px; bottom: -80px; border-radius: 20px; background-color: #804343;}
#about-page .content h3{color: #fff; font-weight: bold; font-size: 30px; margin-bottom: 10px;;}
#about-page .content h5{color: #fff; font-weight: bold; font-size: 18px; margin-bottom: 20px;;}
#about-page .content p{color: #fff; font-size: 15px; text-align: justify; margin-bottom: 20px;}
#about-page .content a{padding: 10px 20px; background-color: #fff; color: #000; border-radius: 5px; display: inline-block; font-size: 18px;}


/* gallery */
#gallery{background-color: #fff; padding: 70px 0;}
#gallery h2{color: #000; font-size: 40px; margin-bottom: 60px; text-align: center; text-shadow: 1px 2px 1px #00000062;}
#gallery .img-wrapper { position: relative; margin-top: 15px; overflow: hidden; border-radius: 10px; box-shadow: 0 0 8px #00000033;}
#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;}

#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%;}

#gallery .owl-prev span{position: absolute; top: 40%; left: -20px; font-size: 30px; width: 30px; height: 30px; background-color: #a3a3a3; line-height: 25px; border-radius: 5px;}
#gallery .owl-next span{position: absolute; top: 40%; right: -20px; font-size: 30px; width: 30px; height: 30px; background-color: #a3a3a3; line-height: 25px; border-radius: 5px;}
/* #gallery .owl-prev:hover span, #gallery .owl-next:hover span{background-color: #0f4336;} */
#gallery .owl-theme .owl-dots .owl-dot{display: none;}

@media screen and (min-width: 768px) {
  #overlay img {
    width: 60%;
  }
}
@media screen and (min-width: 1200px) {
  #overlay img {
    width: 50%;
  }
}

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


/* heading */
/*#heading{background-image: url(../images/moortibg.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed;}*/
#heading .headingbg{background-color: #535353; padding: 20px 0 20px;} 
#heading h1{color: #fff; font-weight: bold;}
#heading p, #heading a{font-size: 18px; color: #fff; font-weight: bold; transition: .5s;}
#heading a:hover{color: #000;}

/* contact */
#contact{padding: 60px 0; background-color: #fff;}
#contact h2{font-size: 33px; color: #000; text-align: center;}
#contact p{font-size: 18px; margin-bottom: 30px; text-align: center; color: grey;}
#contact .row{row-gap: 40px; justify-content: center;}
#contact .address{text-align: center; padding: 30px 20px; border: 1px solid #000; border-radius: 10px; height: 100%;}
#contact .address i{font-size: 33px; color: #000;}
#contact .address h5{margin: 10px 0; color: #000;}
#contact .address a{color: #000; font-size: 16px;}
#contact .address p{font-size: 16px; color: #000; margin: 0;}
#contact form.row{row-gap: 20px;}
#contact form .form-control{border-radius: 0; background-color: #f3f3f3; border-color: #cfcfcf; padding: 10px 20px;}
#contact form .submit{background-color: #000; font-size: 16px; color: #fff; padding: 10px 40px; border-radius: 6px; border: 0; font-weight: bold;}


/* product-detail */
#product-detail{padding: 60px 0;}
#product-detail .content h3{color: #000; font-weight: bold; text-shadow: 1px 2px 1px #00000062; margin-bottom: 30px; font-size: 36px;}
#product-detail .content p{font-size: 16px; color: #000; font-weight: 500; text-align: justify;}
#product-detail .content a{display: inline-block; background-color: #000; padding: 8px 30px; color: #fff; font-weight: 500; font-size: 16px; text-align: center; margin-top: 30px;}