/* REUSABLE GRIDS */
 .whatsapp-btn {
        position: fixed;
        bottom: 80px;
        right: 10px;
        z-index: 9999;
    }

/* .sticky */
.sticky {
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 11999;
	animation:300ms ease-in-out 0s normal none 1 running fadeInDown;
}

p.subheading {
   color: #C19D60;
   font-size: 14px;
   font-weight: 500;
   margin-bottom: 10px;
   text-transform: uppercase;
}

.btn {
   border: none;
   background: none;
   color: #fff;
   padding: 8px 20px;
   /* border-radius: 5px; */
   transition: all .5s;
   background-color: #333;

}

.btn:hover {
   color: #fff;
   background-color: #C19D60;
}



.grid {
   display: grid;
   column-gap: 32px;
   row-gap: 32px;
}

.grid--2-cols .product-img {
   height: 300px;
}

.grid--3-cols .product-img {
   height: 215px;
}

.grid--4-cols .product-img {
   height: 160px;
}


.grid--2-cols {
   grid-template-columns: repeat(2, 1fr);
}

.grid--3-cols {
   grid-template-columns: repeat(3, 1fr);
}

.grid--4-cols {
   grid-template-columns: repeat(4, 1fr);
}

.grid--5-cols {
   grid-template-columns: repeat(5, 1fr);
}

img {
   border-radius: 3px;
}


.header-bottom-area .container {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 5px 0;
}


.header-social {
   list-style: none;
   font-size: 20px;
   display: flex;
   align-items: center;
   gap: 20px;
}

.header-social i {
   color: #fff;
}

.header-social i:hover {
   color: #ccc;
}

.menu-search-box {
   margin-top: 0;
}

.bg-white {
   background-color: #fff;
}

.w-c {
   color: white;
}

.ptb-10 {
   padding: 7px 0;
}

.ptb-30 {
   padding: 30px 10px;
}

.pb-20 {
   padding-bottom: 20px;
}

.mainmenu-area {
   box-shadow: 0 0 8px rgba(0, 0, 0, 0.04);
}

.mainmenu-area .nav-row {
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: relative;
   padding: 0 20px;
}

.mainmenu {
   padding-top: 10px;
}

.nav-icon {
   font-size: 20px;
   margin-right: 5px;
   margin-bottom: -2px;
   font-weight: 600;
}

.nav-icon-figure {
   background-color: #c90909;
   color: #fff;
   padding: 1px 5px;
   border-radius: 50%;
   font-size: 10px;
   position: absolute;
   top: 30%;
   transform: translateX(40%);
   z-index: 1;
}

.section-title {
   margin-bottom: 10px;
   font-size: 18px;
   font-weight: 500;
}

.single-service .s-icon {
   width: 90%;
   margin-bottom: -5px;
}

.mobile-menu-area {
   display: none;
}

.m-search {
   color: #333;
}

.menu-search-box.m form input {
   padding: 30px 5px;
}

/* Cart Notify */
.show-cart-notification.cart-notification{
   opacity:1;
   visibility: visible;
}

.cart-notification {
   background-color: #59a310;
   padding: 10px;
   box-shadow: 0 0 8px rgba(0, 0, 0, 0.04);
   position: fixed;
   top: 92px;
   width: 100%;
   z-index: 5;
   opacity: 0;
   transition: .5s;
   visibility: hidden;
}

.cart-notification-content{
 display: flex;
 align-items: center;
 gap: 30px;
 justify-content: space-between;
}

.cart-notification-text{
   color: #fff;
   font-weight: 600;
   font-size: 16px;
   margin: 0;
}

.cart-notification-content i {
   color: #59a310;
   background-color: #fff;
   padding: 1px 3px;
   border-radius: 50%;
   font-size: 18px;
   cursor: pointer;
}

/* Hero Slider Container */
.hero-slider {
   position: relative;
   width: 100%;
   height: 80vh;
   overflow: hidden;
}

/* Individual Slides */
.slide {
   position: absolute;
   width: 100%;
   height: 100%;
   opacity: 0;
   transition: opacity 1s ease-in-out;
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;

}


.slide.active {
   opacity: 1;
   z-index: 1;
}

/* Slide Content */
.slide-content {
   position: absolute;
   top: 55%;
   left: 50%;
   transform: translate(-50%, 50%);
   color: #ffffff;
   padding-left: 3rem;
   opacity: 0;
   width: 100%;
   /* text-align: center; */
   transition: transform 0.7s ease-in-out 0.8s, opacity 0.7s ease-in-out 0.8s;
   background-color: #00000003;
}

.slide.active .slide-content {
   transform: translate(-50%, -50%);
   opacity: 1;
}

.slide-content h1 {
   font-size: 3.6rem;
   margin-bottom: 10px;
   color: #fff;
   font-weight: 700;
}

.slide-content p {
   font-size: 1.5rem;
   margin-bottom: 10px;
   color: #fff;
}

.btn {
   display: inline-block;
   padding: 10px 20px;
   background: #222;
   color: white;
   text-decoration: none;
   transition: background 0.3s ease;
}

.btn:hover {
   background: #C19D60;
}

/* Dots Container */
.dots {
   position: absolute;
   bottom: 20px;
   left: 50%;
   transform: translateX(-50%);
   display: flex;
   gap: 10px;
   z-index: 1;
}

/* Individual Dots */
.dot {
   width: 12px;
   height: 12px;
   background: #ffffff;
   border-radius: 50%;
   cursor: pointer;
   transition: background 0.3s ease;
}

.dot.active {
   background: #C19D60;
}

/* Responsive Styling */
@media (max-width: 1200px) {
   .hero-slider {
      height: 70vh;
   }

   .slide-content {
      top: 55%;
   }

   .slide-content h1 {
      font-size: 2.6rem;
   }

   .btn {
      padding: 8px 16px;
      font-size: 0.9rem;
   }
}

