/*
Theme Name: Navoergonomics
Description:
Author: Vsourz Digital
Author URI:
Version: 0.0.10
Text Domain: responsive-mobile

	ADD CUSTOM CSS HERE
	===================
*/
html {
  overflow-x: hidden;
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.logo-sideheader #secondary-header {
  justify-content: center;
}
#header {
  width: 100% !important;
}
/*Main Menu Start*/
.main-menu .fdm-menu {
  border: 1px dashed #ddd;
  padding: 20px;
  padding-bottom: 0px;
  margin-bottom: 30px;
}
.main-menu .fdm-section-header {
  border-bottom: 1px dashed #ddd;
}
.main-menu .fdm-item-panel {
  margin-bottom: 0;
}
.main-menu .fdm-menu .parent-name {
  color: #ea1d63;
  font-size: 28px;
  line-height: 26px;
  margin-bottom: 5px;
}
.main-menu .fdm-menu .parent-description {
  color: #4a4a4a;
  font-size: 14px;
  line-height: 22px;
  opacity: 0.8;
  margin-bottom: 20px;
}
.main-menu .fdm-item-panel .fdm-item-image {
  width: auto;
  max-width: 80px;
}
.main-menu .fdm-item-has-image .fdm-item-panel .fdm-item-title {
  padding-left: 15px;
}
.main-menu .fdm-item-has-image .fdm-item-panel .fdm-item-content p {
  padding-left: 95px;
}
.main-menu .fdm-section-header h3 {
  color: #ea1d63;
  font-size: 22px;
}
.main-menu .fdm-item-panel .fdm-item-title {
  display: inline-block;
  padding-right: 10px;
  color: #4a4a4a;
  font-size: 15px;
  margin-bottom: 0;
  vertical-align: top;
  line-height: 20px;
}
.main-menu .fdm-item-panel .fdm-item-content {
  color: #4a4a4a;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: normal;
  line-height: 22px;
  opacity: 0.8;
}
.main-menu .fdm-item-panel .fdm-item-content p {
  margin-bottom: 0;
}
.main-menu .fdm-item-price-wrapper .fdm-item-price {
  font-weight: bold;
  color: #000000;
  font-size: 15px;
  color: #4a4a4a;
}
.main-menu .fdm-item-price-wrapper {
  line-height: 20px;
}
.menu-icons {
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 5px;
}
/*****Home Page Banners******/
.inner-page-slider-1 .inner-slider-sec .slickprev {
  background: url(images/banner-arrow.png) no-repeat top left;
  width: 30px;
  height: 43px;
  background-size: auto;
  left: 10px;
}
.inner-page-slider-1 .inner-slider-sec .slickprev:hover {
  background: url(images/banner-arrow.png) no-repeat bottom left;
}
.inner-page-slider-1 .inner-slider-sec .slicknext {
  background: url(images/banner-arrow.png) no-repeat top right;
  width: 30px;
  height: 43px;
  background-size: auto;
  right: 10px;
}
.inner-page-slider-1 .inner-slider-sec .slicknext:hover {
  background: url(images/banner-arrow.png) no-repeat bottom right;
}

@media (max-width: 767px) {
  /*****Home Page Banners******/
  .inner-page-slider-1 .inner-slider-sec .slickprev {
    left: 2px;
  }
  .inner-page-slider-1 .inner-slider-sec .slicknext {
    right: 2px;
  }
  .main-menu .fdm-item-panel .fdm-item-image {
    display: block;
    float: none;
    margin-bottom: 10px;
  }
  .main-menu .fdm-item-has-image .fdm-item-panel .fdm-item-title {
    padding-left: 0;
  }
  .main-menu .fdm-item-has-image .fdm-item-panel .fdm-item-content p {
    padding-left: 0;
    padding-right: 0;
  }
  .main-menu .fdm-item-panel {
    border-bottom: 1px dashed #ddd;
    padding-bottom: 10px;
  }
  .main-menu .fdm-item-price-wrapper {
    line-height: 20px;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
    white-space: nowrap;
  }
  .main-menu .fdm-item-panel .icons-title {
    display: inline-block;
    padding-right: 50px;
  }
  .main-menu .fdm-section-header h3 {
    font-size: 20px;
  }
  .main-menu .fdm-item:last-child .fdm-item-panel {
    border-bottom: 0;
  }
}
@media (max-width: 480px) {
  .main-menu .fdm-item-panel .fdm-item-title {
    display: block;
  }
}
/*Main Menu End*/

/* Mobile Menu */
.header-side-menu #main-navigation .main-nav .menu-logo,
.header-side-menu #main-navigation .main-nav #mob-menu-closed,
.site-navigation .mobilemenu-overlay {
  display: none;
}
#logo a {
  display: inline-block;
}

@media (max-width: 1199px) {
  /* Mobile Menu */
  .logo-sideheader #secondary-header {
    margin: 15px 0px 0px 0px;
  }
  .header-side-menu #mobile-nav-button::before {
    display: none;
  }
  #mobile-nav-button {
    background: url(images/menu-toggle.svg) no-repeat center center;
    height: 20px;
    width: 22px;
  }
  .header-side-menu #main-navigation .main-nav ul li a {
    color: #2d2d2b;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 500;

    line-height: normal;
    position: relative;
    transition: 0.3s ease;
  }
  .header-side-menu #main-navigation .main-nav {
    padding-top: 36px;
    overflow-y: auto;
    border-right: none;
    box-shadow: none;
    -webkit-transition: left 0.5s;
    transition: left 0.5s;
    width: 100%;
    z-index: 9999;
    background-color: rgba(255, 255, 255, 0.9);
    left: -100%;
    position: fixed;
    top: 0px;
    bottom: 0px;
  }
  .header-side-menu #main-navigation .main-nav > ul {
    display: block;
    padding: 0;
    top: 0px;
    position: relative;
    right: auto;
    min-width: auto;
    border-top: none;
    box-shadow: none;
  }

  .header-side-menu #main-navigation.menu-open .main-nav {
    left: 0px;
    top: 0px;
  }
  .header-side-menu #main-navigation ul li.current-menu-item a,
  .header-side-menu #main-navigation ul li.current-menu-ancestor > a {
    font-weight: 700;
  }
  .site-navigation .mobilemenu-overlay {
    position: fixed;
    top: 0px;
    right: 0;
    bottom: 0px;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
    left: 0;
    opacity: 0;
    z-index: 999;
  }
  .site-navigation.menu-open .mobilemenu-overlay {
    opacity: 1;
    display: block;
  }
  .header-side-menu #main-navigation .main-nav .menu-logo {
    position: absolute;
    top: 21px;
    left: 15px;
    display: block;
  }
  .header-side-menu #main-navigation .main-nav .menu-logo img {
    width: 120px;
  }
  .header-side-menu #main-navigation .main-nav #mob-menu-closed {
    height: 40px;
    width: 40px;
    position: absolute;
    top: 0px;
    right: 0px;
    content: "X";
    font-size: 45px;
    color: #555;
    text-align: center;
    line-height: 39px;
    display: block;
    cursor: pointer;
    z-index: 1;
  }
  .header-side-menu {
    float: right;
    margin-top: 12px;
    margin-left: 4px;
  }
  .pro-menu-list li.my-wish-list {
    margin-top: 1px;
  }
  #search-open {
    margin-left: 0px;
    margin-right: 15px;
    margin-top: 5px;
  }
  .header-side-menu #main-navigation ul li:last-child {
    border-bottom: 1px solid #eee;
  }
  .rd-navbar-dropdown {
    position: fixed;
    background-color: #fff !important;
    width: 280px;
    top: 0px;
    left: -280px;
    z-index: 9999999;
    -webkit-transition: left 0.5s;
    transition: left 0.5s;
    display: block !important;
    overflow-y: auto;
    height: 100vh;
    bottom: 0px;
  }
  .menu-item.open > .rd-navbar-dropdown {
    left: 0;
  }
  .sub-menu-back-btn {
    color: #333;
    padding: 8px 15px !important;
    font-size: 15px;
    text-transform: uppercase;
  }
  .sub-menu-back-btn i {
    margin-right: 10px;
  }
}
@media (max-width: 665px) {
  .header-side-menu {
    margin-top: 6px;
  }
}
@media (max-width: 480px) {
  /* Mobile Menu */
  #logo img {
    max-width: 120px;
  }
  .logo-sideheader #secondary-header {
    margin-top: 10px;
  }
}

@media (max-width: 320px) {
  /* Mobile Menu */
  #logo img {
    max-width: 110px;
  }
}

/** Extra Style CSS **/

.hd-type2 {
  font-size: 42px;
  font-weight: 600;
  line-height: 1.3;

  color: #2d2d2b;
  position: relative;
}
.hd-type2:before {
  content: "";
  width: 61px;
  height: 3px;
  opacity: 0.5;
  background: #3d3d3d;
  position: absolute;
  top: -20px;
  left: 0px;
}

.x-white {
  color: #fff;
}
.btn-type01 {
  font-size: 13px;
  line-height: normal;

  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  background: #2d2d2b;
  border-radius: 0px;
  border: 1px solid #2d2d2b;
  display: inline-block;
  padding: 9px 29px;
}
.btn-type01:hover {
  background: transparent;
  color: #2d2d2b;
}
.home-slider-lists {
  background-color: #f5f6f2;
  margin-bottom: 55px;
}
.home-slider-lists .home-slide-item {
  padding: 0 50px;
  box-sizing: border-box;
}
.home-slider-lists .slide-cols {
  width: 43%;
  display: inline-block;
  vertical-align: middle;
  margin-right: -3px;
}
.home-slider-lists .slide-cols.slide-cols-img {
  width: 57%;
}
.home-slider-lists .h-slider-img {
  position: relative;
  top: 50px;
  text-align: right;
}
.home-slider-lists .slick-list {
  overflow: visible !important;
}
.clear {
  clear: both;
}
.slide-inner-container {
  max-width: 513px;
  margin: 0 auto;
  float: right;
  padding: 20px 35px 20px 0px;
  box-sizing: border-box;
}
.home-slider-lists .hs-sub-title {
  font-size: 18px;
  font-weight: 600;
  line-height: normal;

  color: #2d2d2d;
  text-transform: uppercase;
  margin: 0 0 2px;
}
.home-slider-lists .hs-slider-title {
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2;

  color: #2d2d2b;
  margin: 0 0 15px;
}
.home-slider-lists .hs-slider-desc {
  opacity: 0.7;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;

  color: rgba(0, 0, 0, 0.7);
  margin: 0 0 35px;
}
.home-slider-lists .hs-read-more a::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 80px;
  height: 3px;
  background-color: #2d2d2b;
  border: 1px solid #2d2d2b;
  margin-right: 10px;
  transition: width 0.3s;
}
.home-slider-lists .hs-read-more a:hover::before {
  width: 70px;
}
.home-slider-lists .hs-read-more a {
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: normal;

  text-align: center;
  color: #2d2d2b;
  display: inline-block;
  position: relative;
}
.home-slider-lists .hs-read-more a:hover {
  opacity: 0.9;
}
.slick-slide .h-slider-img img {
  display: inline-block;
  text-align: right;
  width: 100%;
}
.home-product-cat-box .col-sm-6,
.home-product-cat-box .col-sm-4 {
  padding: 0px 8px;
}
.home-product-cat-box .cat-box-item {
  position: relative;
  margin-bottom: 16px;
  overflow: hidden;
}
.img-hover {
  display: block;
  overflow: hidden;
  position: relative;
}
.img-hover::before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  display: block;
  content: "";
  width: 0;
  height: 0;
  background: rgba(81, 72, 68, 0.1);
  border-radius: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
}
.img-hover:hover::before {
  -webkit-animation: circle 0.75s;
  animation: circle 0.75s;
}
.home-product-cat-box .view-more-sec {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 3;
}
.home-product-cat-box .more-bg {
  background: #fff;
  padding: 18px 45px 11px;
  color: #2d2d2b;
  display: inline-block;
  min-width: 251px;
}
.home-product-cat-box .cat-name {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.1;
  text-align: center;
  color: #2d2d2b;
}

