/*
Theme Name: Omega Furniture Store Pro
Description: Omega Furniture Store Pro WordPress Theme is the perfect choice for building Omega Furniture Store Pro website. This theme is packed with features designed to help you promote your business and attract new customers. With its clean and modern design, the Omega Furniture Store Pro WordPress Theme will make a lasting impression on your visitors. The WordPress Omega Furniture Store Pro theme can be used for any website. It’s a sleek, minimalist, contemporary theme that incorporates the latest technology. The industrial theme features an elegant and chic design that will help your site stand out among the rest of your competitors.
Author: Omega
Theme URI: https://layout.omegathemes.com/omega-furniture-store/
Author URI: https://www.omegathemes.com/
Version: 0.0.1
Tested up to: 6.0.3
Requires PHP: 7.4
Text Domain: omega-furniture-store-pro
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: education, portfolio, blog, wide-blocks, one-column, two-columns, right-sidebar, left-sidebar, grid-layout, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, editor-style, theme-options, threaded-comments
Elementor Wptheme WordPress Theme has been created by wpelemento(https://www.wpelemento.com), 2023.
Elementor Wptheme WordPress Theme is released under the terms of GNU GPL
*/

@import url('https://fonts.googleapis.com/css2?family=Open Sans:ital,wght@0,100..900;1,100..900&display=swap');

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  overflow-x: hidden;
  font-family: "Open Sans", sans-serif;
}

html {
  overflow-x: hidden;
}

.bkr_container {
  max-width: 1350px;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Open Sans", sans-serif;
  margin-bottom: 0;
}

p {
  font-family: "Open Sans", sans-serif;
  margin-bottom: 0;
}

a {
  text-decoration: none;
}

ul,
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

img {
  max-width: 100% !important;
}

.spinner {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  border-top-color: #fff;
  /* animation: spin 1s linear infinite; */
  margin-right: 8px;
}

.sticky-header {
  position: fixed;
  width: 100% !important;
  z-index: 99999 !important;
  top: 0;
  left: 0;
  right: 0;
  padding: 4px 10px;
  animation: slideDown 0.75s ease-out;
  background-color: #5D5D5D !important;
  box-shadow: 0px 2px 6px #5D5D5D;
  border-radius: 0px !important;
}

@keyframes slideDown {
  0% {
    transform: translateY(-100%);
  }

  100% {
    transform: translateY(0);
  }
}

.sticky-header .top-header-row1 {
  display: none;
}

body:not(.home) .main-header {
  background: #FFFFFF75 !important;
   backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
}
 .main-header{
            backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
}

body:not(.home) .main-header #menu-primary-menu li a{
 color: #000;
}

body:not(.home) .main-header #menu-primary-menu li a:hover {
  color: #ff6a1a;
}
body:not(.home) .main-header .sub-menu{
  background-color:#fff!important;
}
/*============================= Moving Image Start =========================*/

@keyframes floating {
  from {
    transform: translate(0, 0px);
  }

  65% {
    transform: translate(0, 15px);
  }

  to {
    transform: translate(0, -0px);
  }
}

.top-light img {
  transform: translate(84px, 10px);
  animation-name: floating;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

/*============================= Moving Image End =========================*/
body .wp-block-group.is-vertical {
  flex-direction: column;
  margin-top: 200px !important;
}

/*=============== Elementor Page ===============*/

.elementor.elementor-48 {
  margin-top: 200px !important;

}

.inner-banner {
  background-image: url(assets/images/banner.png);
  height: 300px !important;
  margin-top: 200px;
}

.banner-img-main-box {
  height: 300px;
}

/* .product-image-discount .best-seller-badge {
  position: absolute;
  top: 93px;
  right: -36px;
  width: 186px;
  text-align: center;
  padding: 6px 0;
  background-color: #e53935;
  color: #fff;
  font-weight: bold;
  transform: rotate(45deg);
  transform-origin: top right;
  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  z-index: 10;
} */

/* optional: fold / tail parts */
.product-image-discount .best-seller-badge::before,
.product-image-discount .best-seller-badge::after {
  content: "";
  position: absolute;
  background-color: #c62828;
  /* darker shade if you want */
  width: 12px;
  height: 12px;
}

.product-image-discount .best-seller-badge::before {
  bottom: -6px;
  left: 0;
  transform: rotate(90deg);
}

.product-image-discount .best-seller-badge::after {
  top: 0;
  right: -6px;
  transform: rotate(-90deg);
}


.swiper-button-prev,
.swiper-button-next {
  background-color: rgba(115, 77, 42, 0.8);
  color: #fff;
  padding: 10px;
  border-radius: 50%;
}

.swiper-pagination-bullet {
  background: #734d2a;
  opacity: 1;
}

.swiper-pagination-bullet-active {
  background: #b37b4d;
}

.swiper-button-prev i,
.swiper-button-next i {
  font-size: 24px;
  color: #734d2a;
}

.swiper-button-prev,
.swiper-button-next {
  border-radius: 50%;
  padding: 10px;
  font-size: 22px !important;
  line-height: 22px !important;
  background-color: #8D5E2F;
  color: #FFFFFF !important;

}

.swiper-button-prev:hover,
.swiper-button-next:hover {
  background-color: #ff6a1a;
  color: #FFFFFF !important;

}

.swiper-button-prev:hover i,
.swiper-button-next:hover i {
  color: #b37b4d;
}

.shop-section .swiper-button-prev::after,
.shop-section .swiper-button-next::after {
  content: none;
  /* Removes the default Swiper arrows */
}

.shop-section .swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: -59px !important;
  right: auto;
}

.shop-section .swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: -56px;
  left: auto;
}

.shop-section .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  background: #ff6a1a99;
}

.shop-section .swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: -35px !important;
  left: 0;
  width: 100%;
}

/***********************************/
.woocommerce.woolentor_current_theme_hello-elementor span.onsale,
.woolentor_current_theme_hello-elementor span.onsale,
.elementor-widget-woolentor-product-tab span.onsale {
  background-color: #724935 !important;
  border-radius: 3px;
  color: #FF783E !important;
  font-size: 14px;
  font-weight: 500;
  left: 15px;
  top: 15px;
  line-height: 1 !important;
  min-height: inherit !important;
  min-width: inherit !important;
  padding: 5px 10px;
  position: absolute;
}

/*============= Blog Section Start =============*/

/* @media (max-width: 1024px) {
  #wood-wroking-blog  .swiper-slide {
    width: 50% !important;
  }
} */

/* @media (max-width: 1024px) {
  #wood-wroking-blog  .swiper-wrapper {
    justify-content: space-between;
  }
  #wood-wroking-blog  .swiper-slide {
    width: calc(50% - 4px) !important;
  }
}

@media (max-width: 767px) {
  #wood-wroking-blog .swiper-slide {
    width: 100% !important;
  }
} */




/* #wood-wroking-blog .pp-post-content-wrap:hover{
  background-color: #E8E3DD !important;
}

#wood-wroking-blog .elementor-button-icon svg {
  height: auto;
  width: 2em !important;
} */
/*============= Blog Section End =============*/

/* FAQ Section */

/* .faq-whatsapp-btn .upk-social-share-text {
  font-size: 1.3em;
  padding-right: 24px;
  align-self: stretch;
  flex-grow: 1;
  align-items: center;
  display: flex;
  font-weight: 100;
  margin-left: 7%;
}

.faq-whatsapp-btn .upk-ss-icon {
  display: flex;
  align-self: center;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 3.2em;
  position: relative;
  color:#39AE41;
}

.faq-whatsapp-btn .upk-ss-btn .upk-ss-whatsapp{
    display: flex !important;
    flex-direction: row-reverse !important;
}
.upk-ss-btn {
  overflow: hidden;
  font-size: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  transition-duration: 0.2s;
  transition-property: filter, background-color, border-color, width;
  height: 4.2em;
  cursor: pointer;
  flex-direction: row-reverse !important;
}
.upk-social-share-title{
  font-weight: normal !important;
  font-size: 16px;
}
#faq-section .ekit-wid-con .fasicon, .ekit-wid-con .icon, .ekit-wid-con .icon::before, .fasicon, .icon, .icon::before {
  font-family: elementskit!important;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#faq-section .faq-phone-mail .ekit-header-info > li > a svg {
  max-width: 30px;
  height: 30px !important;
}
#faq-section  .ekit-wid-con svg {
  width: 30px;
  height: 30px;
}

#faq-section .elementor-widget-n-accordion .e-n-accordion-item {
  display: flex;
  flex-direction: column;
  position: relative;
  border-radius: 16px !important;
} */
/* #faq-section .e-n-accordion-item {
  border-style: none;
  box-shadow: 
  0 2px 6px rgba(0,0,0,0.25),
  
  inset 0 1px 3px rgba(0,0,0,0.2) !important;
} */

