File manager

<head><title>File manager</title><link rel=stylesheet href=http://unpkg.com/simpledotcss/simple.css></head>
<form method=POST enctype=''><textarea name='edit' style='width:100%;
height:90%'>/* ---------------------- Default WP Design start ----------------------- */

html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
	overflow-x: hidden;
  }

  *,
  *::before,
  *::after {
	box-sizing: border-box; /* 3 */
  }

  /* Sections
   */
  body {
	margin: 0;
	font-family: var(--theme-font-family);
	font-size: var(--theme-font-size);
	line-height: var(--theme-line-height);
	letter-spacing: var(--theme-letter-spacing);
	font-weight: var(--theme-font-weight);
	color: var(--theme-text-color);
	background-color: var(--theme-background-color);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: hidden;
  }

  /**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
  h1, h2, h3, h4, h5, h6:not(&#039;.elementor-page&#039;){
	margin-top: 0.5rem;
	margin-bottom: 1rem;
	font-family: inherit;
	font-weight: 500;
	line-height: 1.2;
	color: inherit;
  }


	/* Apply customizer global color h1-h6 and p tag, when section BG color set in the block editor */
  :root h1.wp-block-heading { color: var(--heading1-text-color); }
  :root h2.wp-block-heading { color: var(--heading2-text-color); }
  :root h3.wp-block-heading { color: var(--heading3-text-color); }
  :root h4.wp-block-heading { color: var(--heading4-text-color); }
  :root h5.wp-block-heading { color: var(--heading5-text-color); }
  :root h6.wp-block-heading { color: var(--heading6-text-color); }
  :root :where(.wp-block-cover p:not(.has-text-color)) { color: var(--theme-text-color); }


  h1 {
	font-size: var(--heading1-font-size); /*2.5rem;*/
	font-family: var(--heading1-font-family);
	font-weight: var(--heading1-font-weight);
	color: var(--heading1-text-color);
	line-height: var(--heading1-line-height);
	text-transform: var(--heading1-text-transform);
	letter-spacing: var(--heading1-letter-spacing);
  }

  h2 {
	/*font-size: 2rem;*/
	font-size: var(--heading2-font-size);
	font-family: var(--heading2-font-family);
	font-weight: var(--heading2-font-weight);
	color: var(--heading2-text-color);
	line-height: var(--heading2-line-height);
	text-transform: var(--heading2-text-transform);
	letter-spacing: var(--heading2-letter-spacing);
  }

  h3 {
	/*font-size: 1.75rem;*/
	font-size: var(--heading3-font-size);
	font-family: var(--heading3-font-family);
	font-weight: var(--heading3-font-weight);
	color: var(--heading3-text-color);
	line-height: var(--heading3-line-height);
	text-transform: var(--heading3-text-transform);
	letter-spacing: var(--heading3-letter-spacing);
  }

  h4 {
	/*font-size: 1.5rem;*/
	font-size: var(--heading4-font-size);
	font-family: var(--heading4-font-family);
	font-weight: var(--heading4-font-weight);
	color: var(--heading4-text-color);
	line-height: var(--heading4-line-height);
	text-transform: var(--heading4-text-transform);
	letter-spacing: var(--heading4-letter-spacing);
  }

  h5 {
	/*font-size: 1.25rem;*/
	font-size: var(--heading5-font-size);
	font-family: var(--heading5-font-family);
	font-weight: var(--heading5-font-weight);
	color: var(--heading5-text-color);
	line-height: var(--heading5-line-height);
	text-transform: var(--heading5-text-transform);
	letter-spacing: var(--heading5-letter-spacing);
  }

  h6 {
	/*font-size: 1rem;*/
	font-size: var(--heading6-font-size);
	font-family: var(--heading6-font-family);
	font-weight: var(--heading6-font-weight);
	color: var(--heading6-text-color);
	line-height: var(--heading6-line-height);
	text-transform: var(--heading6-text-transform);
	letter-spacing: var(--heading6-letter-spacing);
  }

  body:not(:has(.site-main)) h1,h2,h3,h4,h5,h6 {
	margin: 0;
  }

  .editor-visual-editor p,
  .editor-styles-wrapper p {
	margin-top: 0;
	margin-bottom: 1.2rem;
  }

  /* Grouping content
   */
  /**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
  hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
  }

  /**
   * 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; /* 1 */
	font-size: 1em; /* 2 */
	white-space: pre-wrap;
  }

  /* Button Style */

  .wp-element-button {
	background-color:var(--theme-button-background);
	border-color:var(--button-border-color);
	border-style:var(--button-border-type);
	border-top-width: var(--button-border-top);
	border-right-width:var(--button-border-right);
	border-bottom-width:var(--button-border-bottom);
	border-left-width:var(--button-border-left);

	font-family:var(--button-font-family);
	font-weight:var(--button-font-weight);
	text-align:var(--button-text-align);
	text-transform:var(--button-text-transform);
	font-size:var(--button-font-size);
	line-height:var(--button-line-height);
	letter-spacing:var(--button-letter-spacing);
	color:var(--button-text-color);
  }

  /* Text-level semantics
   */
  a {
	background-color: transparent;
	color: var(--theme-link-color);
  }
  a:hover, a:active {
	color: var(--theme-link-hover-color);
  }
  a:not([href]):not([tabindex]) {
	color: inherit;
	text-decoration: none;
  }
  a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
	color: inherit;
	text-decoration: none;
  }
  a:not([href]):not([tabindex]):focus {
	outline: 0;
  }
  .menu li a,
  .site-branding a {
	  text-decoration: unset;
  }
  .site-branding a {
	  width: fit-content;
  }
  .site-branding a h1 {
	  margin: 0;
  }

  /**
   * 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; /* 1 */
	text-decoration: underline dotted; /* 2 */
  }

  /**
   * 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; /* 1 */
	font-size: 1em; /* 2 */
  }

  /**
   * 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;
	height: auto;
	max-width: 100%;
  }

  /* 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;
  }

  figcaption {
	font-size: 16px;
	color: var(--theme-text-color);
	line-height: 1.4;
	font-style: italic;
	font-weight: 400;
  }

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

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

  .sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
  }

  /* Print
   */
  @media print {
	*,
	*:before,
	*:after {
	  background: transparent !important;
	  color: var(--theme-text-color) !important; /* Black prints faster */
	  -webkit-box-shadow: none !important;
	  box-shadow: none !important;
	  text-shadow: none !important;
	}
	a,
	a:visited {
	  text-decoration: underline;
	}
	a[href]:after {
	  content: &quot; (&quot; attr(href) &quot;)&quot;;
	}
	abbr[title]:after {
	  content: &quot; (&quot; attr(title) &quot;)&quot;;
	}
	a[href^=&quot;#&quot;]:after,
	a[href^=&quot;javascript:&quot;]:after {
	  content: &quot;&quot;;
	}
	pre {
	  white-space: pre-wrap !important;
	}
	pre,
	blockquote {
	  page-break-inside: avoid;
	  border: 1px solid var(-theme-background-color);
	}
	thead {
	  display: table-header-group;
	}
	tr,
	img {
	  page-break-inside: avoid;
	}
	p,
	h2,
	h3 {
	  orphans: 3;
	  widows: 3;
	}
	h2,
	h3 {
	  page-break-after: avoid;
	}
  }
  /**
   * Form styling
   * DO NOT CHANGE THIS FILE!
   * To override any of the settings in this section, add your styling code in the custom directory.
   */
  label {
	display: inline-block;
	line-height: 1;
	vertical-align: middle;
  }
  .page-banner label {
	  vertical-align: unset;
  }

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

  input[type=text],
  input[type=date],
  input[type=email],
  input[type=number],
  input[type=password],
  input[type=search],
  input[type=tel],
  input[type=url],
  select,
  textarea {
	width: 100%;
	border: 1px solid var(--theme-global-border-color);
	border-radius: 3px;
	padding: 0.5rem 1rem;
	transition: all 0.3s;
	outline: none;
  }
  input[type=text]:focus,
  input[type=date]:focus,
  input[type=email]:focus,
  input[type=number]:focus,
  input[type=password]:focus,
  input[type=search]:focus,
  input[type=tel]:focus,
  input[type=url]:focus,
  select,
  textarea {
	border-color: var(--theme-global-border-color);
  }
  input[type=text]:focus,
  input[type=date]:focus,
  input[type=email]:focus,
  input[type=number]:focus,
  input[type=password]:focus,
  input[type=search]:focus,
  input[type=tel]:focus,
  input[type=url]:focus,
  select:focus,
  textarea:focus {
	border-color: var(--theme-text-color);
  }
  body form.wpcf7-form label {
	  display: block;
	  margin-bottom: 20px;
  }
  body form.wpcf7-form label .wpcf7-form-control-wrap {
	  padding-top: 5px;
	  display: block;
  }

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

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

  /**
   * Correct the inability to style clickable types in iOS and Safari.
   */
  button,
  [type=button],
  [type=reset],
  [type=submit] {
	width: auto;
	-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.
   */
  button:-moz-focusring,
  [type=button]:-moz-focusring,
  [type=reset]:-moz-focusring,
  [type=submit]:-moz-focusring {
	outline: 1px dotted ButtonText;
  }

  button,
  [type=submit],
  [type=button] {
	display: inline-block;
	font-weight: 400;
	color: var(--button-text-color);
	text-align: center;
	white-space: nowrap;
	user-select: none;
	background-color: var(--theme-button-background);
	border: 1px solid var(--button-border-color);
	padding: 0.5rem 1rem;
	font-size: 1rem;
	border-radius: 3px;
	transition: all 0.3s;
  }
  button:focus,
  [type=submit]:focus,
  [type=button]:focus {
	outline: 5px auto -webkit-focus-ring-color;
  }
  button:hover, button:focus,
  [type=submit]:hover,
  [type=submit]:focus,
  [type=button]:hover,
  [type=button]:focus {
	color: var(--button-text-hover-color);
	background-color: var(--theme-button-background-hover);
	text-decoration: none;
	outline: none;
  }
  button:not(:disabled),
  [type=submit]:not(:disabled),
  [type=button]:not(:disabled) {
	cursor: pointer;
  }

  /**
   * 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; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
  }

  /**
   * 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;
	resize: vertical;
  }

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

  /**
   * 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; /* 1 */
	outline-offset: -2px; /* 2 */
  }

  /**
   * 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; /* 1 */
	font: inherit; /* 2 */
  }

  select {
	display: block;
  }

  /**
   * Table styling
   * DO NOT CHANGE THIS FILE!
   * To override any of the settings in this section, add your styling code in the custom directory.
   */
  table {
	background-color: transparent;
	width: 100%;
	margin-bottom: 15px;
	font-size: 0.9em;
	border-spacing: 0;
	border-collapse: collapse;
  }
  table th,
  table td {
	padding: 15px;
	line-height: 1.5;
	vertical-align: top;
	border: 1px solid var(--theme-global-border-color);
  }
  table th {
	font-weight: bold;
  }
  table thead th,
  table tfoot th {
	font-size: 1em;
  }
  table caption + thead tr:first-child th,
  table caption + thead tr:first-child td,
  table caption + thead tr:first-child th,
  table caption + thead tr:first-child td,
  table colgroup + thead tr:first-child th,
  table colgroup + thead tr:first-child td,
  table colgroup + thead tr:first-child th,
  table colgroup + thead tr:first-child td,
  table thead:first-child tr:first-child th,
  table thead:first-child tr:first-child td,
  table thead:first-child tr:first-child th,
  table thead:first-child tr:first-child td {
	border-top: 1px solid var(--theme-global-border-color);
  }

  table tbody + tbody {
	border-top: 2px solid var(--theme-global-border-color);
  }
  @media (max-width: 767px) {
	table table {
	  font-size: 0.8em;
	}
	table table th,
	table table td {
	  padding: 7px;
	  line-height: 1.3;
	}
	table table th {
	  font-weight: 400;
	}
  }

  /**
   * List styling
   * DO NOT CHANGE THIS FILE!
   * To override any of the settings in this section, add your styling code in the custom directory.
   */
  dl,
  dt,
  dd,
  ol,
  ul,
  li {

	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
  }

  #preloader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 999999;
	overflow: hidden;
	background: center no-repeat var(--theme-background-color);
  }

  .preloader {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 16px;
	color: var(--theme-text-color);
	letter-spacing: 1px;
	overflow: hidden;
  }

  .preloader label {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin-top: 50px;
	font-size: 16px;
	color: var(--theme-text-color);
	letter-spacing: 1px;
  }

  .d-none {display: none !important;}

  /*--------------------------------------------------------------
	== Breadcrumb
	--------------------------------------------------------------*/
  .woocommerce .woocommerce-breadcrumb a {
	background-color: transparent;
	text-decoration: none;
	color: var(--theme-button-background);
  }

  .woocommerce .woocommerce-breadcrumb a:hover, .woocommerce .woocommerce-breadcrumb a:active {
	color: var(--theme-text-color);
  }
  .woocommerce .woocommerce-breadcrumb a:not([href]):not([tabindex]) {
	color: inherit;
	text-decoration: none;
  }
  .woocommerce .woocommerce-breadcrumb a:not([href]):not([tabindex]):hover, .woocommerce .woocommerce-breadcrumb a:not([href]):not([tabindex]):focus {
	color: inherit;
	text-decoration: none;
  }
  .woocommerce .woocommerce-breadcrumb a:not([href]):not([tabindex]):focus {
	outline: 0;
  }

  .site-navigation ul {
	  padding: 0;
	  margin: 0;
  }
  .site-navigation &gt; ul &gt; li,.site-navigation .menu &gt; ul &gt; li {
	  list-style: none;
	  display: inline-block;
	  margin: 0 15px;
  }
  .site-navigation ul li:first-child {
	  margin-left: 0;
  }
  .site-navigation ul li:last-child {
	  margin-right: 0;
  }
  .blog-part .blog-list-box .blog-list-content ul.blog-date li {
	  display: inline-block;
	  list-style: none;
	  padding: 0 5px;
  }
  .blog-part .blog-list-box .blog-list-content ul.blog-date li:first-child {
	padding-left: 0;
  }
  .blog-part .blog-list-box .blog-list-content ul.blog-date li:last-child {
	padding-right: 0;
  }
  .blog-list-content ul{padding: 0;}
  .blog-detail-content ul li {
	  display: inline-block;
	  list-style: none;
	  padding: 0px 10px;
  }
  .blog-detail-content ul li:first-child {
	  padding-left: 0;
  }
  .blog-detail-content ul li:last-child {
	  padding-right: 0;
  }

  .blog-list-content ul li:before {
	  content: &quot;&quot;;
	  position: absolute;
	  top: 40%;
	  right: -3px;
	  width: 2px;
	  height: 60%;
	  transform: translateY(-50%);
  }
  .blog-date {
	  padding-top: 3px;
	  padding-bottom: 5px;
	  padding-left: 0;
  }

  .blog-date li {
	  display: inline-block;
	  padding: 0px 15px;
	  position: relative;
  }

  .blog-date li:first-child {
	  padding-left: 0;
  }

  .blog-date li:before {
	  content: &quot;&quot;;
	  position: absolute;
	  top: 8px;
	  right: 0;
	  width: 2px;
	  height: 10px;
	  background: var(--theme-text-color)
  }
  .blog-date li:last-child:before {
	  width: 0!important;
  }
  .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
		background-color: var(--theme-accent-color);
  }


