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

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  list-style: none;
}

body {
font-family: "Roboto", sans-serif !important;
}

a {
  text-decoration: none;
  display: inline-block;
}

img {
  width: 100%;
  display: block;
}

ul {
  padding: 0;
  margin: 0;
}

p {
  margin: 0;
  line-height: 1.7;
  /* color: var(--c2); */
}

h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0;
  margin: 0;
}







/* 
Gold #C9A33B	/Accents, buttons, headings, borders

Soft Beige #FFF5E1 /Background for readability */
:root {
  --c1: rgba(48, 40, 38, 1);
  /* Brown */
  --c2: rgb(255, 255, 255);
  /* White */
  --c3: rgb(0, 0, 0);
  /* Black */
/* 	Dark Chocolate: /Primary background, major sections */
	 --c4: #3A1C1C; 
	/* 	Rich Brown:  /Alternate dark tone for depth */
	 --c5: #4B2E2E; 
/* 	Cream/Beige /Light contrast for text sections */
	--c6: #F5E6CC ;
/* 	Pink  /Highlights, call-to-action elements */
	--c7: #000;
  --bg1: linear-gradient(105.97deg, #FFFFFF -62.82%, #7F7774 -37.06%, #8A7E78 -14.06%, #524641 14.4%, #302826 34.12%);
  /* Gradient */
}

::selection {
  background: var(--c1);
  color: var(--c2)
}

::-webkit-scrollbar {
  width: 10px;
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  background: var(--c7);
  border-radius: 0;
}

/* INNER WRAPPER */

.inner-header {
  height: 400px;
  background-position: center !important;
  background-attachment: fixed !important;
  position: relative;
  display: flex;
  align-items: center;
  text-align: center;
  background-size: cover !important;
}

.inner-header:before {
  width: 100%;
  height: 100%;
  content: "";
  background: #0000009c;
  position: absolute;
  left: 0;
  top: 0;
}

.inner-header .container {
  position: relative;
}

.inner-header .inner-header-title h2 {
  color: var(--c2);
  font-size: 54px;
  font-weight: 700;
}

/* CURSOR CSS */
/* 
.cursor1 {
  position: fixed;
  width: 40px;
  height: 40px;
  border: 1px solid var(--c1);
  border-radius: 50%;
  left: 0;
  top: 0;
  pointer-events: none;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: 0.15s;
  transition: 0.15s;
  z-index: 9999999999;
  mix-blend-mode: difference; 
}

.cursor2 {
  position: fixed;
  width: 8px;
  height: 8px;
  background-color: var(--c1);
  border-radius: 50%;
  left: 0;
  top: 0;
  pointer-events: none;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: 0.2s;
  transition: 0.2s;
  z-index: 999999999;
  /* mix-blend-mode: difference; 
} */

/* ALL CSS */

.web-btn {
  padding: 15px 40px;
  z-index: 2;
  font-weight: 400;
  position: relative;
  color: var(--c2);
  text-transform: capitalize;
  background-color: var(--c7);
}

.web-btn::after {
  content: '';
  position: absolute;
  left: 5px;
  top: 5px;
  width: 100%;
  height: 100%;
  border: 1px solid var(--c1);
  z-index: -1;
  transition: all .3s;
}

.web-btn:hover::before,
.web-btn:hover::after {
  left: 0px;
  top: 0px;
}

.web-btn:hover {
  color: var(--c2);
}

.spacing {
  padding: 50px 0px;
}

.web-title h4 {
  color: var(--c1);
  text-transform: uppercase;
  font-size: 17px;
  margin-bottom: 8px;
}

.web-title h2 {
  font-size: 44px;
  text-transform: uppercase;
  font-family: "roboto", serif;
  color: var(--c1);
}

.main-warpper {
  overflow: hidden;
}

/* HEADER */

.top-header {
  background: var(--c7);
}

.top-head-content p {
  color: var(--c2);
  text-align: center;
  text-transform: uppercase;
  font-size: 15px;
  padding: 8px 0px;
}

.nav-bar ul {
  display: flex;
  gap: 40px;
  justify-content: center;
}

.main-head-icons ul {
  display: flex;
  gap: 20px;
  justify-content: end;
}

.nav-bar>nav>ul>li>a i {
  margin-left: 6px;
  font-size: 14px;
}

.nav-bar>nav>ul>li>a {
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  color: var(--c1);
  transition: all .5s;
  padding: 25px 0px;
  position: relative;
}

.nav-bar>nav>ul>li>a::before {
  position: absolute;
  content: '';
  top: 50%;
  right: -20px;
  width: 1px;
  height: 15px;
  background-color: var(--c1);
  transform: translateY(-50%);
}

.nav-bar>nav>ul>li:last-child>a::before {
  display: none;
}

.nav-bar ul li a:hover {
  color: var(--c7);
}

.main-head-icons ul li a {
  color: #000;
  font-size: 22px;
  transition: all .5s;
}

.main-head-icons ul li a:hover {
  color: var(--c3);
}
.main-header {
  position: relative;
}

/* Header Sub Menu */ 

.nav-bar ul li,
.nav-bar ul li ul li {
  position: relative;
}

.nav-bar ul li ul,
.nav-bar ul li ul li ul {
  position: absolute;
  background-color: var(--c2);
  top: 100%;
  left: 0;
  display: unset;
  width: 262px;
  border-radius: 5px;
  transform: scaleY(0);
  transform-origin: top;
  transition: all 0.3s;
  z-index: 999;
}

.nav-bar ul li:hover ul {
  transform: scaleY(1);
}

.nav-bar ul li ul li ul {
  top: 20px;
  left: 100%;
  opacity: 0;
  visibility: hidden;
  border-top-left-radius: 0px;
}

.nav-bar ul li ul li:hover>ul {
  transform: scaleY(1);
  opacity: 1;
  visibility: visible;
}

.nav-bar ul li ul li a {
  font-weight: 500;
  color: var(--c1);
  font-size: 14px;
  padding: 12px 12px 12px 20px;
  width: 100%;
}

.nav-bar ul li ul li a:hover {
  background-color: rgba(26, 44, 121, 0.1);
}

.nav-bar ul li ul:before {
  position: absolute;
  content: "";
  border: 12px solid transparent;
  top: -27px;
  border-bottom: 15px solid var(--c3);
  left: 15px;
}

.nav-bar ul li ul li ul:before {
  display: none;
}





/* SECTION MAIN BANNER */

.main-banner .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    cursor: pointer;
    width: 70px;
}