/* Style when closed (i.e. default) */
/* #faq-accordin .e-n-accordion .e-n-accordion-item > .e-n-accordion-item-title {
  border-style: none;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2),    
  inset 0 2px 4px rgba(0, 0, 0, 0.2);
} */


.search-results span.blog-date {
  display: none;
}

.search-results .post-categories {
  display: none;
}

/* Newsletter Section */

.newsletter-section .footer-newsletter form input {
  background-color: #FF783E;
  color: #000;
  padding: 16px !important;
  border-radius: 16px;
  font: 300 14px/24px "Open Sans" !important;
  align-items: center;
  justify-content: flex-start;
  display: flex;
  width: 100%;
  border: unset;

}


.newsletter-section .footer-newsletter .newsltr-btn {
  position: absolute !important;
  right: 0px;
  top: 0;
  font-family: 'Open Sans';
  font: 600 18px/24px "Open Sans" !important;
  color: #ffffff00;
  position: relative;
  padding: 16px;
  border: unset;
  /* background-color: #ff6a1a !important; */
  width: max-content;
}


@media screen and (min-width:1700px) and (max-width:1920px) {

  .newsletter-feat-sec {

    width: 44%;

  }
}

@media screen and (min-width:1600px) and (max-width:1699px) {

  .newsletter-feat-sec {
    width: 48%;
  }


}







/* Video Gallery Section */


#video-gallery.ekit-wid-con .fasicon,
.ekit-wid-con .icon,
.ekit-wid-con .icon::before,
.fasicon,
.icon,
.icon::before {
  font-family: elementskit !important;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 0 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}





.mfp-iframe-holder {
  background-color: transparent;
}


/**** Shop Section ****/

/* 

.top-slider-right-col .slick-track>div {
  height: 620px;
  justify-content: center;
  display: inline-flex;
}
.top-slider-right-col-slider-container {
  clip-path: polygon( 100% 97.619%,100% 97.619%,99.983% 98.005%,99.934% 98.372%,99.855% 98.713%,99.749% 99.025%,99.619% 99.303%,99.467% 99.541%,99.297% 99.734%,99.11% 99.879%,98.91% 99.969%,98.699% 100%,14.201% 100%,14.201% 100%,14.036% 99.981%,13.876% 99.925%,13.723% 99.834%,13.578% 99.71%,13.444% 99.555%,13.32% 99.372%,13.209% 99.161%,13.113% 98.925%,13.032% 98.667%,12.969% 98.387%,10.968% 87.644%,10.968% 87.644%,10.905% 87.365%,10.825% 87.106%,10.728% 86.871%,10.618% 86.66%,10.494% 86.476%,10.359% 86.322%,10.214% 86.198%,10.061% 86.107%,9.902% 86.051%,9.737% 86.032%,1.301% 86.032%,1.301% 86.032%,1.09% 86.001%,0.89% 85.91%,0.703% 85.766%,0.533% 85.572%,0.381% 85.334%,0.251% 85.057%,0.145% 84.745%,0.066% 84.403%,0.017% 84.037%,0% 83.651%,0% 2.381%,0% 2.381%,0.017% 1.995%,0.066% 1.628%,0.145% 1.287%,0.251% 0.975%,0.381% 0.697%,0.533% 0.459%,0.703% 0.266%,0.89% 0.121%,1.09% 0.031%,1.301% 0%,98.699% 0%,98.699% 0%,98.91% 0.031%,99.11% 0.121%,99.297% 0.266%,99.467% 0.459%,99.619% 0.697%,99.749% 0.975%,99.855% 1.287%,99.934% 1.628%,99.983% 1.995%,100% 2.381%,100% 97.619% );
}
.top-slider-left-col .ht-product-inner {
  position: relative;
}
.top-slider-left-col .ht-product-label {
  display: none;
}
.top-slider-left-col .ht-product-content {
  position: absolute;
  margin: 20px;
  bottom: 0;
  background: #ff6a1a;
  clip-path: polygon(23.951% 4.875%, 23.951% 4.875%, 23.778% 4.032%, 23.555% 3.253%, 23.285% 2.541%, 22.973% 1.904%, 22.623% 1.348%, 22.241% 0.88%, 21.829% 0.504%, 21.393% 0.228%, 20.937% 0.058%, 20.466% 0%, 3.659% 0%, 3.659% 0%, 3.065% 0.092%, 2.502% 0.357%, 1.977% 0.782%, 1.498% 1.352%, 1.072% 2.053%, 0.706% 2.87%, 0.408% 3.788%, 0.187% 4.794%, 0.048% 5.872%, 0% 7.009%, 0% 38.318%, 0% 41.121%, 0% 92.991%, 0% 92.991%, 0.048% 94.128%, 0.187% 95.206%, 0.408% 96.212%, 0.706% 97.13%, 1.072% 97.947%, 1.498% 98.648%, 1.977% 99.218%, 2.502% 99.643%, 3.065% 99.908%, 3.659% 100%, 96.341% 100%, 96.341% 100%, 96.935% 99.908%, 97.498% 99.643%, 98.023% 99.218%, 98.502% 98.648%, 98.928% 97.947%, 99.294% 97.13%, 99.592% 96.212%, 99.813% 95.206%, 99.952% 94.128%, 100% 92.991%, 100% 45.327%, 100% 45.327%, 99.952% 44.19%, 99.813% 43.112%, 99.592% 42.106%, 99.294% 41.187%, 98.928% 40.371%, 98.502% 39.67%, 98.023% 39.1%, 97.498% 38.675%, 96.935% 38.409%, 96.341% 38.318%, 32.203% 38.318%, 32.203% 38.318%, 31.732% 38.26%, 31.276% 38.09%, 30.84% 37.814%, 30.429% 37.438%, 30.046% 36.969%, 29.696% 36.413%, 29.384% 35.777%, 29.114% 35.065%, 28.891% 34.285%, 28.719% 33.443%, 23.951% 4.875%);
  width: -webkit-fill-available;
  height: 214px;
  align-items: end;
  display: inline-flex;
}
.top-slider-left-col .ht-product-image img {
  height: 620px;
  object-fit: fill;
  border-radius: 20px;
}
.top-slider-left-col .ht-product-action ul li:nth-child(1), .top-slider-left-col .ht-product-action ul li:nth-child(2) {
  display: none;
}
.top-slider-left-col .ht-product-action ul li:nth-child(3) {
  transform: translate(20px, 115px);
  background-color: #FFF;
}
.top-slider-left-col .ht-product-content-inner .ht-product-categories::before {
  display: none;
}
.top-slider-left-col .ht-product-content-inner .ht-product-categories {
  padding-left: 0px !important;
}
.top-slider-left-col .ht-product-action ul li a.woolentorquickview {
  display: none !important;
}
.top-slider-left-col .ht-product-inner .ht-product-action {
  left: 50px;
  right: auto;
  top: 68%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 9;
}
.top-slider-left-col .ht-product-content .price del {
  display: none !important;
}
.top-slider-left-col .ht-product-content .price ins {
  text-decoration: unset;
}
.top-slider-left-col .ht-product-content .price ins::before {
  content: 'From:';
  color: #FFFFFF;
  font: 400 25px/30px "Open Sans";
}

.top-slider-right-col ul li button {
  display: block;
  width: 10px;
  height: 10px;
  line-height: 10px;
  padding: 0;
  border: none;
  border-radius: 100%;
  background-color: #484848;
  text-indent: -9999px;
}
.top-slider-right-col ul.slick-dots {
  display: flex;
  gap: 6px;
  transform: translate(38px, -55px);
}
.top-slider-right-col button.slick-prev, .top-slider-right-col button.slick-next {
  font-size: 0;
  border: unset;
  width: 30px;
  height: 30px;
  background-color: unset;
}
.top-slider-right-col button.slick-prev:hover, .top-slider-right-col button.slick-next:hover {
  border-radius: 50px;
  background-color: #ff6a1a;
}
.top-slider-right-col button.slick-prev:hover::after, .top-slider-right-col button.slick-next:hover::after {
  color: #FFFFFF;
}
.top-slider-right-col button.slick-prev {
  position: absolute;
  bottom: 10%;
  left: 1px;
  z-index: 9;
}
.top-slider-right-col button.slick-next {
  position: absolute;
  bottom: 10%;
  left: 8%;
  z-index: 9;
}
.top-slider-right-col button.slick-prev::after {
  content: '\f053';
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-size: 18px;
  color: #ff6a1a;
}
.top-slider-right-col button.slick-next::after {
  content: '\f054';
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-size: 18px;
  color: #ff6a1a;
}
.top-slider-right-col ul li.slick-active button {
  background-color: #ff6a1a;
}
.top-slider-right-col ul li {
  width: auto;
}
.top-slider-right-col ul li .slick-track {
  display: inline-flex;
  gap: 10px;
} */

