.search_btn{
  padding:10px; 
  
  border-radius: 10px;
  border: 1px solid #E3A189; 
  background-color: #E3A189;
  color:white; 
}
.search_btn:hover{
  border: 1px solid black; 
  background-color: white;
}
.custom-hero-section {
    position: relative;
    width: 100%;
    height: 100vh;
    color: #fff; /* Set text color to contrast with the background */
    text-align: center;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.custom-hero-content {
    max-width: 800px;
    margin: auto;
}

.custom-title {
    font-size: 65px;
    margin-top: 150px;
    margin-bottom: 10px;
    font-family: 'Gotham Black', sans-serif;
    font-weight: 700;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);

}

.custom-subtitle {
    font-size: 17px;
    margin-bottom: 20px;
    font-family: 'Gotham Light Italic', sans-serif !important;
    font-weight: 300;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

.custom-hero-buttons {
    display: flex;
    justify-content: center;
}


.checkoutP{
  color: black;
  font-size: 16px;
}
.checkoutMeta{
  color:#6F6F6F;
  font-size: 13px;
}

.product_header_style{
  padding:10px; 
  background-color: #e3a188; 
  color: black; 
  font-family: 'Gotham Medium', sans-serif;
  font-weight: bold; 
  font-size: 23px; 
  margin-bottom: 15px;"
}
.cartQty{
  position: absolute; 
  top: -5px; 
  right: -5px;
  background-color: black;
  /*background-color: #FF5E22;*/
  width: 17px;
  height: 17px; 
  padding: 3px; 
  border-radius: 50%; 
  color: white; 
  font-size: 9px; 
  font-weight: bold;
  display: flex; 
  justify-content: center;
  align-items: center;
}
.cartQty2{
  
  background-color: black;
  /*background-color: #FF5E22;*/
  width: 17px;
  height: 17px; 
  padding: 4px; 
  border-radius: 50%; 
  color: white; 
  font-size: 9px; 
  font-weight: bold;
  /*display: flex; */
  justify-content: center;
  align-items: center;
}

.super_title{
	font-family: 'Gotham Black', sans-serif;
	font-size: 156px;
	color: #262626;
}

.filter_heading {
  margin-top: 125px;
}

.search-form{
	margin:10px;
	padding: 10px;
	border-radius: 5px;
	width: 270px;
	border: 1px solid #ABABAB;
}

.fa-heart{
	margin:10px;
	vertical-align: middle;
	font-size: 30px;
	cursor: pointer;
}

.before-footer-section {
 padding: 5rem 0 12rem 0 !important;
}

.search-filter-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
  /*background-color: #f9f9f9;*/
}

.search-filter-section input[type="text"] {
  width: 300px;
  padding: 10px;
  margin-bottom: 20px;
}

/* Your CSS rules for tablet/iPad view */
@media (min-width: 768px) and (max-width: 1023px) {
 .super_title{
  font-size: 46px;
}
.filter_heading {
  margin-top: 25px;
}
.img-fluid{
  max-width: 95vw !important;
}
}
.deleteIcon{
  margin-top: 5px;
  color: #FF4019;
  cursor: pointer;
  font-size: 20px;
}

.unda{
  border-bottom: 1px solid gray;
  padding-bottom: 7px;
}
.dataCart{
  font-family: 'Jost', sans-serif;
  font-size: 11.5pt;
  color: black;
}

.notesCart {
  text-decoration: underline;
  cursor: pointer;
  color: #FF8819;
}

.tooltipx {
  display: none;
  background-color: #F4EDA8;
  padding: 10px;
  font-family: 'Jost', sans-serif;
  color: black;
}
.liningPrice-sm{
  font-size: 12px;
}
/* for mobile*/
@media (max-width: 767px) {
  .before-footer-section {
     padding: 1rem 0 12px 0 !important;
   }
   .search-filter-section input[type="text"] {

     width: 100%;
     padding: 15px;
     margin-bottom: 20px;
   }
   .ximg-cart {
    height: 80px;
  }

  .search-form{
    width: 250px;
  }
  .filter-button span{
    font-size: 0px;
  }
  .filter-button {
   padding: 3px 5px;
  }

  .ximg {
    height: 300px; 
    width: 145px;
  }

  .super_title{
    font-size: 56px;
  }

  .filter_heading {
    margin-top: 25px;
  }

  .img-fluid{
    max-width: 95vw !important;
  }

}