.main-banner .slick-prev {
    left: 20px;
}

.main-banner .slick-next {
    right: 20px;
}
.banner-img img {
  height: 90vh;
  object-fit: cover;
  /* transform: scale(0); */
  transition: all 2s;
}

.banner.slick-current.slick-active .banner-img img {
  transform: scale(1);
}

.banner {
  position: relative;
  z-index: 1;
}

.banner-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  z-index: 3;
}

.banner::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(80deg, rgb(0 0 0 / 54%), transparent);
  z-index: 2;
}

.banner-title {
  color: var(--c2);
}

.banner-title h2 {
  font-size: 50px;
}

.banner-title h2 span {
  display: block;
  font-size: 40px;
  font-weight: 400;
  font-style: italic;
}

.banner-title p {
  line-height: 1.7;
  margin: 20px 0px;
  color: var(--c2);
}

.banner-title h1 {
  font-family: "Grey Qo", cursive;
}

.bottom-icon {
  position: absolute;
  left: 50%;
  transform: translateX(-50%) rotate(-90deg);
  bottom: -50px;
  animation: nudge1 4s infinite ease-in-out;
}

.main-banner {
  position: relative;
}

.bottom-icon a {
  display: block;
}

.bottom-icon a img {
  width: 100px;
}

@keyframes nudge1 {
  0% {
    bottom: -50px;
  }

  50% {
    bottom: -30px;
  }

  100% {
    bottom: -50px;
  }
}

/* SECTION ABOUT US */

.about-img-two {
  position: absolute;
  top: -80px;
  left: 50px;
  width: 200px;
  z-index: -1;
}

.about-content {
  padding-left: 50px;
}

.about-img-three {
  position: absolute;
  bottom: -40px;
  width: 200px;
  left: -30px;
  z-index: -1;
}

.about-img-one img {
  height: 520px;
  object-fit: cover;
  border-radius: 33px;
}

.about-img-two img,
.about-img-three img {
  height: 180px;
  object-fit: cover;
}

.about-content p {
  margin-top: 15px;
  color: #000;
}

.about-content .web-btn {
  margin-top: 25px;
}

/* FEATURED COLLECTION */

.featured-collection,
.contact-us,
.faqs {
  background-color: #ffffff;
  border-radius: 90px 90px 0px 0px;
}

.featured-title,
.rooms-title,
.faq-title {
  margin-bottom: 50px;
}

.page-template-home .woocommerce ul.products li.first,
.page-template-home .woocommerce-page ul.products li.first {
  clear: unset;
}

.pro-items-main ul.products li.product {
  margin-bottom: 0px;
  margin-right: 10px !important;
  margin-left: 10px !important;
}

.web-btn-track {
  margin-top: 20px;
}

.product-box-content {
  color: var(--c1);
  padding-top: 15px;
}

.product-box-content h2 {
  font-size: 20px !important;
  font-weight: 400;
  padding: 0px !important;
  margin-bottom: 4px !important;
}

.product-box-content .price {
  font-size: 18px !important;
  color: var(--c1) !important;
  display: flex !important;;
}

.pro-items-main .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  cursor: pointer;
  width: 70px;
}

.product-box-image img {
  transition: all .6s;
  margin: 0px !important;
}

.product-box-image {
  overflow: hidden;
}

.product-box-main:hover .product-box-image img {
  transform: scale(1.1);
}

.pro-items-main ul.products li.product a.woocommerce-LoopProduct-link {
  display: block;
}

.pro-items-main .slick-prev {
  left: -30px;
}

.pro-items-main .slick-next {
  right: -30px;
}

.pro-items-main ul.products::before,
.pro-items-main ul.products::after {
  display: none;
}

.product-box-content .price ins {
  text-decoration: none;
  font-weight: 400 !important;
}

/* SECTION DOUBLE SLIDER */

.double-slide-item-img img {
  height: 600px;
  object-fit: cover;
}

.double-slide-item {
  border-radius: 40px 40px 0px 0px;
  overflow: hidden;
  position: relative;
}

.double-slide-item-content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 450px;
  transform: translate(-50%, -50%);
  text-align: center;
  color: var(--c2);
}

.double-slide-item-content .web-btn {
  background-color: var(--c2);
  color: var(--c1);
}

.double-slide-item-content .web-btn::after {
  border-color: var(--c2);
}

.double-slide-item-content p {
  color: var(--c2);
  margin: 20px 0px;
}

.double-slide-item-content h3 {
  font-size: 36px;
  font-family: "Cinzel", serif;
}

.double-dot-item img {
  height: 250px;
  object-fit: cover;
  transition: all .6s;
}

.double-dot-item {
  margin: 0px 12px;
  cursor: pointer;
  overflow: hidden;
}

.double-dot-item:hover img {
  transform: scale(1.1);
}

.double-dots-main {
  margin-top: 24px;
}