.common-padding {
  padding: 70px 0;
}
.common-padding.no-top-padding {
  padding-top: 0px;
}
.common-padding.no-bottom-padding {
  padding-bottom: 0px;
}
.we-provide-sec {
  padding-bottom: 0px;
}
.we-provide-sec h2 {
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .we-provide-sec h2 {
    margin-bottom: 0px;
  }
}
.we-provide-lists .slick-track {
  margin: 0 auto;
}
.we-provide-lists .slick-list {
  margin: 0 -12px;
}
.we-provide-lists {
  margin: 0 -30px 0px;
  display: flex;
  padding: 15px 15px 35px;
}
.we-provide-lists .provide-item {
  text-align: left;
  padding: 0 15px;
  box-sizing: border-box;
}
.we-provide-lists .provide-item .inner-provide {
  padding: 1.5rem 1rem;
  box-sizing: border-box;
  background: #ffffff;
  border-radius: 12px;
  height: 100%;
}
.slick-track {
  display: flex !important;
  flex-wrap: wrap;
}

/* .slick-slide
{
    height: inherit !important;
} */

.we-provide-lists .provide-icon img {
  height: 27px;
  object-fit: contain;
}
.we-provide-lists .provide-icon {
  margin-bottom: 25px;
}
.we-provide-lists .provide-txt {
  font-style: normal;
  font-weight: 500;
  font-size: 19px;
  line-height: 23px;
  color: #007aff;
  font-family: "neue_haas_grotesk_display65Md";
}
.we-provide-lists .provide-item:nth-child(2) .provide-txt {
  color: #9747ff;
}
.we-provide-lists .provide-item:nth-child(3) .provide-txt {
  color: #0dc4d4;
}
.we-provide-lists .provide-item:nth-child(4) .provide-txt {
  color: #6dd534;
}
.we-provide-lists .provide-item:nth-child(5) .provide-txt {
  color: #fe336a;
}
.we-provide-lists .provide-item:nth-child(7) .provide-txt {
  color: #9747ff;
}
.we-provide-lists .provide-item:nth-child(8) .provide-txt {
  color: #0dc4d4;
}
.we-provide-lists .provide-item:nth-child(9) .provide-txt {
  color: #6dd534;
}
.we-provide-lists .provide-item:nth-child(10) .provide-txt {
  color: #fe336a;
}
.we-provide-lists .provide-txt-de {
  font-style: normal;
  font-weight: 500;
  font-size: 19px;
  line-height: 23px;
  color: rgba(29, 29, 31, 1);
  font-family: "neue_haas_grotesk_display65Md";
}
.simple-link a {
  font-size: 13px;
  font-weight: 600;
  line-height: normal;

  text-decoration: underline;
  color: #2d2d2b;
  text-transform: uppercase;
}
.simple-link a:hover {
  text-decoration: none;
}

/** Inner Page banner **/
.inner-banner-sec {
  padding: 3rem 0px 4rem !important;
}
.inner-banner-sec .row {
  align-items: center;
}

.inner-banner-sec .sub-heading {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  color: #000000;
  max-width: 400px;
}
.inner-banner-sec .post-title {
  font-style: normal;
  font-weight: 900;
  font-size: 50px;
  line-height: normal;
  font-family: "neue_haas_grotesk_displa95Blk";
  color: #000000;
  margin-bottom: 15px;
}
body .site-content .breadcrumb-list {
  margin: 0 0 10px;
}

body .site-content .post-title {
  margin: 0 0 10px;
  color: #000;
}
.page-template-default div#wrapper {
  padding: 40px 0px;
}
body .site-content .header-meta-sec {
  margin: 0 0 0px;
}

/** discount popup **/

/* Popup Styles */
#discount-popup {
  display: flex;
  align-items: center;
  justify-content: center; 
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.259);
  backdrop-filter: blur(5px);
}

#discount-popup .popup-content {
  background-color: #f1f2f5;
  width: 75%;
  border-radius: 16px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  overflow: hidden;
  margin: auto;
  position: relative;
}

#discount-left-container{
  width: 60%;
  padding: 20px;
}

#discount-form-container{
  width: 80%;
  text-align: center;
  padding: 80px 20px;
  margin: auto;
}

#discount-popup h2 {
  font-size: 48px;
  margin-bottom: 12px;
}

#discount-popup .close-btn {
  position: absolute;
  top: 10px;
  right: 20px;
  color: #aaa;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
  background-color: white; /* Add background color */
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex; 
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

#discount-popup .close-btn:hover,
#discount-popup .close-btn:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

#discount-popup .popup-logo {
  max-width: 140px;
  margin: 20px 0 0 20px;
  margin-bottom: 20px;
}

#discount-popup .popup-image {
  width: 40%;
  object-fit: cover;
}

#discount-form input[type="email"] {
  width: 80%;
  padding: 14px;
  margin: 10px 0;
  border: 0;
  box-shadow: inset 0 0 4px rgba(63, 63, 63, 0.323);
  border-radius: 6px;
}

#discount-form button {
  padding: 14px 20px;
  background-color: #000000;
  color: white;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: 0.6s;
  width: 80%;
  font-family: 'neue_haas_grotesk_display65Md';
}

#discount-form button:hover {
  background-color: #32cb39;
}

#discount-popup .disclaimer{
  font-size: 10px;
  text-align: right;
}

/* Responsive Styles */
@media (max-width: 990px) {
  #discount-popup .popup-content {
    flex-direction: column-reverse;
    height: 70%;
    border-radius: 24px;
    border: 8px solid #ffffff;
  }

  #discount-form-container{
    padding: 20px 0;
    height: 50%;
  }

  #discount-popup .popup-logo{
    display: none;
  }

  #discount-popup .popup-image {
    width: 100%;
    height: 50%;
    object-fit: cover;
    margin: 0 0 20px 0;
  }

  #discount-left-container {
    width: 100%; /* Make the left container take full width */
  }
}

@media (max-width: 700px) {
  #discount-popup h2 {
    font-size: 36px;
  }

  #discount-form-container{
    width: 100%;
    padding: 0 0 20px 0;
  }

  #discount-left-container{
    padding: 0;
  }

  #discount-popup .disclaimer{
    bottom: 0;
    position: relative;
    right: 0;
  }
}


.inner-accessories .pro-name {
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: normal;

  text-align: center;
  color: #2d2d2b;
  margin: 0 0 6px !important;
  text-align: center;
}
.inner-accessories .pro-name a {
  color: #2d2d2b;
  outline: none;
}
.inner-accessories .pro-img {
  margin: 0 0 12px;
}
.inner-accessories .pro-name a:hover {
  opacity: 0.7;
}
.inner-accessories .pro-img img {
  height: 278px;
  width: 100%;
  border: 1px solid #f2f2f2;
  object-fit: contain;
}
.ergo-friendly-sec .section-content {
  background: #2d2d2b;
  position: relative;
}
.ergo-friendly-sec .section-content::after {
  content: "";
  width: 100vw;
  right: -100vw;
  top: 0px;
  background: #2d2d2b;
  position: absolute;
  display: inline-block;
  height: 100%;
}
.ergo-friendly-img {
  position: relative;
  top: -70px;
}
.ergo-friendly-desc {
  padding: 150px 15px 150px 90px;
  box-sizing: border-box;
}
.ergo-friendly-txt {
  padding-left: 70px;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.7);
}
.ergo-friendly-txt.bulk-order-txt {
  color: #43474f;
}
.simple-link.x-white a {
  color: #fff;
}
.ergo-friendly-desc.bulk-order-desc {
  padding: 80px 0px 50px 30px;
}
.ergo-friendly-img.bulk-order-img {
  top: 0;
}
.bulk-order-sec .inner-bg-sec {
  background: #f6f5f0;
  position: relative;
  box-sizing: border-box;
}
.bulk-order-sec .inner-bg-sec::before {
  content: "";
  width: 100vw;
  left: -100vw;
  height: 100%;
  top: 0px;
  position: absolute;
  display: inline-block;
  background: #f6f5f0;
}
.bulk-order-sec .inner-bg-sec::after {
  content: "";
  width: 100vw;
  right: -100vw;
  height: 100%;
  top: 0px;
  position: absolute;
  display: inline-block;
  background: #f6f5f0;
}
.bulk-order-sec .bulk-order-img {
  position: relative;
  padding: 80px 0;
}
.bulk-order-sec .bulk-order-img img {
  position: relative;
  z-index: 2;
}
.bulk-order-sec .bulk-order-img::before {
  content: "";
  position: absolute;
  width: 65%;
  height: 100%;
  left: 0px;
  top: 0px;
  display: inline-block;
  background: #f6f5f0;
  z-index: 1;
}
.why-standing-lists .why-standing-item {
  text-align: center;
  padding: 0 15px;
  box-sizing: border-box;
}
.why-standing-lists .slick-track {
  margin: 0 auto;
}
.why-standing-lists .slick-list {
  margin: 0 -15px;
}
.inner-why-standing {
  padding: 35px;
  box-sizing: border-box;
  background: #f6f5f0;
  height: 100%;
  cursor: default;
}
.why-standing-lists .why-standing-icon {
  max-width: 81px;
  margin: 0 auto;
  margin-bottom: 20px;
}
.why-standing-lists .why-standing-icon img {
  width: 100%;
}
.why-standing-lists .why-standing-title {
  font-size: 26px;
  font-weight: 600;
  line-height: normal;

  text-align: center;
  color: #2d2d2d;
  margin: 0 0 3px;
}
.why-standing-lists .why-standing-txt {
  color: #2d2d2d;
}
.why-standing-lists .why-standing-txt p {
  margin: 0px;
}
.why-standing-lists .why-standing-txt a {
  color: rgba(255, 255, 255, 0.7);
  text-decoration: underline;
  display: inline-block;
}
.why-standing-lists .why-standing-txt a:hover {
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
}
.experience-Navoergonomics-sec {
  background: #f6f5f0;
  position: relative;
}
.experience-Navoergonomics-sec::before {
  content: "";
  position: absolute;
  left: 0px;
  bottom: 0px;
  background: url(images/left-Experience-Navoergonomics-design-new.png)
    no-repeat;
  width: 190px;
  height: 258px;
  background-size: 190px;
  display: inline-block;
}
.experience-Navoergonomics-sec::after {
  content: "";
  position: absolute;
  right: 0px;
  top: 5px;
  background: url(images/right-Experience-Navoergonomics-design-new.png)
    no-repeat;
  width: 191px;
  height: 275px;
  background-size: 191px;

  display: inline-block;
}
.inner-experience-sec {
  font-size: 21px;
  line-height: normal;
  color: #000;
  font-weight: 300;
  text-align: center;
  max-width: 670px;
  margin: 0 auto;
  padding: 80px 0;
  box-sizing: border-box;
}
.inner-experience-sec .heading-type01 {
  margin: 0 0 5px;
}
.inner-experience-sec .btn-sec {
  margin-top: 35px;
}
.latest-news {
  margin: 0px;
}
.latest-news .slick-track {
  margin: 0 auto;
}
.latest-news .slick-list {
  margin: 0 -15px;
}
.latest-news .news-outer {
  margin-bottom: 0px;
}
.wsp-products-list ul li {
  position: relative;
}
.accessories-lists1 .accessories-item {
  margin: 0 0 15px;
}

