
/* -------slider------ */
#slider{
  margin-top: -5%;
}
#slider h1 {
  /* font: normal normal bold 244px/200px poppins; */
}
.slider-box-image{
  position: absolute;
  left: 0;
  top: 15%;
  border: 40px solid var(--light-brown);
  border-left: 0px;
  width: 400px;
  height: 550px;
  object-fit: cover;
  object-position: bottom;
}
.slider-image-box{
  height: 800px;
}
.slider-image-box .slider-bg-image{
  width: 100%;
  height: 100%;
}
.slider-content-inner-box {
  position: absolute;
  top: 23%;
  left: 15%;
}
.slider-text{
  width: 51%;
}
.slider-collection-box{
  display: flex;
  justify-content: space-between;
  width: 43%;
  position: relative;
}
.slider-heading-content-box{
  position: relative;
}
.slider-heading-content-box:before {
  content: '';
  width: 8%;
  height: 19%;
  border: 1px solid #000;
  position: absolute;
  left: 39%;
  text-align: center;
  z-index: 0;
  top: -1%;
}
.slider-collection-text{
  position: relative;
}
.slider-collection-box:after {
  content: '';
  background: black;
  width: 65%;
  height: 1px;
  position: absolute;
  top: 12px;
  margin-right: 10px;
  right: 0;
  left: 30px;
  margin: 0 auto;
}
.slider-heading-content-box:after {
  content: '';
  width: 1px;
  height: 58%;
  position: absolute;
  left: 45%;
  top: -59%;
  background: var(--black);
  z-index: 1;
}
/* -------about------ */
.about-circle-image{
  position: absolute;
  top: 23%;
  right: -18%;
  bottom: 0;
  border-radius: 50%;
}
.about-main-box{
  position: relative;
}
.about-content-box:after {
  content: '';
  height: 1px;
  width: 100%;
  position: absolute;
  right: 42%;
  background: var(--brown);
  bottom: 13%;
  /* z-index: -1; */
}
#aboutUs .about-heading{
  font: 600 23px/38px poppins;
}
.about-image-box{
  width: 100%;
  height: 100%;
}
.about-image{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left;
}
/* ---- our store------- */
.store-product-cat-box,.sale-product-cat-box{
  display: flex;
  justify-content: space-between;
}
.store-product-cat-box .nav-link.active,.sale-product-cat-box .nav-link.active {
  background: var(--brown) !important;
  color: #fff !important;
  border-radius: 0px;
  /* padding: 8px 40px; */
  font: 600 16px/25px poppins;
}
.store-product-cat-box .nav-pills .nav-link,.sale-product-cat-box .nav-pills1 .nav-link {
  border: 1px solid var(--brown);
  border-radius: 0px;
  width: 150px;
  font: 600 16px/25px poppins;
  color: #000;
  margin-left: 25px;
  letter-spacing: 1px;
  background: #fff;
}
#Our-store .product-image-main,#Our-sale .product-image-main{
  justify-content: space-between;
}
#Our-sale .our-sale-product-box {
  width: 425px;
}
.our-store-product-box{
  width: 230px;
}
#Our-store .our-store-product-image-box img{
  width: auto;
  height: 100%;
  object-fit: contain;
}
.our-store-product-image-box{
  position: relative;
  width: auto;
  height: 260px;
}
.our-store-product-image-box,.our-sale-product-image-box{
  background: #E4E1DC;
}
.our-store-product-image-box .wishlist_text,.our-sale-product-image-box .wishlist_text{
  width: max-content;
  position: absolute;
  top: 0;
  right: 5px;
}
.our-store-product-image-box .wishlist_text i,.our-sale-product-image-box .wishlist_text i{
  font-size: 16px;
  color: #000;
  margin-right: 4px;
}
.our-sale-product-box:hover .our-sale-products-title a ,.our-sale-product-box:hover .product-arrow-meta-tag i:before ,.our-store-product-box:hover .our-store-products-title a,.our-store-product-box:hover .product-arrow-meta-tag i:before {
  color: #d1b7a0;
}
.our-sale-product-box:hover .product-arrow-meta-tag i:after ,.our-store-product-box:hover .product-arrow-meta-tag i:after {
  border-bottom: 2px solid #d1b7a0;
}
.our-store-product-image-box .yith-wcwl-add-button span,.our-sale-product-image-box .yith-wcwl-add-button span{
  display: none;
}
.yith-wcwl-wishlistexistsbrowse span,.yith-wcwl-wishlistaddedbrowse .feedback{
  font-size: 0px;
}
.yith-wcwl-wishlistaddedbrowse a, .wishlist_text .yith-wcwl-wishlistexistsbrowse a {
    font-size: 0;
    cursor: pointer;
    position: absolute;
    /* z-index: 1; */
    width: 20px;
    display: block;
    height: 20px;
    top: 0;
}
/* .yith-wcwl-wishlistexistsbrowse .feedback ,.yith-wcwl-wishlistaddedbrowse .feedback{
  font-size: 0px;
} */
.yith-wcwl-wishlistexistsbrowse .feedback i{
  font-size: 16px;
}
.our-store-product-title-price-box,.our-sale-product-title-price-box,.product-rating-arrow-box{
  justify-content: space-between;
}
.our-store-products-title a,.price-box{
  font: 400 16px/25px poppins;
  color: #000;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.our-sale-products-title a,ins .woocommerce-Price-amount bdi{
  font: 600 15px/25px poppins;
  color: #000;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.product-arrow-meta-tag i{
  color: #000;
  /* font-size: 16px; */
}