.double-slide-item::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(0 0 0 / 35%);
}

.double-dots-main .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  z-index: 2;
  cursor: pointer;
}

.double-dots-main .slick-next {
  right: 210px;
}

.double-dots-main .slick-prev {
  left: 210px;
}

/* SECTION TESTIMONIALS */

.testi-content-item p {
  color: rgba(91, 91, 91, 1);
  margin: 10px 0px 20px 0px;
  position: relative;
  /* color: aliceblue; */
}

.testi-author {
  display: flex;
  align-items: center;
  gap: 20px;
}

.testi-author-img {
  width: 60px;
}

.testi-author-img img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  object-fit: cover;
}

.testi-author-name h5 {
  font-size: 14px;
}

.testi-author-name {
  color: rgb(0 0 0);
}

.testi-author-name span {
  font-size: 14px;
}

.testi-title {
  padding-right: 50px;
}

.testi-img-one img {
  object-fit: cover;
}

.testi-imgs-main {
  padding: 0px 60px;
  position: relative;
}

.testi-img-two {
  position: absolute;
  left: 10px;
  bottom: 120px;
  z-index: 1;
}

.testi-img-three {
  position: absolute;
  top: -20px;
  right: 80px;
}

.testi-img-three img,
.testi-img-four img {
  height: 60px;
  object-fit: cover;
}

.testi-img-four {
  position: absolute;
  position: absolute;
  right: 25px;
  top: 90px;
}

.testi-img-five {
  position: absolute;
  left: 180px;
  bottom: -90px;
}

.testi-img-five img {
  height: 70px;
  object-fit: cover;
}

.testi-img-six {
  position: absolute;
  bottom: -30px;
  left: 30px;
}

.testi-img-seven {
  position: absolute;
  right: 20px;
  bottom: 50px;
}

.testi-img-three,
.testi-img-four {
  width: 60px;
}

.testi-img-seven img,
.testi-img-two img {
  height: 90px;
  object-fit: cover;
}

.testi-img-two,
.testi-img-seven {
  width: 80px;
}

.testi-img-six,
.testi-img-five {
  width: 60px;
}

.testi-imgs-main img {
  border-radius: 6px;
}