@-webkit-keyframes circle {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}
@keyframes circle {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}
@media (min-width: 1600px) {
  .home-slider-lists .home-slide-item {
    padding: 0 75px;
  }
  .home-slider-lists .h-slider-img {
    top: 75px;
  }
  .home-slider-lists {
    margin-bottom: 80px;
  }
  .slide-inner-container {
    padding: 20px 55px 20px 0px;
  }
  .experience-Navoergonomics-sec::before {
    width: 321px;
    height: 435px;
    background-size: 321px;
  }
  .experience-Navoergonomics-sec::after {
    width: 261px;
    height: 375px;
    background-size: 261px;
  }
  .home-slider-lists .slide-cols.slide-cols-img {
    width: 54%;
  }
  .home-slider-lists .slide-cols {
    width: 46%;
  }
  .slide-inner-container {
    max-width: 531px;
  }
}
@media (min-width: 1200px) and (max-width: 1440px) {
  .container {
    width: 1170px;
  }
  .home .container {
    width: 80%;
  }
}
@media (min-width: 1441px) {
  .container {
    width: 1230px;
  }
  .woocommerce.archive.tax-product_cat .container {
    width: 100%;
  }
  .page-template.page-template-page-templates.page-template-page-super-category .pro-spc.product-list-area, .woocommerce.archive.tax-product_cat .pro-spc.product-list-area{
    width: 70%;
    margin: auto;
  }
  .page-template.page-template-page-templates.page-template-page-super-category .container, .home.page-template.page-template-page-templates.page-template-home-page .container{
    width: 100%;
  }
  .woocommerce.product-template-default.single.single-product .container {
    width: 100%;
  }
  .woocommerce.product-template-default.single.single-product .content-area{
    width: 82%;
    margin: auto;
  }
}

@media (max-width: 1199px) {
  .home-slider-lists .hs-slider-title {
    font-size: 36px;
    margin: 0 0 10px;
  }
  .home-slider-lists .hs-slider-desc {
    font-size: 14px;
    line-height: 1.8;
    margin: 0 0 10px;
  }
  .common-padding {
    padding: 45px 0;
  }
  .ergo-friendly-img {
    top: -45px;
  }
  .ergo-friendly-desc {
    padding: 75px 10px 75px 35px;
  }
  .bulk-order-sec .bulk-order-img {
    padding: 45px 0;
  }
  .ergo-friendly-desc.bulk-order-desc {
    padding: 110px 0px 20px 20px;
  }
  .inner-why-standing {
    padding: 20px 15px;
  }
  .experience-Navoergonomics-sec::before {
    width: 170px;
    height: 228px;
    background-size: 170px;
  }
  .experience-Navoergonomics-sec::after {
    width: 151px;
    height: 225px;
    background-size: 151px;
  }
  .inner-experience-sec {
    padding: 50px 0;
  }
  #footer-widgets-container {
    padding: 35px 0 0px;
  }
  .home-product-cat-box .cat-name {
    font-size: 16px;
  }
  .home-product-cat-box .link {
    font-size: 12px;
  }
  .home-product-cat-box .more-bg {
    padding: 10px 15px 5px;
  }

  .inner-accessories .pro-img img {
    height: 295px;
  }

  .accessories-lists .accessories-item {
    padding: 0 10px;
  }
  .accessories-lists {
    margin: 0 -10px;
  }
  .accessories-lists1 .accessories-item {
    width: 33.33%;
    float: left;
  }
}
@media (max-width: 991px) {
  .home-slider-lists .slide-cols {
    width: 100%;
  }
  .home-slider-lists .slide-cols.slide-cols-img {
    width: 100%;
  }
  .slide-inner-container {
    max-width: 100%;
    margin: 0px;
    float: none;
    padding: 20px 0 0;
    box-sizing: border-box;
  }
  .home-slider-lists .home-slide-item {
    padding: 0 15px;
  }
  .home-slider-lists .h-slider-img {
    position: relative;
    top: auto;
    text-align: right;
    bottom: -30px;
  }
  .we-provide-lists {
    margin-bottom: 20px;
  }
  .ergo-friendly-txt {
    padding-left: 0;
    font-size: 14px;
  }
  .ergo-friendly-desc .heading-type01 br {
    display: none;
  }
  .ergo-friendly-desc.bulk-order-desc {
    padding: 70px 0px 15px 0px;
  }
  .pro-slider .woocommerce ul.products[class*="columns-"] li.product,
  .pro-slider .woocommerce-page ul.products[class*="columns-"] li.product {
    clear: none;
  }
  .experience-Navoergonomics-sec::before {
    width: 130px;
    height: 180px;
    background-size: 130px;
  }
  .experience-Navoergonomics-sec::after {
    width: 131px;
    height: 190px;
    background-size: 131px;
  }
  .inner-experience-sec {
    max-width: 540px;
  }

  .slick-dotted.slick-slider {
    margin-bottom: 0;
  }
  .home-slider-lists {
    margin-bottom: 20px !important;
  }
  .slick-dots {
    margin: 15px 0 !important;
    display: block !important;
    position: relative;
    bottom: 0;
    line-height: 1px;
  }

  .home-slider-lists .slick-dots {
    position: absolute;
    bottom: -10px;
    margin: 0px !important;
  }
  .home-slider-lists .slick-dots li {
    border: 1px solid #fff;
    background: transparent;
  }
  .home-slider-lists .slick-dots li.slick-active {
    background: #fff;
  }
  .inner-accessories .pro-img img {
    height: 227px;
  }
}
@media (max-width: 767px) {
  body .site-content .header-meta-sec {
    margin: 0 0 10px;
  }

  .ergo-friendly-desc {
    padding: 20px 0px 20px 15px;
  }
  .inner-experience-sec {
    font-size: 16px;
  }
  .inner-experience-sec .btn-sec {
    margin-top: 15px;
  }
  .home-slider-lists .hs-slider-title {
    font-size: 34px;
    margin: 0 0 7px;
  }
  .inner-accessories .pro-img img {
    height: 222px;
  }

  body.woocommerce .woocommerce-breadcrumb,
  body .site-content .breadcrumb-list {
    padding: 14px 0;
  }
  .header-side-menu #main-navigation .main-nav ul li a {
    font-size: 15px;
  }
}
@media (max-width: 667px) {
  .discount-popup-sec {
    margin: 15px 10px;
  }
  .inner-experience-sec {
    max-width: 460px;
  }
}
@media (max-width: 665px) {
  .inner-accessories .pro-img img {
    height: 305px;
  }

  .accessories-lists1 .accessories-item {
    width: 50%;
    float: left;
  }
}
@media (max-width: 480px) {
  .inner-discount-popup .discount-col-5,
  .inner-discount-popup .discount-col-7 {
    width: 100%;
  }
  .discount-img {
    margin: 0 0 20px;
  }
  .discount-img img {
    height: 250px;
  }
  .discount-popup-sec .mfp-close {
    color: #fff;
    background: #2d2d2d;
  }
  .home-product-cat-box .col-xs-6 {
    width: 100%;
  }
  .home-product-cat-box .cat-name {
    font-size: 14px;
  }
  .ergo-friendly-sec .col-xs-6 {
    width: 100%;
  }
  .ergo-friendly-img {
    top: 0;
  }
  .bulk-order-sec .col-xs-6 {
    width: 100%;
  }
  .ergo-friendly-desc.bulk-order-desc {
    padding: 0 0 35px;
  }
  .bulk-order-sec .bulk-order-img::before {
    display: none;
    background: #f6f5f0;
  }
  .bulk-order-sec .inner-bg-sec::before {
    background: #f6f5f0;
  }
  .bulk-order-sec .bulk-order-img {
    padding: 40px 0 15px;
  }
  .inner-experience-sec {
    padding: 135px 0 120px 0;
    max-width: 100%;
    position: relative;
    z-index: 2;
  }
  .site-content {
    margin: 0 0 10px;
  }
  .ergo-friendly-sec {
    padding-top: 0px;
  }
  .home-slider-lists .hs-slider-title {
    font-size: 29px;
  }
  .home-slider-lists .hs-sub-title {
    font-size: 14px;
    margin: 0 0 0px;
  }
  .home-slider-lists .hs-read-more a::before {
    width: 50px;
    height: 2px;
  }
  .home-slider-lists .hs-read-more a {
    font-size: 14px;
  }
  .home-slider-lists .hs-read-more a:hover::before {
    width: 40px;
  }
  .cat-box-item img {
    width: 100%;
  }
  .inner-accessories .pro-img img {
    height: 190px;
  }
  .inner-banner-txt .post-title br {
    display: none;
  }
  .accessories-lists .accessories-item {
    padding: 0 5px;
  }
  .accessories-lists {
    margin: 0 -5px;
  }

  .accessories-lists1 .accessories-item {
    width: 100%;
    float: none;
  }
}
@media (max-width: 374px) {
  .inner-accessories .pro-img img {
    height: 295px;
  }
}
/* CMS Page */
.woocommerce
  .summary
  .yith-wcwl-add-to-wishlist
  .yith-wcwl-wishlistexistsbrowse
  a::before,