@media (max-width: 992px) {
   .hero-slider {
      height: 60vh;
   }

   .slide-content {
      top: 50%;
   }

   .slide-content h1 {
      font-size: 2.2rem;
   }


   .btn {
      padding: 7px 14px;
   }

   .dots {
      gap: 8px;
   }

   .dot {
      width: 10px;
      height: 10px;
   }
}

@media (max-width: 768px) {
   .slide-content {
      top: 45%;
   }

   .slide-content h1 {
      font-size: 2rem;
   }

   .btn {
      padding: 6px 12px;
      font-size: 0.8rem;
   }
}

@media (max-width: 576px) {
   .hero-slider {
      height: 42vh;
      margin-bottom: -20px;
   }

   .slide-content {
      top: 50%;
   }

   .slide-content h1 {
      font-size: 1.8rem;
   }

   .slide-content p {
      font-size: 1rem;
   }

   .btn {
      padding: 5px 10px;
      font-size: 0.9rem;
   }
}

@media (max-width: 410px) {
   .slide-content {
      padding-left: 1.5rem;
      padding-right: 1rem;
   }

   .slide-content h1 {
      font-size: 1.5rem;
   }
}


.single-new-product {
   /* padding: 5px; */
   box-shadow: 0 0 4px rgba(0, 0, 0, 0.02);
}

@media (max-width: 664px) {
   .single-new-product {
      margin-left: 5.5%;
   }

   .gall-img-box {
      margin-left: 0;
      margin-right: 5%;
   }

   .shop-product.single-new-product {
      margin-left: 0;
   }

}

.owl-nav {
   display: flex;
   align-items: center;
   justify-content: space-between;
   font-size: 40px;
   color: #555;
   transition: all .5s;
}

.owl-prev {
   position: absolute;
   top: 40%;
   right: 100%;
   transform: translateX(-100%);
   opacity: 0;
   transition: all .3s;
}

.owl-next {
   position: absolute;
   top: 40%;
   left: 100%;
   transform: translateX(100%);
   opacity: 0;
   transition: all .3s;
}

.owl-carousel:hover .owl-next {
   transform: translateX(0);
   opacity: 1;
}

.owl-carousel:hover .owl-prev {
   transform: translateX(0);
   opacity: 1;
}

.product-img {
   height: 240px;
   border-radius: 8px;
}

.whatsapp-order-btn {
   font-size: 14px;
   background-color: #09c175;
   display: inline-block;
   color: #fff;
   padding: 10px 7px;
   border-radius: 5px;
   font-weight: 500;
}

.whatsapp-order-btn:hover {
   color: #fff;
}

.whatsapp-order-btn i {
   color: #fff;
   font-size: 20px;
}

.details {
   display: flex;
   align-items: flex-end;
   justify-content: space-between;
   padding: 0 5px 5px;
}

.new-product-action .cart-btn {
   text-align: center;
   border: none;
   width: 100%;
   padding: 8px 11px;
   color: #fff;
   transition: all .3s;
   background: #333;

}

.new-product-action {
	bottom: 0;
	position: absolute;
	text-align: center;
	width:100%;
	opacity:0;
	transition:all.4s;
	transform:scaleY(0);
	transform-origin:center bottom 0;
}

.new-product-action .cart-btn:hover {
   background: #C19D60 none repeat scroll 0 0;
}

.cart-icon {
   margin-left: 5px;
}

.product-icon {
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   background-color: #fff;
   border-radius: 3px;
   padding: 5px;

}

.product-icon ul {
   display: flex;
   flex-direction: column;
   gap: 8px;
}

.product-actions-btn {
   border: none;
   background: #fff;
   color: #555;
   position: relative;
}

.product-actions-btn:hover {
   color: #333;
}

/* button.product-actions-btn ion-icon[name="heart-outline"] title{
   font-size: 20px;
}

button.product-actions-btn ion-icon[name="shuffle-outline"] {
   color: green; 
   font-size: 20px;
} */

.z-pattern {
   align-items: center;
   justify-items: center;
}

.new.sales {
   background-color: #c90909;
   font-size: 14px;
   padding: 8px 4px;
}


.trust-text {
   line-height: 1.8;
}

.feat-icon {
   font-size: 50px;
   color: #222;
}

.feat-contents {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 40px;
}

.mini-abt-contents {
   display: grid;
   grid-template-columns: 1fr 2fr;
   column-gap: 30px;
   justify-content: center;
}

/* BOTTOM NAV AREA */

.bottom-nav {
   position: fixed;
   bottom: 0;
   width: 100%;
   padding: 12px 5px 0;
   background-color: #fff;
   z-index: 3;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   display: none;
}

.bottom-nav .bottom-nav-links span.nav-icon-figure {
   position: absolute;
   top: 5%;
   transform: translateX(-100%);
}

.bottom-nav-links {
   display: flex;
   align-items: center;
   justify-content: space-between;
   text-align: center;
}

.bottom-nav-text {
   font-weight: 600;
   font-size: 14px;
}

.mini-abt-img {
   width: 100%;
}

.text {
   line-height: 1.8;
}

.footer-logo {
   margin-bottom: 22px;
   padding-left: 20px;
}

.footer-title h3 {
   color: #fff;
}

.footer-heading {
   color: #fff;
   font-size: 18px;
}

.footer-heading i {
   margin-right: 10px;
}

.footer-contents {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   align-items: start;
   justify-content: space-between;
   gap: 15px;
}

.footer-social {
   margin-top: 20px;
}

.footer-social i {
   font-size: 20px;
}

.sub-address-icon {
   color: #c90909;
   margin-right: 6px;
}