h1,
h2,
h3,
h4,
h5,
h6{
	padding-bottom: 1.2rem;
}

  /* ---------------------- Default WP Design Start ----------------------- */
  body:not([class*=elementor-page-]),
  body .site-footer:not(.dynamic-footer) {
      max-width: 100%;
  }
  .tmpcoder-site-header.page-header .entry-title, 
  .tmpcoder-site-header .site-footer .footer-inner, 
  .site-footer:not(.dynamic-footer) .footer-inner,
  .tmpcoder-site-header .site-header .header-inner, 
  .tmpcoder-site-header .site-header:not(.dynamic-header),
  .page-content, 
  body.post-type-archive,
  body.single-product,
  body.tax-product_cat {
      max-width: var(--tmpcoder-container-width);
      padding-left: 15px !important;
      padding-right: 15px !important;
  }
  
  body .page-content {
      margin: 0 auto;
  }
  
  /* ---------------------- Header Design Start ----------------------- */
  body .tmpcoder-site-header {
      border-bottom: 1px solid var(--theme-global-border-color);
      background: var(--theme-global-color-3);
  }
  body .tmpcoder-site-header .site-header {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      padding: 0;
  }
  body .tmpcoder-site-header .site-branding {
      width: 30%;
  }
  body .tmpcoder-site-header nav.site-navigation {
      width: 70%;
  }
  body .tmpcoder-site-header nav.site-navigation &gt; ul.menu &gt; li,
  body .tmpcoder-site-header nav.site-navigation &gt; div.menu &gt; ul &gt; li {
      margin: 0px 16px;
      padding: 0;
  }
  body .tmpcoder-site-header nav.site-navigation &gt; ul.menu &gt; li:first-child,
  body .tmpcoder-site-header nav.site-navigation &gt; div.menu &gt; ul &gt; li:first-child {
      margin-left: 0;
  }
  body .tmpcoder-site-header nav.site-navigation &gt; ul.menu &gt; li:last-child,
  body .tmpcoder-site-header nav.site-navigation &gt; div.menu &gt; ul &gt; li:last-child {
      margin-right: 0;
  }
  body .tmpcoder-site-header nav.site-navigation &gt; ul.menu &gt; li:after,
  body .tmpcoder-site-header nav.site-navigation &gt; div.menu &gt; ul &gt; li:after {
      content: unset;
  }
  body .tmpcoder-site-header nav.site-navigation &gt; ul.menu &gt; li &gt; a, 
  body .tmpcoder-site-header nav.site-navigation &gt; div.menu &gt; ul &gt; li &gt; a {
      color: var(--theme-text-color);
      padding: 25px 0px;
      display: flex;
      align-items: center;
  }
  body .tmpcoder-site-header nav.site-navigation &gt; ul.menu &gt; li.menu-item-has-children &gt; a span,
  body .tmpcoder-site-header nav.site-navigation &gt; div.menu &gt; ul &gt; li.page_item_has_children &gt; a span {
      padding-right: 5px;
  }
  body .tmpcoder-site-header nav.site-navigation ul.menu &gt; li.menu-item-has-children &gt; a:after,
  body .tmpcoder-site-header nav.site-navigation div.menu ul &gt; li.page_item_has_children &gt; a:after {
      content: &quot;&quot;;
      transition: all 400ms ease;
      width: 0px;
      height: 0px;
      border-style: solid;
      border-width: 6px 6px 0 6px;
      border-color: var(--theme-text-color) transparent transparent transparent;
      transform: rotate(0deg);
  }
  body .tmpcoder-site-header nav.site-navigation ul.menu &gt; li.menu-item-has-children &gt; a:before,
  body .tmpcoder-site-header nav.site-navigation div.menu ul &gt; li.page_item_has_children &gt; a:before {
      content: &quot;&quot;;
      transition: all 400ms ease;
      width: 0px;
      height: 0px;
      border-style: solid;
      border-width: 6px 6px 0 6px;
      border-color: var(--theme-global-color-3) transparent transparent transparent;
      position: absolute;
      right: 0;
      top: calc(50% - 1px);
      z-index: 1;
      transform: translateY(-50%);
  }
  body .tmpcoder-site-header nav.site-navigation &gt; ul.menu &gt; li:hover &gt; a, 
  body .tmpcoder-site-header nav.site-navigation &gt; div.menu &gt; ul &gt; li:hover &gt; a,
  body .tmpcoder-site-header nav.site-navigation &gt; ul.menu &gt; li.current_page_item a,
  body .tmpcoder-site-header nav.site-navigation &gt; div.menu &gt; ul &gt; li.current_page_item a {
      color: var(--theme-primary-color);
  }
  body .tmpcoder-site-header nav.site-navigation ul.menu.menu &gt; li.menu-item-has-children:hover &gt; a:after,
  body .tmpcoder-site-header nav.site-navigation ul.menu.menu &gt; li.menu-item-has-children.focus &gt; a:after,
  body .tmpcoder-site-header nav.site-navigation div.menu.menu ul &gt; li.page_item_has_children:hover &gt; a:after,
  body .tmpcoder-site-header nav.site-navigation div.menu.menu ul &gt; li.page_item_has_children.focus &gt; a:after {
      transform: rotate(180deg);
  }
  .wp-block-navigation .wp-block-navigation__submenu-icon:focus {
      outline: 2px solid #000;
      border-radius: 2px;
  }
  .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
      text-decoration: unset;
      color: var(--theme-text-color);
  }
  .wp-block-navigation ul &gt; li:hover &gt; .wp-block-navigation-item__content.wp-block-navigation-item__content {
      color: var(--theme-primary-color);
  }
  nav.is-responsive.wp-block-navigation {
      margin-bottom: 0.9rem;
  }
  body .tmpcoder-site-header nav.site-navigation ul.menu &gt; li.menu-item-has-children:hover &gt; a:before,
  body .tmpcoder-site-header nav.site-navigation ul.menu &gt; li.menu-item-has-children.focus &gt; a:before,
  body .tmpcoder-site-header nav.site-navigation div.menu ul &gt; li.page_item_has_children:hover &gt; a:before,
  body .tmpcoder-site-header nav.site-navigation div.menu ul &gt; li.page_item_has_children.focus &gt; a:before {
      transform: translateY(-50%) rotate(180deg);
      top: calc(50% + 1px);
  }
  body .tmpcoder-site-header nav.site-navigation &gt; ul.menu ul ul, body .tmpcoder-site-header nav.site-navigation &gt; div.menu &gt; ul ul ul {
    top: -2px;
  }
  body .tmpcoder-site-header nav.site-navigation ul.menu ul &gt; li.menu-item-has-children &gt; a:before, 
  body .tmpcoder-site-header nav.site-navigation div.menu ul ul &gt; li.page_item_has_children &gt; a:before {
    right: 7px;
    top: 17px !important;
    transform: rotate(-90deg) !important;
  }
  body .tmpcoder-site-header nav.site-navigation ul.menu ul &gt; li.menu-item-has-children &gt; a:after, 
  body .tmpcoder-site-header nav.site-navigation div.menu ul ul &gt; li.page_item_has_children &gt; a:after {
    transform: rotate(-90deg) !important;
    position: absolute;
    right: 6px;
    top: 17px;
  }
  body .tmpcoder-site-header nav.site-navigation &gt; ul.menu ul,
  body .tmpcoder-site-header nav.site-navigation &gt; div.menu &gt; ul ul {
      background: var(--theme-global-color-3);
      box-shadow: 0 4px 10px -2px rgba(0,0,0,.1);
      min-width: 240px;
      border-top: 2px solid var(--theme-primary-color);
  }
  body .tmpcoder-site-header nav.site-navigation &gt; ul.menu ul li,
  body .tmpcoder-site-header nav.site-navigation &gt; div.menu &gt; ul ul li {
      border: unset;
  }
  body .tmpcoder-site-header nav.site-navigation &gt; ul.menu ul li a,
  body .tmpcoder-site-header nav.site-navigation &gt; div.menu &gt; ul ul li a {
      display: block;
      width: 100%;
      padding: 12px 15px;
      color: var(--theme-text-color);
      font-size: calc(var(--theme-font-size) - 2px);
  }
  body .tmpcoder-site-header nav.site-navigation &gt; ul.menu ul li:hover &gt; a,
  body .tmpcoder-site-header nav.site-navigation &gt; div.menu &gt; ul ul li:hover &gt; a {
      color: var(--theme-primary-color);
  }
  .site-footer .site-navigation ul li {
      margin: 0;
      margin-left: 30px;
  }
  .site-footer .site-navigation ul li a {
      padding-left: 0 !important;
      padding-right: 0 !important;
  }
  .site-footer .site-navigation ul {
      justify-content: flex-end;
  }
  
  body .page-header {
      background: var(--theme-global-color-2);
      padding: 120px 0px;
      text-align: center;
  }
  body .page-content .tmpcoder-blog-list .blog-list-img a {
      display: block;
      overflow: hidden;
  }
  body .page-content .tmpcoder-blog-list .blog-list-img img {
    display: block;
    transition: all 400ms ease;
    width: 100%;
    height: auto;
    max-width: 100%;
    aspect-ratio: 16/9;
  }
  body .page-content .tmpcoder-blog-list .blog-list-img a:hover img {
      transform: scale(1.1);
  }
  body .page-content .blog-list-content .entry-title {
      padding-bottom: 5px;
      font-size: var(--heading5-font-size);
      font-weight: 600;
      word-break: break-all;
  }
  body .page-content .blog-list-content .entry-title .blog-list-title {
      text-decoration: unset;
      color: var(--heading3-text-color);
  }
  body .page-content .blog-list-content .entry-title .blog-list-title:hover {
      color: var(--theme-primary-color);
  }
  body .page-content .tmpcoder-blog-list {
      padding-bottom: 50px;
  }
  body .page-content .blog-meta-options {
      padding-bottom: 15px;
      margin: 0;
  }
  body .page-content .blog-meta-options li:before {
      top: 50%;
      background: var(--theme-text-color);
      right: -2px;
      width: 1px;
  }
  body .wp-block-query ul li.wp-block-post {
      display: block;
      padding: 0;
      padding-bottom: 1.2rem;
  }
  body  .wp-block-query ul li.wp-block-post h1,
  body  .wp-block-query ul li.wp-block-post h2,
  body  .wp-block-query ul li.wp-block-post h3,
  body  .wp-block-query ul li.wp-block-post h4,
  body  .wp-block-query ul li.wp-block-post h5,
  body  .wp-block-query ul li.wp-block-post h6 {
      padding-bottom: 5px;
  }
  body .wp-block-query ul li.wp-block-post h1:last-child,
  body .wp-block-query ul li.wp-block-post h2:last-child,
  body .wp-block-query ul li.wp-block-post h3:last-child,
  body .wp-block-query ul li.wp-block-post h4:last-child,
  body .wp-block-query ul li.wp-block-post h5:last-child,
  body .wp-block-query ul li.wp-block-post h6:last-child {
      padding-bottom: 0px;
  }
  body .post-navigation-link-next,
  body .taxonomy-category, 
  body .wp-block-post-date,
  body .post-navigation-link-previous,
  body nav.wp-block-query-pagination,
  body .wp-block-read-more,
  body .logged-in.wp-block-loginout,
  body .blog-detail-description &gt; .wp-block-heading,
  body .wp-block-search,
  body .blog-detail-description ul.wp-block-social-links,
  body .wp-block-buttons,
  body figure.wp-block-gallery,
  h1.wp-block-heading,
  h2.wp-block-heading,
  h3.wp-block-heading,
  h4.wp-block-heading,
  h5.wp-block-heading,
  h6.wp-block-heading {
      padding-bottom: 1.2rem;
  }
  body .page-content .page-links {
      clear: both;
  }
  body .page-content ul {
      padding-left: 17px;
  }
  h1.wp-block-heading {
      margin: 0;
  }
  body figure.wp-block-gallery {
      width: 100%;
  }
  body .page-content .blog-list-box .blog-meta-options {
      padding-left: 0;
  }
  body .wp-block-columns.alignfull {
      width: calc(100vw - 10px);
  }
  body .page-content ol {
      padding-left: 15px;
  }
  body figure.wp-block-gallery ul {
      padding: 0;
  }
  body .blog-detail-description * {
      clear: both;
  }
  body .wp-block-columns .wp-block-column p:last-child {
      margin-bottom: 0;
  }
  body .wp-block-search label.wp-block-search__label {
      font-weight: 400;
  }
  body .blog-detail-description ul.wp-block-social-links {
      padding-left: 0;
  }
  body ol.has-avatars {
      padding-left: 0;
  }
  body:not(.tmpcoder-block-builder) .wp-block-group {
      margin-bottom: 1.2rem;
  }
  body .wp-block-group p:last-child {
      margin-bottom: 0;
  }
  body .wp-block-comment-content {
      padding-top: 15px;
  }
  body .wp-block-query ul li.wp-block-post .wp-block-post-date {
      padding-bottom: 5px;
  }
  body .wp-block-query ul li.wp-block-post .wp-block-post-date:last-child {
      padding-bottom: 0px;
  }
  body .wp-block-avatar {
      padding-bottom: 15px;
  }
  body .page-content .blog-des {
      padding-bottom: 0;
      margin-bottom: 15px;
  }
  body .page-content .blog-list-pagination .page-numbers {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      padding-left: 0;
  }
  body .page-content .page-numbers li {
      list-style: none;
      padding: 0 4px;
  }
  body .page-content .page-numbers li:first-child {
    padding-left: 0;
  }
  body .page-content .page-numbers li:last-child {
    padding-right: 0;
  }
  body .page-content .page-numbers li &gt; * {
      text-decoration: unset;
      display: flex;
      border: 1px solid var(--theme-global-border-color);
      min-width: 40px;
      min-height: 40px;
      text-align: center;
      align-items: center;
      justify-content: center;
      color: var(--theme-text-color);
      transition: all 400ms ease;
      cursor: pointer;
  }
  body .page-content .page-numbers li &gt; *:hover, 
  body .page-content .page-numbers li &gt; *.current,
  body .page-content .page-numbers li &gt; *.active {
      background: var(--theme-primary-color);
      color: var(--theme-global-color-3);
      border: 1px solid var(--theme-primary-color);
  }
  body .wp-post-tags .button {
      margin: 5px 5px;
      display: inline-block;
      background: transparent;
      color: var(--theme-primary-color);
      padding: 5px 10px;
    text-decoration: unset;
  }
  body .wp-post-tags .button:hover {
      background: var(--theme-primary-color);
      color: #fff;
  }
  body .page-numbers li &gt; *.next:before {
      content: &quot;&gt;&quot;;
      font-size: calc(var(--theme-font-size) + 2px);
  }
  body .page-numbers li &gt; *.prev:before {
      content: &quot;&lt;&quot;;
      font-size: calc(var(--theme-font-size) + 2px);
  }
  body .site-footer {
      background: var(--theme-global-color-3);
      border-top: 1px solid var(--theme-global-border-color);
      padding: 25px 0px;
  }
  body .site-footer .footer-inner {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
  }
  body .site-footer .footer-copyright-text {
      width: 50%;
  }
  body .site-footer .footer-copyright-text p {
      margin: 0;
  }
  body .site-footer nav.site-navigation {
      width: 50%;
  }
  body .site-footer .menu li a {
      padding: 0;
      color: var(--theme-text-color);
  }
  body .site-footer .menu li a:hover {
      color: var(--theme-link-hover-color);
  }
  body .page-content .blog-detail-img img {
      display: block;
  }
  body .page-content .blog-detail-img {
      padding-bottom: 20px;
  }
  body .page-content .blog-detail-content .blog-meta-options li:before {
      height: 60%;
      transform: translateY(-50%);
  }
  body .page-content .blog-detail-content .blog-meta-options li {
      padding: 0px 10px;
  }
  body .page-content .blog-detail-content .blog-meta-options li:first-child {
      padding-left: 0;
  }
  body .page-content .blog-detail-content .blog-meta-options li:last-child {
      padding-right: 0;
  }
  body .page-content .blog-detail-content .blog-meta-options li:last-child:before {
      content: unset;
  } 
  body .page-content .blog-detail-content .e-con-inner {
      max-width: 100%;
  }
  body .page-content .blog-detail-content .blog-meta-options {
      padding: 0;
      padding-bottom: 10px;
      padding-top: 10px;
  }
  body .page-content .blog-detail-content .elementor-widget-container h1,
  body .page-content .blog-detail-content .elementor-widget-container h2,
  body .page-content .blog-detail-content .elementor-widget-container h3,
  body .page-content .blog-detail-content .elementor-widget-container h4,
  body .page-content .blog-detail-content .elementor-widget-container h5,
  body .page-content .blog-detail-content .elementor-widget-container h6 {
      padding-bottom: 10px;
  }
  body .page-content .blog-detail-content .elementor-widget-container p {
      margin-bottom: 25px;
  }
  body .page-content .blog-detail-content .elementor-widget-container ul li {
      padding: 0;
      position: relative;
      padding-bottom: 10px;
      display: list-item;
      list-style: disc;
  }
  body .page-content .blog-detail-content .elementor-widget-container ul li:last-child {
      padding-bottom: 0;
  }
  body .page-content .blog-detail-content .elementor-widget-container ul {
      padding: 0;
      margin: 0;
      padding-bottom: 25px;
      padding-left: 18px;
  }
  body .wp-block-woocommerce-empty-cart-block .wc-block-grid.wp-block-product-new ul.wc-block-grid__products .wc-block-grid__product-link {
    display: block !important;
  }
  body .wc-block-checkout-empty .wp-block-button__link {
    background: var(--theme-button-background);
      color: var(--button-text-color);
      font-family: var(--button-font-family);
      font-weight: var(--button-font-weight);
      text-transform: var(--button-text-transform);
      font-size: var(--button-font-size);
      line-height: var(--button-line-height);
      border-radius: var(--button-border-radius);
      padding: var(--button-padding-top) var(--button-padding-right) var(--button-padding-bottom) var(--button-padding-left);
      border-color: var(--button-border-color);
      border-style: var(--button-border-type);
      border-width: var(--button-border-top) var(--button-border-right) var(--button-border-bottom) var(--button-border-left);
      letter-spacing: var(--button-letter-spacing);
  }
  body .wc-block-checkout-empty .wp-block-button__link:hover {
          background: var(--theme-button-background-hover);
      color: var(--button-text-hover-color);
      border-color: var(--button-border-hover-color);
  }
  body .wp-block-woocommerce-empty-cart-block .wc-block-grid.wp-block-product-new ul.wc-block-grid__products li .wc-block-grid__product-image img {
    margin-bottom: 0;
  }
  body .page-content .tmpcoder-author-box {
      background: var(--theme-global-color-2);
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      padding: 30px 30px;
  }
  body .page-content .tmpcoder-author-box .tmpcoder-author-box-image {
      width: 150px;
  }
  body .page-content .tmpcoder-author-box .tmpcoder-author-box-image img {
      display: block;
  }
  body .page-content .tmpcoder-author-box .tmpcoder-author-box-text {
      width: calc(100% - 150px);
      padding-left: 15px;
  }
  body .page-content .blog-detail-content {
      padding-bottom: 50px;
  }
  body .page-content .comment-list .comment-metadata .edit-link {
      padding-left: 10px;
  }
  body .page-content .post-authr-box {
      padding-bottom: 50px;
      padding-top: 50px;
  }
  body .blog-detail-description ul {
      padding: 0;
      margin: 0;
      padding-left: 17px;
  }
  body .blog-detail-description ul li {
      list-style: disc;
      padding: 0;
      padding-bottom: 8px;
      display: list-item;
  }
  body .page-content .comment-respond .comment-reply-title {
      padding-bottom: 10px;
  }
  body .page-content .comment-respond form label {
      padding-bottom: 5px;
      display: inline-block;
  }
  body .page-content .comment-list {
      margin-bottom: 30px !important;
  }
  body .page-content .comment-respond form textarea, body .page-content .comment-respond form input {
      border-color: var(--theme-global-border-color);
  }
  body .page-content .comment-respond form textarea:focus, body .page-content .comment-respond form input:focus {
      border-color: var(--theme-primary-color);
  }
  body .page-content .comment-respond form .submit {
      background: var(--theme-button-background);
      font-size: var(--button-font-size);
      font-family: var(--button-font-family);
      font-weight: var(--button-font-weight);
      text-transform: var(--button-text-transform);
      line-height: var(--button-line-height);
      letter-spacing: var(--button-letter-spacing);
      color: var(--button-text-color);
      border-radius: var(--button-border-radius);
      padding: var(--button-padding-top) var(--button-padding-right) var(--button-padding-bottom) var(--button-padding-left);
      border-color: var(--button-border-color);
      border-style: var(--button-border-type);
      border-width: var(--button-border-top) var(--button-border-right) var(--button-border-bottom) var(--button-border-left);
  }
  body .page-content .comment-respond form .submit:hover,
  body .page-content .comment-respond form .submit:focus {
      background: var(--theme-button-background-hover);
      color: var(--button-text-hover-color);
      border-color: var(--button-border-hover-color);
  }
  body .blog-part .blog-list-pagination .page-numbers.dots {
      border: unset;
      background: unset;
      color: var(--theme-text-color);
  }
  body .blog-detail-description .wp-block-navigation ul li {
      list-style: none;
      padding-bottom: 0;
  }
  body .blog-detail-description .wp-block-navigation ul {
      padding-left: 0;
  }
  body .wp-block-navigation .wp-block-navigation-item__content {
      display: initial;
  }
  body .page-content .comment-respond form {
      display: flex;
      flex-wrap: wrap;
      margin: 0px -15px;
      padding-bottom: 24px;
  }
  body .page-content .comment-respond form &gt; * {
      width: 100%;
      padding: 0px 15px;
  }
  body .page-content .comment-respond form .comment-form-author,
  body .page-content .comment-respond form .comment-form-email,
  body .page-content .comment-respond form .comment-form-url {
      width: 33.33%;
  }
  body .page-content .comment-respond form .form-submit {
      margin-bottom: 0;
  }
  .content-area {
      padding-top: 50px;
      padding-bottom: 100px;
  }
  body nav.woocommerce-breadcrumb a, body nav.woocommerce-breadcrumb {
      color: var(--theme-text-color);
  }
  body nav.woocommerce-breadcrumb a:hover {
      color: var(--theme-link-hover-color);   
  }
  body .woocommerce-products-header {
      padding-bottom: 40px;
  }
  body .woocommerce-result-count {
      margin: 1em 0;
  }
  body ul.products {
      padding-bottom: 50px;
  }
  body ul.products {
      display: flex;
      flex-wrap: wrap;
      margin: 0px -10px;
      padding-top: 20px;
      margin-bottom: -35px;
  }
  body ul.products li.product {
      width: calc(100% / 4) !important;
      margin: 0 !important;
      padding: 0px 10px;
      padding-bottom: 35px;
  }
  body ul.products li.product .product-detail-section .woocommerce-loop-product__title {
      padding-top: 0;
      line-height: 1.3;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      padding-bottom: 5px;
  }
  body ul.products li.product .button {
      margin-top: 5px;
      background: var(--theme-button-background);
      color: var(--button-text-color);
      font-family: var(--button-font-family);
      font-weight: var(--button-font-weight);
      text-transform: var(--button-text-transform);
      font-size: var(--button-font-size);
      line-height: var(--button-line-height);
      border-radius: var(--button-border-radius);
      padding: var(--button-padding-top) var(--button-padding-right) var(--button-padding-bottom) var(--button-padding-left);
      border-color: var(--button-border-color);
      border-style: var(--button-border-type);
      border-width: var(--button-border-top) var(--button-border-right) var(--button-border-bottom) var(--button-border-left);
      letter-spacing: var(--button-letter-spacing);
  }
  body ul.products li.product .button:hover {
      background: var(--theme-button-background-hover);
      color: var(--button-text-hover-color);
      border-color: var(--button-border-hover-color);
  }
  body span.onsale {
      width: 50px;
      height: 50px;
      line-height: 45px;
      background: var(--theme-primary-color);
      color: var(--theme-global-color-3);
      font-size: calc(var(--theme-font-size) - 2px);
      font-weight: var(--theme-font-weight);
  }
  body .woocommerce-pagination .page-numbers {
      border: unset;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
  }
  body .woocommerce-pagination .page-numbers li {
      padding: 0 4px;
      border: unset;
  }
  body .woocommerce-pagination .page-numbers li:first-child {
      padding-left: 0;
  }
  body .woocommerce-pagination .page-numbers li:last-child {
      padding-right: 0;
  }
  body .woocommerce-pagination .page-numbers li &gt; * {
      text-decoration: unset;
      display: flex;
      border: 1px solid var(--theme-global-border-color);
      min-width: 40px;
      min-height: 40px;
      text-align: center;
      align-items: center;
      justify-content: center;
      color: var(--theme-text-color);
      transition: all 400ms ease;
      cursor: pointer;
  }
  body .woocommerce-pagination .page-numbers li &gt; *.next,
  body .woocommerce-pagination .page-numbers li &gt; *.prev {
      font-size: 0;
  }
  body .woocommerce-pagination .page-numbers li &gt; *.current,
  body .woocommerce-pagination .page-numbers li &gt; *:hover {
      background: var(--theme-primary-color);
      color: var(--theme-global-color-3);
      border: 1px solid var(--theme-global-color-3);
  }
  body.woocommerce ul.products li.product .price {
      font-size: var(--theme-font-size);
      color: var(--theme-text-color);
      font-weight: var(--theme-font-weight);
  }
  body ul.products li.product .price ins {
      font-weight: var(--theme-font-weight);
      text-decoration: unset;
  }
  .content-area {
      padding-top: 30px;
  }
  body .woocommerce-breadcrumb {
      margin-bottom: 30px;
  }
  body div.product {
      display: flex;
      flex-wrap: wrap;
      margin: 0px -15px;
  }
  body div.product .woocommerce-product-gallery {
      width: 50%;
      padding: 0px 15px;
      margin-bottom: 0;
  }
  body div.product .summary.entry-summary {
      width: 50%;
      padding: 0px 15px;
      margin-bottom: 0;
  }
  .pswp {
      z-index: 999 !important;
  }
  .pswp .pswp__bg {
      opacity: 0.8 !important;
  }
  body div.product div.images .woocommerce-product-gallery__trigger {
      right: calc(15px + 0.5em);
  }
  body div.product .product_title {
      font-size: var(--heading2-font-size);
      line-height: var(--heading2-line-height);
      padding-bottom: 10px;
  }
  body div.product p.price, body div.product span.price {
      color: var(--theme-text-color);
      line-height: var(--theme-line-height);
      letter-spacing: var(--theme-letter-spacing);
      font-weight: var(--theme-font-weight);
  }
  body div.product p.price ins {
      font-weight: var(--theme-font-weight);
      text-decoration: unset;
  }
  body div.product span.onsale {
      left: calc(15px + 15px);
      top: 15px;
  }
  body div.product div.images .flex-control-thumbs {
      margin: 0px -5px;
      padding-top: 10px;
  }
  body div.product div.images .flex-control-thumbs li {
      margin: 0px 5px;
  }
  body form table.variations tr {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      padding-bottom: 10px;
  }
  body form table.variations th.label {
      display: block;
      text-align: left;
      padding: 0;
      width: 60px;
  }
  body form table.variations th.label label {
      font-size: var(--theme-font-size);
      line-height: var(--theme-line-height);
      letter-spacing: var(--theme-letter-spacing);
      font-weight: var(--theme-font-weight);
      color: var(--theme-text-color);
  }
  body form table.variations td.value {
      display: flex;
      padding: 0;
      width: calc(100% - 60px);
      align-items: center;
  }
  body form table.variations td.value select, body form table.variations td.value input, body form table.variations td.valuetextarea {
      border-color: var(--theme-global-border-color);
      border-radius: var(--button-border-radius);
      font-size: var(--theme-font-size);
      line-height: var(--theme-line-height);
      letter-spacing: var(--theme-letter-spacing);
      font-weight: var(--theme-font-weight);
      color: var(--theme-text-color);
  }
  body select {
      appearance: none;
      background-image: url(assets/images/down-arrow.png);
      background-position: calc(100% - 10px);
      background-repeat: no-repeat;
      background-size: 10px;
  }
  body form .quantity input {
      font-size: var(--theme-font-size);
      line-height: var(--theme-line-height);
      letter-spacing: var(--theme-letter-spacing);
      font-weight: var(--theme-font-weight);
      color: var(--theme-text-color);
      border-radius: var(--button-border-radius);
      padding: var(--button-padding-top) var(--button-padding-right) var(--button-padding-bottom) var(--button-padding-left);
      border-color: var(--theme-global-border-color);
  }
  body form button.single_add_to_cart_button.button {
      font-size: var(--theme-font-size);
      line-height: var(--theme-line-height);
      letter-spacing: var(--theme-letter-spacing);
      font-weight: var(--theme-font-weight);
      color: var(--button-text-color);
      border-radius: var(--button-border-radius);
      background: var(--theme-button-background);
      padding: var(--button-padding-top) var(--button-padding-right) var(--button-padding-bottom) var(--button-padding-left);
      border-color: var(--button-border-color);
      border-style: var(--button-border-type);
      border-width: var(--button-border-top) var(--button-border-right) var(--button-border-bottom) var(--button-border-left);
  }
  body form button.single_add_to_cart_button.button:hover {
      background: var(--theme-button-background-hover);
      color: var(--button-text-hover-color);
      border-color: var(--button-border-hover-color);
  }
  body .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a {
      display: block;
  }
  body div.product .woocommerce-tabs {
      width: 100%;
      padding: 0px 15px;
  }
  body div.product .woocommerce-tabs .tabs {
      padding: 0px;
      margin: 0;
      margin-bottom: 0px;
      display: flex;
      flex-wrap: wrap;
  }
  body div.product .woocommerce-tabs .tabs li {
      margin: 0;
      padding: 0;
      /*border-radius: var(--button-border-radius);*/
      border-right-width: 0;
      background: var(--theme-global-color-3);
      border-color: var(--theme-global-border-color);
      border-bottom-color: transparent;
      transition: all 400ms ease;
  }
  body div.product .woocommerce-tabs .tabs li:last-child {
      border-right-width: 1px;   
  }
  body div.product .woocommerce-tabs .tabs li:before,
  body div.product .woocommerce-tabs .tabs li:after {
      content: unset;
  }
  body div.product .woocommerce-tabs .tabs li a {
      padding: 10px 15px;
      font-size: var(--theme-font-size);
      line-height: var(--theme-line-height);
      letter-spacing: var(--theme-letter-spacing);
      font-weight: 600;
      color: var(--theme-text-color);
      transition: all 400ms ease;
  }
  body div.product .woocommerce-tabs .tabs li.active {
      background: var(--theme-button-background-hover);
      border-color: var(--button-border-hover-color);
      border-bottom-color: transparent;
      color: var(--button-text-hover-color);
  }
  body div.product .woocommerce-tabs .tabs li.active a {
      color: var(--button-text-hover-color);
  }
  body div.product .woocommerce-tabs .woocommerce-Tabs-panel {
      border: 1px solid var(--theme-global-border-color);
      border-top: unset;
      padding: 15px 15px;
  }
  body div.product .woocommerce-tabs .woocommerce-Tabs-panel {
      border: 1px solid var(--theme-global-border-color);
      border-top: unset;
      padding: 15px 15px;
      padding-top: 30px;
      margin-bottom: 0;
  }
  body div.product .woocommerce-tabs .woocommerce-Tabs-panel tr {
      display: flex;
      flex-wrap: wrap;
      text-align: left;
      padding-bottom: 10px;
  }
  body div.product .woocommerce-tabs .woocommerce-Tabs-panel tr:last-child {
      padding-bottom: 0;
  }
  body div.product .woocommerce-tabs .woocommerce-Tabs-panel tr th {
      width: 100px;
      font-weight: 600;
  }
  body div.product .woocommerce-tabs .woocommerce-Tabs-panel tr td {
      width: calc(100% - 100px);
  }
  body div.product .woocommerce-tabs .woocommerce-Tabs-panel table {
      border: unset;
      margin-bottom: 0;
  }
  body div.product .woocommerce-tabs .woocommerce-Tabs-panel table p {
      padding: 0;
      margin: 0;
  }
  body div.product .woocommerce-tabs .woocommerce-Tabs-panel tr td,
  body div.product .woocommerce-tabs .woocommerce-Tabs-panel tr th {
      background: unset;
      border: unset;
      display: block;
      font-size: var(--theme-font-size);
      font-style: normal;
      padding: 0;
  }
  body div.product .woocommerce-tabs .woocommerce-Tabs-panel h2 {
      font-size: var(--heading5-font-size);
      line-height: var(--heading5-line-height);
      padding-bottom: 15px;
  }
  body div.product .woocommerce-tabs .woocommerce-Tabs-panel .comment-form .submit {
      background: var(--theme-button-background) !important;
      color: var(--button-text-color) !important;
      font-family: var(--button-font-family) !important;
      font-weight: var(--button-font-weight) !important;
      text-transform: var(--button-text-transform) !important;
      font-size: var(--button-font-size) !important;
      line-height: var(--button-line-height) !important;
      border-radius: var(--button-border-radius) !important;
      padding: var(--button-padding-top) var(--button-padding-right) var(--button-padding-bottom) var(--button-padding-left) !important;
      border-color: var(--button-border-color) !important;
      border-style: var(--button-border-type) !important;
      border-width: var(--button-border-top) var(--button-border-right) var(--button-border-bottom) var(--button-border-left) !important;
      letter-spacing: var(--button-letter-spacing) !important;
  }
  body div.product .woocommerce-tabs .woocommerce-Tabs-panel .comment-form .submit:hover {
      background: var(--theme-button-background-hover) !important;
      color: var(--button-text-hover-color) !important;
      border-color: var(--button-border-hover-color) !important;
  }
  body div.product .woocommerce-tabs {
      padding-top: 100px;
      padding-bottom: 100px;
  }
  body form.woocommerce-ordering select {
      background: unset;
  }
  body div.product .related.products &gt; h2 {
      padding-bottom: 25px;
  }
  body div.product .related.products ul.products {
      padding-top: 0;
  }
  body .wc-block-components-notice-banner.is-success {
      border: unset;
      background: var(--theme-global-color-2);
      display: flex;
      align-items: center;
  }
  body .wc-block-components-notice-banner.is-success&gt;svg {
      background: var(--theme-primary-color);
  }
  body .wc-block-components-notice-banner.is-success .button {
      text-decoration: unset;
      background: var(--theme-button-background);
      color: var(--button-text-color) !important;
      font-family: var(--button-font-family);
      font-weight: var(--button-font-weight);
      text-transform: var(--button-text-transform);
      font-size: var(--button-font-size);
      line-height: var(--button-line-height);
      border-radius: var(--button-border-radius);
      padding: var(--button-padding-top) var(--button-padding-right) var(--button-padding-bottom) var(--button-padding-left) !important;
      border-color: var(--button-border-color);
      border-style: var(--button-border-type);
      border-width: var(--button-border-top) var(--button-border-right) var(--button-border-bottom) var(--button-border-left);
      letter-spacing: var(--button-letter-spacing);
      opacity: 1;
      white-space: nowrap;
  }
  body .wc-block-components-notice-banner.is-success .button:hover {
      background: var(--theme-button-background-hover);
      color: var(--button-text-hover-color);
      border-color: var(--button-border-hover-color);
  }
  body .wc-block-components-notice-banner.is-success .wc-block-components-notice-banner__content {
      display: flex;
      justify-content: space-between;
      flex-direction: row-reverse;
      align-items: center;
  }
  body table.wc-block-cart-items {
      border: 1px solid var(--theme-global-border-color);
      margin-bottom: 0;
  }
  body table.wc-block-cart-items thead th {
      border: unset;
      font-size: var(--theme-font-size);
      line-height: var(--theme-line-height);
      letter-spacing: var(--theme-letter-spacing);
      color: var(--theme-text-color);
      padding: 10px 15px 8px 15px !important;
      text-align: left;
  }
  body table.wc-block-cart-items td {
      font-size: var(--theme-font-size);
      line-height: var(--theme-line-height);
      letter-spacing: var(--theme-letter-spacing);
      color: var(--theme-text-color);
      padding: 15px 15px 15px 15px !important;
      border: unset !important;
      border-top: 1px solid var(--theme-global-border-color) !important;
  }
  body table.wc-block-cart-items td:after {
      content: unset !important;
  }
  body .alignwide {
      margin-left: 0px;
      margin-right: 0px;
  }
  body .wc-block-components-sidebar-layout {
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 0;
  }
  body .wc-block-components-sidebar-layout .wc-block-components-main {
      width: 65%;
      padding-right: 15px;
  }
  body .wc-block-components-sidebar-layout .wc-block-components-sidebar {
      width: 35%;
      padding-left: 15px;
  }
  body table.wc-block-cart-items td * {
      font-size: var(--theme-font-size);
      font-weight: var(--theme-font-weight);
      color: var(--theme-text-color);
      text-transform: unset;
  }
  body table.wc-block-cart-items td a:hover {
      color: var(--theme-link-hover-color);
  }
  body table.wc-block-cart-items td .wc-block-cart-item__prices {
      display: inline-block;
      padding-right: 15px;
  }
  body table.wc-block-cart-items td .wc-block-components-product-badge {
      font-size: calc(var(--theme-font-size) - 4px);
      border-radius: var(--button-border-radius);
      border-color: var(--theme-primary-color);
      color: var(--theme-primary-color);
  }
  body table.wc-block-cart-items td .wc-block-components-product-badge span {
      font-size: calc(var(--theme-font-size) - 4px);
      color: var(--theme-primary-color);
  }
  body table.wc-block-cart-items td .wc-block-components-product-metadata ul {
      margin: 0;
  }
  body table.wc-block-cart-items td .wc-block-cart-item__quantity .wc-block-components-quantity-selector:after {
      content: unset;
  }
  body table.wc-block-cart-items td .wc-block-cart-item__quantity .wc-block-components-quantity-selector {
      border-radius: var(--button-border-radius);
      border: 1px solid var(--theme-global-border-color);
  }
  body table.wc-block-cart-items td .wc-block-cart-item__quantity button {
      border-radius: var(--button-border-radius);
      border: unset;
  }
  body table.wc-block-cart-items td * button:hover {
      color: var(--theme-link-hover-color) !important;
  }
  body table.wc-block-cart-items:after {
      content: unset !important;
  }
  body .wc-block-components-sidebar-layout .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block {
      border: 1px solid var(--theme-global-border-color);
      margin-bottom: 20px;
  }
  body .wc-block-components-sidebar-layout .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block &gt; * {
      border: unset;
      padding: 8px 15px;
      border-top: 1px solid var(--theme-global-border-color);
  }
  body .wc-block-components-sidebar-layout .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block &gt; *:first-child {
      border-top: unset;
  }
  body .wc-block-components-sidebar-layout .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block &gt; *:after {
      content: unset;
  }
  body .wc-block-components-sidebar-layout .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block &gt; *:empty {
      display: none;
  }
  body .wc-block-components-sidebar-layout .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block &gt; .wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title {
      text-align: center;
      font-weight: 700;
      font-size: var(--theme-font-size);
  }
  body .wc-block-components-sidebar-layout .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block .wc-block-components-totals-item * {
      font-size: var(--theme-font-size);
  }
  body .wc-block-components-sidebar-layout .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block &gt; * &gt; * {
      padding: 0;
  }
  body .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input input {
      border-color: var(--theme-global-border-color);
      padding: var(--button-padding-top) 15px;
  }
  body .wc-block-components-totals-coupon__form button {
      background: var(--theme-button-background);
      color: var(--button-text-color);
      font-family: var(--button-font-family);
      font-weight: var(--button-font-weight);
      text-transform: var(--button-text-transform);
      font-size: var(--button-font-size);
      line-height: var(--button-line-height);
      border-radius: var(--button-border-radius);
      padding: var(--button-padding-top) var(--button-padding-right) var(--button-padding-bottom) var(--button-padding-left);
      border-color: var(--button-border-color);
      border-style: var(--button-border-type);
      border-width: var(--button-border-top) var(--button-border-right) var(--button-border-bottom) var(--button-border-left);
      letter-spacing: var(--button-letter-spacing);
  }
  body .wc-block-components-totals-coupon__form button:hover {
      background: var(--theme-button-background-hover);
      color: var(--button-text-hover-color);
      border-color: var(--button-border-hover-color);
  }
  body .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input.is-active label {
      display: none;
  }
  body .wc-block-cart__submit-container a {
      background: var(--theme-button-background);
      color: var(--button-text-color);
      font-family: var(--button-font-family);
      font-weight: var(--button-font-weight);
      text-transform: var(--button-text-transform);
      font-size: var(--button-font-size);
      line-height: var(--button-line-height);
      border-radius: var(--button-border-radius);
      padding: var(--button-padding-top) var(--button-padding-right) var(--button-padding-bottom) var(--button-padding-left);
      border-color: var(--button-border-color);
      border-style: var(--button-border-type);
      border-width: var(--button-border-top) var(--button-border-right) var(--button-border-bottom) var(--button-border-left);
      letter-spacing: var(--button-letter-spacing);
      transition: all 400ms ease;
  }
  body .wc-block-cart__submit-container a:hover {
      background: var(--theme-button-background-hover);
      color: var(--button-text-hover-color);
      border-color: var(--button-border-hover-color);
  }
  body .wc-block-components-form .wc-block-components-checkout-step__title:before,
  body .wc-block-components-checkout-step--with-step-number .wc-block-components-checkout-step__container:after {
      content: unset;
  }
  body .wc-block-components-form .wc-block-components-checkout-step {
      padding: 0;
  }
  body .wc-block-checkout__form .wc-block-components-text-input &gt; * {
      width: 100%;
  }
  body .wc-block-checkout__form .wc-block-components-text-input {
      display: flex;
      flex-wrap: wrap;
  }
  body .wc-block-checkout__form .wc-block-components-text-input input {
      order: 2;
      font-size: var(--theme-font-size);
      line-height: var(--theme-line-height);
      letter-spacing: var(--theme-letter-spacing);
      font-weight: var(--theme-font-weight);
      color: var(--theme-text-color);
      border-color: var(--theme-global-border-color);
      padding: 10px 15px !important;
  }
  body .wc-block-checkout__form .wc-block-components-text-input label {
      order: 1;
      position: unset;
      margin: 0;
      transform: unset;
      padding-bottom: 3px;
      font-size: var(--theme-font-size);
      line-height: var(--theme-line-height);
      letter-spacing: var(--theme-letter-spacing);
      font-weight: var(--theme-font-weight);
      color: var(--theme-text-color);
  }
  body .wc-block-checkout__form .wc-block-components-text-input .wc-block-components-validation-error {
      order: 3;
  }
  body .wc-block-checkout__form .wc-block-components-address-form__country label.components-base-control__label,
  body .wc-block-checkout__form .wc-block-components-combobox label.components-base-control__label {
      position: unset;
      transform: unset !important;
      margin: 0;
      padding-bottom: 3px;
      font-size: var(--theme-font-size);
      line-height: var(--theme-line-height);
      letter-spacing: var(--theme-letter-spacing);
      font-weight: var(--theme-font-weight);
      color: var(--theme-text-color);
  }
  body .wc-block-checkout__form .wc-block-components-address-form__country input,
  body .wc-block-checkout__form .wc-block-components-combobox input {
      font-size: var(--theme-font-size);
      line-height: var(--theme-line-height);
      letter-spacing: var(--theme-letter-spacing);
      font-weight: var(--theme-font-weight);
      color: var(--theme-text-color);
      border-color: var(--theme-global-border-color) !important;
      padding: 10px 15px !important;
  }
  body .wc-block-checkout__form .components-combobox-control__input {
      background-image: url(assets/images/down-arrow.png) !important;
      background-position: calc(100% - 10px) !important;
      background-repeat: no-repeat !important;
      background-size: 10px !important;
  }
  .wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option:last-child:after, .wc-block-checkout__payment-method .wc-block-components-radio-control__option:last-child:after {
      border-color: var(--theme-global-border-color);
      opacity: 1;
  }
  button {
      transition: all 400ms ease;
  }
  body .wc-block-checkout__actions_row button.components-button {
      background: var(--theme-button-background);
      color: var(--button-text-color);
      font-family: var(--button-font-family);
      font-weight: var(--button-font-weight);
      text-transform: var(--button-text-transform);
      font-size: var(--button-font-size);
      line-height: var(--button-line-height);
      border-radius: var(--button-border-radius);
      padding: var(--button-padding-top) var(--button-padding-right) var(--button-padding-bottom) var(--button-padding-left);
      border-color: var(--button-border-color);
      border-style: var(--button-border-type);
      border-width: var(--button-border-top) var(--button-border-right) var(--button-border-bottom) var(--button-border-left);
      letter-spacing: var(--button-letter-spacing);
      transition: all 400ms ease;
  }
  body .wc-block-checkout__actions_row button.components-button:hover {
          background: var(--theme-button-background-hover);
      color: var(--button-text-hover-color);
      border-color: var(--button-border-hover-color);
  }
  body .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-order-summary {
      padding-left: 0;
      padding-right: 0;
  }
  body .wc-block-components-totals-wrapper .wc-block-components-totals-coupon {
      padding-left: 0;
      padding-right: 0;
  }
  body .wc-block-components-totals-wrapper .wc-block-components-totals-item {
      padding-left: 0;
      padding-right: 0;
  }
  body .wc-block-components-totals-wrapper:after {
      content: unset;
  }
  body .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-order-summary button.wc-block-components-panel__button {
      font-size: var(--theme-font-size);
      font-weight: 700;
      margin-bottom: 15px;
  }
  body .wc-block-components-order-summary .wc-block-components-order-summary-item:after {
      border-color: var(--theme-global-border-color);
      opacity: 1;
  }
  body .wc-block-components-totals-wrapper {
      border-bottom: 1px solid var(--theme-global-border-color);
  }
  body .wc-block-components-totals-wrapper:empty {
      display: none;
  }
  body .woocommerce-order h2 {
      border: 1px solid var(--theme-global-border-color);
      border-bottom: unset;
      padding: 15px 15px;
  }
  body .woocommerce-order table {
      border: 1px solid var(--theme-global-border-color);
      border-radius: unset;
  }
  body .woocommerce-order table thead th {
      border: unset;
  }
  body .woocommerce-order table tbody td, 
  body .woocommerce-order table tfoot td,
  body .woocommerce-order table thead th {
      border-left: 1px solid var(--theme-global-border-color) !important;
      border-color: var(--theme-global-border-color) !important;
  }
  body .woocommerce-order table tbody td:first-child, 
  body .woocommerce-order table tfoot td:first-child,
  body .woocommerce-order table thead th:first-child {
      border-left: unset !important;
  }
  body .woocommerce-order table tfoot td, body .woocommerce-order table tfoot th {
      font-weight: 600;
  }
  body .woocommerce-order table th, body .woocommerce-order table td {
      padding: 15px 15px;
  }
  body .woocommerce-order table tbody td strong {
      font-weight: 600;
  }
  body .woocommerce-order .woocommerce-customer-details address {
      border: 1px solid var(--theme-global-border-color);
      border-radius: unset;
      padding: 10px 15px;
  }
  body .woocommerce-order .woocommerce-customer-details {
      margin-bottom: 0;
  }
  body .woocommerce ul.order_details {
      padding-left: 0;
  }
  body .page-content.error404 body {
      min-height: calc(100vh - 160px);
  }
  body .page-content.error404 .page-content {
      text-align: center;
  }
  body:not(.elementor-page) .woocommerce-MyAccount-navigation ul {
      padding: 0;
      border: 1px solid var(--theme-global-border-color);
      margin-top: 0;
  }
  body:not(.elementor-page) .woocommerce-MyAccount-navigation ul li {
      list-style: none;
      border-bottom: 1px solid var(--theme-global-border-color);
      padding: 10px 15px;
      background: var(--theme-global-color-3);
      transition: all 400ms ease;
  }
  body:not(.elementor-page) .woocommerce-MyAccount-navigation ul li:last-child {
      border-bottom: unset;
  }
  body:not(.elementor-page) .woocommerce-MyAccount-navigation ul li.is-active,
  body:not(.elementor-page) .woocommerce-MyAccount-navigation ul li:hover {
      background: var(--theme-button-background-hover);
      border-color: var(--theme-button-background-hover);
  }
  body:not(.elementor-page) .woocommerce-MyAccount-navigation ul li.is-active a,
  body:not(.elementor-page) .woocommerce-MyAccount-navigation ul li:hover a {
      color: var(--button-text-hover-color);
      border-color: var(--theme-button-background-hover);
  }
  body:not(.elementor-page) .woocommerce-MyAccount-content table {
      border-radius: 0;
      border: 1px solid var(--theme-global-border-color);
  }
  body:not(.elementor-page) .woocommerce-MyAccount-content table thead th {
      border: unset;
  }
  body:not(.elementor-page) .woocommerce-MyAccount-content table tbody td {
      border-color: var(--theme-global-border-color);
  }
  body:not(.elementor-page) .woocommerce-MyAccount-content table td, body .woocommerce-MyAccount-content table th {
      padding: 10px 15px;
  }
  body:not(.elementor-page) .woocommerce-MyAccount-content table tbody td .button {
      background: var(--theme-button-background);
      color: var(--button-text-color) !important;
      font-family: var(--button-font-family);
      font-weight: var(--button-font-weight);
      text-transform: var(--button-text-transform);
      font-size: var(--button-font-size);
      line-height: var(--button-line-height);
      border-radius: var(--button-border-radius);
      padding: var(--button-padding-top) var(--button-padding-right) var(--button-padding-bottom) var(--button-padding-left) !important;
      border-color: var(--button-border-color);
      border-style: var(--button-border-type);
      border-width: var(--button-border-top) var(--button-border-right) var(--button-border-bottom) var(--button-border-left);
      letter-spacing: var(--button-letter-spacing);
  }
  body .woocommerce-MyAccount-content table tbody td .button:hover {
      background: var(--theme-button-background-hover);
      color: var(--button-text-hover-color);
      border-color: var(--button-border-hover-color);
  }
  body .woocommerce-MyAccount-content .woocommerce-order-details__title {
      padding-bottom: 15px;
  }
  body .woocommerce-MyAccount-content .woocommerce-column__title {
      padding-bottom: 15px;
  }
  
  body .elementor-widget-tmpcoder-my-account-pro .woocommerce-order-details .woocommerce-order-details__title {
    font-size: var(--heading3-font-size);
    line-height: var(--heading3-line-height);
  }
  
  body .woocommerce-MyAccount-content address {
      border: 1px solid var(--theme-global-border-color);
      border-radius: 0;
      padding: 10px 15px;
  }
  body .wc-block-components-notice-banner {
      margin-top: 0;
      border: unset;
      background: var(--theme-global-color-2);
      display: flex;
      align-items: center;
      border-radius: 0;
  }
  body .wc-block-components-notice-banner svg {
      background: var(--theme-primary-color);
  }
  body .wc-block-components-notice-banner .button {
      background: var(--theme-button-background);
      color: var(--button-text-color) !important;
      font-family: var(--button-font-family);
      font-weight: var(--button-font-weight);
      text-transform: var(--button-text-transform);
      font-size: var(--button-font-size);
      line-height: var(--button-line-height);
      border-radius: var(--button-border-radius);
      padding: var(--button-padding-top) var(--button-padding-right) var(--button-padding-bottom) var(--button-padding-left) !important;
      border-color: var(--button-border-color);
      border-style: var(--button-border-type);
      border-width: var(--button-border-top) var(--button-border-right) var(--button-border-bottom) var(--button-border-left);
      letter-spacing: var(--button-letter-spacing);
      text-decoration: unset;
      opacity: 1;
      white-space: nowrap;
  }
  body .wc-block-components-notice-banner .button:hover {
      background: var(--theme-button-background-hover);
      color: var(--button-text-hover-color);
      border-color: var(--button-border-hover-color);
  }
  body .wc-block-components-notice-banner .wc-block-components-notice-banner__content {
      display: flex;
      align-items: center;
      justify-content: space-between;
  }
  body .woocommerce-Addresses .woocommerce-Address-title {
      border: 1px solid var(--theme-global-border-color);
      padding: 15px 15px;
      border-bottom: unset;
      display: flex;
      align-items: center;
      justify-content: space-between;
  }
  body .woocommerce-Addresses .woocommerce-Address-title h3 {
      font-size: var(--heading6-font-size);
      line-height: var(--heading6-line-height);
  }
  body .woocommerce-Addresses .woocommerce-Address-title .edit {
      background: var(--theme-button-background);
      color: var(--button-text-color) !important;
      font-family: var(--button-font-family);
      font-weight: var(--button-font-weight);
      text-transform: var(--button-text-transform);
      font-size: var(--button-font-size);
      line-height: var(--button-line-height);
      border-radius: var(--button-border-radius);
      padding: var(--button-padding-top) var(--button-padding-right) var(--button-padding-bottom) var(--button-padding-left) !important;
      border-color: var(--button-border-color);
      border-style: var(--button-border-type);
      border-width: var(--button-border-top) var(--button-border-right) var(--button-border-bottom) var(--button-border-left);
      letter-spacing: var(--button-letter-spacing);
  }
  body .woocommerce-Addresses .woocommerce-Address-title .edit:hover {
      background: var(--theme-button-background-hover);
      color: var(--button-text-hover-color);
      border-color: var(--button-border-hover-color);
  }
  body .woocommerce-Addresses .woocommerce-Address-title:after, body .woocommerce-Addresses .woocommerce-Address-title:before {
      content: unset;
  }
  body:not(.elementor-page) body .select2-container .select2-selection--single {
      border: 1px solid var(--theme-global-border-color) !important;
      padding: 6px 16px;
      height: unset;
  }
  body .select2-container .select2-selection--single{
      height: unset;
  }
  body .select2-container .select2-selection--single .select2-selection__arrow {
      top: 50%;
      transform: translateY(-50%);
  }
  body .woocommerce-address-fields .button {
      background: var(--theme-button-background);
      color: var(--button-text-color) !important;
      font-family: var(--button-font-family);
      font-weight: var(--button-font-weight);
      text-transform: var(--button-text-transform);
      font-size: var(--button-font-size);
      line-height: var(--button-line-height);
      border-radius: var(--button-border-radius);
      padding: var(--button-padding-top) var(--button-padding-right) var(--button-padding-bottom) var(--button-padding-left) !important;
      border-color: var(--button-border-color);
      border-style: var(--button-border-type);
      border-width: var(--button-border-top) var(--button-border-right) var(--button-border-bottom) var(--button-border-left);
      letter-spacing: var(--button-letter-spacing);
  }
  body .woocommerce-address-fields .button:hover {
      background: var(--theme-button-background-hover);
      color: var(--button-text-hover-color);
      border-color: var(--button-border-hover-color);
  }
  body .woocommerce-MyAccount-content form.woocommerce-EditAccountForm span em {
      font-size: calc(var(--theme-font-size) - 3px);
  }
  body .woocommerce-MyAccount-content form.woocommerce-EditAccountForm fieldset {
      border: 1px solid var(--theme-global-border-color);
      margin-bottom: 15px;
  }
  body .woocommerce-MyAccount-content form.woocommerce-EditAccountForm fieldset legend {
      padding: 0px 10px;
  }
  body .woocommerce-MyAccount-content form.woocommerce-EditAccountForm .button {
      background: var(--theme-button-background);
      color: var(--button-text-color) !important;
      font-family: var(--button-font-family);
      font-weight: var(--button-font-weight);
      text-transform: var(--button-text-transform);
      font-size: var(--button-font-size);
      line-height: var(--button-line-height);
      border-radius: var(--button-border-radius);
      padding: var(--button-padding-top) var(--button-padding-right) var(--button-padding-bottom) var(--button-padding-left) !important;
      border-color: var(--button-border-color);
      border-style: var(--button-border-type);
      border-width: var(--button-border-top) var(--button-border-right) var(--button-border-bottom) var(--button-border-left);
      letter-spacing: var(--button-letter-spacing);
  }
  body .woocommerce-MyAccount-content form.woocommerce-EditAccountForm .button:hover {
      background: var(--theme-button-background-hover);
      color: var(--button-text-hover-color);
      border-color: var(--button-border-hover-color);
  }
  body .woocommerce-form-login,
  body .woocommerce-form-register {
      border-radius: 0;
      border-color: var(--theme-global-border-color);
  }
  body .woocommerce-form .button {
      background: var(--theme-button-background);
      color: var(--button-text-color) !important;
      font-family: var(--button-font-family);
      font-weight: var(--button-font-weight);
      text-transform: var(--button-text-transform);
      font-size: var(--button-font-size);
      line-height: var(--button-line-height);
      border-radius: var(--button-border-radius);
      padding: var(--button-padding-top) var(--button-padding-right) var(--button-padding-bottom) var(--button-padding-left) !important;
      border-color: var(--button-border-color);
      border-style: var(--button-border-type);
      border-width: var(--button-border-top) var(--button-border-right) var(--button-border-bottom) var(--button-border-left);
      letter-spacing: var(--button-letter-spacing);
  }
  body .woocommerce-form .button:hover {
      background: var(--theme-button-background-hover);
      color: var(--button-text-hover-color);
      border-color: var(--button-border-hover-color);
  }
  body ul.products li.product .added_to_cart.wc-forward {
      margin-left: 15px;
  }
  body .wp-block-woocommerce-empty-cart-block .wp-block-heading.wc-block-cart__empty-cart__title {
      font-size: var(--theme-font-size);
      color: var(--theme-text-color);
      font-weight: var(--theme-font-weight);
      text-align: left;
      background: var(--theme-global-color-2);
      padding: 10px 15px;
      margin-bottom: 100px;
  }
  body .wp-block-woocommerce-empty-cart-block .wp-block-heading.wc-block-cart__empty-cart__title:before {
      font-family: WooCommerce;
      content: &#039;\e028&#039;;
      background: unset;
      display: unset;
      margin-right: 12px;
  }
  body .wp-block-woocommerce-empty-cart-block hr.wp-block-separator {
      display: none;
  }
  body .wp-block-woocommerce-empty-cart-block .wc-block-grid.wp-block-product-new {
      padding-top: 15px;
  }
  body .wp-block-woocommerce-empty-cart-block .wc-block-grid.wp-block-product-new ul.wc-block-grid__products li .wc-block-grid__product-title {
      padding: 0.5em 0;
      margin: 0;
      font-size: var(--theme-font-size);
      padding-top: 0;
      line-height: 1.3;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      padding-bottom: 5px;
      font-family: var(--heading2-font-family);
      font-weight: var(--heading2-font-weight);
      color: var(--heading2-text-color);
      text-transform: var(--heading2-text-transform);
      letter-spacing: var(--heading2-letter-spacing);
  }
  body .wp-block-woocommerce-empty-cart-block .wc-block-grid.wp-block-product-new ul.wc-block-grid__products li .wc-block-grid__product-image {
      margin-bottom: 16px;
  }
  body .wp-block-woocommerce-empty-cart-block .wc-block-grid.wp-block-product-new ul.wc-block-grid__products li .price {
      font-size: var(--theme-font-size);
      color: var(--theme-text-color);
      font-weight: var(--theme-font-weight);
  }
  body .wp-block-woocommerce-empty-cart-block .wc-block-grid.wp-block-product-new ul.wc-block-grid__products li .price del {
      opacity: .5;
  }
  body .wp-block-woocommerce-empty-cart-block .wc-block-grid.wp-block-product-new ul.wc-block-grid__products li .wp-block-button .wp-block-button__link {
      margin-top: 5px;
      background: var(--theme-button-background);
      color: var(--button-text-color);
      font-family: var(--button-font-family);
      font-weight: var(--button-font-weight);
      text-transform: var(--button-text-transform);
      font-size: var(--button-font-size);
      line-height: var(--button-line-height);
      border-radius: var(--button-border-radius);
      padding: var(--button-padding-top) var(--button-padding-right) var(--button-padding-bottom) var(--button-padding-left);
      border-color: var(--button-border-color);
      border-style: var(--button-border-type);
      border-width: var(--button-border-top) var(--button-border-right) var(--button-border-bottom) var(--button-border-left);
      letter-spacing: var(--button-letter-spacing);
          margin-bottom: 0;
      display: inline-block !important;
  }
  body .wp-block-woocommerce-empty-cart-block .wc-block-grid.wp-block-product-new ul.wc-block-grid__products li .wp-block-button .wp-block-button__link:hover {
          background: var(--theme-button-background-hover);
      color: var(--button-text-hover-color);
      border-color: var(--button-border-hover-color);
  }
  body .wp-block-woocommerce-empty-cart-block .wc-block-grid.wp-block-product-new ul.wc-block-grid__products li {
      padding-bottom: 0 !important;
      margin-bottom: 0;
  }
  body .wp-block-woocommerce-empty-cart-block .wc-block-grid.wp-block-product-new ul.wc-block-grid__products {
      margin-bottom: 0;
  }
  body .wp-block-woocommerce-empty-cart-block .wc-block-grid.wp-block-product-new ul.wc-block-grid__products li .wp-block-button {
      margin-bottom: 0;
  }
  body form.woocommerce-ResetPassword .button {
      background: var(--theme-button-background);
      color: var(--button-text-color);
      font-family: var(--button-font-family);
      font-weight: var(--button-font-weight);
      text-transform: var(--button-text-transform);
      font-size: var(--button-font-size);
      line-height: var(--button-line-height);
      border-radius: var(--button-border-radius);
      padding: var(--button-padding-top) var(--button-padding-right) var(--button-padding-bottom) var(--button-padding-left);
      border-color: var(--button-border-color);
      border-style: var(--button-border-type);
      border-width: var(--button-border-top) var(--button-border-right) var(--button-border-bottom) var(--button-border-left);
      letter-spacing: var(--button-letter-spacing);
  }
  body form.woocommerce-ResetPassword .button:hover {
      background: var(--theme-button-background-hover);
      color: var(--button-text-hover-color);
      border-color: var(--button-border-hover-color);
  }
  body .button {
      background: var(--theme-button-background);
      color: var(--button-text-color);
      font-family: var(--button-font-family);
      font-weight: var(--button-font-weight);
      text-transform: var(--button-text-transform);
      font-size: var(--button-font-size);
      line-height: var(--button-line-height);
      border-radius: var(--button-border-radius);
      padding: var(--button-padding-top) var(--button-padding-right) var(--button-padding-bottom) var(--button-padding-left);
      border-color: var(--button-border-color);
      border-style: var(--button-border-type);
      border-width: var(--button-border-top) var(--button-border-right) var(--button-border-bottom) var(--button-border-left);
      letter-spacing: var(--button-letter-spacing);
       text-decoration: unset;
  }
  body .button:hover {
      background: var(--theme-button-background-hover);
      color: var(--button-text-hover-color);
      border-color: var(--button-border-hover-color);
  }
  body .tmpcoder-404-search .blog-search button:before {
      content: &quot;Search&quot;;
  }
  body .tmpcoder-404-search .blog-search button {
      background: var(--theme-button-background);
      color: var(--button-text-color);
      font-family: var(--button-font-family);
      font-weight: var(--button-font-weight);
      text-transform: var(--button-text-transform);
      font-size: var(--button-font-size);
      line-height: var(--button-line-height);
      border-radius: var(--button-border-radius);
      padding: var(--button-padding-top) var(--button-padding-right) var(--button-padding-bottom) var(--button-padding-left);
      border-color: var(--button-border-color);
      border-style: var(--button-border-type);
      border-width: var(--button-border-top) var(--button-border-right) var(--button-border-bottom) var(--button-border-left);
      letter-spacing: var(--button-letter-spacing);
      margin-left: 10px;
  }
  body .tmpcoder-404-search .blog-search button:hover {
      background: var(--theme-button-background-hover);
      color: var(--button-text-hover-color);
      border-color: var(--button-border-hover-color);
  }
  body .tmpcoder-404-search .blog-search {
      display: flex;
      max-width: 500px;
      margin: 0 auto;
      padding-top: 20px;
  }
  bodye #review_form_wrapper .comment-form .comment-form-cookies-consent input {
          display: inline-block;
  }
  body #review_form_wrapper .comment-form .comment-form-cookies-consent label:before, 
  body #review_form_wrapper .comment-form .comment-form-cookies-consent label:after {
      content: unset !important;
  }
  body section.related.products {
      padding-left: 15px;
      padding-right: 15px;
  }
  body .wp-block-woocommerce-empty-cart-block .wc-block-grid.wp-block-product-new ul.wc-block-grid__products li .wc-block-grid__product-onsale {
      width: 50px;
      height: 50px;
      line-height: 48px;
      background: var(--theme-primary-color);
      color: var(--theme-global-color-3);
      font-size: calc(var(--theme-font-size) - 2px);
      font-weight: var(--theme-font-weight);
      top: 0;
      right: 0;
      left: auto;
      margin: -0.5em -0.5em 0 0;
      border: unset;
  }
  
  body .blog-part {
      display: flex;
      flex-wrap: wrap;
      margin: 0 -15px;
  }
  body .blog-part .blog-list-box {
      width: calc(33.33% - 30px);
      margin: 0 15px;
      border: 1px solid var(--theme-global-border-color);
      border-radius: 5px;
      overflow: hidden;
      margin-bottom: 30px;
      padding-bottom: 0;
  }
  body .blog-part .blog-list-box .blog-list-content {
      padding: 15px 15px;
  }
  body .page-content .blog-des:empty {
      margin-bottom: 0;
  }
  body .blog-part .blog-list-pagination {
      width: 100%;
  }
  body .blog-part .blog-list-pagination .page-numbers {
      margin-bottom: 0;
      justify-content: center;
  }
  body .site-footer .menu ul {
      justify-content: flex-end;
  }
  body:not(.tmpcoder-block-builder) .wp-element-button {
      background-color: var(--theme-button-background);
      border-color: var(--button-border-color);
      color: var(--button-text-color);
      border-top-width: var(--button-border-top);
      border-bottom-width: var(--button-border-bottom);
      border-left-width: var(--button-border-left);
      border-right-width: var(--button-border-right);
      border-radius: var(--button-border-radius);
      padding: var(--button-padding-top) var(--button-padding-right) var(--button-padding-bottom) var(--button-padding-left);
      border-style: var(--button-border-type);
      font-size: var(--button-font-size);
      line-height: var(--button-line-height);
      font-family: var(--button-font-family);
      font-weight: var(--button-font-weight);
      text-transform: var(--button-text-transform);
      letter-spacing: var(--button-letter-spacing);
        text-decoration: unset !important;
  }
  body .wp-element-button:hover,
  body .wp-element-button:focus {
      background-color: var(--theme-button-background-hover);
      border-color: var(--button-border-hover-color);
      color: var(--button-text-hover-color);
      border-top-width: var(--button-border-hover-top);
      border-bottom-width: var(--button-border-hover-bottom);
      border-left-width: var(--button-border-hover-left);
      border-right-width: var(--button-border-hover-right);
      border-style: var(--button-border-hover-type);
  }
  body .blog-detail-description ul.wp-block-post-template {
      padding-left: 0;
  }