.woocommerce
  .summary
  .yith-wcwl-add-to-wishlist
  .yith-wcwl-wishlistaddedbrowse
  a::before {
  content: "\f004";
}
.cmspage-content {
  font-size: 14px;
}
.cmspage-content h2 {
  font-weight: 600;
  font-size: 24px;
  line-height: 1.25;
  color: #000;
  margin-bottom: 15px;
}
.cmspage-content h3 {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.25;
  color: #000;
  margin-bottom: 10px;
}
.cmspage-content strong {
  font-weight: 600;
  color: #000000;
  text-transform: capitalize;
}
.cmspage-content a {
  color: #43474f;
  text-decoration: underline;
}
.cmspage-content a:hover {
  color: #000;
  text-decoration: underline;
}
.common-points1 {
  padding: 0px;
  list-style-type: none;
  margin: 10px 0 0;
}
.common-points1 li {
  position: relative;
  font-weight: 400;
  padding-left: 16px;
  font-size: 14px;
  line-height: 1.5;
  color: #43474f;
  margin-bottom: 10px;
}
.common-points1 li:before {
  content: "\f111";
  display: inline-block;
  font-family: FontAwesome;
  font-size: 6px;
  position: absolute;
  left: 0px;
  top: 6px;
  color: #43474f;
}
@media (max-width: 767px) {
  .cmspage-content img.alignright,
  .cmspage-content img.alignleft {
    float: none;
    margin: 10px auto;
    text-align: center;
    display: block;
  }
}
.grecaptcha-badge,
.grecaptcha-logo {
  display: none !important;
}
.woocommerce div.product .stock-sec .stock {
  margin-left: 5px;
  font-weight: 600;
  color: #000;
}

/*16-4-21 */
.flexslider.left {
  position: relative;
}
.full_w {
  width: 100%;
  padding: 0px !important;
}
.home-slider.pen {
  width: 100%;
  float: left;
  margin-bottom: 35px;
}
@media screen and (max-width: 768px) {
  ul.flex-direction-nav {
    display: none;
  }
  .flex-control-nav {
    bottom: 0 !important;
  }
}

/* .feedback-section-silder */
.feedback-section {
  padding: 100px 0px 40px;
}

.feedback-section h2 {
  margin-bottom: 40px;
}

.feedback-section-card {
  padding: 0px 2rem;
  text-align: center;
}

.feedback-section-card .card-body-top {
  /* Default / White */
  background: #ffffff;
  /* Grey Shadow */
  box-shadow: 0px 30px 40px rgba(212, 217, 232, 0.2);
  padding: 2rem 1rem;
  margin-bottom: 2.5rem;
  border-radius: 10px;
  position: relative;
  min-height: 180px;
  width: 333px;
  min-width: 333px;
}

.feedback-section-card h5 {
  font-style: normal;
  font-weight: 450;
  font-size: 24px;
  line-height: 32px;
  /* identical to box height, or 133% */
  text-align: center;
  font-family: "neue_haas_grotesk_display45Lt";
  color: #18191f;
  margin-bottom: 0.5rem;
}

.feedback-section-card p {
  font-style: normal;
  font-weight: 450;
  font-size: 14px;
  line-height: 24px;
  /* or 173% */
  text-align: center;
  /* Text / Gray 900 */
  margin: 0px;
}

.feedback-section-card .item-img {
  width: 56px;
  height: 56px;
  border-radius: 100%;
  background: #fff;
  padding: 2px;
  margin: 0px auto 0.5rem;
}

.feedback-section-card .item-img img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  object-fit: cover;
}

.feedback-section-card h6 {
  font-style: normal;
  font-weight: 450;
  font-size: 14px;
  line-height: 24px;
  /* identical to box height, or 173% */

  text-align: center;
  font-family: "neue_haas_grotesk_display45Lt";

  /* Text / Gray 800 */

  color: #474a57;
}

.feedback-section-card h6.person_name {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  text-align: center;
  font-family: "neue_haas_grotesk_disp55roman";
  color: #18191f;
}

.feedback-section-card .card-body-top:after {
  content: "";
  position: absolute;
  width: 44px;
  height: 44px;
  background: #fff;
  transform: rotate(45deg);
  left: 0;
  right: 0;
  margin: auto;
  bottom: -15px;
}

.feedback-section-silder {
  margin: 0px -2rem;
  display: flex;
}

.blog-section-card {
  border-radius: 18px;
  overflow: hidden;
  position: relative;
  height: 296px;
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s ease-in;
}
.experience-section .blog-section-card {
  height: 345px;
}
.blog-section-card:hover {
  background-size: 110% 110%;
  transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s ease-in;
}
.blog-section-card-new {
  border-radius: 18px;
  overflow: hidden;
}

.blog-section-card-new .card-body-top {
  overflow: hidden;
  position: relative;
  height: 288px;
  background-position: center;
  background-size: cover;
  transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s ease-in;
  background-repeat: no-repeat;
}

.blog-section-card a {
  display: block;
  height: 100%;
  padding: 1rem;
}

.blog-section-card .card-body-top {
  position: absolute;
  width: 100%;
  height: 100%;
}
.blog-section-card-new{
  transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
}
.blog-section-card-new:hover{
  box-shadow: 10px 20px 20px rgba(121, 122, 126, 0.122);
  transform: scale(0.95);
}
.blog-section-silder {
  display: flex;
  margin: 0px -15px;
}
.experience-section {
  padding-bottom: 100px;
}
.blog-section {
  padding-bottom: 100px;
}
.experience-section h2 {
  margin-bottom: 40px;
}
.trending-section h2 {
  margin-bottom: 40px;
}
.blog-section-card h2,
.blog-section-card h3 {
  font-size: 1rem;
  margin: 0px;
  color: #000;
  font-family: "neue_haas_grotesk_displa95Blk";
  font-weight: 300;
}

.blog-section-card.light h3 {
  color: #fff;
}
.experience-section .slick-list,
.trending-section .slick-list,
.blog-section .slick-list {
  margin: 0 -12px;
}

.experience-section .item,
.blog-section .item {
  padding: 0 12px;
  min-width: 369px;
  width: 369px;
}
.trending-section .item {
  padding: 0 12px;
  width: 320px;
  min-width: 320px;
}
@media (max-width: 991px) {
  .experience-section .item,
  .trending-section .item,
  .blog-section .item {
    padding: 0 12px;
    width: 320px;
    min-width: 320px;
  }
}
.product-category-sec {
  padding: 10px 0px 20px;
}
.box-cat-pro {
  padding: 0px 2px;
}
.box-cat-pro img {
  max-width: 70px;
  margin: auto;
  width: 50px;
}

.box-cat-pro a {
  display: block;
  position: relative;
  text-decoration: none !important;
}
.box-cat-pro a,
.more-link a {
  background-size: contain;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 0px 5px;
  width: 100%;
}

.box-cat-pro a:hover:after {
  opacity: 1;
  background-size: 100%;
}
.box-cat-pro a:hover h6 {
  color: #000;
}
/* .box-cat-pro a:hover,.more-link a:hover{
	background-image: url(images/pro-cat-bg.svg);color: #fff;
} */
.box-cat-pro h6,
.more-link a {
  font-style: normal;
  font-size: 11px;
  line-height: 13px;
  font-family: "neue_haas_grotesk_display65Md";
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #000;
  width: 100%;
  text-align: center;
  text-transform: capitalize;
}
.box-cat-pro a:hover,
.more-link a:hover {
  text-decoration: underline !important;
}

.box-cat-pro .img-cat {
  margin-bottom: 12px;
}

.blog-section-card-new .card-body-top {
  margin-bottom: 0rem;
}
.blog-section-card-new .card-body {
  background-color: #fff;
  padding: 20px;
}
.blog-section-card-new h2 {
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 150%;
  color: #000000;
}
.blog-section-card-new a {
  font-style: normal;
  font-weight: 450;
  font-size: 12px;
  line-height: 14px;
}
.subscription-section h6 {
  font-size: 18px;
  margin-bottom: 5px;
  color: #1d1d1f;
  max-width: 500px;
  font-family: "neue_haas_grotesk_display65Md";
}
.subscription-section .wpsf-form-wrap.wpsf-template-8 {
  background-color: transparent;
}
.subscription-section .link {
  text-align: center;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  text-decoration-line: underline;
}

.subscription-section
  .wpsf-form-wrap.wpsf-template-8
  .wpsf-content-wrap
  .both-fields-wrap {
  background: #fff;
  border-radius: 10px;
  padding: 11px;
  margin: 0px;
}

.subscription-section
  .wpsf-form-wrap.wpsf-template-8
  .wpsf-content-wrap
  .both-fields-wrap {
  margin: 0px;
}

.subscription-section .wpsf-form-wrap.wpsf-template-8 input[type="text"],
.wpsf-form-wrap.wpsf-template-8 input[type="email"] {
  padding: 0px;
  height: 28px;
  border: none;
  font-size: 10px;
  color: #9a9a9a;
  font-family: "neue_haas_grotesk_disp55roman";
}

.subscription-section .wpsf-form-wrap.wpsf-template-8 input[type="text"] + i,
.wpsf-form-wrap.wpsf-template-8 input[type="email"] + i {
  display: none;
}

.subscription-section .wpsf-form-wrap.wpsf-template-8 input[type="submit"] {
  line-height: normal;
  height: auto;
  font-size: 10px !important;
  text-transform: capitalize;
  padding: 7px 26px;
  background: #5d564d;
  border-radius: 5px !important;
  font-family: "neue_haas_grotesk_disp55roman";
}
.subscription-section
  .wpsf-form-wrap.wpsf-template-8
  input[type="submit"]:hover {
  color: #fff;
}
.subscription-section
  .wpsf-form-wrap.wpsf-template-8
  .both-fields-wrap
  .wpsf-field-wrap:last-child {
  max-width: 140px;
}
.subscription-section
  .wpsf-form-wrap.wpsf-template-8
  .wpsf-content-wrap
  .wpsf-form-message {
  font-size: 15px;
  padding: 0px;
}

.subscription-section .wpsf-form-wrap.wpsf-template-8 .wpsf-content-wrap {
  background: transparent;
}

.subscription-section
  .wpsf-form-wrap.wpsf-template-8
  .both-fields-wrap
  .wpsf-field-wrap:first-child {
  margin: 0px !important;
}
.wpsf-form-wrap.wpsf-template-8 input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #9a9a9a;
  opacity: 1; /* Firefox */
  font-family: "neue_haas_grotesk_disp55roman";
}

.wpsf-form-wrap.wpsf-template-8 input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #9a9a9a;
  font-family: "neue_haas_grotesk_disp55roman";
}

.wpsf-form-wrap.wpsf-template-8 input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #9a9a9a;
  font-family: "neue_haas_grotesk_disp55roman";
}