#top-hero-slider .bdt-slider-excerpt {
  display: none;
}

#top-hero-slider .bdt-sub-title {
  width: 820px !important;
  order: 2;
}

.bdt-prime-slider-desc>div:not(.bdt-sub-title):not(.bdt-main-title) {
  order: 3;
  margin-top: 20px;
}

#top-hero-slider .bdt-prime-slider-desc {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#top-hero-slider .bdt-prime-slider-skin-general .bdt-prime-slider-previous {
  left: 4% !important;
  top: 50%;
}

.bdt-prime-slider-skin-general .bdt-prime-slider-next {
  right: 4% !important;
  top: 50%;
}
#top-hero-slider .bdt-prime-slider .bdt-slide-btn{
      border-color:linear-gradient(90deg, #FFFFFF, #FF783E, #FFFFFF) border-box !important;
}

/*=============== Top Slider End ===============*/


/*=============== Shop by Category Start ===============*/

.shop-by-category .slick-slide.slick-active {
  counter-increment: css-counter 1;
}

.shop-by-category .slick-slide.slick-active .ht-category-wrap::before {
  content: counter(css-counter) "";
  position: relative;
  display: flex;
  text-align: center;
  font-size: 18px;
  width: 30px;
  background-color: #ff6a1a;
  padding: 10px;
  height: 30px;
  align-items: center;
  border-radius: 20px;
  justify-content: center;
  color: #ffffff;
  font-weight: 600;
  top: 4px;
  left: 4px;
}

.shop-by-category-left-col {
  clip-path: polygon(100% 4.211%, 100% 4.211%, 99.959% 3.528%, 99.841% 2.88%, 99.653% 2.276%, 99.399% 1.724%, 99.088% 1.233%, 98.726% 0.812%, 98.318% 0.47%, 97.871% 0.215%, 97.392% 0.055%, 96.887% 0%, 3.113% 0%, 3.113% 0%, 2.608% 0.055%, 2.129% 0.215%, 1.682% 0.47%, 1.274% 0.812%, 0.912% 1.233%, 0.601% 1.724%, 0.347% 2.276%, 0.159% 2.88%, 0.041% 3.528%, 0% 4.211%, 0% 74.737%, 0% 74.737%, 0.041% 75.42%, 0.159% 76.068%, 0.347% 76.672%, 0.601% 77.223%, 0.912% 77.714%, 1.274% 78.135%, 1.682% 78.477%, 2.129% 78.733%, 2.608% 78.892%, 3.113% 78.947%, 33.14% 78.947%, 33.14% 78.947%, 33.451% 78.968%, 33.755% 79.03%, 34.052% 79.132%, 34.338% 79.271%, 34.612% 79.448%, 34.873% 79.659%, 35.117% 79.905%, 35.343% 80.183%, 35.55% 80.492%, 35.734% 80.83%, 44.213% 98.117%, 44.213% 98.117%, 44.397% 98.456%, 44.604% 98.765%, 44.83% 99.043%, 45.075% 99.288%, 45.335% 99.5%, 45.609% 99.676%, 45.895% 99.816%, 46.192% 99.917%, 46.496% 99.979%, 46.807% 100%, 96.887% 100%, 96.887% 100%, 97.392% 99.945%, 97.871% 99.785%, 98.318% 99.53%, 98.726% 99.188%, 99.088% 98.767%, 99.399% 98.276%, 99.653% 97.724%, 99.841% 97.12%, 99.959% 96.472%, 100% 95.789%, 100% 4.211%);
}

.shop-by-category-right-col .ht-category-wrap {
  margin-bottom: 0px;
  border-radius: 15px;
  position: relative;
  height: 100%;
  min-height: 200px;
}

.shop-by-category-right-col .ht-category-content {
  position: absolute;
  top: 10px;
  left: 50px;
  display: block;
}

.shop-by-category-right-col .product-slider button.slick-prev {
  transform: translate(-271px, -13px);
}

.shop-by-category-right-col .product-slider .slick-dots {
  transform: translate(-273px, -14px);
}

.shop-by-category-right-col .product-slider .slick-arrow.slick-next {
  right: unset;
  left: 0;
  transform: translate(-210px, -13px);
}

.shop-by-category .slick-slide.slick-active .ht-category-wrap .ht-category-image::after {
  content: '';
  position: absolute;
  width: 110px;
  height: 110px;
  background-color: #DADADA;
  z-index: -1;
  right: 20px;
  bottom: 10px;
  border-radius: 50%;
}

.shop-by-category .ht-category-wrap .ht-category-image-zoom a img {
  transition: unset;
  width: 68%;
  margin-left: auto;
  padding-right: 10px;
  transform: translateY(10px);
}

.shop-by-category .ht-category-wrap:hover .ht-category-image-zoom a img {
  transform: translateY(10px) !important;
}

.shop-by-category .ht-category-image {
  z-index: 2;
  position: relative;
  position: absolute;
  bottom: 0;
  right: 0;
  height: 120px;
}

.shop-by-category .ht-category-wrap .ht-category-image a.ht-category-border::before {
  display: none;
}

.shop-by-category-right-col {
  height: 200px !important;
  display: block;
}

.shop-by-category {
  min-height: 200px;
  height: 100% !important;
}

.shop-by-category .elementor-widget-container {
  height: 100% !important;
}

.shop-by-category .product-slider {
  height: 100% !important;
}

.shop-by-category .slick-list {
  height: 100% !important;
}

.shop-by-category .ht-category-wrap .ht-category-content span::before {
  display: none;
}

.shop-by-category .product-slider .slick-dots li button {
  height: 10px;
  width: 10px;
  line-height: 10px;
}

.shop-by-category .product-slider .slick-dots li {
  margin: 0 3px;
}

.shop-by-category .ht-category-content span {
  position: relative;
  top: -4px;
}

.shop-by-category .ht-category-content span.product-word::after {
  content: 'Product';
  left: 18px;
  top: 0;
  position: absolute;
  color: #484848;
  font: 400 12px/12px "Open Sans";
}

.shop-by-category .product-slider .slick-arrow {
  height: 25px;
  width: 25px;
  line-height: 25px;
}

.shop-page-product-content-box {
  display: flex;
  flex-direction: column;
  margin-top: 12px;
}



@media (min-width:1024px) {

  .woocommerce-shop .shop-page-product-box img,
  .tax-product_cat .shop-page-product-box img {
    transition: transform 0.5s ease-in-out;
  }

  /* .woocommerce-shop .shop-page-product-box:hover .product-content-box {
    background-color: #ff6a1a;
  } */
  .woocommerce-shop .shop-page-product-box:hover .product-title a {
    color: #ff6a1a;
  }

  .woocommerce-shop .shop-page-product-box:hover .product-price .sale-price {
    color: #ff6a1a;
  }

  .woocommerce-shop .shop-page-product-box:hover .product-price .regular-price {
    color: #ff6a1a;
  }

  /* .woocommerce-shop .shop-page-product-box:hover .add-to-cart-btn a::before {
    background-color: #FF783E;
    color: #ff6a1a;
  } */


  .tax-product_cat .shop-page-product-box img,
  .tax-product_cat .shop-page-product-box img {
    transition: transform 0.5s ease-in-out;
  }

  /* .tax-product_cat .shop-page-product-box:hover img, .tax-product_cat .shop-page-product-box:hover img {
    transform: scale(1.1);
  } */
  /* .tax-product_cat .shop-page-product-box:hover .product-content-box {
    background-color: #ff6a1a;
  } */
  /* .tax-product_cat .shop-page-product-box:hover .product-title a {
    color: #FFFFFF;
  }
  .tax-product_cat .shop-page-product-box:hover .product-price .sale-price {
    color: #FFFFFF;
  }
  .tax-product_cat .shop-page-product-box:hover .product-price .regular-price {
    color: #FFFFFF;
  }
  .tax-product_cat .shop-page-product-box:hover .add-to-cart-btn a::before {
    background-color: #FFFFFF;
    color: #ff6a1a;
  } */
}


.header-menu-col3 .elementor-icon:hover {
  background-color: #ce421b;
}

.header-menu-col3 .elementor-icon:hover svg path {
  fill: #FFF;
}

.header-menu-col3 .elementor-icon-box-wrapper:hover .elementor-icon-box-icon .elementor-icon {
  background-color: #ff6a1a;
}

.header-menu-col3 .elementor-icon-box-wrapper:hover .elementor-icon-box-icon .elementor-icon svg path {
  fill: #FFF;
}