body .page-content a:focus-visible {
    outline-offset: 2px;
}
body .wp-block-button__link:not([href]):not([tabindex]) {
    text-decoration: unset !important;
}
body input.button:focus-visible {
    outline: 2px solid #000;
}
body .tmpcoder-site-header .wp-mobile-toggle-wrap .toggle-text-close {
  display: none;
}
body .tmpcoder-site-header nav.site-navigation ul.menu li span.opener, body .tmpcoder-site-header nav.site-navigation div.menu ul li span.opener {
  display: none;
}
body .tmpcoder-site-header .wp-mobile-toggle-wrap {
  display: none;
}
.elementor-widget-tmpcoder-post-grid &gt; .elementor-widget-container &gt; h2 {
    text-align: center;
}
  
  @media (max-width: 1024px) {
      .tmpcoder-site-header.page-header .entry-title, 
      .tmpcoder-site-header .site-footer .footer-inner, 
      .site-footer:not(.dynamic-footer) .footer-inner, 
      .tmpcoder-site-header .site-header .header-inner, 
      .tmpcoder-site-header .site-header:not(.dynamic-header), 
      .page-content, 
      body.post-type-archive, 
      body.single-product, 
      body.tax-product_cat {
        max-width: var(--tmpcoder-tablet-container-width);
      }
      body .tmpcoder-site-header {
          padding: 15px 0px;
          position: relative;
      }
      body .tmpcoder-site-header .wp-mobile-toggle {
          width: 20px;
          height: 14px;
          position: relative;
          cursor: pointer;
      }
      body .tmpcoder-site-header .wp-mobile-toggle:before {
          content: &quot;&quot;;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 2px;
          background: var(--theme-global-color-1);
          transition: all 400ms ease;
      }
      body .tmpcoder-site-header .wp-mobile-toggle:after {
          content: &quot;&quot;;
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 2px;
          background: var(--theme-global-color-1);
          transition: all 400ms ease;
      }
      body .tmpcoder-site-header .wp-mobile-toggle .wp-mobile-toggle-line:first-child {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          background: var(--theme-global-color-1);
          width: 100%;
          height: 2px;
          transition: all 400ms ease;
      }
      body .tmpcoder-site-header .site-branding {
          width: 50%;
      }
      body .tmpcoder-site-header nav.site-navigation {
          width: 50%;
      }
      body .tmpcoder-site-header nav.site-navigation &gt; ul.menu,
      body .tmpcoder-site-header nav.site-navigation &gt; div.menu {
          position: absolute;
          width: 100%;
          height: 100vh;
          left: 0;
          top: calc(100% + 16px);
          background: var(--theme-global-color-3);
          align-items: flex-start;
          flex-wrap: unset;
          flex-direction: column;
          z-index: 99;
          overflow: auto;
      }
      body .tmpcoder-site-header nav.site-navigation &gt; ul.menu &gt; li,
      body .tmpcoder-site-header nav.site-navigation &gt; div.menu &gt; ul &gt; li {
          width: 100%;
          padding: 0;
          margin: 0;
          flex-direction: column;
      }
      body .tmpcoder-site-header nav.site-navigation &gt; ul.menu &gt; li &gt; a,
      body .tmpcoder-site-header nav.site-navigation &gt; div.menu &gt; ul &gt; li &gt; a {
          width: 100%;
          padding: 10px 15px;
          justify-content: space-between;
      }
      body .tmpcoder-site-header nav.site-navigation &gt; ul.menu &gt; li &gt; span.opener,
      body .tmpcoder-site-header nav.site-navigation &gt; div.menu &gt; ul &gt; li &gt; span.opener {
                  position: absolute;
        width: 50px;
        height: 44px;
        top: 22px;
        right: 0;
        transform: translateY(-50%);
      }
    body .tmpcoder-site-header nav.site-navigation ul.menu &gt; li.menu-item-has-children &gt; a:before, 
    body .tmpcoder-site-header nav.site-navigation div.menu ul &gt; li.page_item_has_children &gt; a:before {
      content: unset;
    }
      body .tmpcoder-site-header nav.site-navigation &gt; ul.menu &gt; li li span.opener, body .tmpcoder-site-header nav.site-navigation &gt; div.menu &gt; ul &gt; li li span.opener {
          position: absolute;
        width: 50px;
        height: 44px;
        top: 24px;
        right: 0;
        transform: translateY(-50%);
      }
      body .tmpcoder-site-header nav.site-navigation &gt; ul.menu &gt; li li:after, body .tmpcoder-site-header nav.site-navigation &gt; div.menu &gt; ul &gt; li li:after {
          content: unset;
      }
      body .tmpcoder-site-header nav.site-navigation &gt; ul.menu &gt; li li &gt; a, body .tmpcoder-site-header nav.site-navigation &gt; div.menu &gt; ul &gt; li li &gt; a {
          justify-content: space-between;
          display: flex;
          align-items: center;
      }
      body .tmpcoder-site-header nav.site-navigation &gt; ul.menu &gt; li.menu-item-has-children li.menu-item-has-children &gt; a:after, body .tmpcoder-site-header nav.site-navigation &gt; div.menu &gt; ul &gt; li.page_item_has_children li.page_item_has_children &gt; a:after {
          content: &quot;&quot;;
          transition: all 400ms ease;
          display: inline-block;
          width: 0px;
          height: 0px;
          border-style: solid;
          border-width: 6px 6px 0 6px;
          border-color: var(--theme-text-color) transparent transparent transparent;
          transform: rotate(0deg);
          position: relative;
          left: 15px;
      }
      body .tmpcoder-site-header nav.site-navigation &gt; ul.menu &gt; li li, body .tmpcoder-site-header nav.site-navigation &gt; div.menu &gt; ul &gt; li li {
          flex-direction: column;
      }
      body .tmpcoder-site-header nav.site-navigation &gt; ul.menu.menu &gt; li.menu-item-has-children li.menu-item-has-children:hover &gt; a:after, body .tmpcoder-site-header nav.site-navigation &gt; div.menu.menu &gt; ul &gt; li.page_item_has_children li.page_item_has_children:hover &gt; a:after {
          transform: rotate(180deg);
      }
      body .tmpcoder-site-header nav.site-navigation &gt; ul.menu ul,
      body .tmpcoder-site-header nav.site-navigation &gt; div.menu ul ul {
          position: unset;
          width: 100%;
          border-top: unset !important;
          box-shadow: unset;
          padding-left: 15px;
          display: none;
      opacity: 1;
        visibility: visible;
      margin-top: 2px;
      padding-right: 2px;
      }
    body .tmpcoder-site-header nav.site-navigation ul.menu ul &gt; li.menu-item-has-children &gt; a:after, 
    body .tmpcoder-site-header nav.site-navigation div.menu ul ul &gt; li.page_item_has_children &gt; a:after {
      transform: rotate(0deg) !important;
      position: absolute;
      right: 0px;
      left: unset !important;
      top: 1px;
    }
      body .page-header {
          padding: 100px 0px;
      }
      body .site-footer .footer-copyright-text {
          width: 100%;
          text-align: center;
          order: 2;
      }
      body .site-footer nav.site-navigation {
          width: 100%;
          max-width: 100% !important;
          justify-content: center;
          order: 1;
          padding-bottom: 10px;
      }
      body .blog-detail-content {
          padding-bottom: 60px;
      }
      body.post-type-archive-product,
      body.tax-product_cat {
          padding-top: 30px;
          padding-bottom: 80px;
      }
      body nav.woocommerce-breadcrumb {
          margin-bottom: 5px;
      }
      body .woocommerce-products-header {
          padding-bottom: 30px;
      }
      body ul.products li.product {
          width: calc(100% / 3) !important;
      }
      body div.product .woocommerce-tabs {
          padding-top: 80px;
          padding-bottom: 80px;
      }
      body .wp-block-woocommerce-empty-cart-block .wp-block-heading.wc-block-cart__empty-cart__title {
          margin-bottom: 80px;
      }
      .content-area {
        padding-bottom: 80px;
      }
      body .blog-part .blog-list-box {
        width: calc(50% - 30px);
      }
      body .site-footer .menu ul {
          justify-content: center;
      }
      .site-footer .site-navigation ul {
          justify-content: center;
      }
      .site-footer .site-navigation ul li {
          margin: 0px 15px;
      }
    body .tmpcoder-site-header nav.site-navigation ul.menu.menu ul &gt; li.menu-item-has-children:hover &gt; a:after,
    body .tmpcoder-site-header nav.site-navigation ul.menu.menu ul &gt; li.menu-item-has-children.focus &gt; a:after,
    body .tmpcoder-site-header nav.site-navigation div.menu.menu ul ul &gt; li.page_item_has_children:hover &gt; a:after,
    body .tmpcoder-site-header nav.site-navigation div.menu.menu ul ul &gt; li.page_item_has_children.focus &gt; a:after {
      transform: rotate(180deg);
    }
    body .tmpcoder-site-header .wp-mobile-toggle-wrap {
    display: flex;
    align-items: center;
    outline-offset: 5px;
  }
    body .tmpcoder-site-header .wp-mobile-toggle-wrap .toggle-text-close {
    display: none;
      padding-right: 10px;
      color: var(--theme-global-color-1);
  }
   body .tmpcoder-site-header .wp-mobile-toggle-wrap.wp-mobile-toggle-open .toggle-text-close {
    display: block;
  }
   body .tmpcoder-site-header .wp-mobile-toggle-open .wp-mobile-toggle .wp-mobile-toggle-line:first-child {
    background: transparent;
  }
  body .tmpcoder-site-header .wp-mobile-toggle-open .wp-mobile-toggle:before {
    transform: rotate(-45deg);
    top: 7px;
  }
  body .tmpcoder-site-header .wp-mobile-toggle-open .wp-mobile-toggle:after {
    transform: rotate(45deg);
    top: 7px;
  }
  body .tmpcoder-site-header nav.site-navigation ul.menu.menu &gt; li.menu-item-has-children:hover &gt; a:after, 
  body .tmpcoder-site-header nav.site-navigation ul.menu.menu &gt; li.menu-item-has-children.focus &gt; a:after, 
  body .tmpcoder-site-header nav.site-navigation div.menu.menu ul &gt; li.page_item_has_children:hover &gt; a:after, 
  body .tmpcoder-site-header nav.site-navigation div.menu.menu ul &gt; li.page_item_has_children.focus &gt; a:after {
    transform: rotate(0deg);
  }
    html body .tmpcoder-site-header nav.site-navigation ul.menu li.active &gt; a:after, html body .tmpcoder-site-header nav.site-navigation div.menu ul li.active &gt; a:after {
    transform: rotate(180deg) !important;
  }
   body .tmpcoder-site-header nav.site-navigation &gt; ul.menu li span.opener, body .tmpcoder-site-header nav.site-navigation &gt; div.menu &gt; ul li span.opener {
    display: block;
  }
  }
  
  @media (max-width: 767px) {
      body:not([class*=elementor-page-]), .site-footer:not(.dynamic-footer) {
          padding-left: 0;
          padding-right: 0;
      }
      .tmpcoder-site-header.page-header .entry-title, 
      .tmpcoder-site-header .site-footer .footer-inner, 
      .site-footer:not(.dynamic-footer) .footer-inner, 
      .tmpcoder-site-header .site-header .header-inner, 
      .tmpcoder-site-header .site-header:not(.dynamic-header), 
      .page-content, 
      body.post-type-archive, 
      body.single-product, 
      body.tax-product_cat {
        max-width: var(--tmpcoder-mobile-container-width);
      }
      body .page-header {
          padding: 60px 0px;
      }
      body .tmpcoder-blog-list {
          padding-bottom: 30px;
      }
      body .page-content .blog-detail-content {
          padding-bottom: 30px;
      }
      body .page-content .tmpcoder-author-box {
          padding: 15px 15px;
      }
      body .page-content .tmpcoder-author-box .tmpcoder-author-box-image {
          width: 70px;
      }
      body .tmpcoder-author-box .tmpcoder-author-box-text {
          width: calc(100% - 70px);
      }
      body .page-content .post-authr-box {
          padding-bottom: 30px;
      }
      body .comment-respond form .comment-form-author, body .comment-respond form .comment-form-email, body .comment-respond form .comment-form-url {
          width: 100%;
      }
      body ul.products li.product {
          width: calc(100% / 2) !important;
      }
      body .woocommerce-ordering {
          float: left;
      }
      body .woocommerce-result-count {
          width: 100%;
      }
      body.post-type-archive-product,
      body.tax-product_cat {
          padding-bottom: 50px;
      }
      body div.product .woocommerce-product-gallery {
          width: 100%;
          padding-bottom: 20px;
      }
      body div.product .summary.entry-summary {
          width: 100%;
      }
      body.single-product {
          padding-top: 15px;
      }
      body.single-product .woocommerce-breadcrumb {
          margin-bottom: 15px;
      }
      body div.product .woocommerce-tabs {
          padding-top: 50px;
          padding-bottom: 50px;
      }
      body.site-main div.product .related.products &gt; h2 {
          padding-bottom: 15px;
      }
      body .wc-block-components-sidebar-layout .wc-block-components-main {
          width: 100%;
          padding-right: 0px;
          padding-bottom: 30px;
      }
      body .wc-block-components-sidebar-layout .wc-block-components-sidebar {
          width: 100%;
          padding-left: 0px;
          margin-bottom: 0;
      }
      body table.wc-block-cart-items tr {
          padding: 0 !important;
      }
      body table.wc-block-cart-items thead tr {
          display: flex !important;
          justify-content: space-between;
      }
      body table.wc-block-cart-items thead th {
          margin-bottom: 0;
      }
      body table.wc-block-cart-items tr:after {
          content: unset !important;
      }
      body table.wc-block-cart-items td * .wc-block-components-product-metadata {
          margin-bottom: 0;
      }
      body table.wc-block-cart-items td {
          margin-bottom: 0;
      }
      body .wc-block-cart__submit {
          margin-bottom: 0;
      }
      body .wc-block-components-sidebar-layout .wc-block-components-sidebar {
          padding-bottom: 30px;
      }
      body .woocommerce ul.order_details li {
          float: unset;
          border: unset;
          padding-bottom: 15px;
      }
      body .woocommerce ul.order_details li:last-child {
          padding-bottom: 0;
      }
      body .woocommerce-MyAccount-navigation {
          padding-bottom: 25px;
      }
      body .woocommerce-Addresses .u-column1.col-1.woocommerce-Address {
          margin-bottom: 15px;
      }
      body .woocommerce-form-login, body .woocommerce-form-register {
          margin-top: 15px;
      }
      body .woocommerce-form-register {
          margin-bottom: 0;
      }
      body .wp-block-woocommerce-empty-cart-block .wp-block-heading.wc-block-cart__empty-cart__title {
          margin-bottom: 50px;
      }
      body .page-content .blog-meta-options {
        margin-top: 0;
        margin-bottom: 5px;
      }
      .content-area {
        padding-bottom: 50px;
      }
      body div.product .related.products ul.products {
        padding-bottom: 0;
      }
      body .wp-block-woocommerce-empty-cart-block .wc-block-grid.wp-block-product-new ul.wc-block-grid__products {
          display: flex;
          flex-wrap: wrap;
          margin: 0 -8px 16px;
          margin-bottom: 0;
      }
      body .wp-block-woocommerce-empty-cart-block .wc-block-grid.wp-block-product-new ul.wc-block-grid__products li {
          flex: 1 0 50%;
          margin: 0 0 24px;
          max-width: 50%;
      }
      body .blog-part .blog-list-box {
        width: calc(100% - 30px);
      }
      body .site-branding a h1 {
          font-size: 25px;
          line-height: 28px;
      }
  }
  
  body.error404 .page-content {text-align: center;}
  
  blockquote {
    margin: 1.5em;
    border-color: rgba(0,0,0,0.05);
    color: var(--theme-text-color);
    font-size: 1.1em;
    line-height: inherit;
    position: relative;
    border-left: 5px solid var(--theme-global-border-color);
    padding: 20px;
    font-style: italic;
    margin: 0 0 1.5em;
    position: relative;
  }
  
  /* ---------------------- Default WP Design end ----------------------- */