.testi-content-main::before,
.testi-content-main::after {
  position: absolute;
  content: '';
  background-image: url(https://decor.dwpaccomodations.com/wp-content/uploads/2024/08/unnamed-file.png);
  width: 40px;
  height: 40px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.testi-content-main::before {
  top: -10px;
  left: -70px;
}

.testi-content-main::after {
  right: -30px;
  transform: rotateY(180deg);
  bottom: 60px;
}

.testi-content-main .slick-arrow {
  position: absolute;
  z-index: 2;
  width: 50px;
  bottom: 0;
  cursor: pointer;
}

.testi-content-main .slick-prev {
  right: 70px;
}

.testi-content-main .slick-next {
  right: 20px;
}

.testimonials {
  padding: 100px 0px 190px 0px;
}

/* SECTION CONTACT US */

.contact-form-main .wpcf7-response-output {
  text-align: center;
  font-size: 14px;
}
.contact-us , .get-in-touch {
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
.contact-info-item {
  display: flex;
  gap: 40px;
  margin-bottom: 40px;
  align-items: center;
}

.info-item-icon {
  width: 70px;
  height: 70px;
  background-color: var(--c1);
  border-radius: 4px;
  color: var(--c2);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 36px;
}

.info-item-content strong {
  display: block;
  color: var(--c2);
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 8px;
}

.info-item-content a,
.info-item-content span {
  color: var(--c2);
  transition: all .4s;
}

.info-item-content a:hover {
  /* color: var(--c3); */
}

.contact-title h2 {
  margin-bottom: 22px;
  color: var(--c2);
}

.contact-title h5 {
  margin-bottom: 30px;
  color: var(--c2);
  font-weight: 600;
}

.contact-title p {
  margin-bottom: 30px;
}

.contact-form-main {
  background-color: var(--c2);
  padding: 40px 40px;
  border-top: 5px solid var(--c1);
  border-bottom: 5px solid var(--c1);
  border-radius: 10px;
}

.contact-item label {
  display: block;
  font-weight: 600;
  color: var(--c3);
  font-size: 15px;
  margin-bottom: 2px;
}

.contact-item input,
.contact-item textarea {
  width: 100%;
  outline: 0;
  height: 50px;
  font-size: 14px;
  padding: 10px 10px;
  border: 1px solid #80808070;
  border-radius: 4px;
  transition: all .4s;
}

.contact-item input:focus,
.contact-item textarea:focus {
  border-color: var(--c1);
}

.contact-item textarea {
  height: 150px;
}

.contact-item {
  margin-bottom: 20px;
}

.contact-btn input {
  background-color: var(--c7);
  border: 0;
  color: var(--c2);
  padding: 10px 30px;
  transition: all .5s;
}

.contact-btn input:hover {
  background-color: var(--c3);
}

.contact-form-main h5 {
  color: var(--c1);
  font-size: 26px;
  margin-bottom: 20px;
}

.get-in-touch .contact-form-main {
  box-shadow: 0px 0px 24px -17px;
}

.map-item iframe {
  width: 100%;
  display: block;
  height: 350px;
}

/* Portfolio */

.portfolio-title {
    text-align: center;
    margin-bottom: 40px;
}
.portfolio.spacing {
    background: rgb(245 244 244);
}
.gallery-items-main {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 13px;
}
.gallery-item.item2 {
  grid-column: 1/5;
}
.gallery-item img {object-position: top;}
.gallery-item.item1 img {
    height: 450px;
    object-fit: cover;
    object-position: bottom;
}
.gallery-item.item4 img, .gallery-item.item3 img, .gallery-item.item2 img {
    height: 400px;
    object-fit: cover;
}

.gallery-item.item5 img , .gallery-item.item6 img {
    height: 450px;
    object-fit: cover;
}
.gallery-item.item5 {
  grid-column: 1/7;
}
.gallery-item.item6 {
  grid-column: 7/13;
}
.gallery-item.item1 {
  grid-column: 1/13;
}
.gallery-item.item3 {
  grid-column: 5/9;
}
.gallery-item.item4 {
  grid-column: 9/13;
}
.gallery-title {
  margin-bottom: 50px;
}
.gallery-item {
  overflow: hidden;
}
.gallery-item img {
  transition: all 0.5s;
}
.gallery-item:hover img {
  transform: scale(1.1);
}
.gallery-item a {
  height: 100%;
  display: block !important;
}

/* FOOTER */

.footer-main {
  background-color: var(--c7);
  color: var(
  --c2);
  padding: 80px 0px 50px 0px;
}

.footer-logo-item img {
  width: 250px;
  /* background: #fff; */
  /* padding: 16px 14px; */
  border-radius: 4px;
}

.footer-bottom {
  background: var(--c7);
}

.footer-main p,
.footer-main a {
  color: inherit;
}

.footer-logo-item p {
  line-height: 1.4;
  margin: 12px 0px;
  font-weight: 300;
  padding-right: 114px;
}

.socials ul {
  display: flex;
  gap: 25px;
}

.socials ul li a {
  font-size: 25px;
  transition: all .5s;
}

.footer-item h4 {
  text-transform: uppercase;
  font-size: 20px;
  margin-bottom: 20px;
}

.socials ul li a:hover {
  color: rgb(235 214 79);
}

.footer-links ul li a {
  font-weight: 300;
  transition: all .5s;
  text-transform: uppercase;
}

.footer-links ul li {
  margin-bottom: 10px;
}

.footer-links ul li:last-child {
  margin: 0px;
}

.footer-links ul li a:hover {
  padding-left: 10px;
}

.copyrights p {
  text-transform: uppercase;
  text-align: center;
  padding: 10px 0px;
  color: var(--c2);
}

.footer-contact ul li {
  margin-bottom: 10px;
  font-weight: 300;
}

.footer-contact ul li a {
  font-weight: 400;
  transition: all .4s;
}

/* SECTION BEST FURNITURE */

.furni-items-main {
  position: relative;
  height: 660px;
}

.furni-item-img {
  position: absolute;
}

.furni-item-img.one {
  width: 60%;
  right: 0;
  top: 80px;
  height: 280px;
}

.furni-item-img img {
  height: 100%;
  object-fit: cover;
}

.furni-item-img.two {
  width: 38%;
  left: 0;
  height: 360px;
}

.furni-item-img.three {
  bottom: 83px;
  height: 200px;
  right: 0;
  width: 50%;
}

.furni-item-img.four {
  width: 48%;
  bottom: -17px;
  height: 300px;
}

.furni-item-img.six {
  width: 50%;
  left: 0;
  top: 80px;
  height: 340px;
}

.furni-item-img.seven {
  right: 0;
  top: 0;
  height: 420px;
  width: 48%;
}

.furni-item-img.eight {
  width: 25%;
  height: 240px;
  left: 0;
  bottom: -17px;
}

.furni-item-img.nine {
  width: 30%;
  bottom: 73px;
  right: 0;
  height: 150px;
  left: 212px;
}

.furni-item-img.five {
  top: 50%;
  transform: translateY(-50%);
  height: 400px;
}

/* SECTION ROOM'S INSPIRATION */

.rooms-inspiration .pro-items-main {
  padding-left: 290px;
}

.rooms-inspiration {
  position: relative;
  background: #eee19e;
}

.rooms-inspiration::before {
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  width: 90%;
  background-color: rgb(245 244 244);
  height: 100%;
  z-index: -1;
  border-radius: 90px 0px 0px 90px;
}

.rooms-inspiration .slick-list.draggable {
  padding-right: 150px;
}

.rooms-inspiration .slick-arrow {
  top: -160px;
}

.rooms-inspiration .slick-prev {
  right: 360px;
  left: unset;
}

.rooms-inspiration .slick-next {
  right: 290px;
}

/* loader-css */

div#preloader {
  position: fixed;
  z-index: 999999999;
  background: var(--c2);
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.5s;
}

.custom-loader {
  width: 50px;
  height: 50px;
  display: grid;
  border: 4px solid #0000;
  border-radius: 50%;
  border-color: var(--c1) #0000;
  animation: s6 1s infinite linear;
}

.custom-loader::before,
.custom-loader::after {
  content: "";
  grid-area: 1/1;
  margin: 2px;
  border: inherit;
  border-radius: 50%;
}

.custom-loader::before {
  border-color: var(--c3) #0000;
  animation: inherit;
  animation-duration: 0.5s;
  animation-direction: reverse;
}

.custom-loader::after {
  margin: 8px;
}

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

#preloader.remove {
  opacity: 0 !important;
  visibility: hidden !important;
}

/* SHOP PAGE CSS */

.shop-page-sec-main form.woocommerce-ordering select {
  border: 1px solid #e1e1e1;
  padding: 6px 10px;
  outline: 0;
}

.shop_count_main_item p.woocommerce-result-count,
.shop-page-sec-main form.woocommerce-ordering select {
  font-size: 14px;
  font-weight: 400;
  color: var(--c3);
}

.shop-page-sec-main form.woocommerce-ordering select:focus {
  border-color: var(--c1);
}

.shop-page-sidebar h3.wp-block-heading {
  font-size: 20px;
  font-weight: 600;
  text-transform: capitalize;
  color: var(--c3);
  margin-bottom: 20px;
  font-family: "Cinzel", serif;
}

.shop-page-sidebar ul.wc-block-product-categories-list li a,
.shop-page-sidebar ul.wp-block-list li {
  font-size: 15px;
  font-weight: 400;
  color: var(--c3);
  transition: all .4s;
  display: block;
}

.shop-page-sidebar .wp-block-woocommerce-product-categories.wc-block-product-categories.is-list {
  margin-bottom: 30px;
}

.shop-page-sidebar ul.wp-block-list li {
  margin-bottom: 10px;
}

.shop-page-sidebar ul.wc-block-product-categories-list li a:hover {
  color: var(--c1);
  padding-left: 10px;
}

.shop-page-sidebar ul.wc-block-product-categories-list li {
  position: relative;
  margin-bottom: 10px;
}

.shop-page-sidebar ul.wc-block-product-categories-list li span.wc-block-product-categories-list-item-count {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 12px;
  background-color: var(--c1);
  width: 27px;
  height: 19px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--c2);
}

