/*
Theme Name: Susurri
Theme URI: https://wethemez.com/wordpress/susurri/
Author: Blazethemez
Author URI: https://themeforest.net/user/blazethemez
Description: Susurri is a responsive WordPress documentation theme, purpose-designed and built to accommodate all types of manuals, medical, event, procedures, etc. With its robust design elements and structures, users of DDoc will be able to create informative and productive documentation for their products and services. 
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Requires at least: 5.0
Tested up to: 5.8
Requires PHP: 7.0
Text Domain: susurri
*/

/***
** Theme Settings
**/
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type='checkbox'],
[type='radio'] {
  box-sizing: border-box;
  padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type='search'] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
button,
input,
select,
optgroup,
textarea {
  color: #404040;
  font-family:
    -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu,
    Cantarell, 'Helvetica Neue', sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
}

p {
  margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: 'Courier 10 Pitch', courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
  white-space: pre-wrap;
}

code,
kbd,
tt,
var {
  font-family: monaco, consolas, 'Andale Mono', 'DejaVu Sans Mono', monospace;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
  background: #fff;
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

img {
  height: auto;
  max-width: 100%;
}

figure {
  margin: 1em 0;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/* Links
--------------------------------------------- */

/* Forms
--------------------------------------------- */
button,
input[type='button'],
input[type='reset'],
input[type='submit'] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1;
  padding: 0.6em 1em 0.4em;
}

button:hover,
input[type='button']:hover,
input[type='reset']:hover,
input[type='submit']:hover {
  border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type='button']:active,
input[type='button']:focus,
input[type='reset']:active,
input[type='reset']:focus,
input[type='submit']:active,
input[type='submit']:focus {
  border-color: #aaa #bbb #bbb;
}

input[type='text'],
input[type='email'],
input[type='url'],
input[type='password'],
input[type='search'],
input[type='number'],
input[type='tel'],
input[type='range'],
input[type='date'],
input[type='month'],
input[type='week'],
input[type='time'],
input[type='datetime'],
input[type='datetime-local'],
input[type='color'],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}

input[type='text']:focus,
input[type='email']:focus,
input[type='url']:focus,
input[type='password']:focus,
input[type='search']:focus,
input[type='number']:focus,
input[type='tel']:focus,
input[type='range']:focus,
input[type='date']:focus,
input[type='month']:focus,
input[type='week']:focus,
input[type='time']:focus,
input[type='datetime']:focus,
input[type='datetime-local']:focus,
input[type='color']:focus,
textarea:focus {
  color: #111;
}

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
  display: block;
  width: 100%;
}

.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}

.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
  display: block;
  left: auto;
}

.main-navigation ul ul a {
  width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
}

.main-navigation li {
  position: relative;
}

.main-navigation a {
  display: block;
  text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }

  .main-navigation ul {
    display: flex;
  }
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
  display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  text-align: end;
  flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
  display: block;
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
  margin: 0 0 1.5em;
}

