html{ overflow-x: hidden;}

body {
font-family: "Poppins", sans-serif;
  color: #494949;
  font-weight: 400;
  background: #fff;
  font-size: 15px;
  line-height: 24px;
  overflow-x: hidden; padding: 0px !important;
}

h1, h2, .h1, .h2, h3,
h4,
h5,
h6,
.h3,
.h4,
.h5 {
  color: #000;
font-family: "Poppins", sans-serif;
  font-weight: 600; 
}

h1, h2, .h2{ font-size: 36px; font-weight: 700;}


::-moz-selection {
  color: #fff;
  background: #b28c23;
}

::selection {
  color: #fff;
  background: #b28c23;
}


.bg-1 {
  background: #F7F6F7;
}



.navbar-brand{ color: #b28c23 !important; font-weight: 600; text-transform: uppercase;} 
.navbar-brand img{ max-height: 75px; margin-right: 10px;}

.navbar-nav  .nav-link{ color: #fff; text-transform: uppercase; padding: 0px 0px 1px !important; border-bottom: 1px solid transparent; font-weight: 500;} 

.navbar-nav{background: #b28c23; justify-content: center; 
  padding: 11px 25px; clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
}

.navbar-nav .nav-item{ margin-left: 35px;}
.navbar-nav .nav-item:first-child{ margin-left: 0px;}
.navbar-nav .nav-link.active, 
.navbar-nav .nav-link:hover{ color:#fff; border-bottom: 1px solid #fff;}

.header-top{ background: #b28c23; color: #fff;} 

.header-top-social span{ color: #fff;}

.header-top-list li {
  display: inline-block;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  padding: 0px 15px 0px 8px;

}

.header-top-list li a {
  color:#fff; text-decoration: none;
}

.header-top-list li a:hover{ color: #f3e25f;}

.header-top-list li:last-child{ border: none; padding-right: 0px;} 
.header-top-list li:first-child{ padding-left: 0px;} 

.header-top-social a {
  margin-left: 5px;
}

/* Hero */
.hero-section{
 
  color:#fff;
}


.s-detail{ max-width: 560px; margin: 0 auto; text-align: center; }

.carousel-control-next, .carousel-control-prev{ width: auto;} 

.hero-section figure{ margin-left: -12px !important;}



.logo-ftr img{ max-height: 90px;}

.btn{ background: #b28c23; border-radius: 0px; min-height: 42px; display: inline-flex; align-items: center; justify-content: center; border: none !important; box-shadow: none !important; padding: 2px 20px; font-weight: 400;  color: #fff; font-size: 14px; clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);}
.btn:hover{background: #000; color: #fff;}

.light-btn{ background: #ffff; color: #b28c23;} 
.light-btn:hover{ background: #000; color: #fff;}

.cart-link a{ display: inline-flex; align-items: center; justify-content: center; width: 50px; height: 50px;  text-decoration: none; font-size: 12px; clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%); background: #b28c23; color: #fff;}
.cart-link a:before{ position: relative; bottom: -1px;}
.cart-link a:hover{ background: #000; color: #fff;}

.product-card {
          border-radius: 20px;
          overflow: hidden;
          transition: 0.3s;
          border:none;
          background: #fff;
      }

      .product-card:hover {
          transform: translateY(-5px);
          box-shadow: 0 10px 25px rgba(0,0,0,0.08);
      }

      .product-img {
          height: 220px;
          object-fit: cover;
          width: 100%;
      }

      .price {
          font-size: 20px;
          font-weight: 600;
          color: #e60010;
      }

      .old-price {
          text-decoration: line-through;
          color: #777;
          font-size: 14px;
          margin-left: 6px;
      }

     

.bg-blue{ background: #b28c23;} 



.wc-bx{ max-width: 280px;} 
.wc-bx .icon-round{ margin-bottom: 30px; display: inline-flex; align-items: center; justify-content: center; background: #b28c23;  width: 100px; height: 100px; clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);} 
.wc-bx .icon-round img{ max-height: 60px;} 

.c-bdr:before{ content: ""; position: absolute; left: 0px; top: 20px; bottom: 20px; width: 1px; background: rgba(0, 0, 0, 0.2);}
.c-bdr:after{ content: ""; position: absolute; right: 0px; top: 20px; bottom: 20px; width: 1px; background: rgba(0, 0, 0, 0.2);}


ol.ol-1 {
  list-style: none; position: relative;
  counter-reset: steps; margin: 0px; padding: 0px;
}
ol.ol-1:before{ content: ""; position: absolute; left: 18px; top: 0px; bottom: 40px;   background: #fff; width: 1px;}

ol.ol-1 li {
  counter-increment: steps; padding-left: 55px; margin-bottom: 18px; min-height: 36px; display:  flex; align-items: center; position: relative; color: #fff;
}

ol.ol-1 li:last-child{ margin: 0px;}

ol.ol-1 li::before {
  content: counter(steps); position: absolute; left: 0px; top: 0px;

  background: #fff; font-weight: 500; clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
  color: #b28c23;
  width: 36px;
  height:36px;
  border-radius: 0px;
  display: inline-grid;
  place-items: center;
  line-height: 1.2em;
}

.text-blue{ color: #b28c23;}

.max-w-541{ max-width: 850px;} 

.gallery-all .owl-nav{ display: none;} 
.gallery-all .owl-dots .owl-dot span{ display: none;} 
.gallery-all .owl-dots .owl-dot{ width: 12px; height: 12px; display: inline-flex; align-items: center;  border-radius: 100px;  background: #fff; border: #b28c23 1px solid; opacity: 1; margin: 3px;}
.gallery-all .owl-dots .owl-dot.active{ opacity: 1; background: #b28c23;} 

.test-bx{  position: relative; padding-top: 90px !important; clip-path:polygon(5% 0, 100% 0%, 95% 100%, 0% 100%); width: 400px; height: 400px; color: #fff; display: inline-flex; align-items: center; justify-content: center; background: #b28c23 !important;} 
.test-bx:before{ content: ""; width: 60px; height: 60px; border-radius: 0px 50px 50px 50px; background: url(../images/comma.png) no-repeat center center; background-size: 50px; position: absolute; left: 50%; top: 40px; margin-left: -30px;}

.r-u-m-bx{ max-width: 800px; border: #fff 2px solid; border-radius: 0px; padding: 0px 20px 30px; display: inline-block; }
.r-u-m-bx h3{ background:#b28c23 ;padding: 8px 5px; display: inline-block; margin: -30px 50px 0px;}

.footer {

  font-size: 14px; background: #000; color: #fff;

}

.footer-menu li a { display: inline-block;
  line-height: 36px;
}
.footer-menu li a:before{ content: "\f105"; font-size: 12px; margin-right: 6px; font-family:'FontAwesome';}
.footer a {
  color: #fff;
  text-decoration: none;
}

.footer a:hover{ color: #f3e25f;}

.social-ftr a {
  margin-right: 5px;
  display: inline-block;
}

.social-ftr a .fab {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #b28c23;
  color: #fff;
  font-size: 16px;
  border-radius: 100%;
}


.social-ftr a:hover .fab{ background: #f3e25f; color: #000;}


.title-header-inner{ min-height: 250px; background: url(../images/banner.png) no-repeat center bottom; background-size: cover;}
.title-header-inner:before{ content: ""; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background: rgba(0,0,0,0.4);} 

.title-header-inner ol li:before{ color: #fff !important;}
.title-header-inner ol li a{ color: #fff; text-decoration: none; opacity: 0.5;}
.title-header-inner ol li a:hover{ color: #fff; opacity: 1;}
.title-header-inner ol li.active { color: #fff; } 

.o-m-v .ic{ width: 85px; height: 85px; margin-bottom: 15px; background: #fff; border-radius: 3px; position: relative; clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);}
.o-m-v .ic img{ max-height: 40px;}


 


.contact-info {
  text-align: center;
}
.contact-info:hover {
  transform: translateY(-8px);
}
.contact-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;

  padding: 25px 15px;
  position: relative;

  border-radius: 20px;
  background: #fff;
  box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
  transition: all .5s ease-in-out;
}

.contact-info .contact-info-icon{ margin-bottom: 10px;}

.contact-info-icon i { display: inline-flex; justify-content: center; align-items: center;

  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  border-radius:3px;
  background: #b28c23; clip-path:polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
}

.contact-info-icon i img{ max-height: 40px;}

.contact-form {
  background:#fff;
  border-radius: 20px;
  padding: 30px 30px 10px 30px;
  box-shadow:0 0 40px 5px rgb(0 0 0 / 5%);
}

.contact-form .form-group {
  margin-bottom: 25px;
}

.contact-form .form-group .form-control {
  padding: 15px 20px;
  border-radius: 12px;
  box-shadow: none;
  transition: all .5s ease-in-out;
}

.contact-info-content p{ margin: 0px;} 

.contact-info-content a{ color: #494949; text-decoration: none;}
.contact-info-content a:hover{ color: #e50011;}

.c-info-ftr ul li a{ display: flex;}
.c-info-ftr ul li a .fa{ color: #b28c23; font-size: 18px; margin-right: 15px;} 
.c-info-ftr ul li a .fa:before{ width: 25px; display: inline-block;}
.c-info-ftr ul li{ margin-bottom: 5px;}

 .faq-section {
      max-width: 800px;
      margin: 0px auto;
    }

 .faq-section   .accordion-item {
      border: none;
      margin-bottom: 10px;
      border-radius: 6px;
      overflow: hidden;
      background: #EEEFEE;
    }

 .faq-section   .accordion-button {
      background-color: #EEEFEE;
      color: #000;
      font-weight: 600; font-family: "Poppins", sans-serif;
      box-shadow: none !important; font-size: 16px; letter-spacing: 0.3px;
      display: flex;
      justify-content: space-between; line-height: 22px;
      align-items: center;
      padding: 11px 20px;
    }

  .faq-section  .accordion-button:not(.collapsed){background: #b28c23; color: #fff;}

  .faq-section  .accordion-button::after {
      display: none;
    }

  .faq-section  .accordion-icon {
      width: 34px;
      height: 34px;
      border-radius:3px;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #e0e0e0;
      transition: all 0.3s ease;
    }

  .faq-section   .accordion-icon i img{ width: 13px;}

    /* Rotate + color change when expanded */
  .faq-section  .accordion-button[aria-expanded="true"] .accordion-icon {
      background-color: #fff;
     
      color: #fff;
    }
   .faq-section  .accordion-button[aria-expanded="true"] .accordion-icon i img{ transform: rotate(-190deg);}
    .faq-section   .accordion-button[aria-expanded="true"] .accordion-icon i{ line-height: 16px;}

 .faq-section   .accordion-body {
      background-color: #b28c23;
      color: #fff;
      padding: 5px 20px 20px;
    }