li.nav-item{
  position: relative;
}

li.nav-item:after{
  content: '';
  width: 100px;
  height: 1px;
  background: var(--brown);
  position: absolute;
  bottom: 20px;
  right: -25px;
  z-index: -1;
}
li.nav-item:last-child::after{
  display: none;
}
.star-rating {
  color: var(--brown);
  margin-top: 3%;
  overflow: hidden;
  position: relative;
  height: 1em;
  line-height: 1;
  font-size: 1em;
  width: 5.4em;
  font-family: star;
}
.star-rating:before {
  content: "\73\73\73\73\73";
  color: #d3ced2;
  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;
}
.total-sale-meta-tag{
  color: #B4B4B4;
}
/* banner-oane section */
.banner-one-content-main-box,.banner-two-content-main-box{
  padding: 10% 0px 12% 0%;
}
.banner-one-content-main-box .banner-one-heading{
  font: 600 37px/50px Montserrat;
  letter-spacing: 1px;
  text-align : left;
}
h6.banner-one-sub-heading{
  font: 600 17px/30px Montserrat;
}
.banner-one-paragraph{
  width: 52%;
  text-align: left;
  font: normal normal normal 15px/30px poppins;
}
.banner-offer-text{
  /* position: absolute;
  top: 2%;
  right: 6%;
  width: 100px; */
  font: 700 42px/70px Montserrat;
  letter-spacing: 0px;
}
.banner-two-heading{
  width: 75%;
  margin: auto;
  font:600 37px/50px Montserrat;
  letter-spacing: 0px;
}
.banner-two-paragraph{
  width: 50%;
  margin: auto;
  font: normal normal normal 15px/25px poppins;
}
/* room section  */
.room-img-box{
  /* width: 100%;
  height: 700px; */
}
.room-main-image,.room-three-img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#Customize_room .room-heading{
  font: 600 18px/33px poppins;
  text-transform: math-auto;
}
.room-top-side-image{
  position: absolute;
  top: 0;
  right: 0;
  width: 200px;
  height: 250px;
}
.room-content-box:after {
  content: '';
  height: 1px;
  width: 100%;
  position: absolute;
  right: 22%;
  background: var(--brown);
  bottom: 5%;
}
.room-image-three-box{
  margin-left: -110px;
  max-width: 480px;
  position: relative;
  bottom: -70px;
  height: 155px;
}
/* our space */
.twentytwenty-horizontal .twentytwenty-after-label:before,.twentytwenty-horizontal .twentytwenty-before-label:before{
  display: none;
}
/* our categories */
.buy-bulk-cat-box .img-category-title{
  position: absolute;
    top: 5%;
    left: 0;
    right: 0;
    margin: auto;
    width: 80%;
    background: #fff;
    border-radius: 50px;
    text-align: center;
    padding: 4px 0px;
}
.buy-bulk-cat-box .img-category-title a{
  text-transform: uppercase;
  color: var(--brown);
  font: 600 16px/33px poppins;
}
.buy-bulk-cat-box .img-category-title{
  background: transparent;
}
/* our categories */
#our-categories .cat-main-div:hover .img-category-title{
  background: var(--brown);
}
#our-categories .cat-main-div:hover .img-category-title a{
  color: #fff;
}
#our-categories .img-category-title{
  position: absolute;
  top: 5%;
  left: 0;
  right: 0;
  margin: auto;
  width: 80%;
  background: #fff;
  border-radius: 50px;
  text-align: center;
  padding: 4px 0px;
}
#our-categories .img-category-title a{
  text-transform: uppercase;
  color: var(--brown);
  font: 600 16px/33px poppins;
}
.bafg-twentytwenty-container{
  margin: 0 auto;
  max-width: 1200px !important;
}
.bafg-twentytwenty-container img{
  width: 100%;
}
#Our_Space .twentytwenty-horizontal .twentytwenty-handle:after,#Our_Space .twentytwenty-horizontal .twentytwenty-handle:before{
  width: 0px !important;
  border-left: 2px dashed white !important;
  height: 9999px;
  left: 50%;
  margin-left: -1.5px;
  background: transparent !important;
}
/* our services */
#ourServices .row{
  display: grid;
  grid-template-columns: repeat(4,1fr);
  grid-template-rows: repeat(3,230px);
  grid-column-gap: 0px;
  grid-row-gap: 35px;
}
#ourServices .service-layer-inner{
  width: 100%;
  height: 100%;
}
#ourServices .service-layer:nth-child(1){
  grid-row-start: 1;
  grid-row-end: 2;
  grid-column-start: 1;
  grid-column-end: 2;
}
#ourServices .service-layer:nth-child(2){
  grid-row-start: 1;
  grid-row-end: 2;
  grid-column-start: 2;
  grid-column-end: 3;
}
#ourServices .service-layer:nth-child(3){
  grid-row-start: 1;
  grid-row-end: 2;
  grid-column-start: 3;
  grid-column-end: 4;
}
#ourServices .service-layer:nth-child(4){
  grid-row-start: 1;
  grid-row-end: 2;
  grid-column-start: 4;
  grid-column-end: 5;
}
#ourServices .service-layer:nth-child(5){
  grid-row-start: 2;
  grid-row-end: 4;
  grid-column-start: 1;
  grid-column-end: 3;
}
#ourServices .service-layer:nth-child(6){
  grid-row-start: 2;
  grid-row-end: 4;
  grid-column-start: 3;
  grid-column-end: 5;
}
#ourServices .service-layer img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.service-post-title  {
  position: absolute;
  bottom: 20px;
  width: 60%;
  text-align: center;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 1;
}
.service-layer:hover .service-post-title a{
  color: var(--brown);
}
.service-post-title a {
  color: #fff;
  font: 600 18px/33px poppins;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
#ourServices .service-layer:nth-child(5) .service-post-title ,#ourServices .service-layer:nth-child(6) .service-post-title {
  width: 30%;
}
.service-layer{
  position: relative;
}
.service-layer-inner:after {
  content: "";
  width: 100%;
  height: 20%;
  z-index: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: transparent linear-gradient(180deg, #3FBAD900 0%, #000 80%) 0% 0% no-repeat padding-box;
  transition: 0.2s ease-in-out;
}