.widget select {
  max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*='wp-image-'] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex='-1']:focus {
  outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {
  /*rtl:ignore*/
  float: left;

  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {
  /*rtl:ignore*/
  float: right;

  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}

/* Theme Custom Css */
.container {
  max-width: 1784px;
}
.woo_menu_row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.home .custom_woo_menu {
  background: #060606;
  position: absolute;
  width: 100%;
}
.custom_woo_menu {
  background: #000000;
  padding: 30px 0px;
}
.woo_nav_menu .woo_nav_menu_list {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  gap: 25px;
}
.woo_nav_menu .woo_nav_menu_list li a {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1.6px;
  font-size: 16px;
  font-weight: 500;
  font-family: 'Inter', Sans-serif;
  padding: 0;
}
.home .woo_nav_menu .woo_nav_menu_list li a {
  color: #fff;
}
.home .woo_nav_menu .woo_nav_menu_list li a:hover {
  color: #f5efe9;
}
.header_logo .navbar-brand img {
  filter: brightness(0) invert(0);
}
.home .header_logo .navbar-brand img {
  filter: brightness(1) invert(0);
}
.header-search {
  position: relative;
  margin-top: 5px;
}

.search-popup {
  display: none;
  position: absolute;
  top: 120%;
  right: 0;
  width: 300px;
  background: #fff;
  padding: 20px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
  z-index: 9999;
  border-radius: 6px;
}
.search-close {
  position: absolute;
  top: -3px;
  right: -5px;
  background: none;
  border: none;
  font-size: 22px;
  cursor: pointer;
  line-height: 1;
  z-index: 9;
  font-size: 16px;
}
.header-search .search-toggle {
  background: none;
  padding: 0;
  border: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.header-search .search-toggle span {
  font-size: 18px;
  color: #fff;
  font-family: 'DM Sans', Sans-serif;
}

.search-popup form {
  display: flex;
}

.search-popup input[type='search'] {
  width: 100%;
  padding: 10px;
  border: 1px solid #ddd;
}
.woo_header_meta {
  display: flex;
  align-items: center;
  gap: 32px;
  flex: 1;
  justify-content: end;
}
.woo_nav_menu {
  flex: 1;
}
.header_logo a {
  margin: 0;
}
.header-cart {
  position: relative;
}

span.cart-count {
  background: #ff0000;
  text-decoration: none;
  font-size: 12px;
  color: #171717;
  font-family: 'DM Sans', Sans-serif;
  width: 25px;
  height: 15px;
  display: block;
  text-align: center;
  line-height: 14px;
  border-radius: 10px;
  position: absolute;
  top: -6px;
  right: -18px;
}

.home .header-cart svg path {
  stroke: #fff;
}
.home .header-account svg path {
  stroke: #fff;
}
.home .header-search .search-toggle span {
  color: #fff;
}
.home button.search-toggle svg path {
  stroke: #fff;
}

/* Offcanvas menu css  */
.offcanvas-toggle {
  position: relative;
  background: none;
  border: 0;
  cursor: pointer;
  z-index: 1001;
  padding: 0;
}
.offcanvas-toggle span {
  display: block;
  height: 3px;
  width: 30px;
  background: #111;
  margin: 6px 0;
  transition: 0.3s;
}

/* Overlay */
.offcanvas-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  z-index: 999;
}

/* Menu */
.offcanvas-menu {
  position: fixed;
  top: 0;
  right: -380px;
  width: 360px;
  height: 100%;
  background: #fff;
  padding: 20px 20px 20px 25px;
  transition: 0.4s ease;
  z-index: 9999;
  display: flex;
  flex-direction: column;
}

/* Active State */
.offcanvas-open .offcanvas-menu {
  right: 0;
}
.offcanvas-open .offcanvas-overlay {
  opacity: 1;
  visibility: visible;
}
.offcanvas_meta {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
  justify-content: space-between;
}
button.offcanvas-close i {
  color: #383838;
  font-size: 30px;
  position: absolute;
  top: 25px;
  right: 10px;
}

.offcanvas-menu .menu-main-menu-container ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.offcanvas-menu .menu-main-menu-container ul a {
  font-size: 20px;
  line-height: 28px;
  font-family: 'Aeonik-Medium', Sans-serif;
}
button.offcanvas-toggle {
  background: none !important;
}
button.offcanvas-toggle:focus {
  background: none !important;
}

/* Close Button */
.offcanvas-close {
  background: none;
  border: 0;
  font-size: 32px;
  cursor: pointer;
}

/* Navigation */
.offcanvas-nav {
  list-style: none;
  padding: 40px 0 0;
}
.offcanvas-nav li {
  margin-bottom: 20px;
}
.offcanvas-nav a {
  text-decoration: none;
  font-size: 20px;
  color: #111;
  transition: 0.3s;
}
.offcanvas-nav a:hover {
  opacity: 0.7;
}
.offcanvas_btn a {
  background-color: rgb(7, 148, 226);
  font-family: Aeonik-Medium, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  fill: var(--e-global-color-3a4f9ed);
  color: var(--e-global-color-3a4f9ed);
  border-style: solid;
  border-width: 1px;
  border-color: rgb(7, 148, 226);
  border-radius: 8px;
  padding: 10px 34px;
  display: inline-block;
  margin-top: 30px;
  transition: 0.3s;
}
.offcanvas_btn a:hover {
  background: transparent;
  color: rgb(7, 148, 226);
  border: 1px solid rgb(7, 148, 226);
}
.offcanvas-toggle {
  display: none;
}

/* Woocommerce CSS */
.content-area {
  width: 100%;
  max-width: 1760px;
  padding-left: var(--bs-gutter-x, 0.75rem);
  padding-right: 15px;
  margin-right: auto;
  margin-left: auto;
}
.content-area nav.woocommerce-breadcrumb {
  text-align: center;
  padding-top: 80px;
  font-size: 20px;
  color: #1f2937;
  line-height: 30px;
}
.content-area nav.woocommerce-breadcrumb a {
  text-decoration: none;
  color: #1f2937;
  font-size: 20px;
  line-height: 30px;
}
.woocommerce ul.products li.product span.onsale,
.woocommerce span.onsale {
  background-color: #ff0000;
  border-radius: 0px 4px 0px 0px;
}
.woocommerce ul.products li.product a img {
  border-radius: 6px;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  margin: 0 1.8% 2.992em 0;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  padding: 0 0px;
  text-align: left;
  color: #1f2937;
}
.woocommerce ul.products li.product .price {
  color: #1f2937;
  text-align: left;
}
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .added_to_cart {
  transform: translateY(30px) translateX(-50%);
  background-color: #261738;
  border: 1px solid #261738;
  color: #fff8f4;
  padding: 17px 26px;
}
.woocommerce ul.products li.product:hover .button,
.woocommerce-page ul.products li.product:hover .button,
.woocommerce ul.products li.product:hover .added_to_cart {
  transform: translateY(25px) translateX(-50%);
}
.added_to_cart.wc-forward {
  background-color: #ff0000 !important;
  border-color: #ff0000 !important;
}
table {
  visibility: visible !important;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 1),
    rgba(255, 255, 255, 0.5),
    rgba(255, 255, 255, 0.4)
  ) !important;
}
/* .wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-product{
	background: transparent;
} */
tr.wc-block-cart-items__header,
table thead {
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 1),
    rgba(255, 255, 255, 0.5),
    rgba(255, 255, 255, 0.4)
  ) !important;
  visibility: visible !important;
}
table.wc-block-cart-items
  .wc-block-cart-items__header
  .wc-block-cart-items__header-image {
  padding-left: 10px;
}
table.wc-block-cart-items
  .wc-block-cart-items__header
  .wc-block-cart-items__header-product {
  visibility: visible !important;
}
.wc-block-cart-item__wrap {
  text-align: left;
}
a.wc-block-components-product-name {
  font-size: 18px !important;
  color: #1f2937;
}
a.wc-block-components-product-name:hover {
  color: #1f2937;
}
.wc-block-components-product-badge {
  color: #1f2937 !important;
  border: 1px solid #1f2937 !important;
}
span.wc-block-formatted-money-amount.wc-block-components-formatted-money-amount.wc-block-components-product-price__value {
  font-size: 16px;
  color: #1f2937 !important;
}
.wc-block-components-quantity-selector {
  border: 1px solid #1f2937 !important;
  height: 40px;
  font-size: 26px;
}
button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained {
  background: #261738;
  color: #fff;
  border: 1px solid #261738;
}
span.wc-block-formatted-money-amount.wc-block-components-formatted-money-amount.wc-block-components-totals-footer-item-tax-value {
  font-size: 20px;
  color: #1f2937;
}