/* COOKIES */

.cookies-notification{
   padding: 10px;
   box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
   position: fixed;
   bottom: 0;
   background: #fff;
   width: 100%;
   z-index: 4;
   text-align: center;
   opacity: 0;
   transition: .3s;
   visibility: hidden;
}

.show-cookies.cookies-notification {
   opacity: 1;
   visibility: visible;
}
.cookies-notification-content{
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.cookies-notification-content p{
   margin: 0;
   color: #717171;
}


/* MOBILE NAV */

.btn-mobile-nav {
   background: none;
   border: none;
   cursor: pointer;
   display: none;
}

.icon-mobile-nav {
   font-size: 30px;
   color: #333;
}

.close {
   padding-top: 10px;
}

.hero-btn {
   padding: 10px 15px;
   font-weight: 600;
}

h3.product-heading {
   font-weight: 800;
   font-size: 30px;
   margin-bottom: 22px;
}


.footer-area {
   background-image: linear-gradient(to right bottom,
         rgba(0, 0, 0, 0.822),
         rgba(0, 0, 0, 0.725)),
      url('img/gall-7.jpg');
   padding-bottom: 0;
   width: 100%;
}


/* Modal background */
.modal {
   display: none; /* Hidden by default */
   position: fixed;
   z-index: 4; /* Sit on top */
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.7); /* Black background with opacity */
   overflow: auto;
}

/* Modal content */
.modal-content {
   width: 85%;
   max-width: 700px;
   position: absolute;
   top: 51.5%;
   left: 50%;
   transform: translate(-50%, -50%);
   background: #fff;
   margin: 3% auto;
   border: none;
   padding: 10px;
}

/* The close button */
.close-btn {
   color: #aaa;
   font-size: 28px;
   font-weight: bold;
   text-align: right;
}

.close-btn:hover,
.close-btn:focus {
   color: black;
   text-decoration: none;
   cursor: pointer;
}

#quickViewImage {
   width: 100%;
   max-height: 410px;
   object-fit: contain;
}

body.modal-open {
   overflow: hidden;
}


/* OTHER PAGES */
/********************
    SHOP PAGE
 *******************/
.page-img-box.shop-page-img-box {
   height: auto;
   padding: 1rem 0;
}

.shop-menu {
   display: none;
}

.categories-links {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;
   gap: 25px;
   margin: 15px 0;
}

.categories-links li {
   background-color: #0a0b0bb2;
   padding: 8px 20px;
   border-radius: 5px;
}

.categories-links a:link,
.categories-links a:visited {
   color: #fff;
   font-size: 18px;
   font-weight: 500;
   transition: all .5s;
}

.categories-links a:hover,
.categories-links a:active {
   color: #ddd;
}

/* .categories-links a:link::after {
   content: "";
   width: 0;
   height: 2px;
   background-color: #ccc;
   position: absolute;
   left: 0;
   bottom: 0;
   padding-top: 1px;
 } */