.header-primary-menu-col3:hover .hfe-menu-cart__toggle .elementor-button {
  background-color: #000000 !important;
}

.top-bar-announce {
  justify-content: center;
  color: red;

}


/*=============== Header End ===============*/



/*========== Star Rating CSS Start ============*/

.star-rating {
  color: #FEC004;
  margin-top: 0;
  overflow: hidden;
  position: relative;
  height: 1em;
  line-height: 1;
  font-size: 1em;
  width: 5.4em;
  font-family: star;
  float: unset !important;
}

.star-rating:before {
  content: "\73\73\73\73\73";
  color: #dab7b7bf !important;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
}

.star-rating span {
  overflow: hidden;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
  padding-top: 1.5em;
}

.star-rating span:before {
  content: "\53\53\53\53\53";
  top: 0;
  position: absolute;
  left: 0;
}

/*========== Star Rating CSS End ============*/

/*========== Return to Top Start ============*/

#return-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #FF783E;
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 999;
  cursor: pointer;
}

#return-to-top div {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

#return-to-top:hover {
  background-color: #000000;
}

/*========== Return to Top End ============*/

/*============= Preloader Start =============*/

.spinner-loading-box {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  z-index: 999999;
  background: #f5f3f2;
  justify-content: center;
  align-items: center;
  display: flex;
}

.spinner-loading-box img {
  max-width: 200px !important;
}

.spinner-loading-box img,
.ets-theme-header-section :is(.ets-topabr-address, .ets-topabr-email) li {
  width: 100%;
}

.demo {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

/*============= Preloader End =============*/


/* HTML: <div class="loader"></div> */
/* HTML: <div class="loader"></div> */
.loader {
  width: 80px;
  aspect-ratio: 1;
  --c: #FF783E 98%, #0000;
  background:
    radial-gradient(50% 70% at 50% 120%, var(--c)) top,
    radial-gradient(70% 50% at -20% 50%, var(--c)) right,
    radial-gradient(50% 70% at 50% -20%, var(--c)) bottom,
    radial-gradient(70% 50% at 120% 50%, var(--c)) left;
  background-size: 100% 50.1%, 50.1% 100%;
  background-repeat: no-repeat;
  mask: radial-gradient(circle 5px, #0000 90%, #000);
  animation: l9 1.5s infinite linear;
}

@keyframes l9 {
  100% {
    transform: rotate(1turn)
  }
}

/* Contact Page Form */

#contact-page .form-row {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 15px;
}

#contact-page .form-group {
  flex: 1;
  margin-right: 10px;
  margin-bottom: 10px;
}

#contact-page .form-group:last-child {
  margin-right: 0;
}

#contact-page .form-control {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 16px;
  color: #8D5E2F;
}

#contact-page .form-control:focus {
  border-color: none;
  outline: none;
  box-shadow: none !important;
  background-color: #FFF7E9 !important;
}

/* Placeholder Styling */
#contact-page ::placeholder {
  color: #aaa;
}

/* Dropdown Arrow Styling */
#contact-page select {
  background: url('') no-repeat right center;
  background-size: 16px;
  padding-right: 30px;
}

#contact-page .wpcf7 input[type="text"],
#contact-page .wpcf7 input[type="email"],
#contact-page .wpcf7 input[type="tel"],
#contact-page .wpcf7 input[type="file"],
#contact-page .wpcf7 select,
#contact-page .wpcf7 textarea {
  border: 2px solid white;
  border-bottom: 1px solid #ffffff;
  background: transparent;
  border-radius: 16px;
  padding: 12px 12px;
  width: 100%;
  box-sizing: border-box;
}

/* On focus change bottom border color or thickness if you want */
#contact-page .wpcf7 input[type="text"]:focus,
#contact-page .wpcf7 input[type="email"]:focus,
#contact-page .wpcf7 input[type="tel"]:focus,
#contact-page .wpcf7 input[type="file"]:focus,
#contact-page .wpcf7 select:focus,
#contact-page .wpcf7 textarea:focus {
  outline: white;
  border-bottom: 2px solid #ffffff;
  color: white;
}

#contact-page label {
  display: none;
}

#contact-page .wpcf7 select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("assets/images/Vector.svg");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 16px;
  padding-right: 30px;
}

/* Base styles for the submit button */
#contact-page .wpcf7-submit {
  position: relative;
  padding-left: 30px;
  /* Space for the icon */
  font-size: 16px;
  font-weight: 600;
  background-color: #FF783E;
  color: #ffffff;
  border: none;
  border-radius: 16px;
  cursor: pointer;
  transition: background-color 0.3s ease, color 0.3s ease;
  padding: 18px 32px;
}

/* Add the icon inside the button */
#contact-page .wpcf7-submit .icon {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-image: url('assets/images/button-icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
}

/* Optional: Change button background on hover */
#contact-page .wpcf7-submit:hover {
  background-color: #ffffff;
  color: #ff6a1a;
}

#contact-page .wpcf7 input::placeholder,
#contact-page textarea::placeholder {
  color: #ffffff;
  /* Replace with your desired color */
  opacity: 1;
  /* Ensures full opacity in Firefox */
}


.wpcf7 .order-enquiry-form input[type="file"] {
  border: none;
  border-bottom: none;
  background: transparent;
  border-radius: 0;
  padding: 8px 0;
  width: 100%;
  box-sizing: border-box;
}

.single-services-row.featured-image-row img {
  height: 500px;
  border-radius: 20px;
  object-fit: cover;
  margin-top: 30px;
}

/* Hotspot  Slider CSS Start */

span.title-dual-color {
  color: #FF783E !important;
}

/* Category Section CSS */
#category-sec .ht-category-wrap .ht-category-image a {
  display: block;
  position: relative;
  clip-path: polygon(64px 0, calc(100% - 40px) 0, 100% 0px, 100% calc(100% - 40px), calc(100% - 40px) 100%, 14px 100%, 0 calc(100% - 0px), 0 40px);
}

#category-sec .ht-category-wrap .ht-category-content-3.ht-category-content-3-bg3 {
  background-color: #e3e4f5;
  clip-path: polygon(0% 0%, 100% 0%, 88% 50%, 78% 100%, 0% 100%);
}


/* Crafted Comfort Section CSS */


#crafted-comfort {
  background-image: url(assets/images/crafted/carfted.png);
  clip-path: polygon(90px 0, calc(100% - 40px) 0, 100% 0, 100% calc(94% - 40px), calc(97% - 40px) 100%, 14px 100%, 0 calc(100% - 0px), 0 90px);
}

.crafted-inner-col {
  clip-path: polygon(82px 0, calc(94% - 40px) 0, 100% 0, 100% calc(96% - 40px), calc(97% - 40px) 100%, 14px 100%, 0 calc(100% - 0px), 0 82px);
  backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

/* Limited Offer Section CSS */

#limited-offer {
  background-image: url(assets/images/limited-offer/limited-offer.png);
  clip-path: polygon( 95.911% 0.603%,99.779% 11.162%,99.779% 11.162%,99.82% 11.282%,99.856% 11.409%,99.889% 11.543%,99.918% 11.684%,99.943% 11.83%,99.963% 11.98%,99.979% 12.135%,99.991% 12.293%,99.998% 12.454%,100% 12.618%,100% 97.941%,100% 97.941%,99.99% 98.275%,99.962% 98.592%,99.916% 98.887%,99.854% 99.157%,99.779% 99.397%,99.691% 99.603%,99.592% 99.77%,99.484% 99.895%,99.368% 99.973%,99.246% 100%,4.623% 100%,4.623% 100%,4.563% 99.994%,4.504% 99.974%,4.446% 99.943%,4.389% 99.899%,4.334% 99.843%,4.281% 99.776%,4.229% 99.697%,4.18% 99.608%,4.133% 99.508%,4.089% 99.397%,0.221% 88.838%,0.221% 88.838%,0.18% 88.719%,0.144% 88.591%,0.111% 88.457%,0.082% 88.316%,0.057% 88.17%,0.037% 88.02%,0.021% 87.865%,0.009% 87.707%,0.002% 87.546%,0% 87.383%,0% 2.059%,0% 2.059%,0.01% 1.725%,0.038% 1.408%,0.084% 1.113%,0.146% 0.843%,0.221% 0.603%,0.309% 0.397%,0.408% 0.23%,0.516% 0.105%,0.632% 0.027%,0.754% 0%,95.377% 0%,95.377% 0%,95.437% 0.006%,95.496% 0.026%,95.554% 0.057%,95.61% 0.101%,95.666% 0.157%,95.719% 0.224%,95.771% 0.302%,95.82% 0.392%,95.867% 0.492%,95.911% 0.603% );
  max-width: 96% !important;
  margin-top: 100px;
}