.ximg {
 height: 200px; 
 object-fit: contain;
}

.ximg-cart {
  height: 100px; 
  object-fit: contain;
}

.checkbox-group {
  display: flex;
  flex-wrap: wrap;
}

.checkbox-button {
  background-color: #EFF2F1;
  color: #717171;
  display: inline-block;
  margin: 5px;
  padding: 2px 16px;
  border: 1px solid #E0E0E0;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s, border 0.3s;
  user-select: none;
}

.checkbox-button input[type="checkbox"] {
  display: none;
}

.checkbox-button.checked {
  background-color: #2D78B2; /* Set the background color to red when checked */
  color: #fff;
}


.product-catalogue{
  font-size: 12px;
  line-height: 1.3;
  color: #5D5D5D;
  border: 1px solid #5D5D5D;
  background: transparent;
  padding: 0px 8px;
  border-radius: 10px;
  display: inline-block;
}

	/*.modal-xl{
		min-width: 80vw !important;
   }*/


   .xPrevImg {
    height: 500px;
    overflow: hidden;
    position: relative;
  }

  .xPrevImg .responsive-image {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Prevents stretching and maintains aspect ratio */
    transition: transform 0.3s ease-in-out;
  }

  .xPrevImg:hover .responsive-image {
    transform: scale(1.1); /* Zoom in on hover, adjust the scale factor as needed */
    cursor: zoom-in;
  }

  /*PAnzoom CSS*/

  #myPanzoom {
    /*max-width: 600px;*/
    height: 600px;
    background: white;
    border: 1px solid #E3E3E3;
    border-radius: 15px;
  }
  @media (max-width: 767px) {
    #myPanzoom {
     /*max-width: 600px;*/
     height: 300px;
   }

 }

 .f-custom-controls {
  position: absolute;

  border-radius: 4px;
  overflow: hidden;
  z-index: 1;
}

.f-custom-controls.top-right {
  right: 16px;
  top: 16px;
}

.f-custom-controls.bottom-right {
  right: 16px;
  bottom: 16px;
}

.f-custom-controls button {
  width: 32px;
  height: 32px;
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  background: #e3a188;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.f-custom-controls svg {
  pointer-events: none;
  width: 18px;
  height: 18px;
  stroke: #fff;
  stroke-width: 2;
}

.f-custom-controls button[disabled] svg {
  opacity: 0.7;
}

[data-panzoom-action=toggleFS] g:first-child {
  display: flex
}

[data-panzoom-action=toggleFS] g:last-child {
  display: none
}

.in-fullscreen [data-panzoom-action=toggleFS] g:first-child {
  display: none
}

.in-fullscreen [data-panzoom-action=toggleFS] g:last-child {
  display: flex
}
/*Panzoom end of CSS*/


.quantity-group {
  padding: 2px 10px;
  display: inline-block;
  align-items: center;
}

.quantity-button {
  font-size: 14px;
  padding: 7px 7px;
  background-color: #eee;
  border: 1px solid #ccc;
  cursor: pointer;
  border-radius: 50%;
}

.quantity-input {
  width: 47px;
  text-align: center;
  border: 1px solid #ccc;
  font-size: 18px;
  /*font-weight: bold;*/
  /* Hide the default arrows in all browsers */
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: textfield;
}

/* Style the input arrows individually (optional) */
.quantity-input::-webkit-inner-spin-button,
.quantity-input::-webkit-outer-spin-button {
  display: none;
}

.prod_price {
	color: #62B97C;
}

.gloveSize {
  display: inline-block;
  padding: 7px 13px;
  background-color: #eee;
  color: black;
  border: 1px solid #cfcfcf;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.3s;
  margin-bottom: 5px;
  margin-right: 5px;
}

.gloveSize:hover {
  background-color: #553BFF;
  color: white;
}

.size-selector input[type="radio"] {
  display: none;
}

.size-selector input[type="radio"]:checked + .gloveSize {
  background-color: #553BFF;
  color: white;
}

/* Reset default styles */
.minimalist-dropdown {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  outline: none;
  background: transparent;
  font-size: 16px;
  padding: 8px;
  cursor: pointer;
  width: 100%;
}