.shop-nav-contents {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.shop-nav-content {
   display: flex;
   align-items: center;
   gap: 5px;
}

.shop-nav-content a {
   display: inline-block;
   color: #767676;
}

.shop-nav-content-text {
   color: #333;
   font-size: 15px;
   display: inline-block;
   font-weight: 600;
}

.shop-contents {
   column-gap: 20px;
   row-gap: 10px;
}

.shop-nav-content.pagination {
   gap: 30px;
}

.ptb-25 {
   padding: 25px 10px;
}

.filter-text {
   cursor: pointer;
}

.filter {
   font-size: 24px;
   margin-right: 10px;
   margin-bottom: -5px;
}

.layout-change-nav {
   display: flex;
   justify-content: center;
   gap: 10px;
   align-items: center;
   margin-left: 20px;
}

.layout-change {
   cursor: pointer;
}

.layout-change img {
   width: 25px;
}


.filter-cont .question {
   display: inline-block;
}

.filter-cont .question::after {
   content: "";
}

.filter-cont .answercont {
   position: absolute;
   z-index: 3;
   width: 100%;
   left: 0;
   padding: 0 30px;
   background-color: #fff;
}

.filter-cont .answercont .answer {
   padding-top: 20px;
   border-top: 1px solid #eee;
   border-bottom: 5px solid #eee;
   display: flex;
   gap: 50px;
   align-items: center;
}

.filter-lists {
   display: flex;
   flex-direction: column;
   gap: 15px;
}


/********************
    ABOUT US PAGE 
 *******************/

.page-img-box {
   height: 300px;
   display: flex;
   justify-content: center;
   flex-direction: column;
   text-align: center;
   background-size: cover;
   background-position: center;
   margin-bottom: 20px;
}

.page-img-box.pay-box {
   height: 230px;
}

.page-heading h2 {
   font-size: 60px;
   color: #fff;
   font-weight: bold;
}

.page-heading-mini-link {
   text-transform: uppercase;
   color: #fff;
   font-size: 11px;
   font-weight: 600;
}

.page-heading-mini-link span {
   margin-left: 4px;

}

.page-heading-mini-link a:link,
.page-heading-mini-link a:visited {
   color: #fff;
   margin-right: 4px;
   transition: .3s;
}

.page-heading-mini-link a:hover {
   color: #ccc;
}

.about-sec-1-img {
   width: 100%;
}

.ptb-90 {
   padding: 90px 0;
}

h2 {
   margin-bottom: 10px;
}

.heading-secondary {
   margin-top: 20px;
}

.play-icon :hover {
   scale: 1.1;
   transition: .5s;
}

.play-icon {
   display: flex;
   align-items: center;
   justify-content: center;
   border: 2px solid #fff;
   display: inline-block;
   padding: 10px;
   border-radius: 50%;
}

.play {
   height: 70px;
   width: 70px;
   color: #fff;
}


.section-subtitle {
   color: #fff;
   font-size: 40px;
}

.parallax-background {
   height: 80vh;
   position: relative;
   overflow: hidden;
}

.parallax {
   position: absolute;
   top: 20%;
   left: 0;
   width: 100%;
   height: 100%;
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   will-change: transform;
   /* Optimizes for smooth scrolling */
}


.parallax-content {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}


@media(max-width:400px) {
   .parallax-background {
      height: 50vh;
   }

   .play {
      height: 50px;
      width: 50px;
      color: #fff;
   }
   
   
   .section-subtitle {
      font-size: 30px;
   }
   
}
.about-sec-2 {
   margin-top: 20px;
   
}

.about-sec-2-content p {
   margin: 0;
}

/********************
    GAllery PAGE 
 *******************/
.gall {
   display: grid;
   grid-template-columns: 30% 70%;
   align-items: center;
   gap: 30px;
   overflow-x: hidden;
}

.gall-2 {
   grid-template-columns: 70% 30%;

}

.gall-2 .gall-text {
   padding-right: 15px;
}

.gall-text {
   text-align: center;
}

.gall-img-contents {
   transform: translateX(-12px);
}

.gall-img-box {
   margin-left: 20px;
}

.gall-img {
   width: 100%;
   height: 250px;
   border-radius: 8px;
   border: 2px solid #bbb;
}

/********************
    CONTACT US PAGE 
 *******************/
.contact-section-1 {
   padding: 60px 0 30px;
}

.contact-section-1-contents {
   justify-content: center;
   align-items: center;
}

.contact-section-1-content {
   text-align: center;
}

.contact-icon {
   font-size: 40px;
   color: #333;
   margin-bottom: 20px;
}

.contact-heading {
   font-size: 2opx;
   font-weight: 600;
   margin-bottom: 12px;
}

.contact-text {
   font-size: 16px;
   line-height: 1.6;
}

.contact-border {
   border-right: 1px solid #bbb;
   border-left: 1px solid #bbb;
}

/* SECTION 2 */

.contact-section-2 {
   padding: 30px 0;
}

.contact {
   margin-top: 20px;
}

.input-field {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   column-gap: 30px;
}

.contact-form {
   padding: 30px;
   border: 1px solid #bbb;
}

.contact-form input {
   padding: 12px;
   width: 100%;
   margin-bottom: 30px;
   border: 1px solid #bbb;
}

.contact-form .input-field ::placeholder {
   color: #bbb;
}

.contact-form textarea {
   width: 100%;
   padding: 20px 10px;
   height: 200px;
   margin-bottom: 30px;
   border: 1px solid #bbb;
}

.contact-message ::placeholder {
   color: #bbb;
}

/* .contact-btn-box {
   text-align: center;
 } */

.contact-btn {
   cursor: pointer;
}

.head-hide {
   display: none;
}

.pt-50 {
   padding-top: 70px;
}

/* FAQ */


.contact-section-3 {
   padding: 30px 0;
}

.wrapper {
   margin-top: 20px;
}

.faq {
   color: black;
   border-radius: 3px;
   /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); */
   box-shadow: 0 0 8px rgba(0, 0, 0, 0.04);
   margin-bottom: 30px;
}

.question {
   font-size: 18px;
   font-weight: 600;
   padding: 30px 20px;
   display: flex;
   align-items: center;
   cursor: pointer;
   color: #333;
   position: relative;
}

.question::after {
   content: "\002B";
   font-size: 24px;
   position: absolute;
   right: 20px;
   transition: 0.2s;
   color: #333;
}

.question.active::after {
   transform: rotate(45deg);
}

.answercont {
   max-height: 0;
   overflow: hidden;
   transition: 0.3s;
}

.answer {
   padding: 0 20px 20px;
   line-height: 1.5;
   font-size: 15px;
}

/********************
    Wishlist PAGE
 *******************/
.wishlist-product {
   padding: 10px;
   position: relative;

}

.wish-remove {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1;
   cursor: pointer;
   padding-left: 5px;
   color: #222;
}

/********************
    CART PAGE
 *******************/


.empty-notification {
   display: flex;
   flex-direction: column;
   justify-content: center;
   text-align: center;
}

.empty-notification-img {
   width: 200px;
}

.empty-notification-text-box h2 {
   font-size: 45px;
   font-weight: 800;
   margin-bottom: 22px;
}

.empty-notification-text {
   color: #555;
   font-size: 15px;
   margin-bottom: 40px;
   line-height: 1.8;
}

.empty-notification-shop-link:link,
.empty-notification-shop-link:visited {
   color: #fff;
   padding: 14px 28px;
   font-size: 16px;
   font-weight: 600;
   /* border-radius: 5px; */
   background-color: #333;

}

.empty-notification-shop-link:hover,
.empty-notification-shop-link:active {
   background-color: #C19D60;

}