/* products card */
.woo-product-gallery-slider .wpgs-nav .slick-track {
  display: block;
  width: 100% !important;
  transform: unset !important;
}

.woo-product-gallery-slider .wpgs-nav .slick-track .slick-slide {
  display: block;
  width: 50% !important;
  pointer-events: none;
}
.woo-product-gallery-slider .wpgs-nav .slick-track .slick-slide:first-child {
  display: none !important;
}
.woocommerce div.product div.images .wpgs-nav .slick-slide img {
  height: auto;
  border: none !important;
  background: transparent !important;
}

.fn_invisible {
  display: none;
}

.fluid_navigation_sub div {
  display: block;
}

.home-product-cat-box {
  position: relative;
}

.home-product-cat-box .fluid_navigation_sub {
  position: absolute;
  z-index: 1;
  right: 0;
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  max-width: 226px;
  justify-content: center;
  border-radius: 15px;
}
.home-product-cat-box .fluid_navigation_sub.fn_invisible {
  display: none;
}
.home-product-cat-box-slider {
  position: relative;
  overflow: visible;
  display: flex;
  flex-wrap: nowrap;
  align-items: end;
}

.home-product-cat-box-slider .items-cet {
  width: 120px;
  min-width: 120px;
  padding: 8px 0px;
}
.custom-video-play.play-in {
  opacity: 0;
}

section.related.products {
  padding: 4rem 0px;
}

section.related.products h2 {
  margin-bottom: 2rem;
}

.pro-desc-con span.stamped-product-reviews-badge {
  display: none;
}

.faqs_section:not(.inner) {
  padding: 2rem 0px 2px;
}

.faqs_section h2:not(.accordion-header) {
  margin-bottom: 2rem;
}

.accordion .accordion-item {
  margin-bottom: 1rem;
  border-radius: 5px;
  background: transparent;
  border: 1px solid #000;
}

.accordion-item .accordion-button {
  background: transparent;
  box-shadow: none;
  outline: none;
  border-bottom: none;
  color: #000;
}
.accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
  transform: scale(0.7) !important;
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
  transform: scale(0.7) !important;
}
.accordion-button[aria-expanded="true"]::after {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
}
.accordion-item .accordion-button:not(.collapsed) {
  border-bottom: none;
}
.accordion-item .accordion-body {
  border-top: 1px solid;
}
section.related.products {
  width: 100%;
}
.accordion-body p {
  margin: 0px;
  word-spacing: 4px;
  letter-spacing: 0.4px;
}

section.trusted-section {
  padding-top: 0px;
}
.simple-link.x-center {
  text-align: center;
  padding-top: 30px;
}

section.subscription-section {
  padding-bottom: 80px;
}

.outer_collection_section ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  margin: 0px -10px;
}
.row.header-row {
  align-items: center;
}
.header-end {
  text-align: right;
}
.search-icon-btn {
  position: relative;
}
.outer_collection_section ul li {
  width: 16.66%;
  padding: 0px 10px;
  text-align: center;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 60px;
}
@media (max-width: 991px) {
  .outer_collection_section ul li {
    width: 20%;
    width: 25%;
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .outer_collection_section ul li {
    width: 25%;
    margin-bottom: 30px;
  }
}

@media (max-width: 480px) {
  .outer_collection_section ul li {
    width: 50%;
  }
}

.outer_collection_section ul li h6 {
  color: #000;
  font-weight: 400;
  font-size: 14px;
  font-family: "neue_haas_grotesk_display65Md";
  line-height: 24px;
}

.outer_collection_section ul li .collection-img-cat {
  height: 103px;
  margin-bottom: 10px;
  border-radius: 10px;
  overflow: hidden;
  max-width: 163px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.outer_collection_section ul li .collection-img-cat img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.relatedthumb img {
  width: 100%;
}

.relatedthumb {
  margin-bottom: 10px;
  border-radius: 15px;
  overflow: hidden;
}

.relatedcontent h3 a {
  color: #000;
  font-size: 20px;
  line-height: normal;
  display: block;
  margin-bottom: 10px;
}

.relatedcontent p {
  font-size: 14px;
}

#mysticky-nav.wrapfixed .myfixed:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  background: rgba(236, 236, 236, 0.6);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

#mysticky-nav.wrapfixed .myfixed {
  background: transparent !important;
}

#mysticky-nav.wrapfixed {
  background: transparent !important;
}

.we-provide-lists .provide-item {
  width: 230px;
  min-width: 230px;
}

.product-card img.attachment-woocommerce_thumbnail {
  display: none !important;
}

a.button.yith-wcqv-button {
  background-image: url('data:image/svg+xml,<svg width="30" height="31" viewBox="0 0 30 31" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.5 15.9727V21.9727H15.5V15.9727H21.5V14.9727H15.5V8.97266L14.5 8.97266V14.9727H8.5V15.9727H14.5Z" fill="black"/><rect x="0.5" y="0.972656" width="29" height="29" rx="14.5" stroke="black"/></svg>') !important;
  background-repeat: no-repeat !important;
  background-color: transparent !important;
  width: 31px !important;
  height: 31px !important;
  font-size: 0px !important;
  padding: 0px !important;
  border: none !important;
}

#yith-quick-view-modal {
  z-index: 10000000;
}
.fancybox-container {
  z-index: 100000000;
}
.wpgs-for {
  display: block !important;
}

.inside-product .button.yith-wcqv-button {
  display: none !important;
}

ul.products.slick-slider .slick-list {
  overflow: visible !important;
}
section.trending-section {
  padding-bottom: 70px;
}
.woocommerce-message .button {
  display: none !important;
}

.col-md-20.text-md-left {
  width: 22%;
}
.pro-slider {
  padding: 15px 0px;
}
.pro-slider ul.products {
  display: flex;
  flex-wrap: nowrap;
  overflow-y: visible;
  margin: 0px -30px;
  margin-right: 290px;
  padding: 0px 15px;
}
.pro-slider ul.products::after {
  display: block !important;
  min-width: 190px !important;
  height: 200px !important;
}

.scrool-data {
  width: 100%;
  padding: 15px 0px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent; /* hide scrollbar */
}

/* For WebKit browsers (e.g., Chrome, Safari) */
.scrool-data::-webkit-scrollbar {
  width: 6px;
}

.scrool-data::-webkit-scrollbar-track {
  background-color: transparent; /* hide track */
}

.scrool-data::-webkit-scrollbar-thumb {
  background-color: transparent; /* hide thumb */
}

#top-menu-container {
  z-index: 1000;
  position: relative;
}

@media (max-width: 991px) {
  .inner-banner-sec {
    padding: 2rem 0px 2rem !important;
  }
  .scrool-data {
    padding: 0px;
  }
  .home-product-cat-box-slider .items-cet {
    width: 105px;
    min-width: 105px;
  }
  body:not(.home) .home-product-cat-box-slider .items-cet {
    padding: 0px 5px;
  }
}

section.imgs-maping-section {
  padding-bottom: 30px;
}

.box-maping-img {
  margin-bottom: 40px;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
}

.box-maping-img img {
  border-radius: 12px;
  width: 100%;
}

.box-maping-img .btn-maping {
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(2px);
  position: absolute;
  z-index: 1;
  color: #1d1d1f;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: flex;
  padding: 4px 15px;
  text-align: center;
  align-items: flex-start;
  gap: 10px;
  font-family: "neue_haas_grotesk_display65Md";
}

.box-maping-img .btn-maping:after {
  content: "";
  border-radius: 10px;
  border: 1px solid #d9d9d9;
  width: 12px;
  height: 12px;
  position: absolute;
  bottom: -25px;
  left: 0;
  right: 0;
  margin: auto;
}

.box-maping-img .btn-maping:before {
  content: "";
  border-radius: 100%;
  background: #d9d9d9;
  border: 1px solid #d9d9d9;
  width: 6px;
  height: 6px;
  position: absolute;
  bottom: -22px;
  left: 0;
  right: 0;
  margin: auto;
}
.slick-dots li {
  width: 5px;
  height: 5px;
  flex-shrink: 0;
  border-radius: 5px;
  background: rgba(217, 217, 217, 0.5);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
  margin: 0 4px;
}
.slick-dots li.slick-active {
  width: 8px;
  height: 8px;
  flex-shrink: 0;
}
.slick-dots li button {
  display: none;
  opacity: 0;
}
.slick-dots {
  padding-left: 0;
  list-style: none;
  display: flex !important;
  justify-content: center;
  position: absolute;
  bottom: 25px;
  right: 0;
  left: 0;
  align-items: center;
}
.slick-dots li {
  float: left;
}

.download-sec .accordion-item {
  border-top: none;
  margin-bottom: 0px;
  border-left: none;
  border-right: none;
}

.download-sec .accordion-item .accordion-button {
  padding-left: 0px;
  padding-right: 0px;
}

.download-sec .accordion-item .accordion-body {
  padding: 25px 0px;
}

.container-fluid:nth-child(2) {
  background: rgba(255, 255, 255, 0.4);
  margin: 20px auto 0px;
  width: 80% !important;
  position: sticky;
  border-radius: 12px;
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  box-shadow: 0 8px 24px rgba(149, 157, 164, 0.52);
}

@media (min-width: 992px) {
  #footer .container,
  #header .container-fluid,
  #top-menu-container .container-fluid {
    max-width: 1920px;
    width: 100%;
    padding: 0px 40px;
  }
}
.footer-menu-socal .menu {
  display: flex;
  align-items: center;
  justify-content: end;
}

.footer-menu-socal .menu li {
  padding-left: 20px;
}
@media (min-width: 992px) {
  .row-costom-with .col {
    width: 23%;
  }

  .row-costom-with .col:last-child {
    width: 16%;
  }
}
@media (min-width: 1200px) {
  .row-costom-with .col {
    width: 22%;
  }

  .row-costom-with .col:last-child {
    width: 12%;
  }
}
.product-category-sec button.carousel__arrow {
  width: 30px;
  height: 30px;
  padding: 10px;
  background-repeat: no-repeat;
}
.product-category-sec button.carousel__arrow::before {
  width: 9px;
  height: 5px;
}
button.carousel__arrow:before {
  background-repeat: no-repeat;
  background-position: center;
}

@media (max-width: 991px) {
  .row-costom-with {
    margin-bottom: 30px;
  }
  .inner-banner-sec .post-title {
    font-size: 36px;
  }
  .faqs_section h2:not(.accordion-header) {
    margin-bottom: 20px;
  }
}
.woocommerce form .form-row label input[type="radio"] {
  margin-right: 10px;
}
.page-template-contactus .form-group > p {
  margin: 0px 0px 5px;
}