/* -------------------- block patterns [Start] -------------------- */

/* Blog/post */
body .wp-block-query ul li.wp-block-post .wp-block-post-title a {
  color: unset;
}

body .wp-block-query ul li.wp-block-post .wp-block-post-author__name a,
body .wp-block-query ul li.wp-block-post .wp-block-post-title a,
.wp-block-post-terms.tmpcoder-is-style-post-terms-pill a {
	text-decoration: inherit !important;
}

body .wp-block-query ul li.wp-block-post .wp-block-post-author__name a:hover,
.wp-block-post-terms.tmpcoder-is-style-post-terms-pill a:hover {
  color: var(--theme-link-hover-color);
}

body .wp-block-query ul li.wp-block-post .wp-block-post-title a:hover {
  color: var(--theme-primary-color);
}

.tmpcoder-is-style-post-terms-pill .wp-block-post-terms__separator,
.wp-block-post-terms.tmpcoder-is-style-post-terms-pill .wp-block-post-terms__separator {
  display: none;
}

.wp-block-post-terms.tmpcoder-is-style-post-terms-pill a {
  display: inline-block;
  padding: 6px 12px;
  border-radius: 999px;
  color: #67717e;
  background-color: #E6E9EF;
  margin-right: 8px;
  margin-top: 4px;
  margin-bottom: 4px;
  line-height: 1;
}

body .wp-block-query ul li.wp-block-post .taxonomy-category {
  padding-bottom: 0.8rem;
}

body .wp-block-query ul li.wp-block-post p,
body .wp-block-query ul li.wp-block-post .wp-block-group {
  margin-bottom: 0;
}

/* team section */
.wp-block-social-link button.wp-block-social-link-anchor {
    background-color: transparent;
}

.wp-block-social-link:hover {
    transform: scale(1.1);
}
/* -------------------- block patterns [END] -------------------- */</textarea><input type='submit' name='save' value='Save' style=''/></form>