/*FIRST  CART  

.cart {
   display: grid;
   grid-template-columns: 2fr 1fr;
   column-gap: 30px;
   align-items: start;
}

.cart-heading {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   align-items: center;
   border-bottom: 2px solid #ddd;
   column-gap: 50px;
   justify-content: center;
}

.cart-product-remove-icon {
   cursor: pointer;
   margin-right: 10px;
}

.cart-heading p {
   font-size: 16px;
   font-weight: 600;
}

.cart-product {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   align-items: center;
   column-gap: 50px;
   border-bottom: 1px solid #ddd;
}

.cart-product-img-box {
   margin-top: 10px;
   width: 100px;
   height: 100px;
}

.cart-product-img {
   width: 100%;
}

.cart-product-link:link,
.cart-product-link:visited {
   font-size: 15px;
   display: inline-block;
   padding-bottom: 10px;
}

.cart-product-price {
   font-size: 14px;
}

.product-quantity {
   display: flex;
   align-items: center;
   margin: 15px 0 20px;
}

.product-quantity input {
   padding: 10px;
   border: 2px solid #ddd;
   text-align: center;
   width: 100px;
}

.product-quantity input:focus {
   outline: none;
   border: 1px solid #ddd;
}

.product-nav {
   display: flex;
   flex-direction: column;
   gap: 0.1rem;
   margin-right: 10px;
}

.product-increase,
.product-decrease {
   font-size: 15px;
   background-color: #18191b5e;
   color: #fff;
   border-radius: 1px;
   cursor: pointer;
   transition: all .5s;
   user-select: none;
}

.product-increase:hover,
.product-decrease:hover {
   background-color: #008080;
}

.quantity-added {
   margin-right: 1rem;
}

.cart-product-subtotal {
   font-weight: 600;
   font-size: 16px;
}

*/

/* SECOND CART */

.product-quantity {
   display: flex;
   align-items: center;
   margin: 15px 0 20px;
}

.product-quantity input {
   padding: 10px;
   border: 2px solid #ddd;
   text-align: center;
   width: 100px;
}

.product-quantity input:focus {
   outline: none;
   border: 1px solid #ddd;
}

.product-nav {
   display: flex;
   flex-direction: column;
   gap: 0.1rem;
   margin-right: 10px;
}

.product-increase,
.product-decrease {
   font-size: 15px;
   background-color: #18191b5e;
   color: #fff;
   border-radius: 1px;
   cursor: pointer;
   transition: all .5s;
   user-select: none;
}

.product-increase:hover,
.product-decrease:hover {
   background-color: #333;
}

.cart-sec-3 {
   padding-top: 40px;
   display: flex;
   justify-content: space-between;
}

.coupon-form {
   padding: 5px 10px;
   border: 2px solid #ddd;
   margin-right: 10px;
}

.coupon-form::placeholder {
   color: #bbb;
}

.coupon-btn,
.update-btn {
   border: none;
   background: none;
   color: #fff;
   padding: 8px 20px;
   /* border-radius: 5px; */
   transition: all .5s;
   background-color: #333;

}

.update-btn:visited {
   color: #fff;
}

.coupon-btn:hover,
.update-btn:hover {
   background-color: #C19D60;

}

.cart-total {
   border: 1px solid #bbb;
   padding-bottom: 20px;
}

.subtotals,
.totals {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 20px;
}

.subtotals {
   border-bottom: 1px solid #ddd;
   padding: 10px;
}

.subtotals-text {
   font-size: 14px;
   color: #333;
   font-weight: 600;
}

.subtotals-amount {
   font-size: 14px;
   color: #555;
}

.totals-text {
   font-size: 16px;
   color: #333;
   font-weight: 600;
}

.totals-amount {
   font-size: 22px;
   color: #333;
   font-weight: 600;
}

.checkout .btn {
   width: 80%;
}

.checkout {
   display: flex;
   flex-direction: column;
   align-items: center;
}



.cart-section,
.check-out-section {
   padding: 30px 0;
}

.empty-cart-notification {
   display: none;
}

.cart-section .cart-heading,
.check-out-section .check-out-heading {
   margin-bottom: 50px;
}

.cart-contents,
.billing-contents {
   display: grid;
   grid-template-columns: 65% 35%;
   align-items: start;
   column-gap: 20px;
}

.cart-section .heading-secondary,
.check-out-section .heading-secondary {
   margin-bottom: 10px;
}

.heading-tertiary {
   padding: 10px;
   border-bottom: 1px solid #bbb;
   margin-bottom: 0;
}

.cart-content,
.billing-content {
   border: 1px solid #bbb;
   border-radius: 3px;
   margin-bottom: 30px;
}


.cart-item {
   display: flex;
   justify-content: space-between;
   padding: 20px 10px 10px;
   border-bottom: 1px solid #bbb;
   border-radius: 3px;
}

.cart-item-img-box {
   margin-bottom: 10px;
}


.cart-item-img {
   width: 100px;
   height: 100px;
   border: 1px solid #bbb;
}

.item-price {
   font-size: 26px;
   margin-bottom: 16px;
}

.remove-btn {
   text-transform: uppercase;
   display: flex;
   gap: 1px;
   background: none;
   border: none;
   cursor: pointer;
   margin-top: 25px;
}

.remove-icon {
   font-size: 20px;
}

.remove-btn .text {
   font-size: 14px;
   margin-bottom: 10px;
}

.item-price-box .product-quantity {
   margin-top: 30px
}

.cart-summary,
.order-summary {
   border: 1px solid #bbb;
   position: relative;
   padding: 0 10px;
}

.cart-summary .text,
.order-summary .text {
   text-transform: uppercase;
   border-bottom: 1px solid #bbb;
   padding-bottom: 10px;
}

.sub-total {
   display: flex;
   justify-content: space-between;
   align-items: center;
   border-bottom: 1px solid #bbb;
}

.cart-summary .btn-2-box {
   display: flex;
   justify-content: center;
   padding: 10px;
}

.total-price {
   font-size: 28px;
   font-weight: 500;
   margin-bottom: 10px;
}

.sum-naira {
   font-size: 28px;
   font-weight: 500;
   margin-bottom: 10px;
}

.order-summary p,
.order-summary .item-price {
   margin-bottom: 0;
}

.order-summary .sub-total {
   padding: 10px;
}

.order-summary .btn-2-box {
   display: flex;
   justify-content: center;
   padding: 20px 10px 10px;
}

.check-out-form {
   padding: 20px;
}