.single.woocommerce
  div.product
  .woocommerce-product-details__short-description {
  display: block !important;
  order: 2;
}
.single.woocommerce
  div.product
  .woocommerce-product-details__short-description
  * {
  color: #000;
  font-size: 14px;
  line-height: normal;
  font-weight: normal;
  font-family: "neue_haas_grotesk_disp55roman";
}
.woocommerce #content table.wishlist_table.cart a.remove:hover {
  color: #fff !important;
}
.yith-wcwl-add-button a.delete_item {
  width: 28px !important;
  overflow: hidden;
  display: block;
  height: 30px;
  font-size: 27px;
  line-height: 30px;
  color: #000;
}
.woo-variation-swatches .variable-items-wrapper .variable-item img {
  object-fit: contain;
}
section.product_description_new-setion {
  padding-bottom: 45px;
}

section.product_description_new-setion img {
  display: block;
  max-width: 100%;
  margin: auto;
}
.woo-variation-gallery-trigger-position-top-right {
  position: relative;
  top: 27px !important;
  box-shadow: 0px 1px 7px #f2e9e9;
}
.accordian_txt {
  color: #000;
}
.nav-tabs .nav-item .nav-link {
  letter-spacing: 1.6px;
}
.footer-b b {
  font-family: "neue_haas_grotesk_display65Md";
}
.get_touch.text-center h2.main_heading {
  font-family: "neue_haas_grotesk_disp55roman";
}
ul.products li.product .wishlist-heart {
  display: none !important;
}
.woocommerce-variation-add-to-cart .single-wishlist {
  display: none !important;
}
.blog-section-card h2,
.blog-section-card h3 {
  font-family: "neue_haas_grotesk_display45Lt";
}

del.unequal-price {
  display: none !important;
}

/* New blog styles  */
.blog-container {
  width: 100%;
  max-width: 1450px;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 15px;
  position: relative;
}

.gradient-background {
  opacity: 0.7;
  height: 70px;
  background: linear-gradient(
    90deg,
    #f5f5f7 0%,
    #f8b7f5 9%,
    #feb084 79%,
    #f5f5f7 97.5%
  );
  box-shadow: 0px 4px 4px 0px #00000040;
  position: relative;
  filter: blur(20px);
}

.breadcrumbs-container {
  padding: 15px 0;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
}

.breadcrumbs {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
}

.breadcrumbs img.breadcrumb-icon {
  margin-right: 8px;
  width: 14px;
}

.breadcrumb-separator {
  margin: 0 10px;
  color: #000;
}

.breadcrumb-category {
  font-size: 16px;
  font-family: "neue_haas_grotesk_disp55roman";
}

#featured-image {
  margin-top: 20px;
  margin-bottom: 20px;
}

.featured-image img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}

.three-column-layout {
  display: flex;
  justify-content: space-between;
  gap: 50px;
  margin-top: -40px;
}

.three-column-layout .column {
  width: 100%;
  max-width: 18%;
  padding: 10px;
}

.three-column-layout .column-middle {
  width: 100%;
  max-width: 49%;
  z-index: 899;
}

.column.column-right {
  width: 100%;
  max-width: 35%;
}

.column-left {
  position: -webkit-sticky;
  position: sticky;
  top: 150px;
  height: fit-content;
  max-height: calc(100vh - 20px);
  overflow-y: auto;
  padding-right: 20px;
  margin-top: 16px !important;
}

.widgetTitle {
  font-size: 20px;
  margin-bottom: 10px;
  font-family: "neue_haas_grotesk_disp55roman";
}

#blog-title {
  margin-top: 10px;
}

h1.blog-heading {
  font-size: 48px;
  line-height: 57px;
  font-family: "neue_haas_grotesk_display65Md";
  color: #1d1d1f;
}

h2.blog-content-heading {
  padding-bottom: 10px;
  font-size: 40px;
  line-height: 40px;
  margin-top: 40px;
  font-family: "neue_haas_grotesk_display65Md";
}

h3.blog-content-heading {
  padding-bottom: 10px;
  font-size: 32px;
  line-height: 40px;
  font-family: "neue_haas_grotesk_disp55roman";
  margin-top: 20px;
}

.blog-container ol {
  padding-left: 0;
  list-style: none; /* Remove default list styling */
  counter-reset: list-counter; /* Initialize counter */
}

.blog-container ol li {
  display: block; /* Ensure block display for list items */
  font-family: "neue_haas_grotesk_disp55roman";
  font-size: 32px;
  color: #000;
  counter-increment: list-counter; /* Increment counter */
}

.blog-container ol li .heading {
  display: flex;
  align-items: baseline;
}

.blog-container ol li .heading::before {
  content: counter(list-counter) ". ";
  margin-right: 8px;
}

div.custom-content-para h3{
  padding-bottom: 10px;
  font-size: 32px;
  line-height: 40px;
  font-family: "neue_haas_grotesk_disp55roman";
  margin-top: 20px;
}

div.custom-content-para p{
  font-family: "neue_haas_grotesk_display45Lt";
  font-size: 20px;
  word-spacing: 4px;
  line-height: 28px;
}

.blog-container .faq-section h2{
  margin-bottom: 20px;
  font-size: 36px;
  font-family: "neue_haas_grotesk_display65Md";
  color: #1d1d1f;
}

.blog-container h3.accordion-header{
  font-size: 24px;
  font-family: "neue_haas_grotesk_disp55roman";
  color: #000;
  margin-bottom: 0;
}

div.custom-content-para,
.blog-content-desc {
  font-family: "neue_haas_grotesk_display45Lt";
  font-size: 20px;
  word-spacing: 4px;
  line-height: 28px;
}

.custom-content-para {
  font-size: 16px;
  line-height: 22px;
}

.blog-tags {
  margin: 20px 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.blog-tags .tag {
  padding: 5px 20px;
  border: 1px solid #9d9d9d;
  border-radius: 6px;
  background-color: #f9f9f9;
  color: #333;
  text-decoration: none;
}

.blog-tags .tag:hover {
  background-color: #e9e9e9;
  border-color: #bbb;
}

#toc-container {
  position: relative;
  border-left: 2px solid #ccc; /* Add a left border */
  padding-left: 10px; /* Adjust padding to align with the border */
}

#toc {
  margin-top: 10px;
  overflow: hidden; /* Hide default scrollbar */
}

#toc ul {
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
  transition: transform 0.3s ease;
  position: relative;
}

#toc ul li {
  flex: 0 0 auto;
  padding: 2px;
  border-radius: 5px;
  transition: background 0.3s, border 0.3s;
}

#toc ul li a {
  text-decoration: none;
  color: #333;
  font-size: 14px;
  display: block;
}

#toc ul li a.toc-subheading{
  margin-left: 8px;
  line-height: 18px;
}

#toc ul li a.toc-subheading i{
  margin-right: 8px;
  color: rgba(0,0,0,0.3);
}

#toc ul li a.active i{
  color: #000;
}

#toc ul li a.active {
  font-family: "neue_haas_grotesk_display75Bd";
  color: #1d1d1f;
}

#toc ul ul {
  padding-left: 20px; /* Indent nested lists */
}

.toc-slider-indicator {
  position: absolute;
  left: -2px; /* Adjusted to be inside the border */
  width: 3px;
  background: rgb(29, 29, 31);
  transition: top 0.3s ease, height 0.3s ease;
}

.share-this-article {
  margin-top: 20px;
}

.share-this-article h3 {
  font-size: 16px;
  font-family: "neue_haas_grotesk_disp55roman";
  margin-bottom: 10px;
}

.share-this-article .social-icons {
  list-style: none;
  padding: 0;
  display: flex;
  gap: 10px;
  float: none !important;
}

.share-this-article .social-icons li {
  display: inline;
}

.share-this-article .social-icons li a img {
  width: 24px;
  height: 24px;
}

.product-section {
  width: 1000px;
  display: flex;
  margin: 0 auto;
  margin-top: 60px;
}

h3.Product-section-head {
  font-size: 36px;
  line-height: 41px;
  font-family: "neue_haas_grotesk_display65Md";
  color: #1d1d1f;
}

p.Product-section-subhead {
  font-size: 1.35rem;
  line-height: 41px;
  font-weight: 500;
}

.woocommerce ul.products li.product h3 {
  font-size: 10px !important;
  font-family: "neue_haas_grotesk_display75Bd";
  font-weight: 300;
}

.faq-section {
  width: 100%;
  max-width: 800px;
  padding: 10px 0;
  border-radius: 5px;
  margin: 0;
  margin-top: 60px;
}

.faq-section h3 {
  margin-bottom: 20px;
  font-size: 36px;
  font-family: "neue_haas_grotesk_display65Md";
  color: #1d1d1f;
}

