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


body{font-family: auto;}

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



/* header */
header{position: absolute; top: 0; left: 0; right: 0; background-color: #0000004b; z-index: 999; box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.185); }
header .header-top{background-color: #d98f1a; padding: 3px; text-align: center; }
header .header-top .offer{font-size: 14px; color: #fff;}
header .header-top .offer:hover{color: #1f1a17;}
header .headermn .navbar{padding: 0;}
header .headermn .navbar .navbar-brand{width: 9%;}
header .nav-link{color: #fff; font-size: 16px; font-weight: 600; transition: .5s; position: relative; padding: 0px 0px !important;}
header .nav-link::after{content: ''; background-color: #d98f1a; 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: #d98f1a;}
header .navbar-nav{gap: 20px;}
header .whatsapp{justify-content: end; align-items: center; gap: 15px;}
header .whatsapp li a{color: #fff; background-color: #d98f1a; padding: 8px 30px; font-size: 16px; display: inline-block; transition: .5s; border: 1px solid #d98f1a;}
header .whatsapp li a:hover{color: #d98f1a; background-color: transparent;}
header .navbar-toggler{border: none; color: #d98f1a; padding: 7px 9px; font-size: 22px; border: 1px solid #d98f1a; border-radius: 5;}
header .navbar-toggler:focus{box-shadow: none ;}
header .offcanvas-title{color: #373435;}
header .navbar-nav{position: relative;}


/* slider */
#slider{position: relative; margin-top: 30px;}
#slider .owl-dots{position: absolute; left: 0; right: 0; bottom: 15px;}


/* category */
#category{padding: 60px 0;}
#category h2{font-size: 27px; color: #d98f1a; margin-bottom: 30px; text-align: center;}
#category .row{row-gap: 30px; justify-content: center;}
#category .inner{position: relative; text-align: center;}
#category .inner img{width: 100%;}
#category .inner::before{position: absolute; content: ''; border: 2px solid #fff; top: 10px; bottom: 10px; left: 10px; right: 10px; transition: .7s;}
#category .inner:hover::before{transform: scale(0); opacity: 0; }
#category .inner .category-name{display: inline-block; padding: 8px; position: absolute; left: 13px; right: 13px; bottom: 13px; color: #fff; font-size: 22px; font-weight: 600; transition: .5s; z-index: 9; background-color: #d98f1aa8;}


/* about */
#about{padding: 60px 0; background-color: #eeeeee;}
#about .img{text-align: center;}
#about .img img{width: 83%; border-radius: 20px;}
#about .content span{color: #d98f1a; font-size: 18px; font-weight: 500; display: block;}
#about .content h2{color: #000; font-size: 40px; font-weight: 400; margin-top: 10px;}
#about .content h2 span{color: #d98f1a; font-size: 40px; font-weight: 700;}
#about .content article{font-size: 20px; color: #000; font-weight: bold;}
#about .content p{color: grey; font-size: 16px; text-align: justify; margin-top: 15px;}




/* trending */
#trending{padding: 60px 0;}
#trending h2{font-size: 30px; color: #d98f1a; text-align: center;}
#trending .p1{text-align: center; font-size: 16px; margin-bottom: 30px; color: #4b4b4b; font-weight: 500;} 
#trending .row{row-gap: 30px;}
#trending .inner{background-color: #000;}
#trending .inner img{transition: .5s;}
#trending .inner:hover img{transform: rotatey(180deg);}
#trending .inner .content .view a{background-color: #d98f1a; padding: 10px 30px; font-size: 16px; font-weight: 500; color: #fff; display: inline-block; box-shadow: 0 0 15px #00000060;}
#trending .inner:hover .content .view{opacity: 1;}
#trending .inner:hover .content{background-color: #d98f1a; }
#trending .inner .content{transition: .5s; background-color: #000; text-align: center; padding: 10px;}
#trending .inner .content .name{color: #fff; font-size: 16px; font-weight: 500; transition: .5s; padding-bottom: 10px; display: inline-block;}
#trending .inner:hover .content .name{color: #fff;}




/* style */
#style{background-image: url(../images/style.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; text-align: center; margin-bottom: 60px;}
#style .style-bg{background-color: #d98f1a94; padding: 100px 0;}
#style h2{color: #fff; font-size: 50px; text-align: center; font-weight: 400;}
#style p{font-size: 16px; color: #fff; font-weight: 500; text-align: center; margin: 20px 0;}
#style a{display: inline-block; background-color: #fff; padding: 10px 40px; color: #000; font-size: 16px; font-weight: 500;}



/* testimonial */
#testimonial{padding: 60px 0; background-color: #d98f1a;}
#testimonial h2{font-size: 27px; color: #fff; margin-bottom: 30px; text-align: center;}
#testimonial .content{padding: 20px; box-shadow: 0 0 6px #0000005d; text-align: center; margin-right: 9px;}
#testimonial .content ul{display: flex; list-style: none; gap: 5px; justify-content: center;}
#testimonial .content ul li{color: #ffe81d; font-size: 20px;}
#testimonial .owl-carousel .owl-stage-outer{padding: 5px;}
#testimonial .content p{font-size: 15px; color: #fff; margin: 20px 0;}
#testimonial .content h6{color: #fff; font-size: 20px;}



/* gallery */
#gallery{padding: 50px 0 40px;}


/* footer */
footer{background-image: url(../images/category1.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; }
footer .footer-bg{background-color: #000000d0; padding: 60px 0px 20px;}
footer .row{row-gap: 30px;}
footer .footerinr .logo img{border-radius: 10px; width: 30%;}
footer .footerinr .logo p{font-size: 18px; font-weight: 400; color: #fff; margin-left: 30px;}
footer .footerinr .logo:hover{padding: 0;}
footer .footerinr ul li{color: #fff; margin-bottom: 8px;}
footer .footerinr ul li h4{color: #d98f1a; font-size: 18px; margin-bottom: 20px;}
footer .footerinr ul li p{font-size: 14px; color: #fff;}
footer .footerinr ul li i{font-size: 20px; color: #d98f1a;}
footer .footerinr ul li a{display: inline-block; color: #fff; font-size: 14px;  transition: .5s;}
footer .footerinr ul li a:hover{padding-left: 5px; color: #d98f1a;}
footer .footerinr ul .soical a i{font-size: 30px; color: #d98f1a;}
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: #d98f1a;}
footer .img{text-align: center; border-top: #d98f1a 1px solid; padding: 15px 0px; margin-top: 30px;}
footer .img a img{width: 18%; background-color: #d98f1a; padding: 0 10px 6px; border-radius: 100px;}


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


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


  /* heading */
  #heading{background-image: url(../images/category1.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; text-align: center;}
  #heading .heading-bg{background-color: #000000c7; padding: 180px 0 150px;} 
  #heading h2{color: #fff; font-size: 50px;}
  #heading p, #heading p a{color: #fff; font-size: 18px;}