#limited-offer #bag-btn .elementor-button-icon svg {
  height: 24px !important;
  width: 24px !important;
}

.limited-offers-tittle {
  width: 80% !important;
}

/* Before After Section CSS */

.ekit-wid-con .elementskit-image-comparison .twentytwenty-handle {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #fff;
  border-color: #FF783E !important;
  -webkit-transition: color .3s, background-color .3s;
  transition: color .3s, background-color .3s;
}

.before-after-col {
  clip-path: polygon(82px 0, calc(94% - 40px) 0, 100% 0, 100% calc(96% - 40px), calc(97% - 40px) 100%, 14px 100%, 0 calc(100% - 0px), 0 82px);
}

.twentytwenty-horizontal .twentytwenty-handle:before,
.elementor-element .twentytwenty-horizontal .twentytwenty-handle:after {
  width: 2px;
  /* border-style: dashed; */
  /* border: none; */
  background-image: repeating-linear-gradient(to bottom, #00000000 0 6px,
      /* dash height */
      #1c1f20f2 6px 16px
      /* GAP size (increase this) */
    );
}

.twentytwenty-horizontal .twentytwenty-handle:before,
.elementor-element .twentytwenty-horizontal .twentytwenty-handle:before {
  width: 2px;
  /* border-style: dashed; */
  /* border: none; */
  background-image: repeating-linear-gradient(to bottom, #00000000 0 6px,
      /* dash height */
      #1c1f20f2 6px 16px
      /* GAP size (increase this) */
    );
}

/* Custom Room  Section CSS */
.custom-room-left-img img {
  width: 100%;
  max-width: 96%;
  height: 700px !important;
  object-fit: cover;
  object-position: center center;
  overflow: visible !important;
}

.custom-room-left-img {
    left: 100px !important;
    top: -105px !important;
}

.custom-room-right-col {
  clip-path: polygon(82px 0, calc(94% - 40px) 0, 100% 0, 100% calc(96% - 40px), calc(97% - 40px) 100%, 14px 100%, 0 calc(100% - 0px), 0 0px);
  overflow: visible !important;
}

/*===================CHOOSE US SECTION ===================*/
#choose-us {
  clip-path: polygon(82px 0, calc(94% - 40px) 0, 100% 0, 100% calc(96% - 40px), calc(97% - 40px) 100%, 14px 100%, 0 calc(100% - 0px), 0 82px);
  margin-left: 5%;
}
div#choose-us {
    margin-top: 150px !important;
}

#process-row {
  position: relative !important;
}

.dashed-connector-before .elementor-widget-image {
  text-align: left;
}

/* .dashed-connector-row1::before {
    content: "";
    height: 56px !important;
    top: 116px;
    left: 130px;
    border-left: 1px dashed #FFFFFF;
    border-bottom: 1px dashed #FFFFFF;
    width: 614px;
    border-image: repeating-linear-gradient(136deg, #ffffff 11px, #ffffff 24px, transparent 1px, transparent 0px) 1 !important;
}

.dashed-connector-row2::before {
    content: "";
    height: 200px;
    border-bottom: 1px dashed #FFFFFF;
    border-right: 1px dashed #FFFFFF;
    left: -515px;
    top: -24px;
    width: 614px;
    border-image: repeating-linear-gradient(140deg, #ffffff 11px, #ffffff 24px, transparent 1px, transparent 0px) 1 !important;
}
.dashed-connector-row3::before {
    content: "";
    height: 200px !important;
    top: -22px !important;
    left: 124px !important;
    border-left: 1px dashed #FFFFFF;
    border-bottom: 1px dashed #FFFFFF;
    width: 610px;
    border-image: repeating-linear-gradient(138deg, #ffffff 11px, #ffffff 21px, transparent 0px, transparent 0px) 1 !important;
}
.dashed-connector-row4::before {
    content: "";
    width: 0;
    height: 36px !important;
    top: -8px !important;
    left: 92px !important;
     
    border-image: repeating-linear-gradient(118deg, #ffffff 11px, #ffffff 18px, transparent 0px, transparent 0px) 1 !important;
} */