/* Style the dropdown container */
.dropdown-container {
  position: relative;
  width: 360px; 
  border: 1px solid #ccc;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 5px;
}

.other_opt {
  width: 360px;
}

.tabContent{
	padding: 20px;
}

@media (max-width: 767px) {
  .dropdown-container {
   width: 100%;
 }
 .other_opt {
   width: 100%;
 }
 .footer-section .sofa-img{
  position: static !important;
  margin-top:-100px;
}
.footer-section .sofa-img img{
  max-width: 355px;
}
}
/* Style the dropdown arrow */
.minimalist-dropdown::after {
  content: "▼" !important;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  font-size: 16px;
  pointer-events: none;
  z-index: 1; /* Ensure it's in front of the dropdown text */
}

.minimalist-dropdown option {
  padding-bottom: 10px; /* Adjust the padding to your preference */
}


/*Filter slider*/
.filter-container {
  position: relative;
  display: inline-block; margin-bottom: 80px;
}

.filter-button {
  background-color: #EFF2F1;
  color: #4A4A4A;
  border: 1px solid #4A4A4A;
  border-radius: 5px;
  padding: 10px 20px;
  cursor: pointer;
  margin-bottom: 10px;
}

.filter-panel {

  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  border: 1px solid #ccc;
  padding: 10px;
  z-index: 1;
  width: 500px;
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 0.3s ease-in-out;
}

.filter-panel.opened {
  display: block;
  transform: scaleY(1);
}

@media (max-width: 767px) {
  .filter-panel {
   width: 90vw;
 }
}


#viewCartModal .modal-dialog-slideout {
  min-height: 100%;
  margin: 0 0 0 auto;
  background: #fff;

}
.modal.fade .modal-dialog.modal-dialog-slideout {
  -webkit-transform: translate(100%,0)scale(1);
  transform: translate(100%,0)scale(1);
}
.modal.fade.show .modal-dialog.modal-dialog-slideout {
  -webkit-transform: translate(0,0);
  transform: translate(0,0);
  display: flex;
  align-items: stretch;
  -webkit-box-align: stretch;
  height: 100%;
  min-width: 650px;
}
@media (max-width: 767px) {
  .modal.fade.show .modal-dialog.modal-dialog-slideout {
    min-width: 100%;
  }
}
.modal.fade.show .modal-dialog.modal-dialog-slideout .modal-body{
  overflow-y: auto;
  overflow-x: hidden;
}


#offcanvasMenu .modal-dialog-slideoutv2 {
  min-height: 100%;
  margin: 0 0 0 auto;
  background: #fff;

}
.modal.fade .modal-dialog.modal-dialog-slideoutv2 {
  -webkit-transform: translate(100%,0)scale(1);
  transform: translate(100%,0)scale(1);
}
.modal.fade.show .modal-dialog.modal-dialog-slideoutv2 {
  -webkit-transform: translate(0,0);
  transform: translate(0,0);
  display: flex;
  align-items: stretch;
  -webkit-box-align: stretch;
  height: 100%;
  min-width: 300px;
}
@media (max-width: 767px) {
  .modal.fade.show .modal-dialog.modal-dialog-slideoutv2 {
    min-width:70%;
    width: 70%;
  }
  #offcanvasMenu{
    min-width:70%;
  }
}
.modal-backdrop {
    backdrop-filter: blur(6px);
}
.modal.fade.show .modal-dialog.modal-dialog-slideout .modal-body{
  overflow-y: auto;
  overflow-x: hidden;
}



.xvertical-nav ul {
    list-style-type: none;
    padding: 0;
    margin-top: 35px;
}

.xvertical-nav li {
  font-family: 'Gotham Black', sans-serif;
    padding: 8px;
    text-align: center;
}

.xvertical-nav a {
    text-decoration: none;
    text-transform: uppercase;
    color: #343434; /* Link text color */
    font-size: 18px;
    font-weight: normal;
    transition: border-bottom 0.3s ease; /* Apply the transition to border-bottom property */
    border-bottom: 2px solid transparent; /* Initial border setting */
    padding: 10px;
}

.xvertical-nav a:hover {

    border-bottom: 2px solid white; 
}

.btn-border{
  background-color: white;
  background: white;
  color: black;
  border: 1px solid black;
}