.shop-page-sidebar ul.wc-block-product-categories-list li span.wc-block-product-categories-list-item-count::before,
.shop-page-sidebar ul.wc-block-product-categories-list li span.wc-block-product-categories-list-item-count::after {
  display: none;
}

.shop-page-sidebar .wc-blocks-filter-wrapper input.wc-block-formatted-money-amount {
  font-size: 12px;
  outline: 0;
  border: 1px solid #e1e1e1 !important;
}

.shop-page-sidebar .wc-blocks-filter-wrapper input.wc-block-formatted-money-amount:focus {
  border-color: var(--c1) !important;
}

.shop_count_main_item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 20px;
}

.shop_count_main_item p.woocommerce-result-count,
.shop_count_main_item form.woocommerce-ordering {
  margin: 0px;
}

.shop-page-sec-main ul.products {
  display: flex;
  flex-wrap: wrap;
  row-gap: 19px;
  column-gap: 19px;
}

.shop-page-sec-main ul.products li.product {
  width: 32%;
  margin: 0px;
}

.shop-page-sec-main ul.products::before,
.shop-page-sec-main ul.products::after {
  display: none;
}

.shop-page-sidebar {
  border: 1px solid #e1e1e1;
  padding: 20px 20px;
}

.shop-page-sec-main ul.products li.product a.woocommerce-LoopProduct-link {
  display: block;
}

/* SINGLE PRODUCT CSS */

.single-pro-image-main .woocommerce-product-gallery__image a {
  display: block;
}

.single-pro-content-main h1.product_title {
  color: var(--c3);
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 8px;
}

.single-pro-content-main p.price {
  color: var(--c1) !important;
  font-size: 18px !important;
  font-weight: 500;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e1e1e1;
}

.single-pro-content-main .woocommerce-product-details__short-description li {
  margin-bottom: 4px;
  list-style: disc;
  line-height: 1.7;
  color: var(--c3);
}

.single-pro-image-main .woocommerce-product-gallery {
  display: flex;
  flex-direction: row-reverse;
  gap: 15px;
}

.single-pro-image-main .woocommerce-product-gallery .flex-viewport {
  width: 85%;
}

.single-pro-content-main .woocommerce-product-details__short-description ul,
.single-pro-content-main .woocommerce-product-details__short-description ol {
  margin-bottom: 10px;
  padding-left: 20px;
}

.single-pro-content-main .woocommerce-product-details__short-description p {
  margin-bottom: 10px;
}

.single-pro-content-main .woocommerce-product-details__short-description li:last-child {
  margin-bottom: 0px;
}

.single-pro-content-main table.variations label {
  font-weight: 600 !important;
  color: var(--c3);
}

.single-pro-content-main table.variations a.reset_variations {
  color: var(--c1);
}

.single-pro-content-main .quantity input.qty {
  width: 50px;
  height: 50px;
  border: 1px solid var(--c3);
  outline: 0;
  color: var(--c3);
}

.single-pro-content-main .quantity input.qty:focus {
  border-color: var(--c1);
}

.single-pro-content-main button.single_add_to_cart_button {
  width: 400px;
}

.single-pro-content-main button.single_add_to_cart_button,
body.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wc-block-cart__submit-button {
  height: 50px;
}

.single-pro-content-main button.single_add_to_cart_button,
body.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wc-block-cart__submit-button,
body.woocommerce-checkout .wc-block-components-checkout-place-order-button {
  background-color: #c59b20 !important;
  opacity: 1 !important;
  font-weight: 500;
  transition: all .4s;
  margin-left: 10px;
  color: var(--c2);
  border: 0;
}

.single-pro-content-main button.single_add_to_cart_button:hover,
body.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wc-block-cart__submit-button:hover,
body.woocommerce-checkout .wc-block-components-checkout-place-order-button:hover {
  background-color: var(--c3) !important;
}

.single-pro-content-main .product_meta {
  font-size: 15px;
  color: var(--c3);
  font-weight: 600;
  line-height: 1.7;
}

.single-pro-content-main .product_meta a {
  color: var(--c1);
  transition: all .4s;
  font-weight: 400;
}

.single-pro-content-main .product_meta a:hover {
  color: var(--c3);
}

.single-data-item {
  padding-top: 100px;
}

body.single-product .woocommerce-tabs ul li:before,
body.single-product .woocommerce-tabs ul li:after,
body.single-product .woocommerce-tabs ul:before,
body.single-product .woocommerce-tabs ul:after {
  display: none !important;
}

body.single-product .woocommerce-tabs ul li {
  margin: 0px !important;
  padding: 0px !important;
  background-color: unset !important;
  border: 0 !important;
}