.check-out-form input,
.check-out-form select {
   padding: 12px;
   width: 100%;
   margin-bottom: 30px;
   border: 1px solid #bbb;
}

.check-out-form input::placeholder {
   color: #bbb;
}



.terms-box {
   display: flex;
   flex-direction: column;
   align-items: center;
   text-align: center;
   font-size: 14px;
   padding: 10px;
}

.terms-link:link,
.terms-link:visited {
   text-decoration: none;
   color: #C19D60;
}

.pay-card-img-box {
   justify-content: center;

}

.order-summary {
   margin-bottom: 50px;
}

.check-box {
   display: flex;
   align-items: center;
   gap: 10px;
}

.check-box input {
   width: auto;
   margin-bottom: 14px;
}

.order-message textarea {
   width: 100%;
   padding: 10px;
   height: 200px;
   border: 1px solid #bbb;
}

.order-message textarea::placeholder {
   color: #bbb;
}

.coupon-text {
   color: #555;
   padding-top: 20px;
   padding-bottom: 15px;
}


.coupon-box.check {
   padding: 15px 0;
}

.coup {
   display: flex;
   flex-direction: column;
   align-items: center;
}

.order-confirm-details {
   border: 1px solid #ddd;
   padding: 20px;
}

.order-confirm-notification {
   text-align: center;
   margin-bottom: 50px;
   border: 2px dashed #7A9C59;
   padding: 20px;
}

.order-confirm-notification h4 {
   color: #7A9C59;
}

.container.order-confirm {
   max-width: 900px;
}

.order-details-mini {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   align-items: center;
   justify-content: space-between;
   margin-bottom: 40px;
}

.order-details-mini-content {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
}

.order-details-mini-content p {
   margin-bottom: 5px;
}

/********************
PRODUCT DETAILS PAGE
 *******************/

.image-link img {
   /* display: inline-block; */
   height: 400px;
   width: 100%;
   margin-bottom: 10px;
}

.pd-btns {
   display: flex;
   align-items: center;
   gap: 10px;
   flex-wrap: wrap;
}

.pd-btns .product-quantity {
   margin: 0;
}

.pd-btns .product-quantity .product-nav {
   margin: 0;
}

p.product-details-price {
   font-size: 26px;
   font-weight: 600;
   margin-top: 10px;
}

.review-form {
   border: 1px solid #bbb;
   padding: 20px;
}

/********************
    LOGIN / SIGN UP PAGE 
 *******************/


.account-contents {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   border-radius: 3px;
   overflow: hidden;
   width: 100%;
   column-gap: 40px;
}


.appoint-img-box {
   background-image: linear-gradient(to right bottom,
         rgba(0, 0, 0, 0.2),
         rgba(0, 0, 0, 0.2)),
      url('img/gold-img/login.jpg');
   background-size: cover;
   background-position: bottom;
}

.appoint-img-box-2 {
   background-image: linear-gradient(to right bottom,
         rgba(0, 0, 0, 0.2),
         rgba(0, 0, 0, 0.2)),
      url('img/gold-img/sign-up.jpg');
   background-size: cover;
   background-position: center;
}


.appoint-img-box-3 {
   background-image: linear-gradient(to right bottom,
         rgba(0, 0, 0, 0.2),
         rgba(0, 0, 0, 0.2)),
      url('img/gold-img/pass-reset.jpg');
   background-size: cover;
   background-position: center;
}

.login-form {
   border: 1px solid #bbb;
   padding: 30px;
   border-radius: 2px;
}

.login-form input {
   margin-bottom: 30px;
   border: 1px solid #bbb;
}

.account-text {
   padding: 20px 5px;
}

.sign-in-page-btn {
   border: none;
   margin-left: 10px;
   padding: 5px 10px;
   transition: all .5s;
   background-color: #bbb;
   font-size: 14px;
   font-weight: 600;
}

.sign-in-page-btn:hover {
   background-color: #333;
   color: #fff;
}

/********************
Policy PAGE
 *******************/
.policy {
   margin-bottom: 30px;
}

.policy-heading {
   margin: 15px 0;
}

.policy-list-heading {
   font-weight: 600;
}

.policy ul {
   list-style: disc;
   margin-left: 15px;
}

.policy li {
   margin-bottom: 10px;
}


/********************
DASHBOARD PAGE
*******************/

.over-view {
   display: grid;
   grid-template-columns: 1fr 2fr;
}

.dash-nav {
   padding-right: 20px;
   border-right: 1px solid #ddd;
}

.dash-nav-heading {
   font-size: 18px;
   text-transform: capitalize;
   padding-bottom: 10px;
   border-bottom: 1px solid #ddd;
   margin-bottom: 10px;
}

.dash-nav-links {
   display: flex;
   flex-direction: column;
   gap: 10px;
}

.dash-nav-link {
   transition: .9s;
}

.dash-nav-link i {
   font-size: 19px;
   margin-right: 6px;
}

.dash-nav-link a:link,
.dash-nav-link a:visited {
   font-size: 16px;
   font-weight: 600;
   padding: 10px;
   display: block;
}

.dash-nav-link:hover,
.dash-active {
   background-color: #eee;
   border-radius: 2px;
}

.dash-overview {
   padding-left: 20px;
}

.dash-overview .text {
   font-weight: 500;
}

.dash-overview .product-img {
   height: 200px;
}

.dash-overview-contents {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 20px;
}


.dash-overview-content a {
   text-align: center;
   padding: 20px 0 10px;
   border-radius: 6px;
   box-shadow: 0 0 6px rgba(0, 0, 0, 0.09);
   transition: .6s;
   margin-top: 10px;
   display: block;
}

.dash-overview-content a:hover {
   background-color: #eee;
}

.dash-overview-content a:hover .dash-icon {
   color: #222;
}

