.toggle-icon {

      width: 20px;

    }

    .toggle-icon>span:before {
      top: 5px;
    }

    .toggle-icon>span:after {
      top: -5px;
    }

    .displayflex {
      display: flex;
    }

    .displayflex .fa-search {
      margin-left: 0.5rem;
      font-size: 1rem;
      color: #cdcdcd;
    }

    .searchfield {
      width: 80% !important;
      height: 2rem !important;
      border-radius: 0.5rem !important;
      border: 1px solid #cdcdcd !important;
      background: #fff !important;
    }

    .searchfield::placeholder {
      font-size: 0.8rem !important;
      color: #cdcdcd;
    }



    .displayflexm {
      display: flex;
      margin-left: 1rem;
      margin-top: 1rem;
    }

    .displayflexm .fa-search {
      margin-left: 0.5rem;
      font-size: 0.9rem;
      color: #cdcdcd;
      margin-top: -0.5rem;
    }

    .searchfieldm {
      width: 75% !important;
      height: 1.5rem !important;
      border-radius: 0.5rem !important;
      border: 1px solid #cdcdcd !important;
      background: #fff !important;
    }

    .searchfieldm::placeholder {
      font-size: 0.7rem !important;
      color: #cdcdcd;
    }

    .margintop08rem {
      margin-top: 0.8rem;
    }



    .cartddimg {
      width: 100px !important;
    }

    .dropdown-toggles::after {
      display: inline-block;
      margin-left: .255em;
      vertical-align: .255em;
      content: "";
      border-top: .3em solid;
      border-right: .3em solid transparent;
      border-bottom: 0;
      border-left: .3em solid transparent;
      bottom: 0px;
      margin-top: -0.4rem !important;
      margin-left: 0.5rem;
    }

    .dropdown-wrapper {
      position: relative;
      display: inline-block;
    }

    .dropdown-toggles {
      display: block;
      cursor: pointer;
      color: #333;
      text-decoration: none;
    }

    .dipalystyle {
      display: flex !important;
      justify-content: center;
      align-items: center;
    }

    .dropdown-togglescur {
      display: block;
      cursor: pointer;
      color: #333;
      text-decoration: none;
    }

    .dropdown-togglescur::after {
      display: inline-block;
      margin-left: .255em;
      vertical-align: .255em;
      content: "";
      border-top: .3em solid;
      border-right: .3em solid transparent;
      border-bottom: 0;
      border-left: .3em solid transparent;
      bottom: 0px;
      margin-top: -0.5rem;
      margin-left: 0.5rem;
    }

    .searchsection {
      margin-right: 1rem;
    }

    .dropdown-menus {
      display: none;
      position: absolute;
      background-color: #fff9f3;
      min-width: 160px;
      border: 1px solid #ddd;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
      z-index: 999;
    }

    .dropdown-menus a {
      display: block;
      padding: 10px;
      color: #333;
      text-decoration: none;
    }

    .dropdown-menus a:hover {
      background-color: #f5f5f5;
    }


    .displayblock {
      display: block;
    }

    .useriocn {
      height: 2rem;
      width: 2rem;
      border: 1px solid #7d6348;
      text-align: center;
      align-items: center;
      border-radius: 100px;
      font-size: 1.2rem !important;
      padding: 0.5rem;
      line-height: 0.7 !important;
      color: #7d6348;
    }

    .fa-shopping-cart,
    .fa-user {
      color: #7d6348;
    }

    .g5shop_header-action-icon a>span {
      background-color: #7d6348;
    }

    .useriocnmbl {
      height: 1rem;
      width: 1rem;
      border: 1px solid #7d6348;
      text-align: center;
      align-items: center;
      border-radius: 100px;
      font-size: 0.6rem !important;
      padding: 0.2rem;
      margin-right: 0.3rem;
      color: #7d6348;
    }

    .useriocnmbllbl {
      font-size: 0.7rem;
      font-weight: 600;
    }

    img.wp-smiley,
    img.emoji {
      display: inline !important;
      border: none !important;
      box-shadow: none !important;
      height: 1em !important;
      width: 1em !important;
      margin: 0 0.07em !important;
      vertical-align: -0.1em !important;
      background: none !important;
      padding: 0 !important;
    }

    .menu-horizontal .sub-menu {

      width: 400px !important;
      left: 0px !important;

    }

    .marginright1rem {
      margin-right: 1rem;
    }

    .useriocnmbllblfitstletter {
      /*width: 1.2rem !important;
    height: 1.2rem !important;*/
      font-size: 0.8rem;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .useriocnmbllblfitstletter i {
      font-size: 0.8rem;
      padding-left: 0.3rem;
      margin-top: 0.3rem;
    }

    body {
      font-family: "Inter", sans-serif;
    }
  </style>

  <script>
    function toggleDropdown() {
      const dropdown = document.getElementById("accountDropdown");
      dropdown.style.display = dropdown.style.display === "block" ? "none" : "block";
    }

    // Optional: Close on outside click
    document.addEventListener("click", function(event) {
      const wrapper = document.querySelector(".dropdown-wrapper");
      if (!wrapper.contains(event.target)) {
        document.getElementById("accountDropdown").style.display = "none";
      }
    });


    function toggleDropdownmbl() {
      const dropdown = document.getElementById("accountDropdownmbl");
      dropdown.style.display = dropdown.style.display === "block" ? "none" : "block";
    }

    // Optional: Close on outside click
    document.addEventListener("click", function(event) {
      const wrapper = document.querySelector(".dropdown-wrappermbl");
      if (!wrapper.contains(event.target)) {
        document.getElementById("accountDropdownmbl").style.display = "none";
      }
    });



    function toggleDropdowncur() {
      const dropdown = document.getElementById("accountDropdowncur");
      dropdown.style.display = dropdown.style.display === "block" ? "none" : "block";
    }

    // Optional: Close on outside click
    document.addEventListener("click", function(event) {
      const wrapper = document.querySelector(".dropdown-wrappercur");
      if (!wrapper.contains(event.target)) {
        document.getElementById("accountDropdowncur").style.display = "none";
      }
    });


    function toggleDropdowncurmbl() {
      const dropdown = document.getElementById("accountDropdowncurmbl");
      dropdown.style.display = dropdown.style.display === "block" ? "none" : "block";
    }

    // Optional: Close on outside click
    document.addEventListener("click", function(event) {
      const wrapper = document.querySelector(".dropdown-wrappercurmbl");
      if (!wrapper.contains(event.target)) {
        document.getElementById("accountDropdowncurmbl").style.display = "none";
      }
    });
  </script>

  <style id='wp-block-library-theme-inline-css' type='text/css'>
    .wp-block-audio :where(figcaption) {
      color: #555;
      font-size: 13px;
      text-align: center
    }

    .is-dark-theme .wp-block-audio :where(figcaption) {
      color: #ffffffa6
    }

    .wp-block-audio {
      margin: 0 0 1em
    }

    .wp-block-code {
      border: 1px solid #ccc;
      border-radius: 4px;
      font-family: Menlo, Consolas, monaco, monospace;
      padding: .8em 1em
    }

    .wp-block-embed :where(figcaption) {
      color: #555;
      font-size: 13px;
      text-align: center
    }

    .is-dark-theme .wp-block-embed :where(figcaption) {
      color: #ffffffa6
    }

    .wp-block-embed {
      margin: 0 0 1em
    }

    .blocks-gallery-caption {
      color: #555;
      font-size: 13px;
      text-align: center
    }

    .is-dark-theme .blocks-gallery-caption {
      color: #ffffffa6
    }

    :root :where(.wp-block-image figcaption) {
      color: #555;
      font-size: 13px;
      text-align: center
    }

    .is-dark-theme :root :where(.wp-block-image figcaption) {
      color: #ffffffa6
    }

    .wp-block-image {
      margin: 0 0 1em
    }

    .wp-block-pullquote {
      border-bottom: 4px solid;
      border-top: 4px solid;
      color: currentColor;
      margin-bottom: 1.75em
    }

    .wp-block-pullquote cite,
    .wp-block-pullquote footer,
    .wp-block-pullquote__citation {
      color: currentColor;
      font-size: .8125em;
      font-style: normal;
      text-transform: uppercase
    }

    .wp-block-quote {
      border-left: .25em solid;
      margin: 0 0 1.75em;
      padding-left: 1em
    }

    .wp-block-quote cite,
    .wp-block-quote footer {
      color: currentColor;
      font-size: .8125em;
      font-style: normal;
      position: relative
    }

    .wp-block-quote:where(.has-text-align-right) {
      border-left: none;
      border-right: .25em solid;
      padding-left: 0;
      padding-right: 1em
    }

    .wp-block-quote:where(.has-text-align-center) {
      border: none;
      padding-left: 0
    }

    .wp-block-quote.is-large,
    .wp-block-quote.is-style-large,
    .wp-block-quote:where(.is-style-plain) {
      border: none
    }

    .wp-block-search .wp-block-search__label {
      font-weight: 700
    }

    .wp-block-search__button {
      border: 1px solid #ccc;
      padding: .375em .625em
    }

    :where(.wp-block-group.has-background) {
      padding: 1.25em 2.375em
    }

    .wp-block-separator.has-css-opacity {
      opacity: .4
    }

    .wp-block-separator {
      border: none;
      border-bottom: 2px solid;
      margin-left: auto;
      margin-right: auto
    }

    .wp-block-separator.has-alpha-channel-opacity {
      opacity: 1
    }

    .wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
      width: 100px
    }

    .wp-block-separator.has-background:not(.is-style-dots) {
      border-bottom: none;
      height: 1px
    }

    .wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) {
      height: 2px
    }

    .wp-block-table {
      margin: 0 0 1em
    }

    .wp-block-table td,
    .wp-block-table th {
      word-break: normal
    }

    .wp-block-table :where(figcaption) {
      color: #555;
      font-size: 13px;
      text-align: center
    }

    .is-dark-theme .wp-block-table :where(figcaption) {
      color: #ffffffa6
    }

    .wp-block-video :where(figcaption) {
      color: #555;
      font-size: 13px;
      text-align: center
    }

    .is-dark-theme .wp-block-video :where(figcaption) {
      color: #ffffffa6
    }

    .wp-block-video {
      margin: 0 0 1em
    }

    :root :where(.wp-block-template-part.has-background) {
      margin-bottom: 0;
      margin-top: 0;
      padding: 1.25em 2.375em
    }
  </style>


  <style id='dashicons-inline-css' type='text/css'>
    [data-font="Dashicons"]:before {
      font-family: 'Dashicons' !important;
      content: attr(data-icon) !important;
      speak: none !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      line-height: 1 !important;
      font-style: normal !important;
      -webkit-font-smoothing: antialiased !important;
      -moz-osx-font-smoothing: grayscale !important;
    }
  </style>









  <style id='yith-wcwl-main-inline-css' type='text/css'>
    .yith-wcwl-share li a {
      color: #FFFFFF;
    }

    .yith-wcwl-share li a:hover {
      color: #FFFFFF;
    }

    .yith-wcwl-share a.facebook {
      background: #39599E;
      background-color: #39599E;
    }

    .yith-wcwl-share a.facebook:hover {
      background: #39599E;
      background-color: #39599E;
    }

    .yith-wcwl-share a.twitter {
      background: #45AFE2;
      background-color: #45AFE2;
    }

    .yith-wcwl-share a.twitter:hover {
      background: #39599E;
      background-color: #39599E;
    }

    .yith-wcwl-share a.pinterest {
      background: #AB2E31;
      background-color: #AB2E31;
    }

    .yith-wcwl-share a.pinterest:hover {
      background: #39599E;
      background-color: #39599E;
    }

    .yith-wcwl-share a.email {
      background: #FBB102;
      background-color: #FBB102;
    }

    .yith-wcwl-share a.email:hover {
      background: #39599E;
      background-color: #39599E;
    }

    .yith-wcwl-share a.whatsapp {
      background: #00A901;
      background-color: #00A901;
    }

    .yith-wcwl-share a.whatsapp:hover {
      background: #39599E;
      background-color: #39599E;
    }
  </style>



  <style id='classic-theme-styles-inline-css' type='text/css'>
    /*! This file is auto-generated */
    .wp-block-button__link {
      color: #fff;
      background-color: #32373c;
      border-radius: 9999px;
      box-shadow: none;
      text-decoration: none;
      padding: calc(.667em + 2px) calc(1.333em + 2px);
      font-size: 1.125em
    }

    .wp-block-file__button {
      background: #32373c;
      color: #fff;
      text-decoration: none
    }
  </style>
  <style id='global-styles-inline-css' type='text/css'>
    :root {
      --wp--preset--aspect-ratio--square: 1;
      --wp--preset--aspect-ratio--4-3: 4/3;
      --wp--preset--aspect-ratio--3-4: 3/4;
      --wp--preset--aspect-ratio--3-2: 3/2;
      --wp--preset--aspect-ratio--2-3: 2/3;
      --wp--preset--aspect-ratio--16-9: 16/9;
      --wp--preset--aspect-ratio--9-16: 9/16;
      --wp--preset--color--black: #000000;
      --wp--preset--color--cyan-bluish-gray: #abb8c3;
      --wp--preset--color--white: #ffffff;
      --wp--preset--color--pale-pink: #f78da7;
      --wp--preset--color--vivid-red: #cf2e2e;
      --wp--preset--color--luminous-vivid-orange: #ff6900;
      --wp--preset--color--luminous-vivid-amber: #fcb900;
      --wp--preset--color--light-green-cyan: #7bdcb5;
      --wp--preset--color--vivid-green-cyan: #00d084;
      --wp--preset--color--pale-cyan-blue: #8ed1fc;
      --wp--preset--color--vivid-cyan-blue: #0693e3;
      --wp--preset--color--vivid-purple: #9b51e0;
      --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%);
      --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
      --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);
      --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%);
      --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
      --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
      --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
      --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
      --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
      --wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
      --wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
      --wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
      --wp--preset--font-size--small: 13px;
      --wp--preset--font-size--medium: 20px;
      --wp--preset--font-size--large: 36px;
      --wp--preset--font-size--x-large: 42px;
      --wp--preset--spacing--20: 0.44rem;
      --wp--preset--spacing--30: 0.67rem;
      --wp--preset--spacing--40: 1rem;
      --wp--preset--spacing--50: 1.5rem;
      --wp--preset--spacing--60: 2.25rem;
      --wp--preset--spacing--70: 3.38rem;
      --wp--preset--spacing--80: 5.06rem;
      --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
      --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
      --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
      --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
      --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);
    }

    :where(.is-layout-flex) {
      gap: 0.5em;
    }

    :where(.is-layout-grid) {
      gap: 0.5em;
    }

    body .is-layout-flex {
      display: flex;
    }

    .is-layout-flex {
      flex-wrap: wrap;
      align-items: center;
    }

    .is-layout-flex> :is(*, div) {
      margin: 0;
    }

    body .is-layout-grid {
      display: grid;
    }

    .is-layout-grid> :is(*, div) {
      margin: 0;
    }

    :where(.wp-block-columns.is-layout-flex) {
      gap: 2em;
    }

    :where(.wp-block-columns.is-layout-grid) {
      gap: 2em;
    }

    :where(.wp-block-post-template.is-layout-flex) {
      gap: 1.25em;
    }

    :where(.wp-block-post-template.is-layout-grid) {
      gap: 1.25em;
    }

    .has-black-color {
      color: var(--wp--preset--color--black) !important;
    }

    .has-cyan-bluish-gray-color {
      color: var(--wp--preset--color--cyan-bluish-gray) !important;
    }

    .has-white-color {
      color: var(--wp--preset--color--white) !important;
    }

    .has-pale-pink-color {
      color: var(--wp--preset--color--pale-pink) !important;
    }

    .has-vivid-red-color {
      color: var(--wp--preset--color--vivid-red) !important;
    }

    .has-luminous-vivid-orange-color {
      color: var(--wp--preset--color--luminous-vivid-orange) !important;
    }

    .has-luminous-vivid-amber-color {
      color: var(--wp--preset--color--luminous-vivid-amber) !important;
    }

    .has-light-green-cyan-color {
      color: var(--wp--preset--color--light-green-cyan) !important;
    }

    .has-vivid-green-cyan-color {
      color: var(--wp--preset--color--vivid-green-cyan) !important;
    }

    .has-pale-cyan-blue-color {
      color: var(--wp--preset--color--pale-cyan-blue) !important;
    }

    .has-vivid-cyan-blue-color {
      color: var(--wp--preset--color--vivid-cyan-blue) !important;
    }

    .has-vivid-purple-color {
      color: var(--wp--preset--color--vivid-purple) !important;
    }

    .has-black-background-color {
      background-color: var(--wp--preset--color--black) !important;
    }

    .has-cyan-bluish-gray-background-color {
      background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
    }

    .has-white-background-color {
      background-color: var(--wp--preset--color--white) !important;
    }

    .has-pale-pink-background-color {
      background-color: var(--wp--preset--color--pale-pink) !important;
    }

    .has-vivid-red-background-color {
      background-color: var(--wp--preset--color--vivid-red) !important;
    }

    .has-luminous-vivid-orange-background-color {
      background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
    }

    .has-luminous-vivid-amber-background-color {
      background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
    }

    .has-light-green-cyan-background-color {
      background-color: var(--wp--preset--color--light-green-cyan) !important;
    }

    .has-vivid-green-cyan-background-color {
      background-color: var(--wp--preset--color--vivid-green-cyan) !important;
    }

    .has-pale-cyan-blue-background-color {
      background-color: var(--wp--preset--color--pale-cyan-blue) !important;
    }

    .has-vivid-cyan-blue-background-color {
      background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
    }

    .has-vivid-purple-background-color {
      background-color: var(--wp--preset--color--vivid-purple) !important;
    }

    .has-black-border-color {
      border-color: var(--wp--preset--color--black) !important;
    }

    .has-cyan-bluish-gray-border-color {
      border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
    }

    .has-white-border-color {
      border-color: var(--wp--preset--color--white) !important;
    }

    .has-pale-pink-border-color {
      border-color: var(--wp--preset--color--pale-pink) !important;
    }

    .has-vivid-red-border-color {
      border-color: var(--wp--preset--color--vivid-red) !important;
    }

    .has-luminous-vivid-orange-border-color {
      border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
    }

    .has-luminous-vivid-amber-border-color {
      border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
    }

    .has-light-green-cyan-border-color {
      border-color: var(--wp--preset--color--light-green-cyan) !important;
    }

    .has-vivid-green-cyan-border-color {
      border-color: var(--wp--preset--color--vivid-green-cyan) !important;
    }

    .has-pale-cyan-blue-border-color {
      border-color: var(--wp--preset--color--pale-cyan-blue) !important;
    }

    .has-vivid-cyan-blue-border-color {
      border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
    }

    .has-vivid-purple-border-color {
      border-color: var(--wp--preset--color--vivid-purple) !important;
    }

    .has-vivid-cyan-blue-to-vivid-purple-gradient-background {
      background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;
    }

    .has-light-green-cyan-to-vivid-green-cyan-gradient-background {
      background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;
    }

    .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
      background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;
    }

    .has-luminous-vivid-orange-to-vivid-red-gradient-background {
      background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;
    }

    .has-very-light-gray-to-cyan-bluish-gray-gradient-background {
      background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;
    }

    .has-cool-to-warm-spectrum-gradient-background {
      background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;
    }

    .has-blush-light-purple-gradient-background {
      background: var(--wp--preset--gradient--blush-light-purple) !important;
    }

    .has-blush-bordeaux-gradient-background {
      background: var(--wp--preset--gradient--blush-bordeaux) !important;
    }

    .has-luminous-dusk-gradient-background {
      background: var(--wp--preset--gradient--luminous-dusk) !important;
    }

    .has-pale-ocean-gradient-background {
      background: var(--wp--preset--gradient--pale-ocean) !important;
    }

    .has-electric-grass-gradient-background {
      background: var(--wp--preset--gradient--electric-grass) !important;
    }

    .has-midnight-gradient-background {
      background: var(--wp--preset--gradient--midnight) !important;
    }

    .has-small-font-size {
      font-size: var(--wp--preset--font-size--small) !important;
    }

    .has-medium-font-size {
      font-size: var(--wp--preset--font-size--medium) !important;
    }

    .has-large-font-size {
      font-size: var(--wp--preset--font-size--large) !important;
    }

    .has-x-large-font-size {
      font-size: var(--wp--preset--font-size--x-large) !important;
    }

    :where(.wp-block-post-template.is-layout-flex) {
      gap: 1.25em;
    }

    :where(.wp-block-post-template.is-layout-grid) {
      gap: 1.25em;
    }

    :where(.wp-block-columns.is-layout-flex) {
      gap: 2em;
    }

    :where(.wp-block-columns.is-layout-grid) {
      gap: 2em;
    }

    :root :where(.wp-block-pullquote) {
      font-size: 1.5em;
      line-height: 1.6;
    }

    .mblshoppage {
      /*  margin: 0px;
    font-size: 0.8em;
    margin-top: 0.28rem;
    font-weight: 600; */
      /*  margin: 0px;
    font-size: 0.8em;
    margin-top: 0.2rem;
    color: #fff !important;
    border: 1px solid #000;
    padding: 0rem 0.5rem; */
      margin: 0px;
      font-size: 0.8em;
      margin-top: 0.2rem;
      color: #fff !important;
      border: 1px solid #000;
      background: #000;
      padding: 0rem 0.5rem;
    }

    .mblshoppage a {
      color: #fff;
    }


    .shop-now-btn {
      position: fixed;
      right: 5px;
      top: 300px;
      /* adjusts button position */
      background-color: #fff;
      color: #000;
      font-weight: 600;
      padding: 5px 10px;
      font-size: 16px;
      font-weight: bold;

      text-decoration: none;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
      z-index: 9999;
      transition: all 0.3s ease;
      display: none;
      /* Hidden by default until scroll */
    }

    .shop-now-btn:hover {
      background-color: #f3f3f3;
    }
  </style>


  <script>
    document.addEventListener("scroll", function() {
      const btn = document.getElementById("shopNowBtn");
      if (window.scrollY > 150) {
        btn.style.display = "block";
      } else {
        btn.style.display = "none";
      }
    });
  </script>


  <link rel='stylesheet' id='woocommerce-smallscreen-css' href='<?= base_url() ?>assets/frontend/css/woocommerce-smallscreen.css?ver=6.6.1' type='text/css' media='only screen and (max-width: 768px)' />


  <link rel="stylesheet" href="<?= base_url() ?>assets/frontend/css/font-awesome.min.css" />


  <style id='woocommerce-inline-inline-css' type='text/css'>
    .woocommerce form .form-row .required {
      visibility: visible;
    }
  </style>

  <style id='font-awesome-inline-css' type='text/css'>
    [data-font="FontAwesome"]:before {
      font-family: 'FontAwesome' !important;
      content: attr(data-icon) !important;
      speak: none !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      line-height: 1 !important;
      font-style: normal !important;
      -webkit-font-smoothing: antialiased !important;
      -moz-osx-font-smoothing: grayscale !important;
    }
  </style>




  <script type="text/template" id="tmpl-variation-template">
    <div class="woocommerce-variation-description">{{{ data.variation.variation_description }}}</div>
	<div class="woocommerce-variation-price">{{{ data.variation.price_html }}}</div>
	<div class="woocommerce-variation-availability">{{{ data.variation.availability_html }}}</div>