body.single-product .woocommerce-tabs ul {
  padding: 0px !important;
  display: flex;
  gap: 30px;
  border-bottom: 1px solid #e1e1e1;
}

body.single-product .woocommerce-tabs ul li a {
  position: relative;
  overflow: hidden;
  font-size: 18px;
  font-weight: 500 !important;
  display: block !important;
  color: #999999 !important;
}

body.single-product .woocommerce-tabs ul li a:after {
  position: absolute;
  content: '';
  bottom: 0;
  left: -100%;
  width: 100%;
  height: 1.5px;
  background-color: var(--c4);
  transition: all .5s;
}

body.single-product .woocommerce-tabs ul li a:hover:after {
  left: 0;
}

body.single-product .woocommerce-tabs ul li.active a {
  color: var(--c1) !important;
}

body.single-product .woocommerce-tabs ul li.active a::after {
  left: 0;
}

.woocommerce-Tabs-panel h2,
.related.products>h2 {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 20px;
  font-family: "Cinzel", serif;
  color: var(--c1);
}

.woocommerce-Tabs-panel p {
  margin-bottom: 15px;
}

.single-data-item form.variations_form.cart {
  margin-top: 20px;
}

body.single-product .woocommerce-Reviews p,
body.single-product .woocommerce-Reviews span {
  font-size: 15px;
  color: var(--c3);
}

body.single-product .woocommerce-Reviews label {
  font-weight: 500;
  color: var(--c4);
  margin-bottom: 6px;
  font-size: 15px;
}

body.single-product .woocommerce-Reviews p.comment-form-cookies-consent input[type=checkbox] {
  transform: translateY(1px);
}

body.single-product .woocommerce-Reviews input[type="text"],
body.single-product .woocommerce-Reviews input[type="email"],
body.single-product .woocommerce-Reviews textarea {
  border: 1px solid #e1e1e1;
  padding: 10px;
  height: 45px;
  transition: all .4s;
  outline: 0;
}

body.single-product .woocommerce-Reviews input[type="text"]:focus,
body.single-product .woocommerce-Reviews input[type="email"]:focus,
body.single-product .woocommerce-Reviews textarea:focus {
  border-color: var(--c1);
}

body.single-product .woocommerce-Reviews textarea {
  height: 180px !important;
}

body.single-product .woocommerce-Reviews input#submit,
.woocommerce-message a.button,
body.woocommerce-account .woocommerce-form-login__submit,
form.woocommerce-ResetPassword.lost_reset_password .woocommerce-Button,
.woocommerce-MyAccount-content button.button,
.woocommerce-info a.button {
  background: unset !important;
  border: 1px solid var(--c1) !important;
  border-radius: 0px !important;
  font-weight: 500 !important;
  color: var(--c1) !important;
  padding: 15px 30px !important;
  transition: all .4s;
}

body.single-product .woocommerce-Reviews input#submit:hover,
.woocommerce-message a.button:hover,
body.woocommerce-account .woocommerce-form-login__submit:hover,
form.woocommerce-ResetPassword.lost_reset_password .woocommerce-Button:hover,
.woocommerce-MyAccount-content button.button:hover,
.woocommerce-info a.button:hover {
  background-color: var(--c1) !important;
  color: var(--c2) !important;
}

body.single-product .woocommerce-Reviews p.stars span a {
  color: var(--c1);
}

.woocommerce-message,
.woocommerce-info {
  border-top-color: var(--c1);
}

.woocommerce-message::before,
.woocommerce-info::before {
  color: var(--c1);
}

body.single-product .woocommerce-message {
  margin-top: 30px;
  margin-bottom: 0px;
}

.single-pro-image-main ol.flex-control-nav.flex-control-thumbs {
  display: flex;
  width: 15%;
  flex-direction: column;
  gap: 10px;
  max-height: 500px;
}

.single-pro-image-main .woocommerce-product-gallery__wrapper img {
  height: 500px !important;
  object-fit: cover;
}

.single-pro-image-main ol.flex-control-nav li {
  width: 100% !important;
  margin-bottom: 5px !important;
}

.single-pro-image-main ol.flex-control-nav.flex-control-thumbs .slick-arrow {
  position: absolute;
  z-index: 99;
  background-color: #fff;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 50%;
  transform: translateX(-50%);
  border: 1px solid #00000052;
  font-size: 12px;
  cursor: pointer;
}

.single-pro-image-main ol.flex-control-nav.flex-control-thumbs .slick-prev {
  top: 10px;
}

.single-pro-image-main ol.flex-control-nav.flex-control-thumbs .slick-next {
  bottom: 10px;
}

.single-pro-image-main ol.flex-control-nav .slick-list.draggable {
  height: 100% !important;
}

.single-pro-image-main ol.flex-control-nav li img {
  height: 100px !important;
  object-fit: cover;
}

.single-pro-content-main p.price ins {
  text-decoration: none;
  font-weight: 500 !important;
}

.related.products ul.products {
  display: flex;
  flex-wrap: wrap;
  gap: 17px;
}

.related.products ul.products::before,
.related.products ul.products::after {
  display: none;
}

.related.products ul.products li.product {
  margin: 0px;
  width: 24%;
}

.related.products ul.products li.product a.woocommerce-LoopProduct-link {
  display: block;
}

.related.products {
  margin-bottom: 100px;
}

/*CART PAGE CSS*/

body.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wc-block-cart__submit-button {
  width: 100%;
  margin: 0px;
}

body.woocommerce-cart .wc-block-components-sidebar-layout.wc-block-cart.wp-block-woocommerce-filled-cart-block.is-large {
  margin-top: 50px;
}