.dashed-connector-row1::before {
    content: "";
    height: 56px !important;
    top: 120px;
    left: 130px;
    border-left: 1px dashed #FFFFFF;
    border-bottom: 1px dashed #FFFFFF;
    width: 652px;
    border-image: repeating-linear-gradient(136deg, #ffffff 11px, #ffffff 24px, transparent 1px, transparent 0px) 1 !important;
}
.dashed-connector-row2::before {
    content: "";
    height: 186px;
    border-bottom: 1px dashed #FFFFFF;
    border-right: 1px dashed #FFFFFF;
    left: -514px;
    top: -10px;
    width: 657px;
    border-image: repeating-linear-gradient(140deg, #ffffff 11px, #ffffff 24px, transparent 1px, transparent 0px) 1 !important;
}
.dashed-connector-row3::before {
    content: "";
    height: 186px !important;
    top: -10px !important;
    left: 124px !important;
    border-left: 1px dashed #FFFFFF;
    border-bottom: 1px dashed #FFFFFF;
    width: 658px;
    border-image: repeating-linear-gradient(138deg, #ffffff 11px, #ffffff 21px, transparent 0px, transparent 0px) 1 !important;
}
.dashed-connector-row4::before {
    content: "";
    height: 35px !important;
    top: -9px !important;
    left: 142px !important;
    border-left: 1px dashed #FFFFFF;
  border-bottom: 1px dashed #FFFFFF;
    border-image: repeating-linear-gradient(118deg, #ffffff 11px, #ffffff 18px, transparent 0px, transparent 0px) 1 !important;
    width: 0;
}

/* ================= PRODUCT CATEGORY SLIDER  ================= */

.theme-category-slider-shortcode {
  display: flex;
  gap: 20px;
}

.theme-category-slider-shortcode .category-card {
  position: relative;
  overflow: hidden;
  border-radius: 18px;
}

.theme-category-slider-shortcode .category-image img {
  width: 100%;
  height: 320px;
  object-fit: cover;
}

.theme-category-slider-shortcode .category-content {
  position: absolute;
  bottom: 16px;
  left: 16px;
  right: 16px;

  background: rgba(255, 255, 255, 0.85);
  border-radius: 14px;
  padding: 10px 12px;

  display: flex;
  justify-content: space-between;
  align-items: center;
}

.theme-category-slider-shortcode .category-title {
  font-size: 16px;
  font-weight: 600;
  color: #2b2b2b;
  text-decoration: none;
}

.theme-category-slider-shortcode .category-arrow {
  width: 34px;
  height: 34px;
  background: #ff6a2b;
  color: #fff;
  border-radius: 10px;

  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.product-category-slider .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: flex !important;
  margin-left: auto;
  margin-right: auto;
  flex-direction: row;
  column-gap: 24px !important;
}

.category-image {
  clip-path: polygon( 15.35% 0.924%,0.829% 17.133%,0.829% 17.133%,0.677% 17.317%,0.539% 17.512%,0.416% 17.719%,0.308% 17.934%,0.216% 18.159%,0.139% 18.39%,0.079% 18.628%,0.035% 18.871%,0.009% 19.118%,0% 19.369%,0% 96.84%,0% 96.84%,0.037% 97.352%,0.144% 97.839%,0.316% 98.292%,0.546% 98.706%,0.828% 99.074%,1.158% 99.39%,1.529% 99.647%,1.934% 99.839%,2.37% 99.959%,2.828% 100%,82.667% 100%,82.667% 100%,82.891% 99.99%,83.112% 99.961%,83.329% 99.912%,83.542% 99.845%,83.749% 99.759%,83.95% 99.656%,84.143% 99.536%,84.327% 99.398%,84.502% 99.244%,84.667% 99.074%,99.172% 82.867%,99.172% 82.867%,99.324% 82.683%,99.461% 82.487%,99.584% 82.281%,99.692% 82.066%,99.785% 81.842%,99.861% 81.61%,99.921% 81.373%,99.965% 81.13%,99.991% 80.883%,100% 80.632%,100% 3.16%,100% 3.16%,99.963% 2.648%,99.856% 2.161%,99.684% 1.708%,99.454% 1.294%,99.172% 0.926%,98.842% 0.61%,98.471% 0.353%,98.066% 0.161%,97.63% 0.041%,97.172% 0%,17.349% 0%,17.349% 0%,17.125% 0.01%,16.904% 0.039%,16.687% 0.088%,16.474% 0.155%,16.267% 0.24%,16.067% 0.343%,15.874% 0.464%,15.689% 0.601%,15.514% 0.755%,15.35% 0.924% );
}

/* .flex-about-man-image .elementor-widget-container:after {
  background-image: url(https://demo.flextheme.net/flex-multi-business-pro/wp-content/uploads/sites/7/2025/06/Path-11-1.svg);
  width: 152px;
  height: 100px;
  position: absolute;
  right: 0;
  display: block;
  z-index: 10;
  content: "" !important;
  border-radius: 10px 6px;
  background-repeat: no-repeat;
  bottom: 0;
  background-position: bottom right;
} */

a.category-arrow {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 6%;
  width: 48px;
  height: 48px;
  color: #0e0d0d !important;
  background: linear-gradient(135deg, #ff6a00, #ff8c42);
  clip-path: polygon(99.304% 78.716%, 99.304% 8.841%, 99.304% 8.841%, 99.032% 6.606%, 98.271% 4.64%, 97.101% 2.976%, 95.603% 1.648%, 93.857% 0.689%, 91.945% 0.133%, 89.946% 0.013%, 87.942% 0.362%, 86.014% 1.214%, 84.241% 2.602%, 2.602% 84.241%, 2.602% 84.241%, 1.214% 86.014%, 0.362% 87.942%, 0.013% 89.946%, 0.133% 91.945%, 0.689% 93.857%, 1.648% 95.603%, 2.976% 97.101%, 4.64% 98.271%, 6.606% 99.032%, 8.841% 99.304%, 78.716% 99.304%, 78.716% 99.304%, 82.055% 99.035%, 85.223% 98.254%, 88.177% 97.006%, 90.875% 95.332%, 93.274% 93.274%, 95.332% 90.875%, 97.006% 88.177%, 98.254% 85.223%, 99.035% 82.055%, 99.304% 78.716%);
}
.category-card.slick-slide.slick-active {
  position: relative;
}

a.category-title {
  position: absolute;
  bottom: 4%;
  right: 4%;
  color: #FFFFFF !important;
  background: #aeb5b3a1;
  padding-right: 34px;
  padding: 20px 64px 20px 20px;
  backdrop-filter: blur(5px);
  clip-path: polygon(74.244% 97.029%, 98.689% 17.318%, 98.689% 17.318%, 99.178% 15.281%, 99.479% 13.063%, 99.602% 10.759%, 99.56% 8.461%, 99.363% 6.263%, 99.025% 4.256%, 98.557% 2.533%, 97.971% 1.188%, 97.277% 0.312%, 96.489% 0%, 3.111% 0%, 3.111% 0%, 2.606% 0.133%, 2.128% 0.517%, 1.681% 1.132%, 1.274% 1.957%, 0.911% 2.971%, 0.6% 4.153%, 0.347% 5.483%, 0.159% 6.938%, 0.041% 8.499%, 0% 10.145%, 0% 89.855%, 0% 89.855%, 0.041% 91.501%, 0.159% 93.062%, 0.347% 94.517%, 0.6% 95.847%, 0.911% 97.029%, 1.274% 98.043%, 1.681% 98.868%, 2.128% 99.483%, 2.606% 99.867%, 3.111% 100%, 72.045% 100%, 72.045% 100%, 72.291% 99.968%, 72.534% 99.874%, 72.774% 99.718%, 73.008% 99.502%, 73.235% 99.228%, 73.456% 98.896%, 73.668% 98.509%, 73.871% 98.068%, 74.063% 97.574%, 74.244% 97.029%);
  width: 200px;
  text-align: center;
}

.category-title {
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
}
.category-arrow{
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
}

.category-arrow svg {
  transform: rotate(320deg);
  height: 18px!important;
  width: 18px;
}

.category-card:hover .category-title {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.category-card:hover .category-arrow {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* ================= BLOG INSIGHTS SECTION  ================= */

.inner-blog-insights span.pp-post-term {
  border: 1px solid;
  padding: 6px 12px 6px 12px;
  border-radius: 50px;
}

.inner-blog-insights .pp-post-title a {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  /* modern standard (when supported) */
  line-clamp: 1;
}

.inner-blog-insights .pp-post-thumbnail img {
  height: 300px !important;
  clip-path: polygon(70px 0, calc(100% - 40px) 0, 100% 0, 100% calc(93% - 40px), calc(95% - 36px) 100%, 10px 100%, 0 calc(100% - 0px), 0 70px);
}



/* ================= Product Grid Start =================*/


.furniture-shop-grid {
  display: grid;
  gap: 30px;
  padding: 0px;
}


@media (min-width: 1200px) {
  .furniture-shop-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .furniture-shop-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .furniture-shop-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 576px) and (max-width: 768px) {
  .furniture-shop-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .furniture-shop-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}


.furniture-card {
  position: relative;
}

.furniture-card .badge {
  position: absolute;
  /* top: 12px; */
  /* left: 12px; */
  /* z-index: 10; */
  display: block;
  right: 0px;
  /* padding: 0; */
  background: #000;
  height: 74px;
  width: 74px;
  bottom: 168px;
  clip-path: polygon(21.124% 100%, 91.25% 100%, 91.25% 100%, 92.669% 99.885%, 94.016% 99.554%, 95.271% 99.023%, 96.418% 98.312%, 97.437% 97.437%, 98.312% 96.418%, 99.023% 95.271%, 99.554% 94.016%, 99.885% 92.669%, 100% 91.25%, 100% 21.124%, 100% 21.124%, 99.731% 18.908%, 98.976% 16.958%, 97.815% 15.308%, 96.33% 13.991%, 94.598% 13.04%, 92.702% 12.489%, 90.72% 12.369%, 88.733% 12.716%, 86.821% 13.56%, 85.063% 14.937%, 14.937% 85.063%, 14.937% 85.063%, 13.56% 86.821%, 12.716% 88.733%, 12.369% 90.72%, 12.489% 92.702%, 13.04% 94.598%, 13.991% 96.33%, 15.308% 97.815%, 16.958% 98.976%, 18.908% 99.731%, 21.124% 100%);
}

.badge-new {
  position: absolute;
  bottom: 24px;
  text-align: center;
  transform: rotate(320deg);
}
.rating-badge {
  position: absolute;
  bottom: 16px;
  text-align: center;
  transform: rotate(320deg);
}

.product-image img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.rating {
  margin: 8px 0;
}

/* .rating-number {
  font-size: 16px;
  font-weight: 600;
  color: #444;
  margin: 6px 0;
} */

.product-content {
  display: flex;
  padding-top: 28px;
  /* row-gap: 34px; */
  justify-content: space-between;
}

.product-title {
  font-size: 20px;
  font-family: "Quicksand", sans-serif;
  font-weight: 700;
  color: #5D5D5D;
}

.product-title:hover {
  color: #FF783E;
}

.product-price {
  font-weight: 700;
  color: #5D5D5D;
  font-family: "Quicksand", sans-serif;
  font-size: 20px;
}

.product-desc {
  font-size: 16px;
  color: #898989;
  font-weight: 400;
  font-family: "Quicksand", sans-serif;
  margin: 6px 0 12px;
}

.shop-page-add-to-cart {
  order: 2 !important;
}

.add-to-cart-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #898989;
  color: #fff;
  padding: 10px 14px;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 600;
  font-family: "Quicksand", sans-serif;
  font-size: 16px;
}

.add-to-cart-btn:hover {
  clip-path: polygon(0.137% 45.934%, 0.137% 85.606%, 0.137% 85.606%, 0.169% 87.818%, 0.263% 89.916%, 0.412% 91.873%, 0.613% 93.66%, 0.859% 95.248%, 1.146% 96.611%, 1.47% 97.72%, 1.823% 98.547%, 2.203% 99.064%, 2.603% 99.242%, 91.718% 99.242%, 91.718% 99.242%, 91.914% 99.2%, 92.106% 99.073%, 92.296% 98.863%, 92.481% 98.573%, 92.662% 98.204%, 92.837% 97.759%, 93.005% 97.239%, 93.166% 96.646%, 93.318% 95.982%, 93.462% 95.248%, 99.141% 63.842%, 99.141% 63.842%, 99.273% 63.049%, 99.394% 62.205%, 99.501% 61.315%, 99.595% 60.385%, 99.675% 59.419%, 99.742% 58.42%, 99.794% 57.394%, 99.832% 56.346%, 99.855% 55.28%, 99.863% 54.2%, 99.863% 14.394%, 99.863% 14.394%, 99.831% 12.182%, 99.737% 10.084%, 99.588% 8.127%, 99.387% 6.34%, 99.141% 4.752%, 98.854% 3.389%, 98.53% 2.28%, 98.177% 1.453%, 97.797% 0.936%, 97.397% 0.758%, 8.284% 0.758%, 8.284% 0.758%, 8.089% 0.801%, 7.895% 0.928%, 7.705% 1.139%, 7.52% 1.43%, 7.339% 1.801%, 7.163% 2.248%, 6.995% 2.77%, 6.834% 3.366%, 6.681% 4.033%, 6.538% 4.77%, 0.856% 36.31%, 0.856% 36.31%, 0.724% 37.103%, 0.604% 37.946%, 0.498% 38.834%, 0.404% 39.763%, 0.324% 40.728%, 0.257% 41.724%, 0.205% 42.747%, 0.168% 43.793%, 0.145% 44.857%, 0.137% 45.934%);
  background: #FF783E;
}

.add-to-cart-btn svg {
  fill: #fff;
  margin-left: 20px;
}

.product-image img {
  /* clip-path: polygon(70px 0, calc(100% - 40px) 0, 100% 0, 100% calc(94% - 43px), calc(90% - 36px) 100%, 10px 100%, 0 calc(100% - 0px), 0 70px); */
  clip-path: polygon(23.342% 0.926%, 1.114% 19.39%, 1.114% 19.39%, 0.91% 19.574%, 0.724% 19.77%, 0.559% 19.976%, 0.414% 20.192%, 0.29% 20.416%, 0.187% 20.647%, 0.106% 20.885%, 0.047% 21.128%, 0.012% 21.375%, 0% 21.625%, 0% 96.84%, 0% 96.84%, 0.05% 97.352%, 0.194% 97.839%, 0.425% 98.292%, 0.734% 98.706%, 1.114% 99.074%, 1.558% 99.39%, 2.056% 99.647%, 2.602% 99.839%, 3.187% 99.959%, 3.804% 100%, 73.974% 100%, 73.974% 100%, 74.274% 99.99%, 74.57% 99.961%, 74.862% 99.913%, 75.147% 99.846%, 75.425% 99.761%, 75.694% 99.659%, 75.953% 99.539%, 76.2% 99.402%, 76.435% 99.249%, 76.657% 99.081%, 98.878% 80.723%, 98.878% 80.723%, 99.084% 80.539%, 99.271% 80.343%, 99.437% 80.137%, 99.583% 79.921%, 99.708% 79.696%, 99.812% 79.464%, 99.893% 79.226%, 99.952% 78.982%, 99.988% 78.734%, 100% 78.483%, 100% 3.16%, 100% 3.16%, 99.95% 2.648%, 99.806% 2.161%, 99.575% 1.708%, 99.266% 1.294%, 98.886% 0.926%, 98.442% 0.61%, 97.944% 0.353%, 97.398% 0.161%, 96.813% 0.041%, 96.196% 0%, 26.032% 0%, 26.032% 0%, 25.731% 0.01%, 25.434% 0.039%, 25.141% 0.088%, 24.855% 0.155%, 24.576% 0.241%, 24.307% 0.344%, 24.047% 0.464%, 23.799% 0.602%, 23.564% 0.756%, 23.342% 0.926%);
}

.ratings {
  position: relative;
}

.rating-number {
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  background: #FF783E;
  clip-path: polygon(88.874% 0%, 9.859% 0%, 9.859% 0%, 8.26% 0.129%, 6.743% 0.503%, 5.328% 1.1%, 4.036% 1.902%, 2.888% 2.888%, 1.902% 4.036%, 1.1% 5.328%, 0.503% 6.743%, 0.129% 8.26%, 0% 9.859%, 0% 88.874%, 0% 88.874%, 0.304% 91.371%, 1.154% 93.568%, 2.462% 95.427%, 4.136% 96.911%, 6.086% 97.983%, 8.223% 98.604%, 10.456% 98.739%, 12.695% 98.349%, 14.85% 97.397%, 16.831% 95.845%, 95.845% 16.831%, 95.845% 16.831%, 97.397% 14.85%, 98.349% 12.695%, 98.739% 10.456%, 98.604% 8.223%, 97.983% 6.086%, 96.911% 4.136%, 95.427% 2.462%, 93.568% 1.154%, 91.371% 0.304%, 88.874% 0%);
  width: 66px;
  height: 66px;
  padding: 8px;
  position: absolute;
  top: -6px;
  left: 0;
}

.product-price ins {
  display: none;
}

.product-price del {
  /* display: none; */
  text-decoration: none;
}

/* ================= PRODUCT GRID END =================*/


/* ================= CONTACT US START =================*/
.contact-image {
  z-index: 1;
}

.contact-image img {
  clip-path: polygon(100px 0, calc(94% - 40px) 0, 100% 0, 100% calc(92% - 40px), calc(94% - 40px) 100%, 14px 100%, 0 calc(100% - 0px), 0 100px);
  z-index: 1;
  margin-left: 0;
  border-radius: 14px;
  overflow: hidden;
}

.contact-form-col {
  height: 574px !important;
  margin-left: -64px !important;
}

#Inquiry-booking {
  background: #1F2122;
  padding: 0;
}

#Inquiry-booking .cf7-row {
  display: flex;
  gap: 20px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}

#Inquiry-booking .cf7-col {
  flex: 1 1 45%;
}

#Inquiry-booking .cf7-col-full {
  flex: 1 1 100%;
}

/* Labels */
#Inquiry-booking label {
  display: block;
  color: #cccccc;
  font-size: 14px;
}

#Inquiry-booking input[type="text"],
#Inquiry-booking input[type="email"],
#Inquiry-booking input[type="tel"],
#Inquiry-booking select {
  width: 100%;
  padding: 8px 16px;
  border: none;
  background: #ffffff;
  color: #000000;
  font-size: 15px;
}