.faqaccordion {
  background-color: #f5f5f7;
  color: rgb(29, 29, 31);
  cursor: pointer;
  padding: 18px;
  width: 140%;
  border: 1px solid rgb(29, 29, 31);
  border-radius: 10px;
  text-align: left;
  outline: none;
  font-size: 20px;
  line-height: 28px;
  font-family: "neue_haas_grotesk_display65Md";
  transition: 0.4s;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

button.accordion.active {
  border-radius: 10px 10px 0 0;
}

.faq-item {
  margin-bottom: 15px;
}

p.faq-cont {
  padding: 10px 0;
  margin-bottom: 0;
}

.faqaccordion:after {
  content: "\002B";
  font-size: 30px;
  color: #333;
}

.faqaccordion.active:after {
  content: "\2212";
}

.panel {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  border-top: none;
  width: 140%;
  border-radius: 0 0 10px 10px;
}

img.blog-img.custom_image_acf {
  height: 135px !important;
}

.blog-card {
  height: 100% !important;
}

.help-section {
  padding: 10px 0 60px;
  border-radius: 5px;
  width: 800px;
  margin: 0 auto;
  margin-top: 60px;
}

.help-section h2 {
  font-size: 36px;
  margin-bottom: 10px;
  font-family: "neue_haas_grotesk_display65Md";
}

.help-section p {
  font-size: 16px;
  margin-bottom: 20px;
}

.contact-us-button {
  display: inline-block;
  padding: 12px 60px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  background-color: #000;
  border: none;
  border-radius: 5px;
  text-decoration: none;
  cursor: pointer;
}

.contact-us-button:hover {
  background-color: #333;
  color: white;
}

.widgetTitle {
  position: relative;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #1d1d1f;
  padding-bottom: 10px;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 1px;
  word-spacing: 2px;
}

.recentBlogTitle {
  position: relative;
  font-size: 12px;
  line-height: 20px;
  color: #000;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 20px;
  font-family: "neue_haas_grotesk_disp55roman";
}

.recentBlogTitle::after {
  content: "";
  display: inline;
  width: 222%;
  height: 1px;
  background-color: #000;
  vertical-align: middle;
  margin-left: 10px;
  position: absolute;
  top: 50%;
  left: calc(100% + 5px);
  transform: translateY(-50%);
}

.recent-blogs {
  display: flex;
  flex-direction: column;
}

.recent-blog-item {
  display: flex;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 10px;
  margin-bottom: 15px;
  overflow: hidden;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.recent-blog-thumbnail {
  flex-shrink: 0;
  width: 127px;
  overflow: hidden;
  padding: 10px;
}

.recent-blog-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}

.recent-blog-content {
  padding: 10px 10px 0px 4px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
}

.recent-blog-content h3 {
  font-size: 16px;
  line-height: 19.2px;
  margin: 0px 0px 0px;
  font-weight: 700;
  color: #1d1d1f;
  font-family: "neue_haas_grotesk_display65Md";
}

.recent-blog-category {
  font-size: 12px;
  color: #a8a6ac;
  margin-bottom: 5px;
  font-weight: 600;
  margin-top: 5px;
  line-height: 14.4px;
}

.recent-blog-excerpt {
  font-size: 10px;
  color: #a8a6ac;
  margin-bottom: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 12px;
}

.blog-add-image {
  margin-top: 20px;
  text-align: center;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.blog-add-image img {
  max-width: 100%;
  height: auto;
  border: 1px solid #ddd;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.newsletter-widget {
  text-align: left;
  margin-top: 3%;
}

.widget-separator {
  border: 0;
  height: 2px;
  background: #5d5d698c;
  margin-bottom: 20px;
  margin-top: 30px;
}

.newsletter-widget h2 {
  font-size: 24px;
  line-height: 30px;
  font-weight: 100;
  margin-bottom: 10px;
  color: #5d5d69;
  letter-spacing: 1px;
  font-family: "neue_haas_grotesk_disp55roman";
  word-spacing: 2px;
}

.newsletter-widget p {
  font-size: 14px;
  line-height: 20px;
  color: #555;
  margin-bottom: 20px;
}

.newsletter-form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.newsletter-form input[type="email"] {
  width: 100%;
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 14px;
}

.newsletter-form button {
  width: 100%;
  padding: 10px;
  background-color: #000;
  color: #fff;
  border: none;
  border-radius: 5px;
  font-size: 14px;
  cursor: pointer;
}

.newsletter-form button:hover {
  background-color: #333;
}

.newsletter-privacy {
  font-size: 12px;
  color: #777;
  margin-top: 10px;
}

.newsletter-widget p:last-child {
  font-size: 10px;
  margin-top: 0;
}

.prod-content {
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.blog-prods {
  margin: 0px -135px !important;
}

.toast {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: #333;
  color: #fff;
  padding: 10px 20px;
  border-radius: 5px;
  z-index: 10000;
  display: none;
}

@media (max-width: 990px) {
  .carousel__arrow.arrow-prev {
    left: -10px !important;
  }
}

@media (max-width: 991px) {
  .carousel__header {
    width: 100% !important;
    margin-right: 0px;
  }
}

@media (max-width: 768px) {
  .three-column-layout {
    flex-direction: column;
    gap: 10px;
  }

  .three-column-layout .column,
  .three-column-layout .column-middle,
  .column.column-right {
    max-width: 100%;
  }

  .column-left {
    position: relative;
    top: 0;
    max-height: none;
    overflow: visible;
    display: none;
  }

  h1.blog-heading {
    font-size: 30px;
    line-height: 34px;
    font-weight: 600;
    letter-spacing: 1px;
  }

  h3.blog-content-heading {
    padding-bottom: 10px;
    font-size: 24px;
    line-height: 30px;
    word-spacing: 4px;
}

  .recent-blog-content h3 {
    font-size: 12px;
    line-height: 15px;
    margin: 0px 0px 0px;
    font-weight: bold;
  }

  .recent-blog-category {
    font-size: 10px;
    color: #777;
    margin-bottom: 10px;
    font-weight: bold;
    margin-top: 10px;
  }

  .recent-blog-excerpt {
    font-size: 12px;
    color: #555;
    margin-bottom: 10px;
  }

  h3.Product-section-head {
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
  }

  p.Product-section-subhead {
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
  }

  .prod-content {
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .custom-content-para {
    font-size: 14px;
  }

  .faq-section h3 {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
  }

  .faqaccordion {
    background-color: #f5f5f7;
    color: #444;
    cursor: pointer;
    padding: 12px;
    width: 90%;
    border: 1px solid #000;
    border-radius: 10px;
    text-align: left;
    outline: none;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    transition: 0.4s;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .faqaccordion:after {
    content: "\002B";
    font-size: 20px;
    color: #333;
  }

  .panel {
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    border-top: none;
    width: 90%;
  }

  p.faq-cont {
    padding: 10px 0;
    margin-bottom: 0;
    font-size: 14px;
    word-spacing: 4px;
  }

  .product-section {
    width: 100%;
    display: flex;
  }

  .carousel .carousel__content {
    padding: 0px 7px;
  }

  button.carousel__arrow.arrow-next {
    right: 18px;
  }

  @media (max-width: 768px) {
    .product-category-sec button.carousel__arrow.arrow-next {
        display: none;
    }
    .common-padding:nth-child(4) {
      padding: 10px 0;
    }
  }

  .help-section {
    width: 100% !important;
    padding: 10px 0px !important;
  }

  .help-section h2 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
  }

  .newsletter-widget h2 {
    font-size: 18px;
    line-height: 18px;
  }

  .newsletter-widget p {
    font-size: 16px;
    line-height: 20px;
    color: #555;
    margin-bottom: 20px;
  }

  .blog-prods {
    margin: 0px -55px !important;
  }
}

@media (max-width: 700px) {
  .container {
    max-width: 90%;
  }
}

/* Temp Wishlist Styles */
#wishlist-header-icon svg{
  padding-bottom: 30px;
  height: 100px;
}

.addtocart-wishlist-row{
  width: 100%;
}
.addtocart-wishlist-row td:last-child{
  text-align: right;
}

.woosw-icon-8:before, .woosw-icon-5:before {
  font-size: 22px;
  color: black;
}

.woosw-suggested {
  margin: 30px 0;
}

table.woosw-items tbody{
  display: grid;
}

table.woosw-items tbody tr{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  border-radius: 10px;
  background: #ffffff;
  margin: 20px 0;
}

.woosw-list table.woosw-items tr:nth-child(2n) td{
  background: #fff;
}

.woosw-list table.woosw-items tr:hover td{
  background: #fff;
}

/* Home Page Styles */

#home-about-us-section{
  width: 80%;
  margin: auto;
}

#about-us-featured-products h2 {
  font-size: 26px;
  font-family: 'neue_haas_grotesk_display75Bd';
  margin-bottom: 20px;
}

#about-us-featured-products #featured-products-carousel {
  display: flex;
  gap: 20px;
}

#about-us-featured-products #featured-products-carousel a {
  height: 420px;
  border-radius: 14px;
  box-shadow: 0 4px 19px rgba(0, 0, 0, 0.12);
  background: #fff;
  width: 360px;
  overflow: hidden;
  position: relative;
  margin-left: 10px;
  margin-right: 40px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

#about-us-featured-products #featured-products-carousel a:hover {
  transform: translateY(-10px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

#about-us-featured-products #featured-products-carousel a h5,
#about-us-featured-products #featured-products-carousel a h6,
#about-us-featured-products #featured-products-carousel a p {
  padding: 0 20px;
}

#about-us-featured-products #featured-products-carousel a h6 {
  font-size: 12px;
  font-family: 'neue_haas_grotesk_disp55roman';
  padding-top: 16px;
}

#about-us-featured-products #featured-products-carousel a h5 {
  font-size: 28px;
  font-family: 'neue_haas_grotesk_disp55roman';
  padding: 14px 20px;
}

#about-us-featured-products #featured-products-carousel p {
  font-size: 16px;
  word-spacing: 2.5px;
  letter-spacing: 0.6px;
  padding: 0 20px;
}

#about-us-featured-products #featured-products-carousel a img {
  position: absolute;
  bottom: 0;
  max-height: 300px;
  width: auto;
  max-width: 90%;
}

#about-us-featured-products .slick-prev:before,
#about-us-featured-products .slick-next:before
{
    font-size: 28px!important;
    color: #cecece!important;
}

#about-us-featured-products .slick-prev{
  left: -30px!important;
}

#about-us-featured-products .slick-track{
  padding: 20px 0;
}

#office-furniture-for-a-modern-workspace {
  background: #fff;
  padding: 30px;
  border-radius: 14px;
  display: flex;
  flex-wrap: wrap;
  margin-top: 80px;
  justify-content: space-between;
}

#office-furniture-for-a-modern-workspace div {
  width: 45%;
}

@media (max-width: 1100px){
  #office-furniture-for-a-modern-workspace div {
    width: 100%;
  }
}

#office-furniture-for-a-modern-workspace div:nth-child(3) {
  width: 100%;
}

#office-furniture-for-a-modern-workspace h2 {
  font-size: 38px;
  font-family: 'neue_haas_grotesk_display65Md';
  margin-bottom: 20px;
}

#office-furniture-for-a-modern-workspace p {
  font-size: 16px;
  word-spacing: 2.5px;
  letter-spacing: 0.6px;
}

#office-furniture-for-a-modern-workspace .image-row {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  margin-top: 20px; 
  justify-content: center;
}

#office-furniture-for-a-modern-workspace .image-row img {
  object-fit: cover;
}

#office-furniture-for-a-modern-workspace .image-row a {
  text-align: center;
  cursor: pointer;
}

#office-furniture-for-a-modern-workspace .short-image {
  height: 140px;
}

#office-furniture-for-a-modern-workspace .medium-image {
  height: 200px;
}

#office-furniture-for-a-modern-workspace .tall-image {
  height: 250px;
}

#office-furniture-for-a-modern-workspace .image-row{
  width: 100%;
}

@media (max-width: 1100px){
  #office-furniture-for-a-modern-workspace .image-row {
    display: flex;
    align-items: flex-end;
  }

  #office-furniture-for-a-modern-workspace .image-row, #office-furniture-for-a-modern-workspace .image-row img{
    margin: auto;
  }

  #office-furniture-for-a-modern-workspace .image-row .image-container:last-child p{
    font-size: 30px;
    margin-top: 65px;
    margin-bottom: 85px;
  }
}

@media (max-width: 768px){
  #office-furniture-for-a-modern-workspace .image-row .image-container img{
    height: 200px;
    object-fit: contain;
  }

  #office-furniture-for-a-modern-workspace .slick-next{
    right: -18px!important;
  }
}

#office-furniture-for-a-modern-workspace .image-row .image-container:last-child img{
  height: 50px;
  opacity: 0;
}


#office-furniture-for-a-modern-workspace .slick-prev:before,
#office-furniture-for-a-modern-workspace .slick-next:before
{
    font-size: 28px!important;
    color: #cecece!important;
}