body.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-cart-order-summary-block {
  border: 1px solid hsla(0, 0%, 7%, .11);
  margin-bottom: 10px;
}

body.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-cart-order-summary-block .wc-block-cart__totals-title {
  padding-left: 16px;
}

form#wc-block-components-totals-coupon__form button.wc-block-components-totals-coupon__button {
  opacity: 1 !important;
  border: 1px solid var(--c1);
  background: unset;
  color: var(--c1);
  transition: all .4s;
}

form#wc-block-components-totals-coupon__form button.wc-block-components-totals-coupon__button:hover {
  background-color: var(--c1);
  color: var(--c3);
}

body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid.wp-block-product-new.wc-block-product-new.has-4-columns {
  display: none;
}

body.woocommerce-cart .wp-block-woocommerce-empty-cart-block hr,
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block hr~h2 {
  display: none;
}

body.woocommerce-cart .wp-block-woocommerce-empty-cart-block {
  padding: 50px 0px;
}

body.woocommerce-cart .wc-block-cart__main table.wc-block-cart-items {
  border: 1px solid hsla(0, 0%, 7%, .11);
}

body.woocommerce-cart .wc-block-cart__main table.wc-block-cart-items th.wc-block-cart-items__header-image {
  text-align: center;
}

body.woocommerce-cart .wc-block-cart__main table.wc-block-cart-items a.wc-block-components-product-name {
  color: var(--c4);
}

/*CHECKOUT PAGE CSS*/

body.woocommerce-checkout .wc-block-components-sidebar-layout.wc-block-checkout {
  margin-top: 30px;
}

body.woocommerce-checkout a.wc-block-components-checkout-return-to-cart-button {
  color: var(--c1);
  transition: all .4s;
}

body.woocommerce-checkout a.wc-block-components-checkout-return-to-cart-button:hover {
  color: var(--c3);
}

/* PRIVACY POLICY PAGE CSS */

.instruction-title h2 {
  font-weight: 700;
  color: var(--c1);
  font-size: 34px;
  padding-left: 40px;
  text-align: end;
  text-transform: uppercase;
  font-family: "Cinzel", serif;
}

.inst-sec-content h4 {
  font-weight: 600;
  color: var(--c3);
  margin-bottom: 15px;
}

.inst-sec-content p {
  margin-bottom: 20px;
  font-size: 16px;
}

.inst-sec-content ol li,
.inst-sec-content ul li {
  color: var(--c3);
  margin-bottom: 8px;
  list-style: auto;
}

.inst-sec-content ol,
.inst-sec-content ul {
  padding-left: 18px;
  margin-bottom: 20px;
}

.instruction-title {
  position: sticky;
  top: 0;
  left: 0;
}

body.page-template-privacy-policy .wrapper-main,
body.page-template-terms-and-condition .wrapper-main {
  overflow: unset;
}

.inst-sec-content p a {
  color: var(--c1);
  font-weight: 700;
  transition: all .4s;
}

.inst-sec-content p a:hover {
  color: var(--c3);
}

/* ABOUT US PAGE CSS */

.inner-about-img {
  border-radius: 14px;
  overflow: hidden;
  margin-right: 40px;
}

.inner-about-img img {
  transition: all .6s;
  height: 472px;
  object-fit: cover;
}

.inner-about-img:hover img {
  transform: scale(1.1);
}

.inner-about-content P {
  margin-bottom: 15px;
}

.inner-about-content h2 {
  font-size: 34px;
  margin-bottom: 15px;
}

/* SECTION FAQS */

.faq-main-item .accordion-button {
  background-color: unset;
  box-shadow: unset;
  font-size: 18px;
  font-weight: 600;
  color: var(--c1);
  transform: unset !important;
}

.faq-main-item .accordion-item {
  margin-bottom: 20px;
  border-radius: 6px;
  overflow: hidden;
  border: 0;
}

.faq-main-item .accordion-button span {
  color: var(--c1);
  font-size: 15px;
  margin-right: 10px;
}

.faq-main-item .accordion-button:not(.collapsed)::after {
  content: "\f068";
}

.faq-main-item .accordion-button::after {
  font-family: "Font Awesome 5 Pro";
  content: "\f067";
  width: 30px;
  height: 30px;
  background-color: var(--c1);
  text-align: center;
  font-size: 12px;
  line-height: 30px;
  border-radius: 50%;
  background-image: unset;
  transform: unset;
  color: var(--c2);
}

.faq-main-item .accordion-body {
  color: var(--c3);
  font-weight: 400;
  line-height: 1.8;
}

.faq-main-item .accordion-item:last-child {
  margin: 0px;
}

.faq-img {
  margin-left: 30px;
  overflow: hidden;
}

.faq-img img {
  transition: all .6s;
}

.faq-img:hover img {
  transform: scale(1.1);
}

/* MY ACCOUNT PAGE CSS */

body.woocommerce-account form.woocommerce-form-login input.input-text,
form.woocommerce-ResetPassword.lost_reset_password input.input-text,
.woocommerce-MyAccount-content input.input-text,
.woocommerce-MyAccount-content .select2-container .select2-selection--single {
  height: 45px;
  border: 1px solid #cfc8d8;
  padding: 0px 10px;
  transition: all .4s;
  border-radius: 0px;
}

span.select2-selection.select2-selection--single span:first-child {
  height: 100%;
  line-height: 45px;
  padding: 0px;
}

span.select2-selection.select2-selection--single span:nth-child(2) {
  top: 10px;
  right: 6px;
}

body.woocommerce-account form.woocommerce-form-login label,
form.woocommerce-ResetPassword.lost_reset_password label,
.woocommerce-MyAccount-content label {
  font-weight: 600;
  color: var(--c4);
}