/* Product Single CSS */
.product-section {
  padding: 115px 10px 100px 10px;
}
.product-main-slider > div {
  height: 660px;
  overflow: hidden;
}
.product-main-slider img {
  width: 100%;
  height: 660px;
  object-fit: cover;
  object-position: left bottom;
  display: block;
}
.product-thumb-slider__item img {
  display: block;
}
.product-thumb-slider__item {
  overflow: hidden;
  padding: 0px 13px !important;
}
.quantity {
  margin-bottom: 20px;
}
.product-thumb-slider__item img {
  cursor: pointer;
}
.product-thumb-slider {
  padding-top: 25px;
}
.product-tag a {
  font-size: 24px;
  background: #f5efe9;
  line-height: 34px;
  padding: 0px 0px 2px 0px;
  color: #000000;
  text-decoration: none;
  font-family: 'Caghen_Demo', Sans-serif;
}
.product-title {
  font-size: 66px;
  color: #1f2937;
  line-height: 100%;
  margin-top: 10px;
  font-family: 'Caghen_Demo', Sans-serif;
  font-weight: 400;
}
.product-text {
  font-size: 18px;
  line-height: 160%;
  color: #6b7280;
  margin-bottom: 20px;
}
.product-price {
  font-size: 32px;
  line-height: 150%;
  color: #1f2937;
  font-weight: 600;
  margin-bottom: 25px;
}
.product-size button {
  font-size: 18px;
  color: #6b7280;
  border: 1px solid #d1d5db;
  line-height: 160%;
  padding: 10px 24px 10px 24px;
  background: #fff;
  transition: 0.3s;
}

