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

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

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


/* header */
header{box-shadow: 0 0 10px #00000021; background-color: #000; padding: 0;}
header .headermn .navbar .navbar-brand{width: 12%;}
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: #d4a23b; 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: #d4a23b;}
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: #d4a23b; padding: 10px 25px; font-size: 16px; display: inline-block; transition: .5s; border-radius: 5px; font-weight: 500;}
header .whatsapp li a:hover{background-color: #fff; color: #d4a23b;}

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



/* slider */
#slider{position: relative;}
#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: #d4a23b;}
#slider .content{position: absolute; top: 40%; z-index: 99; background-color: #00000070; padding: 30px; border: 3px solid #d4a23b; width: 400px;}
#slider .content h2{color: #fff;}



/* product */
#product{padding: 70px 0; background-color: #fff;}
#product .row{row-gap: 25px;}
#product .inner{border-radius: 10px; height: 100%; overflow: hidden; position: relative; text-align: center;} 
#product .inner a{display: block; position: absolute; left: 0; right: 0; bottom: 150px; color: #fff; font-weight: bold; font-size: 18px; transform: scale(0); transition: .5s;}
#product .inner:hover a{transform: scale(1) rotate(360deg);}
#product .inner img{transition: .5s;}
#product .inner:hover img{filter: brightness(.6);}



/* about */
#about{padding: 60px 0; background-color: #f8f5f4;}
#about .row{row-gap: 20px; align-items: center;} 
#about .content h2{color: #d4a23b; font-weight: bold; font-size: 40px;}
#about .content h2 span{color: #000; display: block;}
#about .content p{color: #727272; font-size: 16px; font-weight: 500; margin-bottom: 10px; text-align: justify; margin: 30px 0;}
#about .img img{border-radius: 10px;}


/* service */
#service{padding: 60px 0 10px; background-color: #fff;}
#service .service-mn{row-gap: 25px; padding: 20px; box-shadow: 0 0 5px #00000021; border-radius: 10px;}
#service .heading h3{border-bottom: 1px solid #d6d6d6; padding-bottom: 15px; margin-bottom: 20px;}
#service .inner{border-radius: 10px; height: 100%; overflow: hidden; border: 1px solid #e2e2e2;}
#service .inner a{display: block; color: #000; font-weight: 500; font-size: 16px; transition: .5s; background-color: #fff;}
#service .inner .content{display: flex; list-style: none; justify-content: space-between; align-items: center; padding: 15px;}
#service .inner .content li p{font-size: 18px; color: #d4a23b;}
#service .inner .content li:last-child a{font-size: 30px; color: #000;}



/* testimonals */
#testimonals{padding: 60px 0px; background-color: #f8f5f4;}
#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: #fff; box-shadow: 0 0 10px #00000021; text-align: center; position: relative; margin: 15px; border-radius: 10px;}
#testimonals .testimonalsinr .imgsc{position: absolute; top: -50px; right:226px; z-index: 99;}
#testimonals .testimonalsinr .imgsc img{border-radius: 50%; border: 1px solid #6d6d6d;}
#testimonals .testimonalsinr .star{margin-top: 47px; justify-content: center;}
#testimonals .testimonalsinr .star li{font-size: 18px; color: #d4a23b;}
#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 .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; box-shadow: 0px 0px 16px -3px #000000bf; font-size: 40px; color: #d4a23b;}


/* footer */
footer{background-color: #000; padding: 50px 0px 20px;}
footer .row{row-gap: 30px;}
footer .footerinr .logo img{width: 45%;}
footer .footerinr .logo p{font-size: 18px; font-weight: 500; color: #fff; margin-left: 30px;}
footer .footerinr .logo:hover{padding: 0;}
footer .footerinr .social{margin-top: 20px;}
footer .footerinr .social a{display: inline-block; height: 35px; width: 35px; border-radius: 50%; border: 1px solid #d4a23b; line-height: 38px; text-align: center; transition: .5s;}  
footer .footerinr .social a:hover{padding: 0; color: #fff; background-color: #d4a23b;}
footer .footerinr .social a:hover i{color: #fff;}
footer .footerinr ul li{color: #fff; margin-bottom: 10px;}
footer .footerinr ul li h4{color: #d4a23b; 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: #d4a23b;}
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: #d4a23b;}
footer .footerinr .category li{margin-bottom: 8px;}
footer .img{text-align: center; border-top: #d4a23b 1px solid; padding: 15px 0px; margin-top: 30px;}
footer .img a img{width: 18%; background-color: #d4a23b; 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: #d4a23b; 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: #d4a23b; color: #fff; font-weight: 500px; padding: 10px; border: 0; transition: .5;}
.modal .submit:hover{background-color: #000;}



/* 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: #779a46;}