body.woocommerce-account form.woocommerce-form-login input.input-text:focus,
form.woocommerce-ResetPassword.lost_reset_password input.input-text:focus,
.woocommerce-MyAccount-content input.input-text:focus,
.woocommerce-MyAccount-content .select2-container .select2-selection--single:focus {
  border-color: var(--c1);
}

body.woocommerce-account form.woocommerce-form-login .lost_password a {
  color: var(--c1);
  font-weight: 500;
}

body.woocommerce-account h2 {
  text-align: center;
  font-weight: 600;
}

body.woocommerce-account .main {
  margin: 50px 0px 50px 0px;
}

body.woocommerce-account form.woocommerce-form-login .woocommerce-form-login__rememberme {
  transform: translateY(10px);
}

.woocommerce-account .woocommerce-MyAccount-navigation {
  border: 1px solid #333;
  box-shadow: 0px 4px 15px -7px rgb(0 0 0 / 50%);
  width: 25%;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
  border-bottom: 1px solid #333;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
  padding: 10px 15px;
  display: block !important;
  position: relative;
  text-transform: capitalize;
  color: var(--c4);
  font-weight: 500;
  font-size: 15px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-MyAccount-navigation-link.is-active a {
  background: var(--c1);
  color: var(--c2) !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:after {
  content: "";
  width: 31px;
  height: 100%;
  background: var(--c1);
  position: absolute;
  right: -10px;
  clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 0 50%, 0% 0%);
  top: 0;
  opacity: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a:after,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover:after {
  opacity: 1;
}

.woocommerce-account .woocommerce-MyAccount-content {
  width: 75%;
  color: var(--c4);
  padding-left: 40px;
}

.woocommerce-MyAccount-content p a,
.woocommerce-Address-title a {
  color: var(--c1);
  font-weight: 500;
}

.woocommerce-MyAccount-content h3 {
  font-size: 24px;
  text-transform: capitalize;
}

.woocommerce-MyAccount-content .u-columns.woocommerce-Addresses {
  margin-top: 10px;
}

form.woocommerce-form.woocommerce-form-login.login {
  margin-bottom: 0px;
}

.woocommerce-MyAccount-content address {
  font-size: 15px;
}

#searchmodal .modal-dialog {
  max-width: 890px !important;
}

#searchmodal .modal-header {
  border-bottom: 0px;
  justify-content: center;
  position: relative;
  padding: 23px 0px 0px 0px;
}

div#searchmodal .modal-body {
  padding: 0px;
}

#searchmodal .modal-header a {
  position: absolute;
  top: 5%;
  right: 2%;
  font-size: 22px;
  color: var(--c6);
}

#searchmodal .modal-header h5 {
  font-size: 23px;
  margin-bottom: 6px;
  color: var(--c3);
}

.search-m-body-item {
  position: relative;
}

.search-m-body-item input[type="text"] {
  width: 100%;
  padding: 6px 12px;
  border: 1px solid #ccc;
  outline: 0;
  border-radius: 4px;
}

.search-m-body-item input[type="submit"] {
  position: absolute;
  top: 0;
  right: 0;
  background: var(--c1);
  color: #fff;
  width: 90px;
  font-size: 14px;
  height: 100%;
  border-radius: 5px;
  border: none;
  transition: all .5s;
}

.search-modal-body form {
  width: 80%;
}

.search-modal-body {
  display: flex;
  justify-content: center;
  padding-bottom: 15px;
}

.search-m-body-item input[type="submit"]:hover {
  background-color: var(--c3);
}

/* RESPONSIVE MENU */

.responsive-menu {
  position: fixed;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: var(--c2);
  z-index: 9999;
  transition: all .5s;
}

.responsive-menu.active {
  left: 0;
}

.responsive-menu-main {
  height: 100%;
  padding: 40px 30px;
  position: relative;
}

.responsive-logo {
  width: 90px !important;
  margin-bottom: 15px !important;
}

.responsive-links ul li a {
  color: var(--c3);
  padding: 10px 0px;
  display: block;
}

.responsive-links ul li {
  border-bottom: 1px solid #8080803d;
  position: relative;
}

.resp-social {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: var(--c1);
  padding: 6px 0px;
}

.responsive-icon a i {
  display: block;
}

.responsive-icon {
  position: absolute;
  top: 50px;
  right: 40px;
}

.responsive-icon a {
  color: var(--c3);
  font-size: 30px;
}

.responsive-links ul li:last-child {
  border: 0;
}

body.scroll-stop {
  overflow: hidden;
}

.resp-social ul {
  display: flex;
  gap: 10px;
  justify-content: center;
}

.resp-social ul li a i {
  display: block;
}

.resp-social ul li a {
  padding: 10px;
  color: var(--c2);
  font-size: 18px;
}

.responsive-links ul li i {
  position: absolute;
  right: 0;
  top: 13px;
}

.responsive-links ul li ul {
  /* padding-left: 30px; */
  border-top: 1px solid #8080803d;
}

.responsive-links ul li i.active::before {
  content: "\f068";
}

.page-id-60 .inner-header {
	display: none;
}
span.price bdi {
    color: #000;
    font-weight: 600;
    display: block;
}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    width: 40%;
}
.logo {
    width: 250px;
    padding: 9px 0;
}
.logo a{
    display: block;
}
.woocommerce ul.products li.product a img {
    height: 365px;
    object-fit: cover;
}


/* Fasih CSS */
.mix-images img {
    height: 460px;
    object-fit: cover;
    border-radius: 12px;
    padding: 0 7px;
}
.contact-us {
    position: relative;
}
.contact-us:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 87px 87px 0px 0;
    background: #00000099;
}
.contact-title p {
    color: aliceblue;
}