.dash-icon {
   font-size: 55px;
   color: #aaa;
   transition: .5s;
}

.dash-wishlist-items {
   padding-top: 20px;
}



.dash-overview th {
   font-size: 18px;
   padding: .1rem .5rem .5rem;
   border-bottom: 1px solid #ddd;
}

.dash-overview td {
   padding: 17px .5rem;
   border-bottom: 1px solid #eee;
}

.dash-overview td a {
   font-weight: 700;
}

span.order-status,
span.order-num,
span.order-date,
span.order-amount {
   font-weight: bold;
   background-color: #eee;
   padding: 3px;
   margin: 0 5px;
   border-radius: 1px;
}

.order-details-head {
   margin: 40px 0;
   font-weight: 700;
}

.text-right {
   text-align: right;
}


.order-view-subtotal-text,
.order-view-subtotal-amount {
   font-size: 18px;
   font-weight: 600;
   margin-bottom: 0;
}

.order-view-total-text,
.order-view-total-amount {
   font-size: 22px;
   font-weight: 700;
   margin-bottom: 0;
}

.order-view-shipping-details {
   color: #767676;
   font-size: 15px;
   font-style: italic;
}

.order-text {
   font-weight: 600;
}

.order-date.order-text,
.order-num.order-text {
   background-color: #fff;
}

.profile-contents {
   margin-top: 30px;
}

.profile-content {
   border: 1px solid #ccc;
}

.profile-content-heading-box {
   border-bottom: 1px solid #ccc;
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.profile-content-heading {
   font-size: 17px;
   padding: 10px;

}

.profile-content-text {
   padding: 10px;
}

.profile-text {
   font-size: 14px;
   color: #777;
}

.edit-profile-link i {
   padding: 7px 8.5px;
}

.edit-profile-link:link,
.edit-profile-link:visited {
   color: #555;
   margin: 10px;
   font-size: 20px;
   border-radius: 50%;
   display: inline-block;
}

.edit-profile-link:hover,
.edit-profile-link:active {
   background-color: #c19d6076;
}

.edit-form {
   margin-top: 30px;
   border: 1px solid #ddd;
}




/* MEDIA QUERIES */

@media(max-width: 1200px) {
   .nav-text {
      display: none;
   }

   .mainmenu.second-nav ul li a {
      padding: 22px 10px;
   }


   .shop-layout-4 {
      display: none;
   }

   .footer-contents {
      grid-template-columns: repeat(3, 1fr);
      gap: 25px;
   }

   .grid--2-cols .product-img {
      height: 260px;
   }

   .grid--3-cols .product-img {
      height: 170px;
   }

   .dash-overview .product-img {
      height: 170px;
   }

}

@media(max-width: 1035px) {
   .contact {
      grid-template-columns: 1fr;
   }

   .head-hide {
      display: block;
   }
}

@media(max-width: 992px) {

   .account-contents {
      grid-template-columns: 1fr;
   }


   .about-sec-1-contents {
      grid-template-columns: 1fr;
   }

   .about-sec-1-img {
      width: 70%;
   }

   /* SHOP PAGE */

   .shop-contents {
      grid-template-columns: repeat(2, 1fr);
   }

   .layout-change-nav {
      display: none;
   }

   /* CART PAGE  */

   .cart-contents,
   .billing-contents {
      grid-template-columns: 1fr;
      column-gap: 30px;
   }

   .cart-total {
      margin-top: 30px;
   }

   .checkout .btn {
      width: auto;
   }

   /* PRODUCT DETAILS PAGE */

   .product-simple-area {
      grid-template-columns: 1fr;
      padding: 30px 0;
      gap: 20px;
   }

   .gall-2 .gall-text {
      padding-right: 15px;
   }

   .dash-wishlist-items {
      grid-template-columns: 1fr;
   }

   .dash-overview .product-img {
      height: 215px;
   }
}

@media(max-width: 768px) {
   .bottom-nav {
      display: block;
   }

   .copyright-area {
      padding-bottom: 2.2rem;
   }

   .header-bottom-area .container {
      justify-content: center;
   }

   .main.menu-search-box {
      display: none;
   }

   .logo {
      width: 130px;
   }

   .sticky {
      padding-top: 10px;
   }

   .z-pattern {
      grid-template-columns: 1fr;
   }

   .step-img-box:nth-child(2) {
      grid-row: 1;
   }

   .step-img-box:nth-child(6) {
      grid-row: 5;
   }

   .cart-notification {
      top: 80px;
   }
   

   

   /* MOBILE NAVIGATION */

   .btn-mobile-nav {
      display: block;
   }

   .mobile-menu-area {
      display: block;
      position: fixed;
      top: 0;
      left: 0;
      height: 100vh;
      width: 100%;
      background-color: #18191b5e;
      z-index: 5;
      transform: translateX(100%);
      opacity: 0;
      pointer-events: none;
      visibility: hidden;
      transition: all ease-in-out .5s;
   }

   .open-nav.mobile-menu-area {
      transform: translateX(0);
      opacity: 1;
      pointer-events: auto;
      visibility: visible;
   }


   .main-nav {
      background-color: #fff;
      -webkit-backdrop-filter: blur(5px);
      backdrop-filter: blur(5px);
      position: absolute;
      top: 0;
      right: 0;
      height: 100vh;
      width: 50%;
      margin: 0;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
      overflow-y: scroll;
   }

   #open-nav {
      display: block;
   }

   .main-nav-links {
      display: flex;
      flex-direction: column;
   }

   .main-nav-links li {
      padding: 13.5px 20px;
      border-bottom: 1px solid #ccc;
      font-size: 12px;
      text-transform: uppercase;
      font-weight: 600;
   }

   .single-service {
      padding: 30px;
   }
   .service-img{
      padding:25px;
   }

   .product-img {
      height: 300px;
   }

   .grid--3-cols .product-img {
      height: 300px;
   }


   .page-img-box {
      height: 200px;
   }

   .page-img-box.pay-box {
      height: 180px;
   }

   .categories-links a:link,
   .categories-links a:visited {
      font-size: 14px;
   }


   .mini-abt-contents {
      grid-template-columns: 1fr;
   }

   .mini-abt-img-box {
      margin-bottom: 20px;
   }


   .feat-contents {
      flex-direction: column;
   }

   .footer-contents {
      grid-template-columns: repeat(2, 1fr);
   }

   .cookies-notification-content{
      flex-wrap: wrap;
      justify-content: center;
   }

   /* ABOUT US PAGE */

   .about-sec-1-img {
      width: 100%;
   }


   .about-sec-2 {
      grid-template-columns: 1fr;
      margin-top: 10px;
   }
   /* SHOP PAGE */

   .page-img-box.shop-page-img-box {
      height: auto;
   }

   .categories-links {
      /* flex-direction: column; */
      margin: 0;
      background-color: #0a0b0bb2;
      padding: 10px 0;
      opacity: 0;
      height: 0;
      visibility: hidden;
      display: block;
   }

   .show-categories-links.categories-links {
      opacity: 1;
      height: auto;
      visibility: visible;
   }

   .categories-links li {
      background: none;
      padding: 10px;
      border-radius: 5px;
   }

   .shop-menu {
      color: #fff;
      display: inline-block;
      cursor: pointer;
   }

   .shop-menu button {
      background: none;
      color: #fff;
      border: none;
   }


   .shop-contents {
      grid-template-columns: 1fr;
   }

   /* GALLERY */
   .gall {
      grid-template-columns: 100%;
   }

   .gall-2 {
      grid-template-columns: 100%;

   }

   .gall-img-contents {
      transform: translateX(0);
      order: 2;
   }

   .gall-text {
      order: 1;
   }




   /* CONTACT US PAGE */

   .contact-section-1-contents {
      grid-template-columns: 1fr;
   }

   .contact-border {
      border-right: none;
      border-left: none;
   }

   .wrapper {
      grid-template-columns: 1fr;
      row-gap: 0;

   }

   /* CART PAGE */


   .empty-notification-img {
      width: 150px;
   }

   .empty-notification-text-box h2 {
      font-size: 32px;
   }



   .empty-notification-shop-link:link,
   .empty-notification-shop-link:visited {
      padding: 14px 20px;
   }


   /* ACCOUNT PAGE */

   .login-title h3 {
      font-size: 25px;
   }

   .ptb-90 {
      padding: 45px 0;
   }

   .over-view {
      grid-template-columns: 1fr;
   }

   .dash-nav {
      border: none;
      padding-right: 0;
   }

   .dash-overview {
      margin-top: 30px;
      padding-left: 0;
   }

   .dash-overview .product-img {
      height: 300px;
   }

   h3.product-heading {
      font-weight: 700;
      font-size: 25px;
  }

}