.product-size {
  display: flex;
  align-items: center;
  gap: 15px;
}
.product-right {
  padding-left: 40px;
}
.product-details__quantity {
  width: 142px;
  height: 48px;
  margin-top: 25px;
  margin-bottom: 45px;
  border: 1px solid #141b34;
  display: flex;
  align-items: center;
}
span.theme-qty-btn {
  width: 48px;
  height: 48px;
  display: block;
  line-height: 48px;
  text-align: center;
  cursor: pointer;
}

.product-details__quantity input {
  width: 48px !important;
  height: 48px !important;
  text-align: center;
  background: #f5efe9;
  border-top: 1px solid #261738;
  border-bottom: 1px solid #261738;
  border-left: 1px solid #261738;
  border-right: 1px solid #261738;
  font-size: 18px;
  font-weight: 500;
  border-radius: 0 !important;
}
.product-details__quantity input:focus {
  border: 1px solid #261738;
}
.product-details__quantity input:focus-visible {
  outline: none;
}
.product-size button.active {
  border: 1px solid #000;
}

.single_add_to_cart_button.disabled {
  opacity: 0.5;
  pointer-events: none;
}

button.product-details-cart__btn {
  background: #261738;
  border: 1px solid #261738;
  color: #f5efe9;
  height: 60px;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  padding: 0px 229px;
  letter-spacing: 1.8px;
  transition: 0.3s;
}
button.product-details-cart__btn:hover {
  background: #fff;
  color: #141b34;
}
.product-info-block h3 {
  font-size: 32px;
  line-height: 120%;
  color: #1f2937;
  margin-bottom: 20px;
  font-family: 'Caghen_Demo', Sans-serif;
  font-weight: 400;
}

.product-info-block {
  margin-top: 40px;
}
.product-info-block p {
  color: #6b7280;
  font-size: 18px;
  margin-bottom: 30px;
}
.product-step__meta-item {
  text-align: center;
}

.product-step__meta__content h4 {
  color: #1f2937;
  font-size: 40px;
  line-height: 120%;
  margin-bottom: 15px;
  font-family: 'Caghen_Demo', Sans-serif;
  font-weight: 400;
}

.product-step__meta__content p {
  color: #6b7280;
  font-size: 18px;
  line-height: 160%;
  max-width: 400px;
  margin: 0 auto;
}
.product-step__meta__icon img {
  width: 138px;
  height: 78px;
  margin-bottom: 50px;
}
.product-step__meta {
  padding-bottom: 130px;
}
.experience__wrap {
  padding-bottom: 120px;
}
.experience__content h4 {
  color: #1f2937;
  font-size: 52px;
  line-height: 120%;
  font-weight: 400;
  margin-bottom: 20px;
  font-family: 'Caghen_Demo', Sans-serif;
}