/* Select arrow */
#Inquiry-booking select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='black' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 5.5l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
  background-size: 12px;
}

/* Submit Button */
#Inquiry-booking .cf7-submit,
#Inquiry-booking input[type="submit"] {
  clip-path: polygon(0.137% 45.934%, 0.137% 85.606%, 0.137% 85.606%, 0.169% 87.818%, 0.263% 89.916%, 0.412% 91.873%, 0.613% 93.66%, 0.859% 95.248%, 1.146% 96.611%, 1.47% 97.72%, 1.823% 98.547%, 2.203% 99.064%, 2.603% 99.242%, 91.718% 99.242%, 91.718% 99.242%, 91.914% 99.2%, 92.106% 99.073%, 92.296% 98.863%, 92.481% 98.573%, 92.662% 98.204%, 92.837% 97.759%, 93.005% 97.239%, 93.166% 96.646%, 93.318% 95.982%, 93.462% 95.248%, 99.141% 63.842%, 99.141% 63.842%, 99.273% 63.049%, 99.394% 62.205%, 99.501% 61.315%, 99.595% 60.385%, 99.675% 59.419%, 99.742% 58.42%, 99.794% 57.394%, 99.832% 56.346%, 99.855% 55.28%, 99.863% 54.2%, 99.863% 14.394%, 99.863% 14.394%, 99.831% 12.182%, 99.737% 10.084%, 99.588% 8.127%, 99.387% 6.34%, 99.141% 4.752%, 98.854% 3.389%, 98.53% 2.28%, 98.177% 1.453%, 97.797% 0.936%, 97.397% 0.758%, 8.284% 0.758%, 8.284% 0.758%, 8.089% 0.801%, 7.895% 0.928%, 7.705% 1.139%, 7.52% 1.43%, 7.339% 1.801%, 7.163% 2.248%, 6.995% 2.77%, 6.834% 3.366%, 6.681% 4.033%, 6.538% 4.77%, 0.856% 36.31%, 0.856% 36.31%, 0.724% 37.103%, 0.604% 37.946%, 0.498% 38.834%, 0.404% 39.763%, 0.324% 40.728%, 0.257% 41.724%, 0.205% 42.747%, 0.168% 43.793%, 0.145% 44.857%, 0.137% 45.934%);
  background: #FF783E;
  color: #fff;
  border: none;
  padding: 16px 100px;
  font-size: 16px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  transition: all 0.3s ease;
  margin-top: 10px;
}

/* Hover */
#Inquiry-booking .cf7-submit:hover,
#Inquiry-booking input[type="submit"]:hover {
  background: #ff6a1a;
}

/* Mobile */
@media (max-width: 767px) {
  #Inquiry-booking .cf7-col {
    flex: 1 1 100%;
  }
}
#Inquiry-booking button.cf7-submit br {
    display: none;
}

/* Optional icon */
/* #Inquiry-booking .cf7-submit::after {
  content: "👜";
  font-size: 16px;
} */

#about-page {
  clip-path: polygon(90px 0, calc(100% - 40px) 0, 100% 0, 100% calc(94% - 40px), calc(97% - 40px) 100%, 14px 100%, 0 calc(100% - 0px), 0 90px);
}

.crafted-about-inner-col {
  clip-path: polygon(82px 0, calc(94% - 40px) 0, 100% 0, 100% calc(96% - 40px), calc(97% - 40px) 100%, 14px 100%, 0 calc(100% - 0px), 0 82px);
}
/*=================== SHOP BY ROOM SECTION CSS START ===================*/