#office-furniture-for-a-modern-workspace .image-row .more-link {
  align-self: center;
  padding: 10px 20px;
  text-decoration: none;
  border-radius: 5px;
  transition: color 0.3s ease, text-shadow 0.3s ease, transform 0.3s ease;
}

#office-furniture-for-a-modern-workspace .image-row .more-link:hover {
  text-decoration: underline;
}

#office-furniture-for-a-modern-workspace .image-row .image-container p {
  margin-top: 10px;
  font-size: 14px;
  word-spacing: 1.5px;
  letter-spacing: 0.5px;
  transition: color 0.3s ease, text-shadow 0.3s ease, transform 0.3s ease;
}

#office-furniture-for-a-modern-workspace .image-row .image-container:hover p, #office-furniture-for-a-modern-workspace .image-row .more-link:hover {
  color: #007bff;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  transform: scale(1.3);
}

#why-choose-navo {
  background: #fff;
  padding: 30px;
  border-radius: 14px;
  margin: 10px 0;
  margin-bottom: 80px;
}

#why-choose-navo > div:first-child {
  margin-bottom: 40px;
}

#why-choose-navo h2 {
  font-size: 38px;
  font-family: 'neue_haas_grotesk_display65Md';
  margin-bottom: 20px;
}

#why-choose-navo p {
  font-size: 16px;
  word-spacing: 2.5px;
  letter-spacing: 0.6px;
}

#why-choose-navo > div:last-child {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

#why-choose-navo > div:last-child > div {
  width: calc(50% - 10px); 
  background: #f9f9f9;
  padding: 20px;
  border-radius: 14px;
  box-shadow: 0 4px 19px rgba(0, 0, 0, 0.12);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

#why-choose-navo > div:last-child > div:hover {
  transform: translateY(-10px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

#why-choose-navo h6 {
  font-size: 18px;
  font-family: 'neue_haas_grotesk_display65Md';
  margin-bottom: 10px;
}

#why-choose-navo > div:last-child > div p {
  font-size: 16px;
  word-spacing: 2.5px;
  letter-spacing: 0.6px;
}

@media (max-width: 990px) {
  #home-about-us-section{
    width: 86%;
  }
  #about-us-featured-products h2{
    font-size: 1.2rem;
  }

  #about-us-header-section h1{
    font-size: 18px;
  }
}

            
#bottom-info-section{
  width: 75%;
  margin: auto;
  margin-bottom: 80px;
}

#bottom-info-section div{
  width: 100%;
}

#about-us-header-section{
  background: #fff;
  padding: 30px;
  border-radius: 14px;
  display: flex;
  margin-right: 40px;
}

#about-us-header-section div{
  width: 50%;
}

#about-us-header-section div:first-child{
  margin-right: 40px;
}


#about-us-header-section h1{
  font-size: 48px;
  font-family: 'neue_haas_grotesk_display65Md';
  padding-top: 40px;
  padding-bottom: 20px;
}

@media (max-width: 990px) {
  #about-us-header-section div:first-child{
    margin-right: 0;
  }
  #about-us-header-section h1{
    padding-top: 10px;
    padding-bottom: 16px;
  }
}

@media (max-width: 990px) {
  #about-us-header-section h1{
    font-size: 30px;
  }
  #home-office-furniture-dubai h2{
    font-size: 30px!important;
  }
}

#about-us-header-section p{
  font-size: 16px;
  word-spacing: 2.5px;
  letter-spacing: 0.6px;
}

#about-us-header-section img{
  height: 400px;
  object-fit: cover;
  border-radius: 14px;
}

@media (max-width: 990px) {
  #home-office-furniture-dubai div:last-child, #about-us-header-section div:last-child{
    display:none;
  }

  #home-office-furniture-dubai div, #about-us-header-section div{
    width: 100%!important;
  }
  
}

#home-office-furniture-dubai{
  background: #fff;
  padding: 30px;
  border-radius: 14px;
  display: flex;
  justify-content: space-between;
  gap: 40px;
}

#home-office-furniture-dubai div{
  width: 50%;
}

#home-office-furniture-dubai div img{
  height: 400px;
  object-fit: cover;
  border-radius: 14px;
}

#home-office-furniture-dubai h2{
  font-size: 38px;
  font-family: 'neue_haas_grotesk_display65Md';
  margin-bottom: 20px;
}

#home-office-furniture-dubai p{
  font-size: 16px;
  word-spacing: 2.5px;
  letter-spacing: 0.6px;
}

#bottom-info-section{
  display: flex;
  justify-content: space-between;
}

#bottom-info-section .slick-prev:before,
#bottom-info-section .slick-next:before
{
    font-size: 28px!important;
    color: #cecece!important;
}

#bottom-info-section .slick-prev{
  left: -30px!important;
}

#bottom-info-section .slick-next{
  right: -50px!important;
}

#bottom-info-section .slick-track{
  padding: 20px 0;
}

@media (max-width: 768px) {
  #why-choose-navo {
    padding: 20px;
    margin-bottom: 40px;
  }

  #why-choose-navo h2 {
    font-size: 28px;
    margin-bottom: 15px;
  }

  #why-choose-navo p {
    font-size: 14px;
    word-spacing: 2px;
    letter-spacing: 0.5px;
  }

  #why-choose-navo > div:last-child {
    gap: 10px;
  }

  #why-choose-navo > div:last-child > div {
    width: 100%;
    padding: 15px;
  }

  #why-choose-navo h6 {
    font-size: 16px;
    margin-bottom: 8px;
  }

  #why-choose-navo > div:last-child > div p {
    font-size: 14px;
    word-spacing: 2px;
    letter-spacing: 0.5px;
  }

  #why-choose-navo > div:last-child > div {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 1.5s ease-out, transform 0.5s ease-out;
  }

  #why-choose-navo > div:last-child > div.in-view {
    opacity: 1;
    transform: translateY(0);
  }

  #bottom-info-section{
    width: 86%;
    height: 100%;
  }

  #bottom-info-section div div{
    height: 100%;
  }
  #bottom-info-section h1,
  #bottom-info-section h2
  {
    margin-top: auto;
  }
}

#bottom-info-section .slick-next{
  right: -4px!important;
}

#home-office-furniture-dubai{
  margin-right: 40px;
}

#home-office-furniture-dubai div{
  margin: auto;
}
/*******************/

/********** Trade-In Offer **********/
@font-face {
  font-family: 'NeueAugenblick';
  src: url('/wp-content/themes/navodesk/css/fonts/neueaugenblick/NeueAugenblick-Regular.woff2') format('woff2'), url('/wp-content/themes/navodesk/css/fonts/neueaugenblick/NeueAugenblick-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

.trade-in-offer-div{
  width: 100%;
  text-align: center;
  padding-top: 40px;
  font-family: 'NeueAugenblick';
}

.trade-in-offer-div img{
  width: 100px;
}

.trade-in-offer-div h1{
  font-family: 'NeueAugenblick';
  font-size: 64px;
}

.octagon-shape {
    position: relative;
    width: 90%;
    max-width: 1200px;
    background-color: black;
    clip-path: polygon(
        15px 0%, calc(100% - 15px) 0%,
        100% 15px, 100% calc(100% - 15px),
        calc(100% - 15px) 100%, 15px 100%,
        0% calc(100% - 15px), 0% 15px
    );
    margin: 20px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.octagon-shape-inner {
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  clip-path: polygon(
      14px 0%, calc(100% - 14px) 0%,
      100% 14px, 100% calc(100% - 14px),
      calc(100% - 14px) 100%, 14px 100%,
      0% calc(100% - 14px), 0% 14px
  );
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

#trade-in-offer-header-img .octagon-shape-inner{
  clip-path: polygon(
    16px 0%, calc(100% - 16px) 0%,
    100% 16px, 100% calc(100% - 16px),
    calc(100% - 16px) 100%, 16px 100%,
    0% calc(100% - 16px), 0% 16px 
  );
}

#trade-in-offer-header-img .octagon-shape-inner img{
  margin: 2px 0;
}


.div-title h2{
  font-size: 40px;
  font-family: 'NeueAugenblick';
  margin-bottom: 10px;
  background: #000;
  color: #fff;
  padding: 14px 60px 14px 24px;
  clip-path: polygon(
    0% 0%, calc(100% - 5px) 0%,
    100% 0%, 100% calc(100% - 15px),
    calc(100% - 15px) 100%, 0% 100%,
    0% 0%
  );
}
  
.div-content span {
  display: block;
  margin-bottom: 10px; 
  margin-left: 40px;
  font-size: 34px;
  font-family: 'NeueAugenblick';
}
  
.octagon-shape.text-content .octagon-shape-inner {
  background: #eaeaea;
  margin: 2px 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
  padding-bottom: 20px;
}

.octagon-shape-inner .div-content.tandc span{
  font-size: 26px;
  font-family: 'NeueAugenblick';
  margin-top: 20px;
}

.trade-in-offer-div h2{
  width: 90%;
  margin: auto;
  font-size: 46px;
  max-width: 650px; 
  text-align: center;
  font-family: 'NeueAugenblick';
  margin-bottom: 80px;
}

.trade-in-image-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    width: 80%;
    margin: auto;
    margin-top: 20px;
    align-items: center;
    justify-content: center;
}

.trade-in-image-grid a {
    flex: 1 1 calc(33.33% - 10px);
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: calc(33.33% - 10px); 
}

.trade-in-image-grid img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensure images cover the area without stretching */
    aspect-ratio: 1 / 1; /* Maintain a square aspect ratio */
}

.trade-in-offer-contact-us{
  margin: 80px 0;
  font-family: 'NeueAugenblick';
  margin: auto;
  width: 100%;
  text-align: center;
}

.trade-in-offer-contact-us a{
  text-decoration: underline;
  color: rgb(255, 127, 80);
}

@media (max-width: 1024px) {
    .trade-in-image-grid a {
        flex: 1 1 calc(50% - 10px);
        max-width: calc(50% - 10px);
    }
}

@media (max-width: 768px) {
  .trade-in-offer-div{
    padding-top: 0;
  }
  .trade-in-image-grid a {
    flex: 1 1 100%; 
    max-width: 100%;
  }
  .trade-in-offer-div h1{
    font-size: 40px;
  }
  #trade-in-offer-header-img .octagon-shape-inner img{
    height: 300px;
    object-fit: cover;
  }
  .div-title{
    margin: 0;
    text-align: center;
    width: 100%;
  }
  .div-title h2{
    clip-path: none;
    font-size: 30px;
    padding: 16px 0;
  }
  .div-content span{
    margin: 0 14px;
    font-size: 24px;
    margin-bottom: 28px;
  }
  .div-content span img{
    width: 40px;
  }
  .octagon-shape-inner .div-content.tandc span{
    font-size: 14px;
    margin-bottom: 8px;
  }
  .trade-in-offer-div h2{
    font-size: 40px;
    margin-bottom: 80px;
  }
}