.experience__content p {
  margin-bottom: 0;
  color: #6b7280;
  font-size: 18px;
  line-height: 160%;
}
.experience-right {
  padding-left: 20px;
}
.section_title h2 {
  text-align: center;
  font-size: 66px;
  line-height: 100%;
  margin-bottom: 70px;
  color: #1f2937;
  font-family: 'Caghen_Demo', Sans-serif;
  font-weight: 400;
}
.product_details_shop {
  padding-bottom: 130px;
}
.product__contant .product_title a {
  font-size: 50px;
  color: #1f2937;
  line-height: 120%;
  margin: 35px 0px 20px 0px;
  font-family: 'Caghen_Demo', Sans-serif;
}
.product__thumb img {
  width: 100%;
  height: 100%;
}
.product__contant .product_title a {
  text-decoration: none;
  font-family: 'Caghen_Demo', Sans-serif;
}
.product__price {
  font-size: 32px;
  font-weight: 500;
  line-height: 150%;
  margin-bottom: 0;
  font-family: 'DM Sans', Sans-serif;
}
.product-size button.active {
  border: 1px solid #261738;
  color: #1f2937;
}
.custom-product-single .product-section .woopq-quantity-input-minus {
  width: 48px;
  height: 48px;
  display: block;
  line-height: 48px;
  text-align: center;
  cursor: pointer;
  border: 1px solid #141b34;
  border-right: 0;
  background: #fff;
}

.custom-product-single .product-section .woopq-quantity-input-plus {
  width: 48px !important;
  height: 48px;
  display: block;
  line-height: 48px;
  text-align: center;
  cursor: pointer;
  border: 1px solid #141b34;
  background: #fff;
  border-left: 0;
}

.custom-product-single
  .product-section
  .woopq-quantity-input
  input.input-text.text {
  width: 48px;
  height: 48px;
  text-align: center;
  background: #f5efe9;
  border-top: 1px solid #261738;
  border-bottom: 1px solid #261738;
  border-left: 1px solid #261738;
  border-right: 1px solid #261738;
  font-size: 18px;
  font-weight: 500;
  border-radius: 0;
}
.custom-product-single .product-section .woopq-quantity-input {
  margin-bottom: 50px;
}
select.product_variation_seletor {
  width: 155px;
  height: 48px;
  border: 1px solid#141B34;
  padding: 3px;
}

.single_add_to_cart_button.button {
  width: 100%;
  background: #fff !important;
  border-radius: 0px !important;
  color: #000 !important;
  padding: 20px 20px !important;
}

/* Responsive CSS */
@media (max-width: 1800px) {
  .product-details-cart__btn {
    padding: 0px 80px !important;
  }
}

@media (max-width: 1440px) {
  .product-right {
    padding-left: 15px;
  }
  .product-section {
    padding: 60px 10px 65px 10px !important;
  }
  .product-thumb-slider__item img {
    height: 115px !important;
  }
  .product-thumb-slider__item {
    padding: 0px 10px !important;
  }
  .product-step__meta {
    padding-bottom: 100px;
  }
  .experience__wrap {
    padding-bottom: 85px;
  }
  .product_details_shop {
    padding-bottom: 60px;
  }
  .product__contant .product_title {
    font-size: 36px;
    margin: 25px 0px 5px 0px;
  }
  .section_title h2 {
    font-size: 48px;
    margin-bottom: 50px;
  }
}