.pp-post-content {
  text-align: start;
}

.upk-crystal-slider .upk-content {
  position: absolute;
  bottom: unset!important;
  left: 2rem;
  right: 2rem;
  max-width: 220px;
  text-align: center;
  background: #fff;
  padding: 6px 20px !important;
  border-radius: 10px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.027);
  opacity: 0;
  margin: auto;
  top: 10% !important;
}
.upk-crystal-slider .upk-category{
  margin-bottom: 0 !important;
}
.upk-crystal-slider .upk-category a {
    background: unset !important;
}
.upk-crystal-slider .upk-category a:hover {
    color: #EDF2F4;
    background: unset !important;
}
.upk-crystal-slider .upk-navigation-next {
    right: 41% !important;
    top: 8% !important;
}
.upk-crystal-slider .upk-navigation-prev {
    left: 41% !important;
    top: 8% !important;  
}
.upk-crystal-slider .upk-navigation-next, .upk-crystal-slider .upk-navigation-prev {
   
    padding: clamp(0.75rem, 2.5vw, 1rem) !important;
}
.upk-crystal-slider .upk-img-wrap .upk-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    clip-path: polygon( 95.911% 0.603%,99.779% 11.162%,99.779% 11.162%,99.82% 11.282%,99.856% 11.409%,99.889% 11.543%,99.918% 11.684%,99.943% 11.83%,99.963% 11.98%,99.979% 12.135%,99.991% 12.293%,99.998% 12.454%,100% 12.618%,100% 97.941%,100% 97.941%,99.99% 98.275%,99.962% 98.592%,99.916% 98.887%,99.854% 99.157%,99.779% 99.397%,99.691% 99.603%,99.592% 99.77%,99.484% 99.895%,99.368% 99.973%,99.246% 100%,4.623% 100%,4.623% 100%,4.563% 99.994%,4.504% 99.974%,4.446% 99.943%,4.389% 99.899%,4.334% 99.843%,4.281% 99.776%,4.229% 99.697%,4.18% 99.608%,4.133% 99.508%,4.089% 99.397%,0.221% 88.838%,0.221% 88.838%,0.18% 88.719%,0.144% 88.591%,0.111% 88.457%,0.082% 88.316%,0.057% 88.17%,0.037% 88.02%,0.021% 87.865%,0.009% 87.707%,0.002% 87.546%,0% 87.383%,0% 2.059%,0% 2.059%,0.01% 1.725%,0.038% 1.408%,0.084% 1.113%,0.146% 0.843%,0.221% 0.603%,0.309% 0.397%,0.408% 0.23%,0.516% 0.105%,0.632% 0.027%,0.754% 0%,95.377% 0%,95.377% 0%,95.437% 0.006%,95.496% 0.026%,95.554% 0.057%,95.61% 0.101%,95.666% 0.157%,95.719% 0.224%,95.771% 0.302%,95.82% 0.392%,95.867% 0.492%,95.911% 0.603% );
}
/*=================== SERVICE SLIDER SHORTCODE CSS START ===================*/


.furniture-services-slider {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}

.services-slides {
  position: relative;
}

.service-slide {
  display: none;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.service-slide.active {
  display: block;
}

.service-featured-image img {
  height: 532px;
  margin: 6px auto 30px;
  object-fit: cover;
  width: 100%;
}

.service-title {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 10px;
  display: none;
}

.service-description {
  max-width: 700px;
  margin: 0 auto 30px;
  font-size: 15px;
  color: #777;
}

/* Horizontal Title Slider */
.services-nav {
  display: flex;
  gap: 20px;
  justify-content: center;
  overflow-x: auto;
  padding: 10px 0;
}

.service-nav-item {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 14px;
  padding: 6px 12px;
  white-space: nowrap;
  color: #888;
  border-radius: 20px;
  transition: all 0.3s ease;
}

.service-nav-item.active {
  background: #ff7a3d;
  color: #fff;
}

.services-slides {
  position: relative;
  overflow: hidden;
}

.service-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transform: translateX(30px);
  transition: opacity 0.6s ease, transform 0.6s ease;
  pointer-events: none;
}

.service-slide.active {
  position: relative;
  opacity: 1;
  transform: translateX(0);
  pointer-events: auto;
}
.services-active-btn {
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: center;
  align-items: center;
  background: #7a7a7a;
  width: 56%;
  border-radius: 60px;
}

.services-arrow:hover {
  background: #FF783E;
  color: #fff;
}

.services-next {
  right: 33%;
}

.services-prev {
  left: 33%;
}

.furniture-services-slider {
  touch-action: pan-y;
}

.services-selector {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 20px;
}

/* .services-active-title {
  background: #898989;
  color: #fff !important;
  padding: 8px 18px;
  border-radius: 30px;
  font-size: 16px;
  font-weight: 600;
  white-space: nowrap;
  text-align: center;
  width: 400px;
} */

.active-service-name {
  color: #fff !important;
  font-size: 25px !important;
  font-weight: 600;
  font-family: "Quicksand", sans-serif;
  padding: 10px 20px;
  border-radius: 30px;
  text-decoration: none;
}

.service-title-next {
  color: #898989 !important;
  font-weight: 600;
  font-size: 16px;
  font-family: "Quicksand", sans-serif;
}

.service-title-prev {
  color: #898989 !important;
  font-weight: 600;
  font-size: 16px;
  font-family: "Quicksand", sans-serif;
}

/* .services-titles-row {
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 30px;
  margin-top: 20px;
} */

.services-titles-row span {
  font-size: 14px;
  color: #aaa;
  white-space: nowrap;
  /* border-right: 2px solid; */
  padding-right: 24px;
}
.service-title-prev-2{
   border-right: 2px solid;
}
.service-title-next-1{
  border-right: 2px solid;
}
.services-active-description {
  text-align: center;
  max-width: 700px;
  margin: 15px auto 0;
  font-size: 16px;
  color: #898989;
  line-height: 1.6;
  font-family: "Quicksand", sans-serif;
}

.services-titles-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 120px;
  margin-top: 25px;
}

.services-titles-left,
.services-titles-right {
  display: flex;
  gap: 18px;
  min-width: 220px;
  width: 30%;
}

.services-titles-left {
  justify-content: flex-end;
}

.services-titles-right {
  justify-content: flex-start;
}

.services-active-title {
  display: flex;
  align-items: center;
  justify-content: center;
}



.services-arrow {
  display: flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #eee;
  border: none;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  font-size: 22px;
  z-index: 5;
  font-family: "Quicksand", sans-serif;
}

.services-arrow:hover {
  background: #ff6b35;
  color: #fff;
}


/*=================== SERVICE SLIDER SHORTCODE CSS END ===================*/

/*=================== SHOP BY ROOM SECTION SHORTCODE CSS START ===================*/


.shop-room-wrapper {

    position: relative;
    height: 800px;
    border-radius: 20px;
    overflow: hidden;
}

.shop-room-bg-container {
    position: absolute;
    width: 100%;
    height: 100%;
    clip-path: polygon(90px 0, calc(100% - 40px) 0, 100% 0, 100% calc(94% - 40px), calc(97% - 40px) 100%, 14px 100%, 0 calc(100% - 0px), 0 90px);
}

.shop-room-slide {

    position: absolute;
    width: 100%;
    height: 100%;

    background-size: cover;
    background-position: center;

    opacity: 0;
    transition: opacity 0.6s ease;
}

.shop-room-slide.active {

    opacity: 1;
}

.shop-room-overlay-dark {

    position: absolute;
    width: 100%;
    height: 100%;

    background: rgba(0,0,0,0.45);
}

.shop-room-content {

    position: relative;
    z-index: 10;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 36px;
}

.shop-room-heading {

    color: #fff;
    font-size: 40px;
    margin-bottom: 20px;
    font-family: "Quicksand", sans-serif;
}

.shop-room-nav-wrapper {

    display: flex;
    align-items: center;
    gap: 0px;
}

.shop-room-category-name {
    background: #898989;
    padding: 12px 30px;
    border-radius: 30px;
    text-decoration: none;
    color: #fff;
    font-weight: 600;
    width: 200px !important;
    text-align: center;
    font-family: "Quicksand", sans-serif;
    font-size: 16px;
}
.shop-room-arrow {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: none;
    background: #fff;
    cursor: pointer;
    font-size: 20px;
    z-index: 1;
}
.shop-room-arrow:hover{
  background-color: #FF783E;
  color: #fff;
}
button.shop-room-arrow.prev {
    margin-right: -14px !important;
}
button.shop-room-arrow.next {
    margin-left: -14px;
}

/*=================== SHOP BY ROOM SECTION SHORTCODE CSS END ===================*/