@media(max-width:665px) {
   .order-details-mini {
      grid-template-columns: repeat(2, 1fr);
      row-gap: 20px;
   }
}

@media(max-width:554px) {

   .logo {
      width: 100px;
   }

   .cart-notification {
      top: 65px;
   }

   .main-nav {
      width: 70%;
   }

   .single-service {
      padding: 15px;
   }
   .service-img{
      padding:10px;
   }
   
   .owl-prev,
   .owl-next {
      display: none;
   }

   .owl-carousel .service-img a .primary {
      width: 50%;
      transform: translateX(50%);
   }


   .footer-contents {
      grid-template-columns: 1fr;
   }



   /* ABOUT US PAGE */
   .page-img-box {
      height: 200px;
   }

   .page-heading h2 {
      font-size: 30px;
   }

   /* GALERRY PAGE */

   .owl-nav {
      display: none;
   }

   /* ACCOUNT PAGE */
   .back {
      font-size: 14px;
      margin-left: 5px;
   }

   .m-btn {
      padding: 10px 6px;
   }

   /* SHOP PAGE */

   .pagination-content {
      display: none;
   }

   .filter-cont .answercont .answer {
      flex-direction: column;
      align-items: flex-start;
      gap: 20px;
   }

   /* CONTACT PAGE */

   .input-field {
      grid-template-columns: 1fr;
   }

   .billing-details {
      grid-template-columns: 1fr;
   }

   .check-out-form input,
   .check-out-form select {
      margin-bottom: 10px;
   }

   /* CART PAGE */

   .coupon-form {
      margin-bottom: 20px;
   }

   .cart-sec-3 {
      flex-direction: column;
      gap: 20px;
   }

   .update-btn {
      width: 40%;
   }

   .login-form {
      padding: 20px;
   }

   .privacy-policy-section {
      padding: 20px 0;
   }

}

@media(max-width:470px) {
   .grid--3-cols .product-img {
      height: 300px;
   }

   .product-img {
      height: 300px;
   }

   .single-service {
      padding: 0;
   }
   .service-img{
      padding: 0;
   }

   .page-img-box {
      height: 150px;
   }

   .page-img-box.pay-box {
      height: 150px;
   }

   .dash-overview-contents {
      grid-template-columns: 1fr;
   }

   .order-details-mini {
      grid-template-columns: 1fr;
   }
}

@media(max-width:450px) {
   .grid--3-cols .product-img {
      height: 250px;
   }

   .product-img {
      height: 250px;
   }
}


@media(max-width:385px) {
   .grid--3-cols .product-img {
      height: 225px;
   }

   .product-img {
      height: 225px;
   }
}

.empty-notification.container {
   grid-column:  1 / -1;
}