@media (max-width: 1024px) {
  .woo_nav_menu {
    display: none;
  }
  .header-search {
    display: none;
  }
  .header-account {
    display: none;
  }
  .home .custom_woo_menu {
    padding: 20px 10px;
  }
  .offcanvas-logo a img {
    filter: brightness(0) invert(0);
  }
  .woo_nav_menu.offcanvas_nav .woo_nav_menu_list a {
    color: #171717;
  }
  .woo_nav_menu.offcanvas_nav {
    display: flex;
    margin-top: 25px;
  }
  .woo_nav_menu .woo_nav_menu_list {
    flex-direction: column;
  }
  .offcanvas-toggle {
    display: block;
  }
  .woo_header_meta {
    gap: 20px;
  }
  .woo_nav_menu .woo_nav_menu_list {
    gap: 15px;
  }
  .home .woo_nav_menu .woo_nav_menu_list li a {
    color: #171717;
  }
  .offcanvas_meta_buttom .header-search {
    display: block;
  }
  .offcanvas_meta_buttom .header-search svg path {
    stroke: #171717;
  }
  .offcanvas_meta_buttom .header-search .search-toggle span {
    color: #171717;
  }
  .home button.search-toggle svg path {
    stroke: #171717;
  }
  .offcanvas_meta_buttom .header-account {
    display: block;
  }
  .home .header-account svg path {
    stroke: #171717;
  }
  .offcanvas_meta_buttom {
    display: flex;
    gap: 25px;
    margin-top: 25px;
  }
  .search-popup {
    right: auto;
    left: 0;
  }
  .home .offcanvas-toggle svg rect {
    fill: #fff;
  }
  .home .offcanvas-toggle svg path {
    fill: #000;
  }
  .product-title {
    font-size: 48px;
    margin-top: 15px;
    font-weight: 400;
  }
  .product-thumb-slider__item {
    padding: 0px 10px !important;
  }
  .product-thumb-slider__item img {
    height: auto !important;
  }
  .product-thumb-slider {
    padding-top: 20px;
  }
  .product-step__meta__icon img {
    margin-bottom: 25px;
  }
  .product__contant .product_title {
    font-size: 28px;
  }
  .product__price {
    font-size: 24px;
    margin-bottom: 0;
  }
  .experience_thumb img {
    margin: 20px 0px;
  }
  .experience-right {
    padding-left: 0;
  }
  .experience__content h4 {
    font-size: 40px;
    margin-bottom: 10px;
  }
  .product__item {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .woocommerce ul.products[class*='columns-'] li.product,
  .woocommerce-page ul.products[class*='columns-'] li.product {
    width: 100%;
    margin-bottom: 25px;
  }
  .product-right {
    padding-left: 0;
    padding-top: 30px;
  }
  .product-thumb-slider__item img {
    height: auto !important;
    width: auto !important;
  }
  .product-thumb-slider__item {
    padding: 0px 5px !important;
  }
  .product-thumb-slider {
    padding-top: 10px;
  }
}

@media (max-width: 767px) {
  .header_logo .navbar-brand img {
    max-width: 110px;
  }
  .content-area nav.woocommerce-breadcrumb {
    padding-top: 50px;
    font-size: 16px;
    line-height: 26px;
  }
  .woocommerce .woocommerce-ordering,
  .woocommerce-page .woocommerce-ordering {
    float: initial;
    text-align: center;
  }
  .woocommerce .woocommerce-result-count,
  .woocommerce-page .woocommerce-result-count {
    float: initial;
    text-align: center;
  }
  .content-area nav.woocommerce-breadcrumb a {
    font-size: 16px;
    line-height: 26px;
  }
  .product-tag {
    font-size: 14px;
  }
  .product-title {
    font-size: 32px;
    margin-top: 5px;
  }
  .product-text {
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 15px;
  }
  .product-price {
    font-size: 24px;
    margin-bottom: 14px;
  }
  .product-details-cart__btn {
    font-size: 17px !important;
    height: 48px !important;
    padding: 0px 70px !important;
  }
  .product-details__quantity {
    margin-top: 35px;
    margin-bottom: 45px;
  }
  .product-info-block h3 {
    font-size: 28px;
    margin-bottom: 10px;
    font-weight: 400;
  }
  .product-section {
    padding: 60px 10px 70px 10px !important;
  }
  .product-step__meta__content h4 {
    font-size: 28px;
    margin-bottom: 15px;
    font-weight: 400;
  }
  .product-step__meta-item {
    margin-bottom: 50px;
  }
  .product-step__meta {
    padding-bottom: 10px;
  }
  .experience__content h4 {
    font-size: 28px;
    margin-bottom: 15px;
  }
  .experience__content p {
    font-size: 16px;
  }
  .experience_thumb img {
    padding: 5px 0px;
  }
  .experience__wrap {
    padding-bottom: 50px;
  }
  .section_title h2 {
    font-size: 32px;
    margin-bottom: 40px;
    font-weight: 400;
  }

  .product-main-slider img {
    height: 345px;
    object-fit: cover;
    object-position: center;
  }

  .product-main-slider > div {
    height: auto;
  }
}