</script>
  <script type="text/template" id="tmpl-unavailable-variation-template">
    <p>Sorry, this product is unavailable. Please choose a different combination.</p>
</script>
  <script type="text/javascript" src="<?= base_url() ?>assets/frontend/js/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
  <script type="text/javascript" src="<?= base_url() ?>assets/frontend/js/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>











  <noscript>
    <style>
      .woocommerce-product-gallery {
        opacity: 1 !important;
      }
    </style>
  </noscript>
  <style type="text/css" id="g5core-custom-css">
    .g5core__image-size-thumbnail:before {
      padding-top: 100%;
    }

    .g5core__image-size-medium:before {
      padding-top: 100%;
    }

    .g5core__image-size-large:before {
      padding-top: 100%;
    }

    .g5core__image-size-1536x1536:before {
      padding-top: 100%;
    }

    .g5core__image-size-2048x2048:before {
      padding-top: 100%;
    }

    .g5core__image-size-yith-woocompare-image:before {
      padding-top: 70%;
    }

    .g5core__image-size-woocommerce_thumbnail:before {
      padding-top: 133.25%;
    }

    .g5core__image-size-woocommerce_gallery_thumbnail:before {
      padding-top: 134%;
    }

    .g5core__image-size-shop_catalog:before {
      padding-top: 133.25%;
    }

    .g5core__image-size-shop_thumbnail:before {
      padding-top: 134%;
    }

    .g5blog__single-layout-6 .g5core-page-title+.g5blog__single-featured {
      padding-top: 0px;
    }

    .vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-accent .vc_bar,
    .vc_progress_bar.vc_progress-bar-color-accent .vc_single_bar .vc_bar {
      background-color: #000;
    }

    .vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-accent .vc_label,
    .vc_progress_bar.vc_progress-bar-color-accent .vc_single_bar .vc_label {
      color: #fff;
    }

    .vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-primary .vc_bar,
    .vc_progress_bar.vc_progress-bar-color-primary .vc_single_bar .vc_bar {
      background-color: #000;
    }

    .vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-primary .vc_label,
    .vc_progress_bar.vc_progress-bar-color-primary .vc_single_bar .vc_label {
      color: #fff;
    }

    .vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-secondary .vc_bar,
    .vc_progress_bar.vc_progress-bar-color-secondary .vc_single_bar .vc_bar {
      background-color: #357284;
    }

    .vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-secondary .vc_label,
    .vc_progress_bar.vc_progress-bar-color-secondary .vc_single_bar .vc_label {
      color: #fff;
    }

    .display-1 {
      font-family: 'Tuesday Night' !important;
      font-size: 56px;
      font-weight: 400 !important;
      font-style: normal !important;
      text-transform: none !important;
      letter-spacing: 0em !important
    }

    .display-2 {
      font-family: 'Butler' !important;
      font-size: 16px;
      font-weight: 400 !important;
      font-style: normal !important;
      text-transform: none !important;
      letter-spacing: 0em !important
    }

    .display-3 {
      font-family: 'a Antara Distance' !important;
      font-size: 16px;
      font-weight: 400 !important;
      font-style: normal !important;
      text-transform: none !important;
      letter-spacing: 0em !important
    }

    .display-4 {
      font-family: '"Inter", sans-serif' !important;
      font-size: 16px;
      font-weight: 400 !important;
      font-style: normal !important;
      text-transform: none !important;
      letter-spacing: 0em !important
    }

    .text-color {
      color: #7E7E7E !important
    }

    .accent-text-color {
      color: #000 !important
    }

    .accent-text-hover-color:hover {
      color: #000 !important
    }

    .accent-bg-color {
      background-color: #000 !important
    }

    .accent-bg-hover-color:hover {
      background-color: #000 !important
    }

    .accent-border-color {
      border-color: #000 !important
    }

    .accent-border-hover-color:hover {
      border-color: #000 !important
    }

    .border-text-color {
      color: #eee !important
    }

    .border-text-hover-color:hover {
      color: #eee !important
    }

    .border-bg-color {
      background-color: #eee !important
    }

    .border-bg-hover-color:hover {
      background-color: #eee !important
    }

    .border-border-color {
      border-color: #eee !important
    }

    .border-border-hover-color:hover {
      border-color: #eee !important
    }

    .heading-text-color {
      color: #000 !important
    }

    .heading-text-hover-color:hover {
      color: #000 !important
    }

    .heading-bg-color {
      background-color: #000 !important
    }

    .heading-bg-hover-color:hover {
      background-color: #000 !important
    }

    .heading-border-color {
      border-color: #000 !important
    }

    .heading-border-hover-color:hover {
      border-color: #000 !important
    }

    .caption-text-color {
      color: #7E7E7E !important
    }

    .caption-text-hover-color:hover {
      color: #7E7E7E !important
    }

    .caption-bg-color {
      background-color: #7E7E7E !important
    }

    .caption-bg-hover-color:hover {
      background-color: #7E7E7E !important
    }

    .caption-border-color {
      border-color: #7E7E7E !important
    }

    .caption-border-hover-color:hover {
      border-color: #7E7E7E !important
    }

    .placeholder-text-color {
      color: #9B9B9B !important
    }

    .placeholder-text-hover-color:hover {
      color: #9B9B9B !important
    }

    .placeholder-bg-color {
      background-color: #9B9B9B !important
    }

    .placeholder-bg-hover-color:hover {
      background-color: #9B9B9B !important
    }

    .placeholder-border-color {
      border-color: #9B9B9B !important
    }

    .placeholder-border-hover-color:hover {
      border-color: #9B9B9B !important
    }

    .primary-text-color {
      color: #000 !important
    }

    .primary-text-hover-color:hover {
      color: #000 !important
    }

    .primary-bg-color {
      background-color: #000 !important
    }

    .primary-bg-hover-color:hover {
      background-color: #000 !important
    }

    .primary-border-color {
      border-color: #000 !important
    }

    .primary-border-hover-color:hover {
      border-color: #000 !important
    }

    .secondary-text-color {
      color: #357284 !important
    }

    .secondary-text-hover-color:hover {
      color: #357284 !important
    }

    .secondary-bg-color {
      background-color: #357284 !important
    }

    .secondary-bg-hover-color:hover {
      background-color: #357284 !important
    }

    .secondary-border-color {
      border-color: #357284 !important
    }

    .secondary-border-hover-color:hover {
      border-color: #357284 !important
    }

    .dark-text-color {
      color: #000 !important
    }

    .dark-text-hover-color:hover {
      color: #000 !important
    }

    .dark-bg-color {
      background-color: #000 !important
    }

    .dark-bg-hover-color:hover {
      background-color: #000 !important
    }

    .dark-border-color {
      border-color: #000 !important
    }

    .dark-border-hover-color:hover {
      border-color: #000 !important
    }

    .light-text-color {
      color: #fff !important
    }

    .light-text-hover-color:hover {
      color: #fff !important
    }

    .light-bg-color {
      background-color: #fff !important
    }

    .light-bg-hover-color:hover {
      background-color: #fff !important
    }

    .light-border-color {
      border-color: #fff !important
    }

    .light-border-hover-color:hover {
      border-color: #fff !important
    }

    .gray-text-color {
      color: #8f8f8f !important
    }

    .gray-text-hover-color:hover {
      color: #8f8f8f !important
    }

    .gray-bg-color {
      background-color: #8f8f8f !important
    }

    .gray-bg-hover-color:hover {
      background-color: #8f8f8f !important
    }

    .gray-border-color {
      border-color: #8f8f8f !important
    }

    .gray-border-hover-color:hover {
      border-color: #8f8f8f !important
    }

    #site-wrapper {
      background-color: #fef8f1;
    }

    body.site-style-boxed {
      background-color: #eee;
    }

    @media screen and (max-width: 1199px) {
      #site-header {
        display: none;
      }

      #site-mobile-header {
        display: block;
      }

      body.g5core-is-header-vertical.g5core-is-header-vertical-left {
        padding-left: 0;
      }

      body.g5core-is-header-vertical.g5core-is-header-vertical-right {
        padding-right: 0;
      }

      .g5core-menu-mobile .main-menu .x-mega-sub-menu .vc_column_container,
      .g5core-menu-mobile .main-menu .x-mega-sub-menu .elementor-column {
        width: 100%;
      }
    }

    @media (min-width: 1200px) {

      body.g5core__stretched_content .g5core__single-breadcrumbs>.container,
      body.g5core__stretched_content #primary-content>.container,
      .g5core-site-header.header-layout-stretched .g5core-header-bellow>.container,
      .g5core-site-header.header-layout-stretched .g5core-header-above>.container,
      .g5core-site-header.header-layout-stretched .g5core-header-navigation>.container,
      .g5core-site-header.header-layout-stretched .g5core-top-bar-desktop>.container,
      .g5core-site-header.header-layout-stretched .g5core-header-desktop-wrapper>.container,
      .g5core-site-footer.footer-layout-stretched>.container,
      .g5core-page-title.page-title-layout-stretched>.container {
        max-width: 100%;
      }
    }

    .g5core-site-header,
    .g5core-header-vertical {
      background-color: #fff;
      color: #000;
    }

    .g5core-site-header.header-border-bottom {
      border-bottom: solid 1px #eee;
    }

    .g5core-header-customize ul.g5core-social-networks.g5core-social-networks a:hover,
    .g5core-header-desktop-wrapper .site-branding-text .site-title a:hover,
    .g5core-header-desktop-wrapper .menu-horizontal>.menu-current>a,
    .g5core-header-desktop-wrapper .menu-horizontal>.current-menu-parent>a,
    .g5core-header-desktop-wrapper .menu-horizontal>.current-menu-ancestor>a,
    .g5core-header-desktop-wrapper .menu-horizontal>.current-menu-item>a,
    .g5core-header-desktop-wrapper .menu-horizontal>.menu-item>a:hover,
    .g5core-header-desktop-wrapper .menu-horizontal>.menu-item>a:focus,
    .g5core-header-desktop-wrapper .site-branding-text .site-title a:hover,
    .g5core-header-desktop-wrapper .g5core-search-button a:hover,
    .g5core-header-desktop-wrapper .g5core-login-button a:hover,
    .g5core-header-desktop-wrapper .toggle-icon:hover,
    .g5core-header-desktop-wrapper .g5shop_header-action-icon:hover {
      color: #000;
    }

    .g5core-header-desktop-wrapper .select2-container--default.select2-container--default .select2-selection--single,
    .g5core-header-desktop-wrapper .g5core-search-form select,
    .g5core-header-desktop-wrapper .g5core-search-form input[type=search] {
      border-color: #eee;
    }

    .g5core-header-desktop-wrapper .g5core-search-form .remove,
    .g5core-header-desktop-wrapper .g5core-search-form input[type=search]::placeholder,
    .g5core-header-desktop-wrapper .g5core-search-form button {
      color: #696969;
    }

    .g5core-header-navigation {
      background-color: #fff;
      color: #000000;
    }

    .g5core-header-navigation.navigation-bordered-top {
      border-top-color: #eee;
    }

    .g5core-header-navigation.navigation-bordered-bottom {
      border-bottom-color: #eee;
    }

    .g5core-header-navigation ul.g5core-social-networks.g5core-social-networks a:hover,
    .g5core-header-navigation .g5shop_header-action-icon:hover,
    .g5core-header-navigation .menu-horizontal>.menu-current>a,
    .g5core-header-navigation .menu-horizontal>.current-menu-parent>a,
    .g5core-header-navigation .menu-horizontal>.current-menu-ancestor>a,
    .g5core-header-navigation .menu-horizontal>.current-menu-item>a,
    .g5core-header-navigation .menu-horizontal>.menu-item>a:hover,
    .g5core-header-navigation .site-branding-text .site-title a:hover,
    .g5core-header-navigation .g5core-search-button a:hover,
    .g5core-header-navigation .g5core-login-button a:hover,
    .g5core-header-navigation .toggle-icon:hover {
      color: #000;
    }

    .g5core-header-navigation .select2-container--default.select2-container--default .select2-selection--single,
    .g5core-header-navigation .g5core-search-form select,
    .g5core-header-navigation .g5core-search-form input[type=search] {
      border-color: #eee;
    }

    .g5core-header-navigation .g5core-search-form input[type=search]::placeholder,
    .g5core-header-navigation .g5core-search-form button {
      color: #696969;
    }

    .sticky-area-wrap.sticky .sticky-area {
      background-color: #fff;
      color: #000;
    }

    .sticky-area-wrap.sticky .menu-horizontal>.menu-item>a,
    .sticky-area-wrap.sticky .site-branding-text .site-title a,
    .sticky-area-wrap.sticky .g5core-search-button a,
    .sticky-area-wrap.sticky .g5core-login-button a,
    .sticky-area-wrap.sticky .toggle-icon {
      color: #000;
    }

    .sticky-area-wrap.sticky .menu-horizontal>.menu-current>a,
    .sticky-area-wrap.sticky .menu-horizontal>.current-menu-parent>a,
    .sticky-area-wrap.sticky .menu-horizontal>.current-menu-ancestor>a,
    .sticky-area-wrap.sticky .menu-horizontal>.current-menu-item>a,
    .sticky-area-wrap.sticky .menu-horizontal>.menu-item>a:hover,
    .sticky-area-wrap.sticky .site-branding-text .site-title a:hover,
    .sticky-area-wrap.sticky .g5core-search-button a:hover,
    .sticky-area-wrap.sticky .g5core-login-button a:hover,
    .sticky-area-wrap.sticky .toggle-icon:hover,
    .sticky-area-wrap.sticky .g5shop_header-action-icon:hover {
      color: #000;
    }

    .sticky-area-wrap.sticky .select2-container--default.select2-container--default .select2-selection--single,
    .sticky-area-wrap.sticky .g5core-search-form select,
    .sticky-area-wrap.sticky .g5core-search-form input[type=search] {
      border-color: #eee;
    }

    .sticky-area-wrap.sticky .g5core-search-form input[type=search]::placeholder,
    .sticky-area-wrap.sticky .g5core-search-form button {
      color: #696969;
    }

    .g5core-mobile-header-wrapper {
      background-color: #fff;
      color: #000000;
    }

    .g5core-mobile-header-wrapper.border-bottom {
      border-bottom: solid 1px #eee;
    }

    .g5core-mobile-header-wrapper .g5core-search-button a:hover,
    .g5core-mobile-header-wrapper .g5core-login-button a:hover,
    .g5core-mobile-header-wrapper .toggle-icon:hover,
    .g5core-mobile-header-wrapper .g5shop_header-action-icon:hover {
      color: #000;
    }

    .sticky-area-wrap.sticky .g5core-mobile-header-wrapper.sticky-area {
      background-color: #fff;
      color: #000;
    }

    .sticky-area-wrap.sticky .g5core-mobile-header-wrapper.sticky-area .g5core-search-button a,
    .sticky-area-wrap.sticky .g5core-mobile-header-wrapper.sticky-area .g5core-login-button a,
    .sticky-area-wrap.sticky .g5core-mobile-header-wrapper.sticky-area .toggle-icon {
      color: #000;
    }

    .sticky-area-wrap.sticky .g5core-mobile-header-wrapper.sticky-area.border-bottom {
      border-bottom: solid 1px #eee;
    }

    .sticky-area-wrap.sticky .g5core-mobile-header-wrapper.sticky-area .g5core-search-button a:hover,
    .sticky-area-wrap.sticky .g5core-mobile-header-wrapper.sticky-area .g5core-login-button a:hover,
    .sticky-area-wrap.sticky .g5core-mobile-header-wrapper.sticky-area .toggle-icon:hover {
      color: #000;
    }

    .g5core-top-bar-desktop {
      background-colors: #765d3f;
      background-color: #7d6348;
      color: #ffffff;
    }

    .g5core-top-bar-desktop .g5core-login-button a:hover,
    .g5core-top-bar-desktop .g5core-top-bar-item a:hover {
      color: #ffffff;
    }

    .top-bar-desktop-border-bottom {
      border-bottom: solid 1px #eee;
    }

    .g5core-top-bar-mobile {
      background-color: #f6f6f6;
      color: #1b1b1b;
    }

    .g5core-top-bar-mobile .g5core-login-button a:hover,
    .g5core-top-bar-mobile .g5core-top-bar-item a:hover {
      color: #999;
    }

    .top-bar-mobile-border-bottom {
      border-bottom: solid 1px #eee;
    }

    .g5core-header-desktop-wrapper .menu-horizontal .sub-menu {
      background-color: #fff;
      color: #7E7E7E;
    }

    .g5core-header-desktop-wrapper .menu-horizontal .sub-menu .menu-item>a {
      color: inherit;
    }

    .g5core-header-desktop-wrapper .menu-horizontal .sub-menu .menu-item .x-mega-sub-menu .gel-heading-title,
    .g5core-header-desktop-wrapper .menu-horizontal .sub-menu .menu-item .x-mega-sub-menu .ube-heading-title {
      color: #000;
    }

    .menu-horizontal .sub-menu .menu-item.menu-current>a,
    .menu-horizontal .sub-menu .menu-item.current-menu-parent>a,
    .menu-horizontal .sub-menu .menu-item.current-menu-ancestor>a,
    .menu-horizontal .sub-menu .menu-item.current-menu-item>a,
    .g5core-header-desktop-wrapper .menu-horizontal .sub-menu .menu-item>a:hover,
    .g5core-header-desktop-wrapper .menu-horizontal .sub-menu .menu-item .x-mega-sub-menu div.gel-list .item-list:hover,
    .g5core-header-desktop-wrapper .menu-horizontal .sub-menu .menu-item .x-mega-sub-menu div.gel-list .current-menu-item>a,
    .g5core-header-desktop-wrapper .menu-horizontal .sub-menu .menu-item .x-mega-sub-menu .ube-list-icon .list-icon-item:hover,
    .g5core-header-desktop-wrapper .menu-horizontal .sub-menu .menu-item .x-mega-sub-menu .ube-list-icon .current-menu-item>a {
      color: #000;
      background-color: #fff;
    }

    .g5core-header-desktop-wrapper .menu-horizontal .sub-menu .menu-item {
      border-bottom-color: #fff;
    }

    .menu-vertical.navigation-bordered {
      border-top-color: #eee;
    }

    .menu-vertical.navigation-bordered>.menu-item {
      border-bottom-color: #eee;
    }

    .menu-vertical .menu-item:hover>a {
      color: #000;
    }

    .menu-vertical>.menu-item>a {
      color: #000;
    }

    .menu-vertical .sub-menu {
      background-color: #fff;
      border-color: #fff;
    }

    .menu-vertical .sub-menu .menu-item {
      border-bottom-color: #fff;
    }

    .menu-vertical .sub-menu .menu-item>a {
      color: #7E7E7E;
    }

    .menu-vertical .sub-menu .menu-item>a:hover {
      color: #000;
    }

    .g5core-top-bar,
    .g5core-top-bar .menu-horizontal>.menu-item>a,
    .g5core-top-bar .g5core-login-button a {
      font-family: "Inter", sans-serif;
      font-size: 16px;
      font-weight: 600;
      font-style: normal;
      text-transform: none;
      letter-spacing: 0em;
    }

    .menu-popup>.menu-item>a,
    .menu-horizontal>.menu-item>a,
    .menu-vertical>.menu-item>a {
      font-family: "Inter", sans-serif;
      font-size: 14px;
      font-weight: 600;
      font-style: normal;
      text-transform: uppercase;
      letter-spacing: 0.1em;
    }

    .menu-popup .sub-menu .menu-item>a,
    .menu-horizontal .sub-menu .menu-item>a,
    .menu-vertical .sub-menu .menu-item>a,
    .g5core-header-desktop-wrapper .x-mega-sub-menu div.gel-list .item-list,
    .g5core-header-desktop-wrapper .x-mega-sub-menu .ube-list-icon .list-icon-item {
      font-family: "Inter", sans-serif;
      font-size: 15px;
      font-weight: 500;
      font-style: normal;
      text-transform: none;
      letter-spacing: 0em;
    }

    .site-branding-text .site-title {
      font-family: "Inter", sans-serif;
      font-size: 34px;
      font-weight: 600;
      font-style: normal;
      text-transform: uppercase;
      letter-spacing: 0em;
    }

    .g5core-site-branding .site-logo {
      max-height: auto;
    }

    .g5core-site-branding .site-logo-svg {
      height: 26px;
    }

    .g5core-header-above .g5core-site-branding .site-logo,
    .g5core-header-bellow .g5core-site-branding .site-logo {
      max-height: 26px;
    }

    .g5core-header-above .g5core-site-branding .site-logo-svg,
    .g5core-header-bellow .g5core-site-branding .site-logo-svg {
      height: 26px;
    }

    .g5core-site-header .sticky-area-wrap.sticky .sticky-area .g5core-site-branding .site-logo {
      max-height: 26px;
    }

    .g5core-mobile-header-inner .site-logo {
      max-height: 22px;
    }

    .g5core-mobile-header-inner .site-logo-svg {
      height: 26px;
    }

    .sticky-area-wrap.sticky .g5core-mobile-header-inner .site-logo {
      max-height: 22px;
    }

    @media (min-width: 992px) {
      body.site-style-bordered {
        border: solid 30px #eee;
      }

      .g5core-site-bordered-top,
      .g5core-site-bordered-bottom {
        border-top: solid 30px #eee;
      }

      body.site-style-bordered .sticky-area-wrap.sticky>.sticky-area {
        margin-left: 30px;
        margin-right: 30px;
      }

      body.site-style-bordered .g5core-header-vertical {
        top: 30px;
        bottom: 30px;
      }

      body.site-style-bordered.admin-bar .g5core-header-vertical {
        top: 62px;
      }

      body.site-style-bordered .g5core-header-vertical-left {
        margin-left: 30px;
      }

      body.site-style-bordered .g5core-header-vertical-right {
        margin-right: 30px;
      }

      body.site-style-bordered .g5core-site-footer-fixed {
        bottom: 30px;
        left: 30px;
        right: 30px;
      }

      body.site-style-bordered .g5core-back-to-top {
        bottom: 40px;
        right: 40px;
      }

      body.site-style-bordered.g5core-is-header-vertical-right.g5core-is-header-vertical-large .g5core-back-to-top,
      body.site-style-bordered.g5core-is-header-vertical-right.g5core-is-header-vertical-mini .g5core-back-to-top {
        left: 40px;
      }
    }

    #primary-content {
      padding-top: 0px;
    }

    #primary-content {
      padding-bottom: 0px;
    }

    @media (max-width:991px) {
      #primary-content {
        padding-top: 0px;
      }
    }

    @media (max-width:991px) {
      #primary-content {
        padding-bottom: 0px;
      }
    }

    body {
      --e-global-typography-primary-font-family: "Inter", sans-serif !important;
      --e-global-typography-primary-font-weight: 400 !important;
      --e-global-typography-text-font-family: "Inter", sans-serif !important;
      --e-global-typography-text-font-weight: 500 !important;
    }

    :root {
      --g5-body-font: '"Inter", sans-serif';
      --g5-body-font-size: 15px;
      --g5-body-font-weight: 500;
      --g5-primary-font: '"Inter", sans-serif';
      --g5-h1-font: '"Inter", sans-serif';
      --g5-h1-font-size: 48px;
      --g5-h1-font-weight: 600;
      --g5-h2-font: '"Inter", sans-serif';
      --g5-h2-font-size: 40px;
      --g5-h2-font-weight: 600;
      --g5-h3-font: '"Inter", sans-serif';
      --g5-h3-font-size: 34px;
      --g5-h3-font-weight: 600;
      --g5-h4-font: '"Inter", sans-serif';
      --g5-h4-font-size: 24px;
      --g5-h4-font-weight: 600;
      --g5-h5-font: '"Inter", sans-serif';
      --g5-h5-font-size: 20px;
      --g5-h5-font-weight: 600;
      --g5-h6-font: '"Inter", sans-serif';
      --g5-h6-font-size: 18px;
      --g5-h6-font-weight: 600;
      --g5-display-1-font: 'Tuesday Night';
      --g5-display-1-font-size: 56px;
      --g5-display-1-font-weight: 400;
      --g5-display-1-text-transform: none;
      --g5-display-2-font: 'Butler';
      --g5-display-2-font-size: 16px;
      --g5-display-2-font-weight: 400;
      --g5-display-2-text-transform: none;
      --g5-display-3-font: 'a Antara Distance';
      --g5-display-3-font-size: 16px;
      --g5-display-3-font-weight: 400;
      --g5-display-3-text-transform: none;
      --g5-display-4-font: '"Inter", sans-serif';
      --g5-display-4-font-size: 16px;
      --g5-display-4-font-weight: 400;
      --g5-display-4-text-transform: none;
      --g5-color-accent: #000;
      --g5-color-accent-foreground: #fff;
      --g5-color-accent-brightness: #131313;
      --g5-color-border: #eee;
      --g5-color-heading: #000;
      --g5-color-placeholder: #9B9B9B;
      --g5-color-primary: #000;
      --g5-color-primary-foreground: #fff;
      --g5-color-primary-brightness: #5d8d74;
      --g5-color-secondary: #357284;
      --g5-color-secondary-foreground: #fff;
      --g5-color-secondary-brightness: #408a9f;
      --g5-color-dark: #000;
      --g5-color-dark-foreground: #fff;
      --g5-color-dark-brightness: #131313;
      --g5-color-light: #fff;
      --g5-color-light-foreground: #222;
      --g5-color-light-brightness: #ebebeb;
      --g5-color-gray: #8f8f8f;
      --g5-color-gray-foreground: #fff;
      --g5-color-gray-brightness: #a2a2a2;
      --g5-color-text-main: #7E7E7E;
      --g5-color-muted: #7E7E7E;
      --g5-color-link: #000;
      --g5-color-link-hover: #191919
    }

    .vc_custom_1633331957605 {
      background-color: #f8f8f8 !important;
    }

    .vc_custom_1633143717094 {
      margin-bottom: 18px !important;
    }

    .vc_custom_1633143709647 {
      margin-bottom: 20px !important;
    }

    .vc_custom_1633143804888 {
      margin-bottom: 20px !important;
    }

    .vc_custom_1633146933581 {
      margin-bottom: 0px !important;
    }

    .vc_custom_1634116185411 {
      margin-bottom: 0px !important;
    }

    .vc_custom_1633330694434 {
      margin-bottom: 0px !important;
    }

    .vc_custom_1650881538067 {
      padding-top: 30px !important;
      padding-right: 30px !important;
      padding-bottom: 30px !important;
      padding-left: 30px !important;
    }

    .vc_custom_1566788968570 {
      padding-top: 30px !important;
      padding-bottom: 30px !important;
      padding-left: 30px !important;
    }

    .vc_custom_1634117023895 {
      padding-top: 15px !important;
      padding-right: 60px !important;
      padding-bottom: 20px !important;
      padding-left: 20px !important;
    }

    .vc_custom_1634117248306 {
      margin-right: 15px !important;
      margin-left: 15px !important;
      padding-bottom: 15px !important;
      padding-left: 25px !important;
      background-position: center !important;
      background-repeat: no-repeat !important;
      background-size: cover !important;
    }

    .bgblock {
      margin-top: 3rem;
      padding: 2rem;
      background: #fffbf9;
      padding-bottom: 2rem;
    }

    .collageiages {
      font-size: 1.2rem;
      font-weight: 400;
      cursor: pointer;
      margin-right: 1rem;

    }

    .collageiagesactive {
      font-size: 1.2rem;
      font-weight: 600;
      cursor: pointer;
      border-bottom: 1px solid #cdcdcd;

    }

    @media screen and (max-width: 768px) {
      .displayflexm {
        margin-left: 0.5rem;
      }

      .displayflexm .searchfieldm {
        padding: 0px 5px;
      }

      .displayflexm .fa-search {
        display: none;
      }

      .useriocnmbllbl,
      .useriocnmbl,
      .dropdown-toggles::after,
      #destopview {
        display: none;
      }

      .g5shop_header-action-icon a i {
        font-size: 20px;
        margin-top: 0.2rem;
        margin-left: 0.4rem;
      }

      .g5shop__mini-cart-icon g5shop_header-action-icon ruby-span {
        display: block;
      }

      .searchfieldm {
        width: 90% !important;
        margin-top: 0.3rem;
      }

      .dropdown-wrappermbl {
        margin-top: 0.6rem;
      }

      .g5core-mobile-header-inner .site-logo {
        max-height: 35px !important;
      }

      .container {
        padding-right: 13px;
      }

    }

    #accountDropdownmbl {

      position: absolute;
      min-width: 200px;
      right: -40px;
    }

    #accountDropdowncur {

      position: absolute;
      min-width: 200px;
      right: 100px;
      background: #fff;
      display: none;
    }

    .dropdown-wrappercur {
      margin-right: -1rem;
      margin-top: 0.7rem;
    }

    #accountDropdowncurmbl {

      position: absolute;
      min-width: 200px;
      right: 0px;
      background: #fff;
      display: none;
    }

    .dropdown-wrappercurmbl {
      margin-right: 1rem;
      margin-top: 0.4rem;
    }

    .useriocnmbllblfitstletter {
      text-transform: capitalize;
    }



    /* Red group */
    .nameiocn {
      margin-top: 0.2rem;
      font-size: 0.7rem !important;
    }

    .marginright05rem {
      margin-right: 0.8rem;
    }

    .letter-a,
    .letter-g,
    .letter-m,
    .letter-s,
    .letter-y {
      background-color: none;
      width: 1.5rem;
      height: 1.5rem;
      border: 1px solid #000;
      border-radius: 100px;
      display: flex;
      justify-content: center;
      text-align: center;
      margin: 0pc;
      color: #000;
      line-height: 1.2;
      font-weight: 600;
      margin-top: -0.25rem;
    }

    /* Green group */
    .letter-b,
    .letter-h,
    .letter-n,
    .letter-t,
    .letter-z {
      background-color: none;
      width: 1.5rem;
      height: 1.5rem;
      border: 1px solid #000;
      border-radius: 100px;
      display: flex;
      justify-content: center;
      text-align: center;
      margin: 0pc;
      color: #000;
      line-height: 1.2;
      font-weight: 600;
      margin-top: -0.25rem;
    }

    /* You can keep adding more groups/colors */
    .letter-c,
    .letter-i,
    .letter-o,
    .letter-u {
      background-color: none;
      width: 1.5rem;
      height: 1.5rem;
      border: 1px solid #000;
      border-radius: 100px;
      display: flex;
      justify-content: center;
      text-align: center;
      margin: 0pc;
      color: #000;
      line-height: 1.2;
      font-weight: 600;
      margin-top: -0.25rem;
    }

    .letter-d,
    .letter-j,
    .letter-p,
    .letter-v {
      background-color: none;
      width: 1.5rem;
      height: 1.5rem;
      border: 1px solid #000;
      border-radius: 100px;
      display: flex;
      justify-content: center;
      text-align: center;
      margin: 0pc;
      color: #000;
      line-height: 1.2;
      font-weight: 600;
      margin-top: -0.25rem;
    }

    .letter-e,
    .letter-k,
    .letter-q,
    .letter-w {
      background-color: none;
      width: 1.5rem;
      height: 1.5rem;
      border: 1px solid #000;
      border-radius: 100px;
      display: flex;
      justify-content: center;
      text-align: center;
      margin: 0pc;
      color: #000;
      line-height: 1.2;
      font-weight: 600;
      margin-top: -0.25rem;
    }

    .letter-f,
    .letter-l,
    .letter-r,
    .letter-x {
      background-color: none;
      width: 1.5rem;
      height: 1.5rem;
      border: 1px solid #000;
      border-radius: 100px;
      display: flex;
      justify-content: center;
      text-align: center;
      margin: 0pc;
      color: #000;
      line-height: 1.2;
      font-weight: 600;
      margin-top: -0.25rem;
    }

    .read-more-btn,
    #read-more-btn {
      color: #2a4866 !important;
    }

    .read-more-btn i {
      transition: transform 0.3s ease;
    }

    .read-more-btn:hover i {
      transform: translateX(5px);
      /* Move right 5px on hover */
    }

    .read-more-btn:hover {
      transform: translateX(5px);
      /* Move right 5px on hover */
    }


    .g5shop__product-flash,
    .woocommerce span.onsale {

      width: 100px !important;

      background: #30760e !important;

    }

    .socialmedialink {
      font-size: 1.2rem;
      padding: 0.5rem;
    }

    .gel-heading-title {
      color: #b39b80;
      font-size: 1.4rem;
    }

    .paddingtb3rem {
      padding-top: 3rem;
      padding-bottom: 3rem;
    }

    .g5core-header-inner {
      background: #fef8f1;
    }