/*-----------------------------------------------------------------------------------
  Template Name: Banno - The Bakery & Chocolate eCommerce HTML5 Template
  Template URI: https://spacingtech.com
  Description: A best stylish, creative, modern responsive template for different eCommerce business or industries.
  Author: spacingtech_webify
  -----------------------------------------------------------------------------------
  CSS INDEX
  =========================================
  01. Theme default css
      - Section padding css
      - Section border css
      - Section title css
      - button toggler css
      - Product timer css
      - Payment icon css
      - Social icon css
      - Banner hover css
      - Currency css
      - Search modal css
      - Mini cart css
      - Screen bg css
      - Preloader css
      - Quickview css
      - back-to-top css
      - Slider arrow css
      - Slider dot css
      - Scrollbar css
  02. Newsletter popup css
  03. Top notification css
  04. Tab css
  05. Header css
      - Sticky header css
      - Header top css
      - Header icon css
      - Header bottom css
      - Header vegamenu css
      - Header mainmenu css
      - Header contact css
  06. Slider css
  07. Banner css
  07. Deal product css
  08. Testimonial css
  09. Footer css
      - Service css
      - Newsletter css
      - footer link css
  10. Copyright css
  -----------------------------------------------------------------------------------*/
  /* transition */
  /* flex */
  /* transform */
  /* opacity */
  /* box-shadow */
  /* keyframe */

  /*====================================
      Google font
  =====================================*/
  @import url('https://fonts.googleapis.com/css2?family=Outfit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

  :root {
      --font-weight-body--bold: 700;
      --font-weight-body--bolder: 700;
      --font-color-body: #6f6f6f;
      --font-size-body: 15px;
      --background-color-body: #ffffff;
      --extra-color-body: #f3f2ee;
      /* --font-custom-stack-body: 'Poppins', sans-serif; */
      --font-custom-stack-body: "League Spartan", sans-serif;
      --font-custom-weight-body: 400;
      --font-custom-style-body: normal;
      --font-letter-spacing-body: 0px;
      --font-color-header: #333333;
      --font-custom-stack-header: 'Outfit', sans-serif;
      --font-custom-weight-header: 600;
      --font-custom-style-header: normal;
      --font-color-section-header: #333333;
      --font-custom-stack-section-header: 'Outfit', sans-serif;
      --font-custom-weight-section-header: 600;
      --font-custom-style-section-header: normal;
      --font-text-section-header: none;
      --font-color-paragraph: #6f6f6f;
      --font-custom-stack-paragraph: 'Poppins', sans-serif;
      --font-custom-weight-paragraph: 400;
      --font-custom-style-paragraph: normal;
      --font-line-height-paragraph: 30px;
      --font-custom-stack-other: 'Poppins', sans-serif;
      --font-color-primary: #5A3A13;
      /* --font-color-primary: #c19d60;*/
      --font-color-secondary: #333333;
      --theme-border-color: rgba(193, 157, 96, 0.2);
      --sti-color: #6f6f6f;
      --sti-font-size: 14px;
      --sti-bgcolor: #FFFFFF;
      --sti-text: none;
      --sti-font-weight: 400;
      --sti-border: 1px solid rgba(194, 159, 94, 0.3);
      --sti-border-radius: 0px;
      --footer-text-color: #808080;
      --footer-head-color: #5A3A13;
      /* --footer-head-color: #c19d60;*/
      --box-body-bgcolor: #FFFFFF;
      --box-shadow-color: 0px 0px 15px rgba(51, 51, 51, 0.15);

      /* custom root */
      --thmeclr-light: #FBF2D3;
      --themeclr-dark: #626f47;
      --border-clr: rgba(125, 88, 42, 54%);
      --font-family: "League Spartan", sans-serif;
      --themeclr-g: #785529;
  }

  /*====================================
      Typography
  =====================================*/
  body {
      color: var(--font-color-body);
      font-size: var(--font-size-body);
      background-color: var(--background-color-body);
      font-family: var(--font-custom-stack-body);
      font-weight: var(--font-custom-weight-body);
      font-style: var(--font-custom-style-body);
      line-height: normal;
      letter-spacing: var(--font-letter-spacing-body);
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: antialiased;
      text-size-adjust: 100%;
  }

  body.hidden,
  html.hidden {
      overflow: hidden;
      margin-right: 17px;
  }

  @media (max-width: 1199px) {

      body.hidden,
      html.hidden {
          margin: 0 auto;
      }

      body.hidden {
          overflow: hidden;
          margin: 0 auto;
      }
  }

  button {
      border-radius: 8px !important;
  }

  /*====================================
      heading css
  =====================================*/
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
      color: var(--font-color-header);
      margin: 0;
      padding: 0;
      font-family: var(--font-custom-stack-header);
      font-weight: var(--font-custom-weight-header);
      font-style: var(--font-custom-style-header);
      line-height: normal;
  }

  /*====================================
      'p' tag css
  =====================================*/
  p {
      color: var(--font-color-paragraph);
      margin-bottom: 0px;
      --font-custom-stack-paragraph: 'Poppins', sans-serif;
      --font-custom-weight-paragraph: 400;
      --font-custom-style-paragraph: normal;
      font-family: var(--font-custom-stack-paragraph);
      font-weight: var(--font-custom-weight-paragraph);
      font-style: var(--font-custom-style-paragraph);
      line-height: var(--font-line-height-paragraph);
  }

  /*==============================
      container css
  ==============================*/
  .container {
      max-width: 1380px;
      padding: 0px 15px;
  }

  @media (max-width: 1499px) {
      .container {
          max-width: 1320px;
      }
  }

  @media (max-width: 1399px) {
      .container {
          max-width: 1140px;
      }
  }

  @media (max-width: 1199px) {
      .container {
          max-width: 960px;
          padding: 0px 12px;
      }
  }

  @media (max-width: 991px) {
      .container {
          max-width: 720px;
      }
  }

  @media (max-width: 767px) {
      .container {
          max-width: 100%;
      }
  }

  /*==============================
      container-fluid css
  ==============================*/
  .container-fluid {
      padding: 0px 100px;
  }

  @media (max-width: 1499px) {
      .container-fluid {
          padding: 0px 30px;
      }
  }

  @media (max-width: 1199px) {
      .container-fluid {
          padding: 0px 12px;
      }
  }

  /*====================================
      'a' tag css
  =====================================*/
  a {
      color: var(--font-color-header);
      display: inline-block;
      text-decoration: none;
  }

  a:hover {
      color: var(--font-color-body);
  }

  a,
  a:hover {
      -webkit-transition: all 0.3s ease-in-out 0s;
      -o-transition: all 0.3s ease-in-out 0s;
      transition: all 0.3s ease-in-out 0s;
  }

  /*====================================
      'span' tag css
  =====================================*/
  span {
      display: inline-block;
  }

  /*====================================
      'button' tag css
  =====================================*/
  button {
      padding: 0px;
      display: inline-block;
      background: 0 0;
      font-family: var(--font-stack-body);
      border: none;
      line-height: normal;
  }

  button,
  button:hover {
      -webkit-transition: all .3s ease-in-out 0s;
      -o-transition: all .3s ease-in-out 0s;
      transition: all .3s ease-in-out 0s;
  }

  button,
  button:focus {
      outline: none;
      box-shadow: none;
  }

  .btn:focus,
  .btn:active:focus,
  .btn.active:focus {
      outline: none;
      box-shadow: none;
  }

  .navbar-toggler:focus {
      box-shadow: none;
  }

  a.disabled,
  a.btn.disabled,
  a.btn[disabled],
  a.quick-view.disabled,
  button.btn.disabled,
  button.btn[disabled],
  button[disabled] {
      color: #eaeaea !important;
      background-color: #ababab !important;
      opacity: .65;
      pointer-events: none;
      border-color: #ababab !important;
  }

  /*====================================
      btn-style css
  =====================================*/
  /* btn-style css */

  /* .btns-flex>* {
      flex: 1;
      font-size: 16px !important;
      letter-spacing: normal;
      height: auto !important;
      padding: 14px 0 !important;
  } */

  .btns-flex>* {
      flex: 1;
      /* font-size: 16px !important; */
      /* letter-spacing: normal; */
      height: 44px !important;
      padding: 12px 0 8px !important;
  }

  .btn-style {
      color: var(--sti-bgcolor);
      font-size: 16px;
      padding: 16px 40px 14px;
      background-color: var(--font-color-primary);
      text-transform: uppercase;
      font-weight: 600;

      border: 1px solid var(--font-color-primary);
      border-radius: 8px;
      box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
      letter-spacing: 0.5px;
      line-height: normal;
  }

  .btn-style:hover {
      color: var(--font-color-primary);
      background-color: transparent;
      border: 1px solid var(--font-color-primary);
      box-shadow: none !important;
  }

  .singlemainbtns>* {
      height: 48px !important;
  }

  .btn-style-o {
      color: var(--font-color-primary);
      background-color: var(--sti-bgcolor);
      border: 1px solid var(--themeclr-dark);
      font-size: 18px;
      padding: 14px 40px 12px;
      text-transform: uppercase;
      font-weight: 600;
      border-radius: 8px;
      line-height: normal;
      letter-spacing: 1px;

      &:hover {
          color: var(--sti-bgcolor);
          background-color: var(--font-color-primary);
          border: 1px solid var(--font-color-primary);
      }


  }

  .product-content {
      .btn-style-o {
          position: relative;

          @media (max-width: 768px) {
              &:before {
                  display: inline-block;
                  font-style: normal;
                  font-variant: normal;
                  text-rendering: auto;
                  -webkit-font-smoothing: antialiased;
                  font-family: "Font Awesome 5 Free";
                  font-weight: 900;
                  content: "\f07a";
              }

              span {
                  display: none;
              }
          }
      }

      .btn-style {
          position: relative;

          @media (max-width: 768px) {
              &:before {
                  display: inline-block;
                  font-style: normal;
                  font-variant: normal;
                  text-rendering: auto;
                  -webkit-font-smoothing: antialiased;
                  font-family: "Font Awesome 5 Free";
                  font-weight: 900;
                  content: "\f290";
              }

              span {
                  display: none;
              }
          }
      }
  }

  .btn-theme-g {
      color: var(--themeclr-g);
      background-color: transparent;
      border: 1px solid var(--themeclr-g);
      font-size: 18px;
      padding: 14px 40px;
      text-transform: uppercase;
      font-weight: 600;
      border-radius: 8px;
      line-height: normal;
      letter-spacing: 1px;

      &:hover {
          color: var(--sti-bgcolor);
          background-color: var(--themeclr-g);
          border: 1px solid var(--themeclr-g);
      }
  }

  button.btn.btn-website.waves-effect.mt-2.waves-light>* {
      display: flex;
      padding: 5px 0;
  }

  @media(max-width: 1199px) {
      .btn-style {
          font-size: 14px;
          padding: 12px 30px;
      }
  }

  /* btn-style2 css */
  .btn-style2 {
      color: var(--font-color-primary);
      font-size: 16px;
      padding: 13px 30px;
      background-color: rgba(0, 0, 0, 0);
      text-transform: uppercase;
      font-weight: 400;
      border: 2px solid var(--font-color-primary);
      border-radius: 0px;
      letter-spacing: 0.5px;
      line-height: 1;
  }

  .btn-style2:hover {
      color: var(--sti-bgcolor);
      background-color: var(--font-color-primary);
      border: 2px solid var(--font-color-primary);
  }

  /* btn-style3 css */
  .btn-style3 {
      color: var(--sti-bgcolor);
      font-size: 16px;
      padding: 13px 40px;
      background-color: var(--font-color-secondary);
      text-transform: uppercase;
      font-weight: 400;
      border: 2px solid var(--font-color-secondary);
      border-radius: 0px;
      letter-spacing: 0.5px;
      box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
      line-height: 1;
  }

  .btn-style3:hover {
      color: var(--sti-bgcolor);
      background-color: var(--font-color-primary);
      border: 2px solid var(--font-color-primary);
  }

  /*====================================
      'ul' tag css
  =====================================*/
  ul {
      list-style: none;
      margin: 0;
      padding: 0;
  }

  /*====================================
      'other' tag css
  =====================================*/
  input,
  textarea,
  select {
      color: var(--sti-color);
      font-size: var(--sti-font-size);
      padding: 10px 15px;
      background-color: var(--sti-bgcolor);
      font-family: var(--font-stack-body);
      text-transform: var(--sti-text);
      font-weight: var(--sti-font-weight);
      border: var(--sti-border);
      border-radius: var(--sti-border-radius);
  }

  input::placeholder,
  textarea::placeholder {
      color: var(--sti-color);
  }

  /* clears the 'x' from 'Internet Explorer' */
  input[type=search]::-ms-clear,
  input[type=search]::-ms-reveal {
      display: none;
      width: 0px;
      height: 0px;
  }

  /* clears the 'x' from 'Chrome' */
  input[type="search"]::-webkit-search-decoration,
  input[type="search"]::-webkit-search-cancel-button,
  input[type="search"]::-webkit-search-results-button,
  input[type="search"]::-webkit-search-results-decoration {
      display: none;
  }

  textarea {
      display: block;
      resize: none;
  }

  input:focus,
  select:focus,
  textarea:focus {
      outline: none;
      border: var(--sti-border);
      box-shadow: none;
  }

  select {
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      -o-appearance: none;
      appearance: none;
      background-image: url('../img/payment/chevron-down.svg');
      background-repeat: no-repeat;
      padding: 10px 30px 10px 15px;
      background-size: 16px;
      background-position: right 15px center;
      background-color: transparent;
      cursor: pointer;
  }

  input.disabled,
  input[disabled],
  select.disabled,
  select[disabled],
  textarea.disabled,
  textarea[disabled] {
      color: var(--sti-color);
      background-color: var(--sti-bgcolor);
      border: 1px solid var(--sti-border);
  }

  /*====================================
      newletter-popup css
  =====================================*/
  .popup_wrapper .modal-dialog {
      max-width: 450px;
  }

  .popup_wrapper .modal-content {
      border: none;
      border-radius: 0;
      overflow: hidden;
  }

  .popup_wrapper .modal-body {
      padding: 0px;
  }

  @media (max-width: 600px) {
      .popup_wrapper .modal-dialog {
          max-width: 100%;
          margin: 0px;
          padding: 12px;
      }
  }

  @media (max-width: 479px) {
      .popup_wrapper .newsletter-info {
          padding: 0;
      }
  }

  /* newsletter close button css */
  .popup_wrapper .modal-body button.close-btn {
      color: #fff;
      font-size: 18px;
      position: absolute;
      top: 0px;
      right: 0px;
      padding: 0;
      opacity: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: var(--font-color-primary);
      text-shadow: none;
      width: 35px;
      height: 35px;
  }

  .popup_wrapper .modal-body button.close-btn:hover {
      opacity: 1;
      color: #fff;
      background-color: var(--font-color-secondary);
  }

  /* subscribe content css */
  .popup_wrapper .newsletter-info .subscribe_area {
      padding: 45px;
      margin: 0px auto;
      text-align: center;
  }

  .popup_wrapper .newsletter-info .subscribe_area .subscribe-content h2 {
      font-size: 30px;
      line-height: 1;
  }

  .popup_wrapper .newsletter-info .subscribe_area .subscribe-content p {
      margin-top: 18px;
  }

  .newsletter-info .subscribe_area .popup-newsletter {
      margin-top: 23px;
  }

  .newsletter-info .subscribe_area .popup-newsletter .subscribe-con .subscribe-block {
      position: relative;
  }

  .newsletter-info .subscribe_area .popup-newsletter .subscribe-con .subscribe-block input {
      width: 100%;
      text-align: center;
  }

  .newsletter-info .subscribe_area .popup-newsletter .subscribe-con .subscribe-block .email-submit {
      margin-top: 15px;
  }

  .newsletter-info .subscribe_area .popup-newsletter .subscribe-con .subscribe-block .email-submit button {
      display: none;
      width: 100%;
  }

  .newsletter-info .subscribe_area .popup-newsletter .subscribe-con .subscribe-block .email-submit button.news-btn {
      display: block;
  }

  @media (max-width: 479px) {
      .popup_wrapper .newsletter-info .subscribe_area {
          padding: 30px 12px;
      }
  }

  /* newsletter subscribe text success css */
  .newsletter-info .subscribe_area p.text-success {
      margin-top: 22px;
  }

  .newsletter-info .subscribe_area p.text-success span.subscribe-text span.subscribe-code {
      color: #FFFFFF;
      padding: 0px 10px;
  }

  /*====================================
     header css
  =====================================*/
  /* home */

  header {



      .stickyblcok {
          display: none;
      }

      .navbar-nav .nav-link.active,
      .navbar-nav .show>.nav-link,
      .nav-link:hover {
          color: var(--font-color-primary) !important;
          border-bottom: 2px solid;
      }

      .nav-link {
          border: 2px solid transparent;
                font-size: 18px;
          font-weight: 500;
          letter-spacing: .5px;
      }

      div#offcanvasnav.show a.nav-link {
          color: var(--font_color);
      }

      div#offcanvasnav.show {
          overflow-y: auto;

          .navbar-nav {
              padding: 0 20px;
          }

          .nav-item.dropdown:hover .dropdown-menu {
              position: absolute;
          }
      }

      /* Enable hover dropdown */
      .nav-item.dropdown:hover .dropdown-menu {
          display: block;
      }

      /* headerbottom */
      /* General Styles */
      .navbar-nav {
          display: flex;
          gap: 20px; 
      }
  }

  /* / sticky header / */

  .page-header.is-sticky {
      position: fixed;
      /* background-color: #Fff; */
      box-shadow: var(--box-shadow-color);
      width: 100%;
      top: 0;
      z-index: 99;
      animation: slideDown 0.35s ease-out; 
      a.nav-link {
          color: var(--font-color);

          &:hover {
              color: var(--theme_primary);
          }
      }

      .stickyhide {
          display: none !important;
      }

      .stickyblcok {
          display: block;
      }


  }

  .w-fitcontent {
      width: fit-content;
  }

  @keyframes slideDown {
      from {
          transform: translateY(-100%);
      }

      to {
          transform: translateY(0);
      }
  }

  /*====================================
      section-padding css
  =====================================*/
  .section-ptb {
      padding-top: 70px;
      padding-bottom: 70px;
  }

  .section-pt {
      padding-top: 100px;
  }

  .section-pb {
      padding-bottom: 100px;
  }

  @media (max-width: 1199px) {
      .section-ptb {
          padding-top: 80px;
          padding-bottom: 80px;
      }

      .section-pt {
          padding-top: 80px;
      }

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

  @media (max-width: 767px) {
      .section-ptb {
          padding-top: 60px;
          padding-bottom: 60px;
      }

      .section-pt {
          padding-top: 60px;
      }

      .section-pb {
          padding-bottom: 60px;
      }
  }

  /*====================================
      section-capture css
  =====================================*/
  .section-capture {
      margin-bottom: 100px;
  }

  .section-title h2 {
      color: var(--font-color-section-header);
      font-family: var(--font-custom-stack-section-header);
      font-weight: var(--font-custom-weight-section-header);
      font-style: var(--font-custom-style-section-header);
      text-transform: var(--font-text-section-header);
  }

  @media (max-width: 1199px) {
      .section-capture {
          margin-bottom: 80px;
      }
  }

  @media (max-width: 767px) {
      .section-capture {
          margin-bottom: 60px;
      }
  }

  /*====================================
      section-title css
  =====================================*/
  .section-capture {
      text-align: center;
  }

  .section-title {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-bottom: 30px;
  }

  .section-title span.sub-title {
  color: var(--border-clr);
      text-transform: uppercase;
      font-weight: 600;
      letter-spacing: 1px;
      margin-bottom: 10px;
      text-align: center;
      line-height: 23px;
  }

  .section-title h2 {
      font-size: 40px;
      line-height: 1;
      color: var(--themeclr-dark);
  }

  .section-title p {
      margin: 15px auto 0;
      max-width: 35%;
  }

  @media (max-width: 1199px) {
      .section-title h2 {
          font-size: 30px;
      }

      .section-title p {
          max-width: 50%;
      }
  }

  @media (max-width: 991px) {
      .section-title p {
          max-width: 65%;
      }
  }

  @media (max-width: 767px) {
      .section-title p {
          max-width: 85%;
      }
  }

  @media (max-width: 479px) {
      .section-title h2 {
          font-size: 24px;
      }

      .section-title p {
          margin: 19px auto 0px;
          max-width: 100%;
      }
  }

  @media (max-width: 767px) {
      .container {
          max-width: 100%;
      }
  }

  /*====================================
      iframe css
  =====================================*/
  iframe {
      width: 100%;
      height: 450px;
      border: none;
  }

  /*====================================
      top notification-bar css
  =====================================*/
  .top-notification-bar {
      background-color: var(--thmeclr-light);
      padding: 3px 0;
      /*	background-color: #c19d5f;*/
  }

  .top-notification-bar ul.grid-wrap {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
  }

  .top-notification-bar ul.grid-wrap li.grid-wrapper {
      width: 33.33%;
  }

  @media (max-width: 1199px) {
      .top-notification-bar ul.grid-wrap li.grid-wrapper {
          width: 50%;
      }
  }

  @media (max-width: 600px) {
      .top-notification-bar ul.grid-wrap {
          overflow-x: auto;
          scrollbar-width: thin;
          -webkit-scrollbar-width: thin;
      }

      .top-notification-bar ul.grid-wrap::-webkit-scrollbar {
          height: 2px;
      }

      .top-notification-bar ul.grid-wrap::-webkit-scrollbar-track {
          background-color: #EEEEEE;
      }

      .top-notification-bar ul.grid-wrap::-webkit-scrollbar-thumb {
          background-color: #c1c1c1;
      }

      .top-notification-bar ul.grid-wrap li.grid-wrapper {
          margin: 0px 0px 0px 15px;
      }

      .top-notification-bar ul.grid-wrap li.grid-wrapper:first-child {
          margin: 0;
      }
  }

  @media (max-width: 479px) {
      .top-notification-bar ul.grid-wrap li.grid-wrapper {
          width: max-content;
      }
  }

  /* contact link css */
  .top-notification-bar ul li.grid-wrapper.contact-wrap .contact-link {
      display: flex;
      padding: 0px;
      flex-wrap: wrap;
  }

  .top-notification-bar ul li.grid-wrapper.contact-wrap .contact-link .connect-wrap {
      margin: 0px 0px 0px 30px;
  }

  .top-notification-bar ul li.grid-wrapper.contact-wrap .contact-link .connect-wrap:first-child {
      margin: 0px;
  }

  .top-notification-bar ul li.grid-wrapper.center-wrap .offer-text {
      justify-content: center;
      padding: 0;
  }

  .top-notification-bar ul li.grid-wrapper.center-wrap .offer-text,
  .top-notification-bar ul li.grid-wrapper.center-wrap .offer-text p,
  .top-notification-bar ul li.grid-wrapper.contact-wrap .contact-link .connect-wrap a {
      color: #ffffff;
      font-size: 15px;
      font-weight: 300;
      display: flex;
      align-items: center;
      line-height: normal;
  }

  .top-notification-bar ul li.grid-wrapper.center-wrap .offer-text span.icon {
      font-size: 16px;
      line-height: 1;
  }

  .top-notification-bar ul li.grid-wrapper.contact-wrap .contact-link .connect-wrap a i {
      font-size: 16px;
      display: block;
      animation-duration: 4s;
      animation-iteration-count: infinite;
      animation-name: wobble;
      animation-timing-function: ease-in-out
  }

  @keyframes wobble {

      30%,
      70% {
          transform: rotate(0deg)
      }

      35%,
      65% {
          transform: rotate(10deg)
      }

      40%,
      60% {
          transform: rotate(-10deg)
      }

      45%,
      55% {
          transform: rotate(10deg)
      }

      50% {
          transform: rotate(-10deg)
      }
  }

  .top-notification-bar ul li.grid-wrapper.center-wrap .offer-text p,
  .top-notification-bar ul li.grid-wrapper.contact-wrap .contact-link .connect-wrap a span {
      margin-left: 5px;
  }

  @media (max-width: 1199px) {
      .top-notification-bar ul li.grid-wrapper.contact-wrap .contact-link .connect-wrap {
          margin: 0px 0px 0px 15px;
      }
  }

  @media(max-width: 600px) {
      .top-notification-bar ul li.grid-wrapper.center-wrap .offer-text p {
          white-space: nowrap;
      }

      .top-notification-bar ul li.grid-wrapper.contact-wrap .contact-link {
          white-space: nowrap;
      }
  }

  /* other-wrap css */
  .top-notification-bar ul li.other-wrap .other-link {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      padding: 13px 0px 13px;
  }

  .top-notification-bar ul li.other-wrap .other-link .noti-wrap {
      margin: 0px 0px 0px 15px;
  }

  .top-notification-bar ul li.other-wrap .other-link .noti-wrap:first-child {
      margin: 0px;
  }

  @media (max-width: 1199px) {
      .top-notification-bar ul li.other-wrap .other-link .noti-wrap {
          margin: 0px 0px 0px 15px;
      }
  }

  @media (max-width: 600px) {
      .top-notification-bar ul li.other-wrap .other-link {
          width: 100%;
          justify-content: space-around;
      }

      .top-notification-bar ul li.other-wrap .other-link .noti-wrap {
          margin: 0px;
      }
  }

  /* user wrap css */
  .top-notification-bar ul li.other-wrap .other-link .user-wrap .acc-desk-header .acc-title {
      color: #ffffff;
  }

  .top-notification-bar ul li.other-wrap .other-link .user-wrap .acc-desk-header .acc-title a.acc-ti {
      color: #ffffff;
      font-size: 16px;
      font-weight: 300;
  }

  .top-notification-bar ul li.grid-wrapper.contact-wrap .contact-link .connect-wrap a:hover,
  .top-notification-bar ul li.other-wrap .other-link .user-wrap .acc-desk-header .acc-title a.acc-ti:hover {
      opacity: 0.7;
  }

  .top-notification-bar ul li.other-wrap .other-link .user-wrap .acc-desk-header .acc-title a.acc-ti::after {
      color: #ffffff;
  }

  /* wishlist & cart css */
  .top-notification-bar ul li.other-wrap .other-link .wishlist-wrap a.header-wishlist-btn,
  .top-notification-bar ul li.other-wrap .other-link .cart-wrap .shopping-widget .shopping-cart a.cart-count {
      font-size: 15px;
      color: #ffffff;
      font-weight: 300;
  }

  .top-notification-bar ul li.other-wrap .other-link .wishlist-wrap a.header-wishlist-btn:hover,
  .top-notification-bar ul li.other-wrap .other-link .cart-wrap .shopping-widget .shopping-cart a.cart-count:hover {
      opacity: 0.7;
  }

  .top-notification-bar ul li.other-wrap .other-link .cart-wrap .shopping-widget .shopping-cart a.cart-count .cart-title {
      display: block;
  }

  @media(max-width: 1199px) {
      .top-notification-bar ul li.grid-wrapper.center-wrap .offer-text {
          justify-content: flex-end;
      }

      .top-notification-bar ul li.other-wrap.other-wrap {
          display: none;
      }
  }

  /*====================================
      product-tab css
  =====================================*/
  .product-tab-ptb .tab ul.nav-tabs {
      display: flex;
      justify-content: center;
      flex-wrap: nowrap;
      max-width: 100%;
      margin-top: 50px;
      border-bottom: none;
      overflow-x: auto;
      scrollbar-width: thin;
      -webkit-scrollbar-width: thin;
  }

  .product-tab-ptb .tab ul.nav-tabs::-webkit-scrollbar {
      height: 2px;
  }

  .product-tab-ptb .tab ul.nav-tabs::-webkit-scrollbar-track {
      background-color: var(--theme-border-color);
  }

  .product-tab-ptb .tab ul.nav-tabs::-webkit-scrollbar-thumb {
      background-color: #c1c1c1;
  }

  .product-tab-ptb .tab ul.nav-tabs::-webkit-scrollbar-thumb:hover {
      background-color: var(--font-color-header);
  }

  .product-tab-ptb .tab ul.nav-tabs li:last-child {
      padding-right: 0px;
      margin-right: 0px;
      border-right: none;
  }

  .product-tab-ptb .tab ul.nav-tabs li a {
      color: var(--font-color-body);
      font-size: 16px;
      padding: 10px 30px;
      font-weight: 600;
      text-transform: uppercase;
      white-space: nowrap;
  }

  .product-tab-ptb .tab ul.nav-tabs li a.active {
      background-color: var(--font-color-primary);
  }

  .product-tab-ptb .tab ul.nav-tabs li:hover a,
  .product-tab-ptb .tab ul.nav-tabs li a.active {
      color: var(--font-color-header);
  }

  @media (max-width: 1199px) {
      .product-tab-ptb .tab {
          margin-bottom: 80px;
      }
  }

  @media (max-width: 767px) {
      .product-tab-ptb .tab {
          margin-bottom: 60px;
      }

      .product-tab-ptb .tab ul.nav-tabs {
          justify-content: flex-start;
          padding-bottom: 10px;
      }

      .product-tab-ptb .tab ul.nav-tabs li {
          padding-right: 15px;
          margin-right: 15px;
      }
  }

  @media (max-width: 479px) {
      .product-tab-ptb .tab ul.nav-tabs {
          justify-content: flex-start;
          padding-bottom: 10px;
      }
  }

  /*====================================
      button-toggler css
  ====================================*/
  button.toggler-button {
      display: none;
  }

  @media (max-width: 1199px) {
      button.toggler-button {
          display: block;
          margin-left: auto;
      }

      button.toggler-button span {
          position: relative;
      }

      button.toggler-button span::before,
      button.toggler-button span::after {
          content: "";
          position: absolute;
      }

      button.toggler-button span,
      button.toggler-button span::before,
      button.toggler-button span::after {
          display: block;
          width: 16px;
          height: 1px;
          background-color: var(--font-color-header);
      }

      button.toggler-button span::before {
          top: -6px;
      }

      button.toggler-button span::after {
          top: 6px;
      }
  }

  /*====================================
      header css
  =====================================*/
  /* header sticky */
  .header-area.sticky {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 2;
      box-shadow: var(--box-shadow-color);
  }

  .header-area.sticky-down {
      transform: translateY(-100%);
      -ms-transform: translateY(-100%);
      -webkit-transform: translateY(-100%);
      -moz-transform: translateY(-100%);
      -o-transform: translateY(-100%);
  }

  .header-area.sticky-up {
      transform: translateY(0);
      -ms-transform: translateY(0);
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -o-transform: translateY(0);
  }

  .header-area.sticky,
  .header-area.sticky-down,
  .header-area.sticky-up {
      -webkit-transition: all 0.3s ease-in-out 0s;
      -o-transition: all 0.3s ease-in-out 0s;
      transition: all 0.3s ease-in-out 0s;
  }

  /* header-area css */
  .header-area {
      position: relative;
      background-color: var(--background-color-body);
  }

  .header-area .header-main {
      display: flex;
      align-items: center;
      justify-content: space-between;
  }

  .header-area .header-element.megamenu-content {
      display: flex;
      margin: 0px 0px 0px 100px
  }

  .header-area .header-main .navbar-toggler {
      display: none;
  }

  @media (max-width: 1599px) {
      .header-area .header-element.megamenu-content {
          margin: 0px auto 0px 30px;
      }
  }

  @media (max-width: 1199px) {
      .header-area {
          padding: 15px 0px;
      }

      .header-area .header-main .header-element.logo,
      .header-area .header-main .header-element.right-block-box {
          width: 50%;
      }

      .header-area .header-element.megamenu-content {
          display: none;
      }
  }

  /* header logo css */
  a.theme-header-logo {
      display: block;
  }

  a.theme-header-logo img {
      max-width: 200px;
  }

  @media (max-width: 479px) {
      a.theme-header-logo img {
          max-width: 110px;
      }
  }

  /* search css */
  .search-rap {
      width: fit-content;
  }

  .search-rap a.search-crap {
      display: block;
      font-size: 16px;
  }

  .search-rap a.search-crap[aria-expanded="false"] {
      color: var(--font-color-header);
  }

  .search-rap a.search-crap i {
      display: block;
      line-height: 0;
  }

  .search-rap .form-search {
      display: flex;
      align-items: center;
      width: 100%;
      position: relative;
  }

  .search-rap .form-search input.input-text {
      padding: 15px 20px;
      width: 100%;
      max-width: 600px;
      border-radius: 10px;
      border: 1px solid var(--border-clr);
      background-color: var(--background-color-body);
  }



  div#search-crap {
      width: fit-content;
  }

  .search-rap .form-search a {
      font-size: 16px;
      position: absolute;
      right: 20px;
      line-height: 1;
  }

  .search-rap .form-search a:hover {
      color: var(--font-color-primary);
  }

  @media (max-width: 767px) {
      .search-rap .crap-search {
          /* position: absolute;
          top: calc(100% + 15px);
          left: 15px;
          right: 15px;
          box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
          z-index: 2; */
      }

      .search-rap form .form-search::after {
          display: none;
      }

      .search-rap form .form-search input.input-text {
          padding: 10px 15px;
      }

      .search-rap form .form-search button {
          right: 15px;
          height: 100%;
      }
  }

  /* @media(max-width: 1499px) {
  .search-rap {
      width: 250px;
  }
  } */
  /* user-wrap css */
  .acc-desk-header .acc-title {
      display: flex;
      align-items: center;
      cursor: pointer;
  }

  .acc-desk-header .acc-title a.acc-ti {
      display: block;
  }

  .acc-desk-header .acc-title span.user-icon {
      font-size: 16px;
      line-height: 1;
  }

  .acc-desk-header .acc-title a.acc-ti {
      margin-left: 5px;
  }

  .acc-desk-header .acc-title a.acc-ti:last-child::after {
      display: none;
  }

  .acc-desk-header .acc-title-lg {
      display: none;
  }

  @media(max-width: 1199px) {
      .acc-desk-header .acc-title {
          display: none;
      }

      .acc-desk-header .acc-title-lg {
          display: block;
          line-height: 1;
      }

      .acc-desk-header .acc-title-lg a {
          font-size: 16px;
      }
  }

  @media (max-width: 600px) {
      .acc-desk-header .acc-title-lg {
          display: none;
      }
  }

  /* wishlist css */
  a.header-wishlist-btn {
      display: flex;
      align-items: center;
  }

  a.header-wishlist-btn span.wishlist-counter {
      margin-left: 5px;
  }

  a.header-wishlist-btn span.wishlist-icon {
      font-size: 16px;
      line-height: 1;
  }

  a.header-wishlist-btn span.wishlist-title {
      margin-left: 5px;
  }

  @media(max-width: 1199px) {
      a.header-wishlist-btn span.wishlist-title {
          display: none;
      }
  }

  @media (max-width: 600px) {
      a.header-wishlist-btn {
          display: flex;
      }

      .mobiledisplay .shopping-widget .shopping-cart a.cart-count {
          display: flex;
      }
  }

  /* shopping cart css */
  .shopping-widget .shopping-cart {
      position: relative;
  }

  .shopping-widget .shopping-cart a.cart-count {
      display: block;
  }

  .shopping-widget .shopping-cart a.cart-count span.cart-icon-wrap {
      display: flex;
      align-items: center;
      position: relative;
  }

  .shopping-widget .shopping-cart a.cart-count span.cart-icon {
      font-size: 16px;
      line-height: 1;
  }

  .shopping-widget .shopping-cart a.cart-count span.cart-title {
      display: none;
  }

  .shopping-widget .shopping-cart a.cart-count span.cart-title,
  .shopping-widget .shopping-cart a.cart-count span.bigcounter {
      margin-left: 5px;
  }

  .shopping-widget .shopping-cart a.cart-count span.cart-detail {
      color: var(--font-color-header);
      font-size: 13px;
      margin-left: 10px;
      line-height: 1;
  }

  .shopping-widget .shopping-cart a.cart-count span.cart-detail span.cart-title {
      display: block;
  }

  .shopping-widget .shopping-cart a.cart-count span.cart-detail span.subtotal-price {
      display: block;
  }

  @media(max-width: 1199px) {
      .shopping-widget .shopping-cart a.cart-count span.cart-detail {
          display: none;
      }
  }

  @media (max-width: 600px) {
      .shopping-widget .shopping-cart a.cart-count {
          display: none;
      }
  }

  /* right-block box css */
  .right-block-box {
      display: flex;
      justify-content: flex-end;
  }

  .right-block-box ul.shop-element {
      display: flex;
      align-items: center;
  }

  .right-block-box ul.shop-element li.side-wrap {
      display: none;
      position: relative;
      margin-left: 30px;
  }

  .is-sticky .right-block-box ul.shop-element li.side-wrap {
      display: block;
  }

  .right-block-box ul.shop-element li.side-wrap:first-child {
      margin-left: 0;
  }

  .right-block-box ul.shop-element li.side-wrap.search-bar-wrap {
      display: block;
  }

  .is-sticky .right-block-box ul.shop-element li.side-wrap.search-bar-wrap,
  .right-block-box ul.shop-element li.side-wrap.search-bar-wrap .search-rap a.search-crap {
      display: none;
  }

  .right-block-box ul.shop-element li.side-wrap.search-bar-wrap .crap-search.collapse:not(.show) {
      display: block;
  }

  .right-block-box ul.shop-element li.side-wrap.track-wrap {
      display: block;
  }

  .right-block-box ul.shop-element li.side-wrap.track-wrap .track-block a {
      display: flex;
      align-items: center;
  }

  .right-block-box ul.shop-element li.side-wrap.track-wrap .track-block a span.icon {
      display: block;
      color: var(--font-color-primary);
      font-size: 34px;
      line-height: 1;
      -webkit-transition: all .3s ease-in-out 0s;
      -o-transition: all .3s ease-in-out 0s;
      transition: all .3s ease-in-out 0s;
  }

  .right-block-box ul.shop-element li.side-wrap.track-wrap .track-block a:hover span.icon {
      transform: scaleX(-1);
  }

  .right-block-box ul.shop-element li.side-wrap.track-wrap .track-block a .title-block {
      margin-left: 15px;
  }

  .right-block-box ul.shop-element li.side-wrap.track-wrap .track-block a span {
      color: var(--font-color-header);
  }

  .right-block-box ul.shop-element li.side-wrap.track-wrap .track-block a span.hot-title {
      display: block;
      color: var(--font-color-primary);
  }

  .right-block-box ul.shop-element li.side-wrap.toggle-wrap {
      display: none;
  }



  @media (max-width: 1199px) {
      .right-block-box ul.shop-element li.side-wrap {
          margin-left: 10px;
          display: block;
      } 

      .right-block-box ul.shop-element li.side-wrap.search-wrap {
          display: block;
      }

      .right-block-box ul.shop-element li.side-wrap.track-wrap {
          display: none;
      }

      .right-block-box ul.shop-element li.side-wrap.toggle-wrap {
          display: block;
          line-height: 1;
      }

      .right-block-box ul.shop-element li.side-wrap.toggle-wrap button {
          font-size: 17px;
          line-height: 1;
      }
  }

  @media(max-width: 768px){
      .right-block-box ul.shop-element li.side-wrap.search-bar-wrap,
      .is-sticky .right-block-box ul.shop-element li.side-wrap.search-bar-wrap {
          display: none;
      }
  }

  @media (max-width: 320px) {
      .right-block-box ul.shop-element li.side-wrap {
          margin-left: 0px;
          display: none;
      }
  }

  /* search-popup css */
  a.search-popup {
      display: block;
      color: var(--font-color-header);
      font-size: 16px;
      cursor: pointer !important;
  }

  a.search-popup:hover {
      opacity: 1;
  }

  a.search-popup.search-popup-lg {
      display: none;
  }

  @media (max-width: 1199px) {
      a.search-popup {
          display: none;
      }

      a.search-popup.search-popup-lg {
          display: none;
      }
  }

  /*=====================================
      main-menu-wrap css
  ======================================*/
  .main-menu-area .main-menu-wrap {
      display: flex;
  }

  @media (max-width: 1199px) {
      .main-menu-area .main-menu-wrap {
          flex-direction: column-reverse;
          border-bottom: 1px solid var(--theme-border-color);
      }
  }

  /* box-header css */
  .main-menu-area .box-header {
      display: none;
      padding: 10px 15px;
  }

  .main-menu-area .box-header button.close-box {
      display: block;
      color: var(--font-color-body);
      font-size: 16px;
      margin-left: auto;
      line-height: 0;
  }

  .main-menu-area .box-header button.close-box:hover {
      color: var(--font-color-header);
  }

  @media (max-width: 1199px) {
      .main-menu-area .box-header {
          display: block;
      }
  }

  /* header mainmenu css */
  .main-menu-area .main-menu-wrap .mega-menu-area {
      width: 100%;
      display: flex;
      justify-content: center;
  }

  @media (max-width: 1199px) {
      .main-menu-area .main-menu-wrap .mega-menu-area {
          flex-direction: column;
      }
  }

  /*====================================
      menu icon css
  ====================================*/
  .megamenu-content a.browse-cat span {
      display: block;
      position: relative;
      font-weight: 600;
  }

  .megamenu-content span.line::after,
  .megamenu-content span.line::before {
      content: "";
      position: absolute;
  }

  .megamenu-content span.line,
  .megamenu-content span.line::after,
  .megamenu-content span.line::before {
      display: block;
      width: 16px;
      height: 2px;
      background-color: var(--font-color-header);
  }

  .megamenu-content span.line::before {
      top: -6px;
  }

  .megamenu-content span.line::after {
      top: 6px;
  }

  /*====================================
      megamenu css
  ====================================*/
  .megamenu-content a.browse-cat {
      display: none;
      font-size: 16px;
      padding: 10px 15px;
      align-items: center;
      position: relative;
      -webkit-transition: all 0s ease-in-out 0s;
      -o-transition: all 0s ease-in-out 0s;
      transition: all 0s ease-in-out 0s;
  }

  .megamenu-content a.browse-cat span.line {
      font-size: 17px;
      margin-right: 10px;
      line-height: 0;
  }

  .megamenu-content a.browse-cat span.menu-title {
      font-weight: 600;
  }

  .megamenu-content a.browse-cat span.menu-arrow {
      margin-left: auto;
  }

  .megamenu-content span.menu-arrow i {
      font-weight: 600;
  }

  .megamenu-content .mainwrap.collapse:not(.show) {
      display: block;
  }

  @media (max-width: 1199px) {
      .megamenu-content {
          /* border-bottom: 1px solid var(--theme-border-color); */
      }

      .megamenu-content a.browse-cat {
          display: flex;
          width: 100%;
          border-top: 1px solid var(--theme-border-color);
      }

      .megamenu-content a.browse-cat,
      .megamenu-content a.browse-cat[aria-expanded=false] {
          color: var(--font-color-body);
          background-color: #fff;
      }

      .megamenu-content a.browse-cat[aria-expanded=true] {
          color: var(--font-color-header);
          background-color: var(--extra-color-body);
      }

      .megamenu-content a.browse-cat[aria-expanded=true] span.menu-arrow {
          -webkit-transform: rotate(180deg);
          -o-transform: rotate(180deg);
          transform: rotate(180deg);
      }

      .megamenu-content .mainwrap.collapse:not(.show) {
          display: none;
      }
  }

  /* main-menu css */
  .megamenu-content .mainwrap ul.main-menu {
      display: flex;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title,
  .megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title-lg {
      color: var(--themeclr-dark);
      font-size: 15px;
      display: flex;
      align-items: center;
      padding: 15px;
      text-transform: uppercase;
      font-weight: 500;
      letter-spacing: 3px;
      white-space: nowrap;
      max-height: 44px;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link:hover a.link-title {
      color: #333333;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title.link-title-lg {
      display: none;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title span.sp-link-title {
      display: flex;
      align-items: center;
      position: relative;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link span.label {
      color: #ffffff;
      font-size: 10px;
      padding: 2px 5px;
      position: absolute;
      top: -15px;
      right: 0px;
      transform: translateX(100%);
      background-color: #ff3838;
      text-transform: uppercase;
      font-weight: 400;
      border-radius: 0px;
      line-height: 1.1;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link span.label::before {
      content: "";
      position: absolute;
      bottom: -4px;
      left: 0px;
      border-top: 4px solid transparent;
      border-bottom: 4px solid transparent;
      border-left: 4px solid #ff3838;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title span.menu-arrow {
      margin-left: 5px;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title span.menu-arrow i {
      font-weight: 600;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown {
      position: absolute;
      top: 100%;
      padding: 30px 15px 0;
      background-color: var(--background-color-body);
      z-index: 3;
      opacity: 0;
      visibility: hidden;
      -webkit-animation-name: DropDownSlide;
      animation-name: DropDownSlide;
      -webkit-animation-duration: .3s;
      animation-duration: .3s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      box-shadow: var(--box-shadow-color);
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link:hover .menu-dropdown {
      opacity: 1;
      visibility: visible;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link:hover .menu-dropdown.collapse:not(.show) {
      display: block;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title-lg {
      display: none;

      @media (max-width: 1199px) {
          display: block;
      }

      @media (max-width: 767px) {
          padding: 0 !important;
      }
  }

  @media (max-width: 1199px) {
      .megamenu-content .mainwrap ul.main-menu {
          flex-direction: column;
      }

      .megamenu-content .mainwrap ul.main-menu li.menu-link {
          /* border-top: 1px solid var(--theme-border-color); */
      }

      .megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title {
          display: none;
          font-size: 14px;
          padding: 10px 15px;
          font-weight: 400;
      }

      .megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title.link-title-lg {
          display: flex;
          justify-content: space-between;
      }

      .megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title.link-title-lg,
      .megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title.link-title-lg[aria-expanded=false] {
          color: var(--font-color-body);
          background-color: #fff;
      }

      .megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title.link-title-lg[aria-expanded=true] {
          color: var(--font-color-header);
          background-color: var(--extra-color-body);
      }

      .megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title.link-title-lg[aria-expanded=true] span.menu-arrow {
          -webkit-transform: rotate(180deg);
          -o-transform: rotate(180deg);
          transform: rotate(180deg);
      }

      /* .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown {
          position: unset;
          padding: 0;
          opacity: 1;
          visibility: visible;
          -webkit-animation-name: unset;
          animation-name: unset;
          -webkit-animation-duration: unset;
          animation-duration: unset;
          -webkit-animation-fill-mode: unset;
          animation-fill-mode: unset;
          box-shadow: none;
      } */

      .megamenu-content .mainwrap ul.main-menu li.menu-link:hover .menu-dropdown.collapse:not(.show) {
          display: none;
      }
  }

  /* mainmenu-single css */
  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.single-menu {
      left: auto;
      min-width: 175px;
      padding: 0px;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.single-menu li.singlemenu-li a.singlelink-title {
      display: block;
      color: var(--font-color-body);
      font-size: 14px;
      width: 100%;
      padding: 10px 15px;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.single-menu li.singlemenu-li:hover a.singlelink-title {
      color: var(--font-color-header);
      background-color: var(--extra-color-body);
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.single-menu li.singlemenu-li a.singlelink-title span.sp-link-title {
      position: relative;
  }

  @media (max-width: 1199px) {
      .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.single-menu {
          min-width: 100%;
      }

      .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.single-menu li.singlemenu-li {
          border-top: 1px solid var(--theme-border-color);
      }

      .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.single-menu li.singlemenu-li a.singlelink-title {
          padding: 10px 15px 10px 25px;
      }

      .megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title.link-title-lg[aria-expanded=true] {
          color: var(--font-color-header);
          background-color: var(--extra-color-body);
      }
  }

  /* mainmenu-shop collection css */
  .megamenu-content .main-wrap ul.main-menu li.menu-link .menu-dropdown ul.ul {
      display: flex;
      flex-wrap: wrap;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown ul.ul li.menu-li .shop-title a {
      display: block;
      color: var(--font-color-body);
      font-size: 16px;
      width: 100%;
      padding: 15px 15px 0;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      font-weight: 600;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown ul.ul li.menu-li .shop-title a:hover {
      color: var(--font-color-header);
  }

  @media (max-width: 1199px) {
      .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown ul.ul li.menu-li .shop-title a {
          font-size: 14px;
          padding: 15px 15px 0px 25px;
      }

      .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown ul.ul li.menu-li .shop-title:last-child a {
          padding: 15px 15px 15px 25px;
      }
  }

  /* mainmenu-shop css */
  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.shop-menu {
      left: 0px;
      right: 0px;
      margin: 0px auto;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.shop-menu ul.ul {
      display: flex;
      flex-wrap: wrap;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.shop-menu ul.ul li.shoplink-li {
      width: 25%;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.shop-menu ul.ul li.shoplink-li a.shoplink-title {
      display: block;
      color: var(--font-color-body);
      font-size: 16px;
      width: 100%;
      padding: 10px 15px;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      font-weight: 600;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.shop-menu ul.ul li.shoplink-li a.shoplink-title.shoplink-title-lg {
      display: none;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.shop-menu ul.ul li.shoplink-li a.shoplink-title:hover {
      color: var(--font-color-header);
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.shop-menu ul.ul li.shoplink-li ul.shopsupmenu-dropdown.collapse:not(.show) {
      display: block;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.shop-menu ul.ul li.shoplink-li ul.shopsupmenu-dropdown li.shopsupmenu-li a.shopsuplink-title {
      display: block;
      color: var(--font-color-body);
      font-size: 14px;
      width: 100%;
      padding: 10px 15px;
      background-color: var(--background-color-body);
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.shop-menu ul.ul li.shoplink-li ul.shopsupmenu-dropdown li.shopsupmenu-li:hover a.shopsuplink-title {
      color: var(--font-color-header);
      background-color: var(--extra-color-body);
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.shop-menu ul.ul li.shoplink-li ul.shopsupmenu-dropdown li.shopsupmenu-li a.shopsuplink-title span.sp-link-title {
      position: relative;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.shop-menu ul.ul li.shoplink-li .shop-banner a {
      display: block;
      padding: 15px;
      overflow: hidden;
  }

  @media (max-width: 1199px) {
      .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.shop-menu ul.ul li.shoplink-li {
          width: 100%;
          border-top: 1px solid var(--theme-border-color);
      }

      .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.shop-menu ul.ul li.shoplink-li a.shoplink-title {
          display: none;
          font-size: 14px;
          padding: 10px 15px 10px 25px;
          font-weight: 400;
      }

      .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.shop-menu ul.ul li.shoplink-li a.shoplink-title.shoplink-title-lg {
          display: flex;
          align-items: center;
          justify-content: space-between;
      }

      .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.shop-menu ul.ul li.shoplink-li a.shoplink-title.shoplink-title-lg,
      .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.shop-menu ul.ul li.shoplink-li a.shoplink-title.shoplink-title-lg[aria-expanded=false] {
          color: var(--font-color-body);
          background-color: var(--background-color-body);
      }

      .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.shop-menu ul.ul li.shoplink-li a.shoplink-title.shoplink-title-lg[aria-expanded=true] {
          color: var(--font-color-header);
          background-color: var(--extra-color-body);
      }

      .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.shop-menu ul.ul li.shoplink-li a.shoplink-title.shoplink-title-lg[aria-expanded=true] span.menu-arrow i {
          -webkit-transform: rotate(180deg);
          -o-transform: rotate(180deg);
          transform: rotate(180deg);
      }

      .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.shop-menu ul.ul li.shoplink-li ul.shopsupmenu-dropdown.collapse:not(.show) {
          display: none;
      }

      .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.shop-menu ul.ul li.shoplink-li ul.shopsupmenu-dropdown li.shopsupmenu-li {
          border-top: 1px solid var(--theme-border-color);
      }

      .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.shop-menu ul.ul li.shoplink-li ul.shopsupmenu-dropdown li.shopsupmenu-li a.shopsuplink-title {
          padding: 10px 15px 10px 35px;
      }

      .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.shop-menu ul.ul li.shoplink-li .shop-banner a {
          padding: 15px 15px 15px 25px;
      }
  }

  /* mainmenu-product css */
  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.product-menu {
      left: 0px;
      right: 0px;
      margin: 0px auto;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.product-menu ul.ul {
      display: flex;
      flex-wrap: wrap;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.product-menu ul.ul li.productlink-li {
      width: 25%;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.product-menu ul.ul li.productlink-li a.productlink-title {
      display: block;
      color: var(--font-color-header);
      font-size: 16px;
      width: 100%;
      padding: 10px 15px;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      font-weight: 600;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.product-menu ul.ul li.productlink-li a.productlink-title:hover {
      color: var(--font-color-primary);
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.product-menu ul.ul li.productlink-li a.productlink-title.productlink-title-lg {
      display: none;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.product-menu ul.ul li.productlink-li ul.productsupmenu-dropdown.collapse:not(.show) {
      display: block;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.product-menu ul.ul li.productlink-li ul.productsupmenu-dropdown li.productsupmenu-li a.productsuplink-title {
      display: block;
      color: var(--font-color-body);
      font-size: 14px;
      width: 100%;
      padding: 10px 15px;
      background-color: var(--background-color-body);
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.product-menu ul.ul li.productlink-li ul.productsupmenu-dropdown li.productsupmenu-li:hover a.productsuplink-title {
      color: var(--font-color-header);
      background-color: var(--extra-color-body);
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.product-menu ul.ul li.productlink-li ul.productsupmenu-dropdown li.productsupmenu-li a.productsuplink-title span.sp-link-title {
      position: relative;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.product-menu ul.ul li.productlink-li .menu-product {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      height: 100%;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.product-menu ul.ul li.productlink-li .menu-product ul.product-ul li.product-li {
      padding: 15px 15px 0px;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.product-menu ul.ul li.productlink-li .menu-product .menu-product-btn a.menu-pro-link {
      color: var(--font-color-body);
      font-size: 14px;
      display: flex;
      align-items: center;
      padding: 15px;
      text-transform: uppercase;
      font-weight: 600;
      line-height: 1;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.product-menu ul.ul li.productlink-li .menu-product .menu-product-btn a.menu-pro-link span.menu-icon i {
      text-decoration: none;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.product-menu ul.ul li.productlink-li .menu-product .menu-product-btn a.menu-pro-link i {
      display: block;
      margin-left: 5px;
      line-height: 0;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.product-menu ul.ul li.productlink-li .menu-product .menu-product-btn a.menu-pro-link i::before {
      font-weight: 600 !important;
  }

  @media (max-width: 1199px) {
      .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.product-menu ul.ul li.productlink-li {
          width: 100%;
          border-top: 1px solid var(--theme-border-color);
      }

      .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.product-menu ul.ul li.productlink-li a.productlink-title {
          display: none;
          font-size: 14px;
          padding: 10px 15px 10px 25px;
          font-weight: 400;
      }

      .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.product-menu ul.ul li.productlink-li a.productlink-title.productlink-title-lg {
          display: flex;
          align-items: center;
          justify-content: space-between;
      }

      .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.product-menu ul.ul li.productlink-li a.productlink-title.productlink-title-lg,
      .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.product-menu ul.ul li.productlink-li a.productlink-title.productlink-title-lg[aria-expanded=false] {
          color: var(--font-color-body);
          background-color: var(--background-color-body);
      }

      .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.product-menu ul.ul li.productlink-li a.productlink-title.productlink-title-lg[aria-expanded=true] {
          color: var(--font-color-header);
          background-color: var(--extra-bgcolor);
      }

      .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.product-menu ul.ul li.productlink-li a.productlink-title.productlink-title-lg[aria-expanded=true] span.menu-arrow {
          -webkit-transform: rotate(180deg);
          -o-transform: rotate(180deg);
          transform: rotate(180deg);
      }

      .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.product-menu ul.ul li.productlink-li ul.productsupmenu-dropdown.collapse:not(.show) {
          display: none;
      }

      .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.product-menu ul.ul li.productlink-li ul.productsupmenu-dropdown li.productsupmenu-li {
          border-top: 1px solid var(--theme-border-color);
      }

      .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.product-menu ul.ul li.productlink-li ul.productsupmenu-dropdown li.productsupmenu-li a.productsuplink-title {
          padding: 10px 15px 10px 35px;
      }

      .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.product-menu ul.ul li.productlink-li .menu-product {
          height: unset;
      }

      .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.product-menu ul.ul li.productlink-li .menu-product ul.product-ul li.product-li {
          padding: 15px 15px 0px 25px;
      }

      .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.product-menu ul.ul li.productlink-li .menu-product .menu-product-btn a.menu-pro-link {
          padding: 15px 15px 15px 25px;
      }
  }

  /* menu-product css */
  .menu-product {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      height: 100%;
  }

  .menu-product ul.product-ul li.product-li {
      padding: 15px 15px 0px;
  }

  .menu-product ul.product-ul li.product-li .product-menu-list .single-product-wrap {
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      background-color: transparent;
      border: none;
      box-shadow: none;
  }

  .menu-product ul.product-ul li.product-li .product-menu-list .single-product-wrap .product-image {
      width: 90px;
  }

  .menu-product ul.product-ul li.product-li .product-menu-list .single-product-wrap .product-content {
      width: calc(100% - 90px);
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
      padding: 0px 0px 0px 15px;
      text-align: left;
      border-top: none;
  }

  .menu-product ul.product-ul li.product-li .product-menu-list .single-product-wrap .product-content h6 {
      font-size: 16px;
      margin-top: 0px;
      text-transform: none;
      font-weight: 500;
  }

  .menu-product ul.product-ul li.product-li .product-menu-list .single-product-wrap .product-content h6 a {
      color: var(--font-color-header);
  }

  .menu-product ul.product-ul li.product-li .product-menu-list .single-product-wrap .product-content h6 a:hover {
      color: var(--font-color-primary);
  }

  .menu-product ul.product-ul li.product-li .product-menu-list .single-product-wrap .product-content .price-box {
      margin-top: 7px;
  }

  .menu-product ul.product-ul li.product-li .product-menu-list .single-product-wrap .product-content .price-box span.new-price,
  .menu-product ul.product-ul li.product-li .product-menu-list .single-product-wrap .product-content .price-box span.old-price {
      font-size: 14px;
  }

  @media (max-width: 1199px) {
      .menu-product ul.product-ul li.product-li {
          padding: 15px 15px 0px 25px;
      }

      .menu-product .menu-product-btn a {
          padding: 15px 15px 15px 25px;
      }
  }

  /* mainmenu-banner css */
  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.banner-menu {
      left: 0px;
      right: 0px;
      margin: 0px auto;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.banner-menu ul.ul {
      display: flex;
      flex-wrap: wrap;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.banner-menu ul.ul li.bannermenu-li {
      width: 16.66%;
      text-align: center;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.banner-menu ul.ul li.bannermenu-li a.collection-img {
      display: block;
      padding: 15px;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.banner-menu ul.ul li.bannermenu-li a.collection-title {
      display: block;
      color: var(--font-color-body);
      font-size: 14px;
      width: 100%;
      font-weight: 600;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.banner-menu ul.ul li.bannermenu-li:hover a.collection-title {
      color: var(--font-color-header);
  }

  @media (max-width: 1199px) {
      .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.banner-menu ul.ul li.bannermenu-li {
          width: 100%;
          text-align: left;
          border-top: 1px solid var(--theme-border-color);
      }

      .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.banner-menu ul.ul li.bannermenu-li a.collection-img {
          padding: 15px 15px 0px 25px;
      }

      .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.banner-menu ul.ul li.bannermenu-li a.collection-title {
          padding: 10px 15px 10px 25px;
          background-color: var(--background-color-body);
          font-weight: 400;
      }

      .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.banner-menu ul.ul li.bannermenu-li:hover a.collection-title {
          background-color: var(--extra-bgcolor);
      }
  }

  /* menu-blog css */
  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.blog-menu {
      left: auto;
      min-width: 175px;
      padding: 0px;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.blog-menu ul.ul li.bloglink-li a.bloglink-title {
      display: block;
      color: var(--font-color-body);
      font-size: 14px;
      width: 100%;
      padding: 10px 15px;
      background-color: #fff;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.blog-menu ul.ul li.bloglink-li a.bloglink-title.bloglink-title-lg {
      display: none;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.blog-menu ul.ul li.bloglink-li a.bloglink-title:hover {
      color: var(--font-color-header);
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.blog-menu ul.ul li.bloglink-li a.bloglink-title.bloglink-title-lg span.sp-link-title {
      position: relative;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.blog-menu ul.ul li.bloglink-li ul.blogsupmenu-dropdown.collapse:not(.show) {
      display: block
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.blog-menu ul.ul li.bloglink-li ul.blogsupmenu-dropdown li.blogsupmenu-li a.blogsuplink-title {
      display: block;
      color: var(--font-color-body);
      font-size: 14px;
      width: 100%;
      padding: 10px 15px;
      background-color: var(--background-color-body);
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.blog-menu ul.ul li.bloglink-li ul.blogsupmenu-dropdown li.blogsupmenu-li:hover a.blogsuplink-title {
      color: var(--font-color-header);
      background-color: var(--extra-color-body);
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.blog-menu ul.ul li.bloglink-li ul.blogsupmenu-dropdown li.blogsupmenu-li a.blogsuplink-title span.sp-link-title {
      position: relative;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.blog-menu ul.ul li.bloglink-li .menu-blog {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      height: 100%;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.blog-menu ul.ul li.bloglink-li .menu-blog ul.blog-ul li.blog-li {
      padding: 15px 15px 0px;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.blog-menu ul.ul li.bloglink-li .menu-blog ul.blog-ul li.blog-li .blog-grid-list .blog-post {
      display: block;
      margin: 0px;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.blog-menu ul.ul li.bloglink-li .menu-blog ul.blog-ul li.blog-li .blog-grid-list .blog-post .blog-post-content {
      width: unset;
      margin: 0px;
      padding: 0px;
      text-align: left;
      background-color: transparent;
      display: inline-flex;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.blog-menu ul.ul li.bloglink-li .menu-blog ul.blog-ul li.blog-li .blog-grid-list .blog-post .blog-post-content h6 a {
      color: var(--font-color-body);
      font-size: 16px;
      font-weight: 500;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.blog-menu ul.ul li.bloglink-li .menu-blog ul.blog-ul li.blog-li .blog-grid-list .blog-post .blog-post-content h6 a:hover {
      color: var(--font-color-header);
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.blog-menu ul.ul li.bloglink-li .menu-blog .menu-blog-btn a.menu-blog-link {
      color: var(--font-color-body);
      font-size: 14px;
      display: flex;
      align-items: center;
      padding: 15px;
      text-transform: uppercase;
      font-weight: 600;
      line-height: 1;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.blog-menu ul.ul li.bloglink-li .menu-blog .menu-blog-btn a.menu-blog-link:hover {
      color: var(--font-color-header);
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.blog-menu ul.ul li.bloglink-li .menu-blog .menu-blog-btn a.menu-blog-link i {
      display: block;
      margin-left: 5px;
      line-height: 0;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.blog-menu ul.ul li.bloglink-li .menu-product {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      height: 100%;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.blog-menu ul.ul li.bloglink-li .menu-product ul.product-ul li.product-li {
      padding: 15px 15px 0px;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.blog-menu ul.ul li.bloglink-li .menu-product .menu-product-btn a.menu-pro-link {
      color: var(--font-color-body);
      font-size: 14px;
      display: flex;
      align-items: center;
      padding: 15px;
      text-transform: uppercase;
      font-weight: 600;
      line-height: 1;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.blog-menu ul.ul li.bloglink-li .menu-product .menu-product-btn a.menu-pro-link span.menu-title {
      text-decoration: underline;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.blog-menu ul.ul li.bloglink-li .menu-product .menu-product-btn a.menu-pro-link:hover {
      color: var(--font-color-header);
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.blog-menu ul.ul li.bloglink-li .menu-product .menu-product-btn a.menu-pro-link i {
      display: block;
      margin-left: 5px;
      line-height: 0;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.blog-menu ul.ul li.bloglink-li .blog-banner a {
      display: block;
      padding: 15px;
  }

  @media (max-width: 1199px) {
      .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.blog-menu ul.ul li.bloglink-li {
          width: 100%;
          border-top: 1px solid var(--theme-border-color);
      }

      .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.blog-menu ul.ul li.bloglink-li a.bloglink-title {
          display: none;
          font-size: 14px;
          padding: 10px 15px 10px 25px;
          font-weight: 400;
      }

      .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.blog-menu ul.ul li.bloglink-li a.bloglink-title.bloglink-title-lg {
          display: flex;
          align-items: center;
          justify-content: space-between;
      }

      .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.blog-menu ul.ul li.bloglink-li a.bloglink-title.bloglink-title-lg,
      .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.blog-menu ul.ul li.bloglink-li a.bloglink-title.bloglink-title-lg[aria-expanded=false] {
          color: var(--font-color-body);
          background-color: var(--background-color-body);
      }

      .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.blog-menu ul.ul li.bloglink-li a.bloglink-title.bloglink-title-lg[aria-expanded=true] {
          color: var(--font-color-header);
          background-color: var(--extra-bgcolor);
      }

      .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.blog-menu ul.ul li.bloglink-li a.bloglink-title.bloglink-title-lg[aria-expanded=true] span.menu-arrow i {
          -webkit-transform: rotate(180deg);
          -o-transform: rotate(180deg);
          transform: rotate(180deg);
      }

      .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.blog-menu ul.ul li.bloglink-li ul.blogsupmenu-dropdown.collapse:not(.show) {
          display: none;
      }

      .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.blog-menu ul.ul li.bloglink-li ul.blogsupmenu-dropdown li.blogsupmenu-li {
          border-top: 1px solid var(--theme-border-color);
      }

      .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.blog-menu ul.ul li.bloglink-li ul.blogsupmenu-dropdown li.blogsupmenu-li a.blogsuplink-title {
          padding: 10px 15px 10px 35px;
      }

      .mainwrap ul.main-menu li.menu-link .menu-dropdown.blog-menu ul.ul li.bloglink-li .menu-blog {
          height: unset;
      }

      .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.blog-menu ul.ul li.bloglink-li .menu-blog ul.blog-ul li.blog-li {
          padding: 15px 15px 0px 25px;
      }

      .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.blog-menu ul.ul li.bloglink-li .menu-blog .menu-blog-btn a.menu-blog-link {
          padding: 15px 15px 15px 25px;
      }

      .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.blog-menu ul.ul li.bloglink-li .menu-product {
          height: unset;
      }

      .mainwrap ul.main-menu li.menu-link .menu-dropdown.blog-menu ul.ul li.bloglink-li .menu-product ul.product-ul li.product-li {
          padding: 15px 15px 0px 25px;
      }

      .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.blog-menu ul.ul li.bloglink-li .menu-product .menu-product-btn a.menu-pro-link,
      .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.blog-menu ul.ul li.bloglink-li .blog-banner a {
          padding: 15px 15px 15px 25px;
      }
  }

  /* menu-sub css */
  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.sub-menu {
      left: auto;
      min-width: 175px;
      padding: 0px;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.sub-menu ul.ul li.submenu-li {
      position: relative;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.sub-menu ul.ul li.submenu-li a.sublink-title {
      color: var(--font-color-body);
      font-size: 14px;
      width: 100%;
      padding: 10px 15px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      background-color: var(--background-color-body);
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.sub-menu ul.ul li.submenu-li a.sublink-title.sublink-title-lg {
      display: none;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.sub-menu ul.ul li.submenu-li:hover a.sublink-title {
      color: var(--font-color-body);
      background-color: var(--extra-color-body);
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.sub-menu ul.ul li.submenu-li a.sublink-title span.sp-link-title {
      position: relative;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.sub-menu ul.ul li.submenu-li ul.supmenu-dropdown {
      position: absolute;
      top: 0px;
      left: 100%;
      width: 100%;
      background-color: var(--background-color-body);
      opacity: 0;
      visibility: hidden;
      -webkit-animation-name: DropDownSlide;
      animation-name: DropDownSlide;
      -webkit-animation-duration: .3s;
      animation-duration: .3s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      box-shadow: var(--box-shadow-color);
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.sub-menu ul.ul li.submenu-li:hover ul.supmenu-dropdown {
      opacity: 1;
      visibility: visible;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.sub-menu ul.ul li.submenu-li:hover ul.supmenu-dropdown.collapse:not(.show) {
      display: block;
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.sub-menu ul.ul li.submenu-li ul.supmenu-dropdown li.supmenu-li a.suplink-title {
      display: block;
      color: var(--font-color-body);
      padding: 10px 15px;
      background-color: var(--background-color-body);
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.sub-menu ul.ul li.submenu-li ul.supmenu-dropdown li.supmenu-li:hover a.suplink-title {
      color: var(--font-color-header);
      background-color: var(--extra-color-body);
  }

  .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.sub-menu ul.ul li.submenu-li ul.supmenu-dropdown li.supmenu-li a.suplink-title span.sp-link-title {
      position: relative;
  }

  @media (max-width: 1199px) {
      .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.sub-menu {
          min-width: 100%;
      }

      .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.sub-menu ul.ul li.submenu-li {
          border-top: 1px solid var(--theme-border-color);
      }

      .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.sub-menu ul.ul li.submenu-li a.sublink-title {
          display: none;
          font-size: 14px;
          padding: 10px 15px 10px 25px;
      }

      .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.sub-menu ul.ul li.submenu-li a.sublink-title.sublink-title-lg {
          display: flex;
      }

      .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.sub-menu ul.ul li.submenu-li a.sublink-title.sublink-title-lg,
      .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.sub-menu ul.ul li.submenu-li a.sublink-title.sublink-title-lg[aria-expanded=false] {
          color: var(--font-color-body);
          background-color: var(--background-color-body);
      }

      .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.sub-menu ul.ul li.submenu-li a.sublink-title.sublink-title-lg[aria-expanded=true] {
          color: var(--font-color-header);
          background-color: var(--extra-bgcolor)
      }

      .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.sub-menu ul.ul li.submenu-li a.sublink-title.sublink-title-lg[aria-expanded=true] span.menu-arrow {
          -webkit-transform: rotate(270deg);
          -o-transform: rotate(270deg);
          transform: rotate(270deg);
      }

      .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.sub-menu ul.ul li.submenu-li ul.supmenu-dropdown {
          position: unset;
          opacity: 1;
          visibility: visible;
          box-shadow: none;
      }

      .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.sub-menu ul.ul li.submenu-li:hover ul.supmenu-dropdown.collapse:not(.show) {
          display: none;
      }

      .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.sub-menu ul.ul li.submenu-li ul.supmenu-dropdown li.supmenu-li {
          border-top: 1px solid var(--theme-border-color);
      }

      .megamenu-content .mainwrap ul.main-menu li.menu-link .menu-dropdown.sub-menu ul.ul li.submenu-li ul.supmenu-dropdown li.supmenu-li a.suplink-title {
          padding: 10px 15px 10px 35px;
      }
  }

  /*====================================
      mobile-menu css
  ====================================*/
  .mobile-menu {
      display: none;
  }

  @media (max-width: 1199px) {
      .mobile-menu {
          display: block;
          position: fixed;
          top: 0;
          left: -320px;
          width: 320px;
          height: 100%;
          overflow-y: auto;
          background-color: var(--background-color-body);
          z-index: 5;
          opacity: 0;
          visibility: hidden;
      }

      .mobile-menu.active {
          left: 0px;
          opacity: 1;
          visibility: visible;
      }

      .mobile-menu,
      .mobile-menu.active {
          -webkit-transition: all 0.3s ease-in-out 0s;
          -o-transition: all 0.3s ease-in-out 0s;
          transition: all 0.3s ease-in-out 0s;
      }

      .mobile-menu .close-menu {
          width: 100%;
          position: sticky;
          top: 0;
          z-index: 1;
          text-align: right;
          background-color: var(--background-color-body);
      }

      .mobile-menu .close-menu button.close-button {
          line-height: 0;
      }
  }

  /*====================================
      home-slider css
  =====================================*/
  /* slider img css */
  .slider-content {
      display: flex;
      position: relative;
      z-index: 0;
      overflow: hidden;
  }

  .slider-content::after {
      /* content: "";
      background-image: url('../img/logo/bg-patern.png'); */
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 1;
      height: 20px;
      background-size: contain;
      background-repeat: repeat-x;
  }

  .slider-content .home-slider .slide-image .mobile-img {
      display: none;
  }

  @media(max-width: 1199px) {
      .slider-content::after {
          height: 15px;
      }
  }

  @media(max-width: 767px) {
      .slider-content .home-slider .slide-image .desk-img {
          display: none;
      }

      .slider-content .home-slider .slide-image .mobile-img {
          display: block;
      }
  }

  .slider-content .home-slider .slide-image::after {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background-color: #333333;
      opacity: 0.3;
  }

  /* slider text-info css */
  .slider-content .home-slider .slide-image .slider-info-content {
      position: absolute;
      z-index: 1;
      left: 0;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
  }

  .owl-carousel .owl-item img {
      max-height: 50vh;
      height: 100%;
      width: 100%;
      object-fit: cover;

      @media (max-width: 768px) {
          /*min-height: 35vh;*/
      }
  }


  .slider-content .home-slider .slide-image .slider-info-content .slider-text-info {
      width: 50%;
  }

  @media(max-width: 1199px) {
      .slider-content .home-slider .slide-image .slider-info-content .slider-text-info {
          width: 41.67%;
      }
  }

  @media(max-width: 767px) {
      .slider-content .home-slider .slide-image .slider-info-content .slider-text-info {
          width: 100%;
      }
  }

  @media(max-width: 479px) {
      .slider-content .home-slider .slide-image .slider-info-content .slider-text-info {
          width: 100%;
      }
  }

  .slider-content .home-slider .slide-image .slider-info-content .slider-text-info.slider-content-left {
      margin-right: auto;
  }

  .slider-content .home-slider .slide-image .slider-info-content .slider-text-info.slider-content-right {
      margin-left: auto;
  }

  .slider-content .home-slider .slide-image .slider-info-content .slider-text-info.slider-content-center {
      margin: 0 auto;
  }

  .slider-content .home-slider .slide-image .slider-info-content .slider-text-info.slider-text-left {
      text-align: left;
  }

  .slider-content .home-slider .slide-image .slider-info-content .slider-text-info.slider-text-right {
      text-align: right;
  }

  .slider-content .home-slider .slide-image .slider-info-content .slider-text-info.slider-text-center {
      text-align: center;
  }

  /* effect transition css */
  .slider-content .home-slider .owl-item.active .slide-image .slider-info-content .slider-text-info span.sub-title {
      -webkit-animation-delay: 1.0s;
      animation-delay: 1.0s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-animation-duration: 1.0s;
      animation-duration: 1.0s;
  }

  .slider-content .home-slider .owl-item.active .slide-image .slider-info-content .slider-text-info h2 {
      -webkit-animation-delay: 1.5s;
      animation-delay: 1.5s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-animation-duration: 1.5s;
      animation-duration: 1.5s;
  }

  .slider-content .home-slider .owl-item.active .slide-image .slider-info-content .slider-text-info a {
      -webkit-animation-delay: 2.0s;
      animation-delay: 2.0s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-animation-duration: 2.0s;
      animation-duration: 2.0s;
  }

  /* effect style */
  .slider-content .home-slider .owl-item.active .slide-image .slider-info-content .slider-text-info span.e1,
  .slider-content .home-slider .owl-item.active .slide-image .slider-info-content .slider-text-info h2.e1,
  .slider-content .home-slider .owl-item.active .slide-image .slider-info-content .slider-text-info a.e1 {
      -webkit-animation-name: fadeInUp;
      animation-name: fadeInUp;
  }

  .slider-content .home-slider .owl-item.active .slide-image .slider-info-content .slider-text-info span.e2,
  .slider-content .home-slider .owl-item.active .slide-image .slider-info-content .slider-text-info h2.e2,
  .slider-content .home-slider .owl-item.active .slide-image .slider-info-content .slider-text-info a.e2 {
      -webkit-animation-name: bounceInLeft;
      animation-name: bounceInLeft;
  }

  .slider-content .home-slider .owl-item.active .slide-image .slider-info-content .slider-text-info span.e3,
  .slider-content .home-slider .owl-item.active .slide-image .slider-info-content .slider-text-info h2.e3,
  .slider-content .home-slider .owl-item.active .slide-image .slider-info-content .slider-text-info a.e3 {
      -webkit-animation-name: slideInRight;
      animation-name: slideInRight;
  }

  .slider-content .home-slider .owl-item.active .slide-image .slider-info-content .slider-text-info span.e4,
  .slider-content .home-slider .owl-item.active .slide-image .slider-info-content .slider-text-info h2.e4,
  .slider-content .home-slider .owl-item.active .slide-image .slider-info-content .slider-text-info a.e4 {
      -webkit-animation-name: zoomIn;
      animation-name: zoomIn;
  }

  .slider-content .home-slider .owl-item.active .slide-image .slider-info-content .slider-text-info span.e5,
  .slider-content .home-slider .owl-item.active .slide-image .slider-info-content .slider-text-info h2.e5,
  .slider-content .home-slider .owl-item.active .slide-image .slider-info-content .slider-text-info a.e5 {
      -webkit-animation-name: backInDown;
      animation-name: backInDown;
  }

  .slider-content .home-slider .slide-image .slider-info-content .slider-text-info span.sub-title {
      color: #fff;
      font-size: 25px;
      font-weight: 300;
  }

  .slider-content .home-slider .slide-image .slider-info-content .slider-text-info h2 {
      color: #fff;
      font-size: 55px;
      line-height: normal;
      margin-top: 20px;
  }

  .slider-content .home-slider .slide-image .slider-info-content .slider-text-info a {
      margin-top: 52px;
  }

  @media(max-width: 1499px) {
      .slider-content .home-slider .slide-image .slider-info-content .slider-text-info span.sub-title {
          font-size: 20px;
      }

      .slider-content .home-slider .slide-image .slider-info-content .slider-text-info h2 {
          /* font-size: 100px; */
      }

      .slider-content .home-slider .slide-image .slider-info-content .slider-text-info a {
          margin-top: 42px;
      }
  }

  @media(max-width: 1199px) {
      .slider-content .home-slider .slide-image .slider-info-content .slider-text-info h2 {
          /* font-size: 70px; */
          margin-top: 15px;
      }

      .slider-content .home-slider .slide-image .slider-info-content .slider-text-info a {
          margin-top: 22px;
          margin-top: 5px;
      }
  }

  @media(max-width: 991px) {
      .slider-content .home-slider .slide-image .slider-info-content .slider-text-info span.sub-title {
          font-size: 16px;
      }

      .slider-content .home-slider .slide-image .slider-info-content .slider-text-info h2 {
          font-size: 37px;
      }
  }

  @media(max-width: 479px) {
      .slider-content .home-slider .slide-image .slider-info-content .slider-text-info span.sub-title {
          font-size: 14px;
      }

      .slider-content .home-slider .slide-image .slider-info-content .slider-text-info h2 {
          font-size: 25px;
          margin-top: 2px;
      }
  }

  /* slider arrow css */
  .slider-content .home-slider.owl-carousel .owl-nav {
      position: absolute;
      bottom: 30px;
      left: 50%;
      transform: translateX(-50%);
      margin-top: 0;
      line-height: 0;
  }

  .slider-content .home-slider.owl-carousel .owl-nav button {
      color: var(--font-color-body);
      font-size: 32px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background-color: transparent;
      margin: 0 15px 0 0;
      border-radius: 0;
      line-height: 0;
  }

  .slider-content .home-slider.owl-carousel .owl-nav button:last-child {
      margin: 0;
  }

  .slider-content .home-slider.owl-carousel .owl-nav button:hover {
      color: var(--font-color-header);
      background-color: transparent;
  }

  .slider-content .home-slider.owl-carousel .owl-nav button i {
      display: block;
      line-height: 0;
  }

  @media(max-width: 767px) {
      .slider-content .home-slider.owl-carousel .owl-nav {
          bottom: 15px;
      }
  }

  /* slider dots css */
  .slider-content .home-slider.owl-carousel .owl-dots {
      display: none;
      position: absolute;
      bottom: 30px;
      left: 50%;
      transform: translateX(-50%);
      margin-top: 0;
      line-height: 0;
  }

  .slider-content .home-slider.owl-carousel .owl-dots button {
      margin-right: 5px;
  }

  .slider-content .home-slider.owl-carousel .owl-dots button:last-child {
      margin-right: 0;
  }

  .slider-content .home-slider.owl-carousel .owl-dots button span {
      width: 10px;
      height: 10px;
      margin: 0;
      background-color: transparent;
      border: 1px solid var(--font-color-header);
      border-radius: 100%;
  }

  .slider-content .home-slider.owl-carousel .owl-dots button:hover span,
  .slider-content .home-slider.owl-carousel .owl-dots button.active span {
      background-color: var(--font-color-header);
      border: 1px solid var(--font-color-header);
  }

  @media(max-width: 767px) {
      .slider-content .home-slider.owl-carousel .owl-dots {
          bottom: 15px;
      }
  }

  /*====================================
     custom-text css
  =====================================*/
  .custom-text {
      padding-top: 100px;
      padding-bottom: 0px;
  }

  @media (max-width: 1199px) {
      .custom-text {
          padding-top: 80px;
          padding-bottom: 0px;
      }
  }

  @media (max-width: 767px) {
      .custom-text {
          padding-top: 60px;
          padding-bottom: 0px;
      }
  }

  /* custom content css */
  .custom-text-wrapper {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      /*margin: -30px 0px 0px -30px;*/
  }

  span.grams {
      border: 1px solid var(--themeclr-dark);
      padding: 5px 7px 3px;
      align-content: center;
      border-radius: 30px;
  }

  .custom-text-wrapper .custom-text-content {
      width: calc(100% - 38%);
      margin: 30px 0px 0px 0;
  }

  @media (max-width: 1199px) {
      .custom-text-wrapper {
          margin: -30px 0px 0px -30px;
      }

      .custom-text-wrapper .custom-text-content,
      .custom-text-wrapper .custom-text-img {
          width: calc(50% - 30px);
          margin: 30px 0px 0px 30px;
      }
  }

  @media (max-width: 991px) {

      .custom-text-wrapper .custom-text-content,
      .custom-text-wrapper .custom-text-img {
          width: calc(100% - 30px);
      }
  }

  @media (max-width: 767px) {
      .custom-text-wrapper {
          margin: -30px 0px 0px -12px;
      }

      .custom-text-wrapper .custom-text-content,
      .custom-text-wrapper .custom-text-img {
          width: calc(100% - 12px) !important;
          margin: 30px 0px 0px 12px;
      }
  }

  /* custom text css */
  .custom-text-wrapper .custom-text-content .custom-width {
      width: 100%;
      margin: 0 auto;
  }

  .custom-text-wrapper .custom-text-content span.sub-title {
      font-size: 16px;
      font-weight: 600;
      margin-bottom: 16px;
      border-bottom: 2px solid;
  }

  .custom-text-wrapper .custom-text-content h2 {
      font-size: 40px;
  }

  .custom-text-wrapper .custom-text-content p {
      margin-top: 22px;
  }

  /* custom img css */
  .custom-text-wrapper .custom-text-img {
      text-align: center;
      width: calc(38% - 30px);
  }

  .custom-text-wrapper .custom-text-img .offer-img a {
      display: block;
      text-align: center;
  }

  .custom-text-wrapper ul.list-wrap {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      padding-top: 30px;
      margin: -30px 0 0 -30px;
  }

  .custom-text-wrapper ul.list-wrap li.list-wrapper {
      width: calc(33.33% - 30px);
      margin: 30px 0 0 30px;
  }

  .custom-text-wrapper .list-block {
      text-align: center;
  }

  .custom-text-wrapper .list-block img {
      width: 100px;
  }

  .custom-text-wrapper .list-block h6.list-title {
      font-size: 18px;
      padding-top: 10px;
  }

  .custom-text-wrapper .border-icon {
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      margin-top: 35px;
  }

  .custom-text-wrapper .border-icon img {
      padding: 0 30px;
      background-color: #fff;
      position: relative;
      z-index: 1;
      width: auto;
  }

  .custom-text-wrapper .border-icon::after {
      content: "";
      position: absolute;
      left: 0;
      height: 1px;
      width: 100%;
      background-color: var(--theme-border-color);
  }

  .custom-text-wrapper .price-wrap {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-top: 30px;
  }

  .custom-text-wrapper .price-wrap .price {
      display: flex;
      align-items: center;
  }

  .custom-text-wrapper .price-wrap .price span.price-title {
      color: var(--font-color-primary);
      font-size: 40px;
      font-weight: 400;
  }

  .custom-text-wrapper .price-wrap .price span {
      margin-left: 15px;
  }

  @media (max-width: 1499px) {
      .custom-text-wrapper .custom-text-content .custom-width {
          width: 100%;
      }
  }

  @media (max-width: 1199px) {
      .custom-text-wrapper .custom-text-content h2 {
          font-size: 30px;
      }

      .custom-text-wrapper .custom-text-content p {
          margin-top: 15px;
      }
  }

  @media (max-width: 767px) {
      .custom-text-wrapper .list-block h6.list-title {
          font-size: 16px;
      }

      .custom-text-wrapper ul.list-wrap {
          margin: -30px 0 0 -12px;
      }

      .custom-text-wrapper ul.list-wrap li.list-wrapper {
          width: calc(33.33% - 12px);
          margin: 30px 0 0 12px;
      }
  }

  @media(max-width: 479px) {
      .custom-text-wrapper ul.list-wrap li.list-wrapper {
          width: calc(50% - 12px);
      }

      .custom-text-wrapper .price-wrap {
          flex-direction: column;
          align-items: center;
      }

      .custom-text-wrapper .price-wrap a {
          margin-top: 15px;
      }
  }

  /*====================================
     our-service-area css
  =====================================*/
  .our-service-area {
      background-color: #ffffff;
  }

  /* service css */
  ul.single-service {
      /* display: flex; */
      /* -ms-flex-wrap: wrap; */
      /* flex-wrap: wrap; */
      /* margin: -30px 0px 0px -30px; */
  }

  ul.single-service li.service-content {
      width: calc(25% - 30px);
      margin: 0px 0px 0px 30px;
  }

  ul.single-service li.service-content .ser-block a {
      color: var(--font-color-primary);
      font-size: 24px;
      line-height: 1;
      height: 75px;
      width: 75px;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: var(--extra-color-body);
      border-radius: 50%;
  }

  ul.single-service li.service-content:hover .ser-block a {
      -webkit-transform: rotateY(360deg);
      -o-transform: rotateY(360deg);
      transform: rotateY(360deg);
  }

  ul.single-service li.service-content .ser-block a i {
      display: block;
  }

  ul.single-service li.service-content .ser-block .service-text {
      margin-top: 30px;
  }

  ul.single-service li.service-content .ser-block .service-text h6 {
      font-size: 18px;
  }

  ul.single-service li.service-content .ser-block .service-text p {
      margin-top: 15px;
      /* max-width: 66.67%; */
  }

  @media (max-width: 1399px) {
      ul.single-service li.service-content .ser-block .service-text p {
          /* max-width: 83.33%; */
      }
  }

  @media (max-width: 1199px) {
      ul.single-service li.service-content .ser-block .service-text p {
          /* max-width: 100%; */
      }
  }

  @media (max-width: 991px) {
      ul.single-service li.service-content {
          width: calc(50% - 30px);
      }
  }

  @media (max-width: 767px) {
      ul.single-service {
          /* margin: -30px 0px 0px -12px; */
      }

      ul.single-service li.service-content {
          width: calc(50% - 12px);
          margin: 30px 0px 0px 12px;
      }
  }

  @media (max-width: 479px) {
      ul.single-service li.service-content {
          /* width: calc(100% - 12px); */
      }

      ul.single-service li.service-content .ser-block a {
          margin: 0px auto;
      }

      ul.single-service li.service-content .ser-block {
          text-align: center;
      }
  }

  @media (max-width: 768px) {
      ul.single-service li.service-content .ser-block .service-text p {
          line-height: normal;
          font-size: 13px;
      }
  }

  /*====================================
     testimonial-area css
  =====================================*/
  .testimonial-area {
      position: relative;
      background-color: #f3f2ee;
  }

  .testimonial-area::after {
      content: "";
      background-image: url('../img/logo/bg-patern2.png');
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 20px;
      background-size: contain;
      background-repeat: repeat-x;
  }

  .testimonial-area::before {
      content: "";
      background-image: url('../img/logo/bg-patern2.png');
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 20px;
      background-size: contain;
      background-repeat: repeat-x;
      transform: scaleY(-1);
  }

  @media (max-width: 1199px) {

      .testimonial-area::after,
      .testimonial-area::before {
          height: 15px;
      }
  }

  /* testi content css */
  .testi-slider {
      max-width: 75%;
      margin: 0 auto;
      text-align: center;
  }

  .testi-slider .slider-for .testi-content {
      max-width: 50%;
      margin: 0 auto;
  }

  .testi-slider .slider-for span.quote-icon img {
      max-width: 100px;
  }

  .testi-slider .slider-for span.quote-icon {
      font-size: 60px;
      line-height: 1;
      color: var(--font-color-primary);
  }

  .testi-slider .slider-for .testi-desc {
      margin-top: 20px;
  }

  .testi-slider .slider-for .testi-review {
      margin-top: 25px;
      color: var(--font-color-primary);
      line-height: 1;
  }

  .testi-slider .slider-nav {
      max-width: 50%;
      margin: 40px auto 0;
  }

  .testi-slider .slider-nav .author-info .testi-img {
      cursor: pointer;
      padding: 10px;
      background-color: #fff;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 110px;
      margin: 0 auto;
  }

  .testi-slider .slider-nav .author-info .testi-img svg {
      width: 100%;
  }

  .testi-slider .slider-nav .author-info .testi-img img {
      max-width: 90px;
      border-radius: 50%;
  }

  .testi-slider .slider-nav .author-info .author-title {
      margin-top: 10px;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: all .3s ease-in-out 0s;
      -o-transition: all .3s ease-in-out 0s;
      transition: all .3s ease-in-out 0s;
  }

  .testi-slider .slider-nav .slick-center .author-info .author-title {
      opacity: 1;
      visibility: visible;
  }

  .testi-slider .slider-nav .author-info .author-title h6 {
      font-size: 18px;
      font-weight: 500;
  }

  .testi-slider .slider-nav .author-info .author-title span {
      color: var(--font-color-primary);
      padding-top: 2px;
  }

  @media(max-width: 1199px) {
      .testi-slider {
          max-width: 100%;
          margin: 0 auto;
          text-align: center;
      }
  }

  @media(max-width: 991px) {
      .testi-slider .slider-for .testi-content {
          max-width: 75%;
      }

      .testi-slider .slider-nav {
          max-width: 75%;
          margin: 30px auto 0;
      }
  }

  @media(max-width: 600px) {
      .testi-slider .slider-for .testi-content {
          max-width: 100%;
      }

      .testi-slider .slider-nav {
          max-width: 100%;
      }
  }

  /* slider arrow */
  .testimonial-area .slider-for .slick-arrow {
      color: var(--font-color-primary);
      font-size: 0;
      width: 45px;
      height: 45px;
      border-radius: 50%;
      background: #fff;
      position: absolute;
      z-index: 1;
      bottom: 50%;
      transform: translateY(50%);
  }

  .testimonial-area .slider-for .slick-arrow:hover {
      color: #fff;
      background-color: var(--font-color-primary);
  }

  .testimonial-area .slider-for .slick-arrow.slick-prev {
      left: 0;
  }

  .testimonial-area .slider-for .slick-arrow.slick-next::after,
  .testimonial-area .slider-for .slick-arrow.slick-prev::after {
      font-size: 18px;
      font-family: feather !important;
  }

  .testimonial-area .slider-for .slick-arrow.slick-next {
      right: 0;
  }

  .testimonial-area .slider-for .slick-arrow.slick-prev::after {
      content: "\e910";
  }

  .testimonial-area .slider-for .slick-arrow.slick-next::after {
      content: "\e912";
  }

  @media (max-width: 767px) {

      .testimonial-area .slider-for .slick-arrow.slick-prev,
      .testimonial-area .slider-for .slick-arrow.slick-next {
          display: none !important;
      }
  }

  /* slider dot */
  .testimonial-area .slider-nav ul.slick-dots {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 30px;
  }

  .testimonial-area .slider-nav ul.slick-dots li {
      margin-right: 5px;
  }

  .testimonial-area .slider-nav ul.slick-dots li button {
      width: 10px;
      height: 10px;
      background-color: transparent;
      border: 1px solid var(--font-color-primary);
      border-radius: 100%;
      text-indent: -9999px;
  }

  .testimonial-area .slider-nav ul.slick-dots li.slick-active button {
      background-color: var(--font-color-primary);
      border: 1px solid var(--font-color-primary);
  }

  /*====================================
      special-category css
  =====================================*/
  .special-category {
      position: relative;
      overflow: hidden;
  }

  .collection-category-template {
      background-color: #f3f2ee;
  }

  .special-category::after {
      content: "";
      background-image: url('../img/logo/bg-patern2.png');
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 20px;
      background-size: contain;
      background-repeat: repeat-x;
  }

  .special-category::before {
      content: "";
      background-image: url('../img/logo/bg-patern2.png');
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 20px;
      background-size: contain;
      background-repeat: repeat-x;
      transform: scaleY(-1);
  }

  @media (max-width: 1199px) {

      .special-category::after,
      .special-category::before {
          height: 15px;
      }
  }

  /* slider dot css */
  .collection-category-template .collection-wrap .swiper-buttons {
      display: none;
  }

  .collection-category-template .collection-wrap .swiper-dots {
      display: none;
      margin-top: 100px;
      line-height: 0;
  }

  .collection-category-template .collection-wrap .swiper-dots .swiper-pagination.swiper-pagination-bullets {
      width: unset;
      position: unset;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      margin: -5px 0px 0px -5px;
  }

  .collection-category-template .collection-wrap .swiper-dots .swiper-pagination.swiper-pagination-bullets span {
      width: 10px;
      height: 10px;
      margin: 5px 0px 0px 5px;
      background-color: transparent;
      border: 1px solid var(--font-color-header);
      border-radius: 100%;
      opacity: 1;
  }

  .collection-category-template .collection-wrap .swiper-dots .swiper-pagination.swiper-pagination-bullets span.swiper-pagination-bullet-active {
      background-color: var(--font-color-header);
      border: 1px solid var(--font-color-header);
  }

  @media (max-width: 1199px) {
      .collection-category-template .collection-wrap .swiper-dots {
          margin-top: 80px;
      }
  }

  @media (max-width: 767px) {
      .collection-category-template .collection-wrap .swiper-dots {
          margin-top: 60px;
      }
  }

  .category-sub-template--16695162470659__18bdae0c-9397-438f-8c12-3cf27a5a055d {
      padding-top: 100px;
      padding-bottom: 100px;
  }

  @media (max-width: 1199px) {
      .category-sub-template--16695162470659__18bdae0c-9397-438f-8c12-3cf27a5a055d {
          padding-top: 80px;
          padding-bottom: 80px;
      }
  }

  @media (max-width: 767px) {
      .category-sub-template--16695162470659__18bdae0c-9397-438f-8c12-3cf27a5a055d {
          padding-top: 60px;
          padding-bottom: 60px;
      }
  }

  /*====================================
     category-sub css
  =====================================*/
  .category-sub .tab-grp {
      margin-top: 40px;
  }

  .category-sub ul.nav-tabs {
      display: flex;
      align-items: center;
      justify-content: center;
      border: none;
      margin: -15px 0 0 -15px;
  }

  .category-sub ul.nav-tabs li {
      margin: 15px 0 0 15px;
  }

  .category-sub ul.nav-tabs li a {
      display: flex;
      align-items: center;
      padding: 0 50px 10px 50px;
      border-bottom: 2px solid transparent;
  }

  .category-sub ul.nav-tabs li a.active {
      border-bottom: 2px solid var(--font-color-primary);
  }

  .category-sub ul.nav-tabs li a span.tab-img {
      margin-right: 15px;
  }

  .category-sub ul.nav-tabs li a span.tab-img img {
      max-width: 50px;
  }

  .category-sub ul.nav-tabs li a span.tab-title {
      color: var(--font-color-header);
      text-transform: uppercase;
      font-weight: 600;
  }

  .category-sub .tab-content ul.grid-wrap {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      margin: -30px 0px 0px -100px;
  }

  .category-sub .tab-content ul.grid-wrap li.grid-wrapper {
      width: calc(50% - 100px);
      margin: 30px 0px 0px 100px;
      padding: 30px 0px 0px;
      border-top: 1px solid var(--theme-border-color);
  }

  .category-sub .tab-content ul.grid-wrap li.grid-wrapper:nth-child(1),
  .category-sub .tab-content ul.grid-wrap li.grid-wrapper:nth-child(2) {
      padding: 0;
      border: none;
  }

  .category-sub .tab-content .sub-cat-block {
      display: flex;
      align-items: center;
      justify-content: space-between;
  }

  .category-sub .tab-content .sub-cat-block span.cat-img {
      background-color: var(--extra-color-body);
      padding: 10px;
      border-radius: 50%;
      width: 105px;
  }

  .category-sub .tab-content .sub-cat-block span.cat-img img {
      max-width: 85px;
      min-width: 85px;
      border-radius: 50%;
  }

  .category-sub .tab-content .sub-cat-block .text-content {
      width: calc(75% - 150px);
      margin: 0px auto 0px 0px;
      padding-left: 30px;
  }

  .category-sub .tab-content .sub-cat-block h6 {
      font-size: 18px;
  }

  .category-sub .tab-content .sub-cat-block p {
      margin-top: 15px;
  }

  .category-sub .tab-content .sub-cat-block span.icon {
      font-size: 18px;
      color: #fff;
      height: 45px;
      width: 45px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: var(--font-color-primary);
  }

  .category-sub .tab-content .sub-cat-block:hover span.icon {
      background-color: var(--font-color-secondary);
  }

  @media(max-width: 1399px) {
      .category-sub .tab-content .sub-cat-block .text-content {
          width: calc(83.33% - 150px);
      }
  }

  @media(max-width: 1199px) {
      .category-sub .tab-grp {
          margin-top: 30px;
      }

      .category-sub ul.nav-tabs {
          margin: -15px 0px 0px -12px;
      }

      .category-sub ul.nav-tabs li {
          margin: 15px 0px 0px 12px;
      }

      .category-sub ul.nav-tabs li a {
          padding: 0 15px 10px 15px;
      }

      .category-sub ul.nav-tabs li a span.tab-img img {
          max-width: 30px;
      }

      .category-sub .tab-content ul.grid-wrap {
          margin: -30px 0px 0px -30px;
      }

      .category-sub .tab-content ul.grid-wrap li.grid-wrapper {
          width: calc(50% - 30px);
          margin: 30px 0px 0px 30px;
      }

      .category-sub .tab-content .sub-cat-block .text-content {
          width: calc(100% - 150px);
      }
  }

  @media(max-width: 991px) {
      .category-sub .tab-content ul.grid-wrap li.grid-wrapper {
          width: calc(100% - 30px);
      }

      .category-sub .tab-content ul.grid-wrap li.grid-wrapper:nth-child(2) {
          padding: 30px 0px 0px;
          border-top: 1px solid var(--theme-border-color);
      }

      .category-sub .tab-content .sub-cat-block p {
          margin-top: 10px;
      }
  }

  @media(max-width: 767px) {
      .category-sub .tab-content ul.grid-wrap {
          margin: -30px 0px 0px -12px;
      }

      .category-sub .tab-content ul.grid-wrap li.grid-wrapper {
          margin: 30px 0px 0px 12px;
      }

      .category-sub .tab-content .sub-cat-block .text-content {
          padding: 0px 0px 0px 12px;
      }
  }

  @media(max-width: 479px) {
      .category-sub .tab-content .sub-cat-block {
          flex-direction: column;
          align-items: flex-start;
          justify-content: center;
          text-align: center;
      }

      .category-sub .tab-content .sub-cat-block span.cat-img {
          margin: 0px auto;
      }

      .category-sub .tab-content .sub-cat-block .text-content {
          width: 100%;
          padding: 15px 0px 0px 0px;
      }

      .category-sub .tab-content .sub-cat-block span.icon {
          margin: 15px auto 0px;
      }
  }

  /*====================================
      product css
  =====================================*/
  /* product-img css */
  .single-product-wrap {
      overflow: hidden;
      background-color: #fff;
      border-radius: 10px;
      border: 1px solid var(--border-clr)
  }

  .single-product-wrap .product-image {
      position: relative;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center;

      img {
          object-fit: contain;
      }
  }

  .single-product-wrap .product-image a.pro-img {
      display: block;
      position: relative;
  }

  .single-product-wrap .product-image a.pro-img::after {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background-color: #fff;
      opacity: 0;
      visibility: hidden;
  }

  .single-product-wrap:hover .product-image a.pro-img::after {
      opacity: .3;
      visibility: visible;
  }

  .single-product-wrap .product-image a.pro-img img {
      backface-visibility: hidden;
  }

  .single-product-wrap:hover .product-image a.pro-img .img1 {
      opacity: 0;
      visibility: hidden;
  }

  .single-product-wrap .product-image a.pro-img .img2 {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      opacity: 0;
      visibility: hidden;
  }

  .single-product-wrap:hover .product-image a.pro-img .img2 {
      opacity: 1;
      visibility: visible;
  }

  .single-product-wrap .product-image a.pro-img img,
  .single-product-wrap:hover .product-image a.pro-img img {
      -webkit-transition: all .3s ease-in-out 0s;
      -o-transition: all .3s ease-in-out 0s;
      transition: all .3s ease-in-out 0s;
  }

  @media (max-width: 1199px) {
      .single-product-wrap:hover .product-image a.pro-img .img1.resp-img1 {
          opacity: 1;
          visibility: visible;
      }

      .single-product-wrap:hover .product-image a.pro-img .img2.resp-img2 {
          opacity: 0;
          visibility: hidden;
      }
  }

  .single-product-wrap .product-action {
      display: flex;
  }

  .single-product-wrap .product-image .product-action {
      position: absolute;
      z-index: 1;
      opacity: 0;
      visibility: hidden;
      bottom: 30px;
      transform: translateY(10px);
  }

  .single-product-wrap:hover .product-image .product-action {
      opacity: 1;
      visibility: visible;
      transform: translateY(-10px);
  }

  .single-product-wrap .product-image .product-action,
  .single-product-wrap:hover .product-image .product-action {
      -webkit-transition: all .3s ease-in-out 0s;
      -o-transition: all .3s ease-in-out 0s;
      transition: all .3s ease-in-out 0s;
  }

  .single-product-wrap .product-content .product-action {
      display: none;
  }

  .single-product-wrap .product-action a {
      color: #fff;
      font-size: 16px;
      height: 40px;
      width: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: transparent;
      line-height: 1;
      margin-left: 5px;
      background-color: var(--font-color-secondary);
  }

  .single-product-wrap .product-action a:hover {
      color: #fff;
      background-color: var(--font-color-primary);
  }

  .single-product-wrap .product-action a:first-child {
      margin-left: 0;
  }

  .single-product-wrap .product-action a.add-to-cart span.cart-title span.add-c-title {
      display: flex;
      align-items: center;
  }

  .single-product-wrap .product-action a.add-to-cart span.cart-title span.add-c-title span.add-title,
  .single-product-wrap .product-action a.quick-view span.quickview-title {
      display: none;
  }

  .single-product-wrap .product-action a i {
      display: block;
  }

  @media (max-width: 1199px) {
      .single-product-wrap .product-image .product-action {
          display: none;
      }

      .single-product-wrap .product-content .product-action {
          display: flex;
          margin-top: 15px;
      }

      .single-product-wrap .product-action a {
          height: 35px;
          width: 35px;
      }

      .single-product-wrap .product-action a.add-to-cart span span.cart-title span.add-c-title span.cart-icon,
      .single-product-wrap .product-action a.quick-view span span.quickview-icon {
          display: block;
          margin-right: 0;
      }

      .single-product-wrap .product-action a.add-to-cart span span.cart-title span.add-c-title span.add-title,
      .single-product-wrap .product-action a.quick-view span span.quickview-title {
          display: none;
      }

      .single-product-wrap .product-content .product-action a {
          -webkit-transition: all 0s ease-in-out 0s;
          -o-transition: all 0s ease-in-out 0s;
          transition: all 0s ease-in-out 0s;
      }
  }

  /* product-content css */
  .single-product-wrap .product-content {
      display: flex;
      flex-direction: column;
      align-items: start;
      text-align: start;
      padding: 15px;
  }

  .single-product-wrap .product-content h6 {
      width: 100%;
      font-size: 18px;
      margin-top: 10px;
  }

  .single-product-wrap .product-content h6 a {
      display: block;
      color: var(--font-color-header);
      text-overflow: ellipsis;
      overflow: hidden;
      text-transform: capitalize;
      width: 100%;
      white-space: nowrap;
      -webkit-transition: all 0s ease-in-out 0s;
      -o-transition: all 0s ease-in-out 0s;
      transition: all 0s ease-in-out 0s;
  }

  .single-product-wrap .product-content h6 a:hover {
      color: var(--font-color-primary);
  }

  .single-product-wrap .product-content .price-box {
      margin-top: 9px;
      justify-content: start;
  }

  /* product-ratting css */
  .product-rating span.star-rating {
      display: flex;
      line-height: 1;
  }

  .product-rating span.star-rating i {
      color: #fe9704;
      font-size: 12px;
      margin-right: 3px;
      opacity: 1;
  }

  .product-rating span.star-rating i:last-child {
      margin-right: 0px;
  }

  /* product-price css */
  .price-box {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      line-height: 1;
  }

  .price-box span.new-price {
      color: var(--themeclr-dark);
      white-space: nowrap;
      font-weight: 600;
  }

  .price-box span.old-price {
      color: var(--font-color-body);
      margin-left: 5px;
      white-space: nowrap;
      font-weight: 600;
      text-decoration: line-through;
  }

  /* product stockout css */
  .single-product-wrap.stock-out {
      cursor: not-allowed;
  }

  .single-product-wrap.stock-out .product-image a.pro-img {
      position: relative;
  }

  .single-product-wrap.stock-out .product-image a.pro-img::after {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background-color: var(--background-color-body);
      z-index: 1;
      opacity: 0.5;
      visibility: visible;
      cursor: not-allowed;
  }

  /* product-label css */
  .single-product-wrap .product-image .product-label {
      position: absolute;
      top: 0px;
      left: 0px;
      z-index: 1;
  }

  .single-product-wrap:hover .product-image .product-label {
      transform: translateX(calc(-100% - 15px));
  }

  .single-product-wrap.stock-out .product-image .product-label {
      transform: unset;
  }

  .single-product-wrap .product-image .product-label,
  .single-product-wrap:hover .product-image .product-label {
      -webkit-transition: all 0.3s ease-in-out 0s;
      -o-transition: all 0.3s ease-in-out 0s;
      transition: all 0.3s ease-in-out 0s;
  }

  .single-product-wrap .product-image .product-label span {
      font-size: 12px;
      width: 40px;
      height: 20px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 10px;
      text-align: center;
      font-weight: 600;
      border-radius: 0;
      line-height: 1;
  }

  .single-product-wrap .product-image .product-label span:first-child {
      margin-top: 0px;
  }

  .single-product-wrap .product-image .product-label span.new-sale-title {
      color: var(--background-color-body);
      background-color: var(--font-color-header);
  }

  .single-product-wrap .product-image .product-label span.discount-title {
      color: var(--background-color-body);
      background-color: var(--font-color-header);
  }

  .single-product-wrap .product-image .product-label span.sold-title {
      color: var(--background-color-body);
      background-color: #dc3545;
  }

  /* product-action tooltip css */
  .product-action a span.tooltip-text {
      color: var(--background-color-body);
      font-size: 11px;
      position: absolute;
      top: -40px;
      height: 30px;
      min-width: 90px;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: var(--font-color-header);
      text-align: center;
      text-transform: uppercase;
      font-weight: 600;
      opacity: 0;
      visibility: hidden;
      line-height: 1;
  }

  .product-action a:hover span.tooltip-text {
      opacity: 1;
      visibility: visible;
  }

  .product-action a span.tooltip-text,
  .product-action a:hover span.tooltip-text {
      -webkit-transition: all 0.3s ease-in-out 0s;
      -o-transition: all 0.3s ease-in-out 0s;
      transition: all 0.3s ease-in-out 0s;
  }

  .product-action a span.tooltip-text::after {
      content: "";
      position: absolute;
      bottom: calc(-100% + 16px);
      border: 8px solid var(--font-color-header);
      border-color: var(--font-color-header) transparent transparent transparent;
  }

  @media (max-width: 1199px) {
      .product-action a span.tooltip-text {
          display: none;
      }
  }

  /*====================================
      tab-collection css
  =====================================*/
  .tab-collection {
      margin-top: 100px;
      text-align: center;
  }

  .product-tab-area .feture-pro-tab {
      margin-top: -20px;
  }

  .product-tab-area .feture-pro-tab .single-product-wrap {
      margin-top: 20px;
  }

  @media (max-width: 1199px) {
      .tab-collection {
          margin-top: 80px;
      }
  }

  @media (max-width: 767px) {
      .tab-collection {
          margin-top: 60px;
      }
  }

  /*====================================
      tab swiper css
  =====================================*/
  .product-tab-ptb.product-area .tabs .swiper-container .swiper-wrapper .swiper-slide[data-swiper-row="1"] .single-product-wrap {
      margin-top: 20px;
  }

  @media (max-width: 1199px) {
      .product-tab-ptb.product-area .tabs .swiper-container .swiper-wrapper .swiper-slide[data-swiper-row="1"] .single-product-wrap {
          margin-top: 10px;
      }
  }

  @media (max-width: 767px) {
      .product-tab-ptb.product-area .tabs .swiper-container .swiper-wrapper .swiper-slide[data-swiper-row="1"] .single-product-wrap {
          margin-top: 0px;
      }
  }

  @media (max-width: 600px) {
      .product-tab-ptb.product-area .tabs .swiper-container .swiper-wrapper .swiper-slide[data-swiper-row="1"] .single-product-wrap {
          margin-top: 18px;
      }
  }

  /*====================================
     blog css
  =====================================*/
  .blog-wrap {
      /* background-color: #ffffff; */
  }

  .blog-wrap.bt {
      border-top: 1px solid rgba(193, 157, 96, 0.3);
  }

  .blog-wrap ul.grid-wrap {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      margin: -30px 0px 0px -30px;
  }

  .blog-wrap ul.grid-wrap li.grid-wrapper {
      margin: 0px 0px 0px 30px;
  }

  .blog-wrap ul.grid-wrap li.title-wrapper {
      width: calc(33.33% - 30px);
  }

  .blog-wrap ul.grid-wrap li.slider-wrapper {
      width: calc(66.67% - 30px);
  }

  .blog-wrap .section-title {
      align-items: flex-start;
      max-width: 83.33%;
  }

  .blog-wrap .section-title p {
      max-width: 100%;
      margin: 30px auto 0;
  }

  @media(max-width: 1399px) {
      .blog-wrap .section-title {
          max-width: 100%;
      }
  }

  @media(max-width: 1199px) {

      .blog-wrap ul.grid-wrap li.slider-wrapper,
      .blog-wrap ul.grid-wrap li.title-wrapper {
          width: calc(100% - 30px);
      }

      .blog-wrap .section-title {
          align-items: center;
          text-align: center;
      }
  }

  @media(max-width: 767px) {
      .blog-wrap ul.grid-wrap {
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          justify-content: center;
          margin: -30px 0px 0px -12px;
      }

      .blog-wrap ul.grid-wrap li.grid-wrapper {
          margin: 0px 0px 0px 12px;
      }
  }

  /* slider dots css */
  .blog-wrap .blog-slider.owl-carousel .owl-dots {
      margin-top: 100px;
      line-height: 0;
  }

  .blog-wrap .blog-slider.owl-carousel .owl-dots button {
      margin-right: 5px;
  }

  .blog-wrap .blog-slider.owl-carousel .owl-dots button:last-child {
      margin-right: 0px;
  }

  .blog-wrap .blog-slider.owl-carousel .owl-dots button span {
      width: 10px;
      height: 10px;
      margin: 0;
      background-color: transparent;
      border: 1px solid var(--font-color-header);
      border-radius: 100%;
  }

  .blog-wrap .blog-slider.owl-carousel .owl-dots button:hover span,
  .blog-wrap .blog-slider.owl-carousel .owl-dots button.active span {
      background-color: var(--font-color-header);
      border: 1px solid var(--font-color-header);
  }

  @media (max-width: 1199px) {
      .blog-wrap .blog-slider.owl-carousel .owl-dots {
          margin-top: 80px;
      }
  }

  @media (max-width: 767px) {
      .blog-wrap .blog-slider.owl-carousel .owl-dots {
          margin-top: 60px;
      }
  }

  /* blog-post css */
  .blog-post {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      flex-direction: column;
      position: relative;
      cursor: pointer;
  }

  .blog-post .blog-main-img {
      overflow: hidden;
      margin-bottom: -17%;
  }

  .blog-post .blog-main-img a.blog-img {
      display: block;
      position: relative;
  }

  .blog-post .blog-main-img a.blog-img svg {
      width: 100%
  }

  .blog-post .blog-main-img a.blog-img img {
      -webkit-transition: all .3s ease-in-out 0s;
      -o-transition: all .3s ease-in-out 0s;
      transition: all .3s ease-in-out 0s;
  }

  .blog-post:hover .blog-main-img a.blog-img img {
      transform: scale(1.1);
  }

  .blog-post .blog-main-img a.blog-img span.blog-icon {
      font-size: 24px;
      color: var(--font-color-header);
      position: absolute;
      bottom: 50%;
      left: 50%;
      transform: translate(-50%, 50%);
      height: 45px;
      width: 45px;
      display: none;
      align-items: center;
      justify-content: center;
      background-color: #fff;
      opacity: 0;
      visibility: hidden;
      z-index: 1;
      border-radius: 100%;
      box-shadow: var(--box-shadow-colo);
      line-height: 0;
  }

  .blog-post:hover .blog-main-img a.blog-img span.blog-icon {
      opacity: 1;
      visibility: visible;
  }

  .blog-post .blog-main-img a.blog-img span.blog-icon:hover {
      color: var(--font-color-secondary);
      background-color: var(--font-color-primary);
  }

  .blog-post .blog-main-img a.blog-img span.blog-icon,
  .blog-post:hover .blog-main-img a.blog-img span.blog-icon,
  .blog-post .blog-main-img a.blog-img span.blog-icon,
  .blog-post .blog-main-img a.blog-img span.blog-icon:hover {
      -webkit-transition: all .3s ease-in-out 0s;
      -o-transition: all .3s ease-in-out 0s;
      transition: all .3s ease-in-out 0s;
  }

  .blog-post .blog-main-img a.blog-img span.blog-icon i {
      display: block;
      line-height: 0;
  }

  .blog-post .blog-post-content {
      width: calc(100% - 60px);
      padding: 50px 30px 30px;
      margin: 0 auto;
      position: relative;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      background-color: #ffffff;
  }

  .blog-post .blog-post-content .date-time {
      color: #fff;
      background-color: var(--font-color-primary);
      font-size: 14px;
      line-height: 1;
      text-transform: uppercase;
      padding: 15px 30px;
      position: absolute;
      top: -22px;
      border-radius: 8px;
  }

  .blog-post .blog-post-content .blog-tag {
      margin: 0 0 8px;
      display: none;
  }

  .blog-post .blog-post-content .blog-tag ul {
      display: flex;
      flex-wrap: wrap;
  }

  .blog-post .blog-post-content .blog-tag ul li::after {
      content: "/";
      margin: 0 5px;
      font-weight: 600;
  }

  .blog-post .blog-post-content .blog-tag ul li:last-child::after {
      display: none;
  }

  .blog-post .blog-post-content .blog-tag ul li a {
      color: var(--font-color-body);
      font-size: 14px;
      font-weight: 600;
  }

  .blog-post .blog-post-content .blog-tag ul li a:hover {
      color: var(--font-color-header);
  }

  .blog-post .blog-post-content h6 {
      font-size: 18px;
  }

  .blog-post .blog-post-content h6 a {
      display: block;
      color: var(--font-color-header);
  }

  .blog-post .blog-post-content h6 a:hover {
      color: var(--font-color-primary);
  }

  .blog-post .blog-post-content p {
      margin-top: 10px;
  }

  .blog-post .blog-post-content a.read-btn {
      margin-top: 23px;
      display: none;
  }

  .blog-post .blog-post-content a.read-link {
      color: var(--font-color-body);
      font-size: 16px;
      margin-top: 18px;
      font-weight: 600;
      text-transform: uppercase;
      border-bottom: 1px solid;
  }

  .blog-post .blog-post-content a.read-link:hover {
      color: var(--font-color-header)
  }

  @media (max-width: 767px) {
      .blog-post .blog-post-content {
          width: calc(100% - 24px);
          padding: 50px 12px 30px;
          margin: 0;
      }

      .blog-post .blog-post-content .blog-tag {
          margin: 1px 0 8px;
      }
  }

  /*====================================
     insta css
  =====================================*/
  .instagram-warp {
      background-color: rgba(0, 0, 0, 0);
      border-top: 1px solid rgba(193, 157, 96, 0.3);
  }

  .instagram-warp.bt {
      border-top: none;
  }

  .instagram-warp .item a {
      position: relative;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .instagram-warp .item a svg {
      width: 100%;
  }

  .instagram-warp .item a::after {
      content: "\e97d";
      position: absolute;
      color: #fff;
      font-size: 22px;
      font-family: feather !important;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: all .3s ease-in-out 0s;
      -o-transition: all .3s ease-in-out 0s;
      transition: all .3s ease-in-out 0s;
  }

  .instagram-warp .item a:hover::after {
      opacity: 1;
      visibility: visible;
  }

  .instagram-warp .item a img {
      -webkit-transition: all .3s ease-in-out 0s;
      -o-transition: all .3s ease-in-out 0s;
      transition: all .3s ease-in-out 0s;
  }

  .instagram-warp .item a:hover img {
      transform: scale(1.1);
  }

  .product-grid-list .single-product-wrap {
      background-color: #fff
  }

  .product-grid-list .single-product-wrap {
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap
  }

  .product-grid-list .single-product-wrap .product-image {
      width: 150px
  }

  .product-grid-list .single-product-wrap .product-content {
      width: calc(100% - 150px);
      align-items: flex-start;
      justify-content: center;
      padding: 0 15px;
      text-align: left
  }

  .product-grid-list .single-product-wrap .product-content .price-box {
      justify-content: start
  }

  @media (max-width: 1199px) {
      .product-grid-list .single-product-wrap .product-image {
          width: 105px
      }

      .product-grid-list .single-product-wrap .product-content {
          width: calc(100% - 105px)
      }
  }

  @media (max-width: 767px) {
      .product-grid-list .single-product-wrap .product-content {
          padding: 0 12px
      }
  }

  /*=====================================
      footer css
  ======================================*/
  /* footer logo */
  a.theme-footer-logo {
      display: block;
  }

  a.theme-footer-logo svg {
      width: 150px;
  }

  a.theme-footer-logo img {
      max-width: 150px;
  }

  .footer-top-area {
      position: relative;
      background-color: #f3f2ee;
      background-image: url('../img/logo/footerimg.png');
          background-repeat: repeat-x;
      background-position: bottom;
  }

  .footer-top-area::after {
      content: "";
      background-image: url('../img/logo/bg-patern2.png');
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 20px;
      background-size: contain;
      background-repeat: repeat-x;
  }

  /* footer grid css */
  .footer-list-wrap ul.footer-list {
      display: flex;
      flex-wrap: wrap;
      margin: -60px 0px 0px -30px;
  }

  .footer-list-wrap ul.footer-list li.ftlink-li {
      width: calc(25% - 30px);
      margin: 60px 0px 0px 30px;
  }

  @media (max-width: 1199px) {
      .footer-list-wrap ul.footer-list {
          margin: -30px 0px 0px -30px;
      }

      .footer-list-wrap ul.footer-list li.ftlink-li {
          width: calc(50% - 30px);
          margin: 30px 0px 0px 30px;
      }
  }

  @media (max-width: 767px) {
      .footer-list-wrap ul.footer-list {
          margin: -30px 0px 0px -12px;
      }

      .footer-list-wrap ul.footer-list li.ftlink-li {
          width: calc(50% - 12px);
          margin: 30px 0px 0px 12px;
      }
  }

  @media (max-width: 479px) {
      .footer-list-wrap ul.footer-list li.ftlink-li {
          width: calc(100% - 12px);
      }
  }

  /* footer company logo css */
  .footer-list-wrap .footer-company-detail .footer-details {
      margin-top: 30px;
      max-width: 83.33%;
  }

  .footer-list-wrap .footer-company-detail .footer-details p {
      color: var(--footer-text-color);
  }

  @media(max-width: 1499px) {
      .footer-list-wrap .footer-company-detail .footer-details {
          max-width: 100%;
      }
  }

  /* footer contact css */
  .footer-list-wrap .ftlink-li.store-contact .footer-wrap-menu .address {
      margin-top: 8px;
  }

  .footer-list-wrap .ftlink-li.store-contact .footer-wrap-menu .address p,
  .footer-list-wrap .ftlink-li.store-contact .footer-wrap-menu .contact a {
      color: var(--footer-text-color);
  }

  .footer-list-wrap .ftlink-li.store-contact .footer-wrap-menu .contact a:hover {
      color: var(--font-color-primary);
  }

  .footer-list-wrap .ftlink-li.store-contact .footer-wrap-menu .contact a {
      display: block;
      margin-top: 8px;
  }

  .footer-list-wrap .ftlink-li.store-contact .footer-wrap-menu .contact a:first-child {
      margin-top: 0;
  }

  /* footer nav-menu css */
  .footer-list-wrap ul.footer-list li.ftlink-li h2.ft-title {
      color: var(--footer-head-color);
      font-size: 16px;
      text-transform: uppercase;
  }

  .footer-list-wrap ul.footer-list li.ftlink-li .footer-wrap-menu {
      margin-top: 30px;
  }

  .footer-list-wrap ul.footer-list li.ftlink-li .footer-wrap-menu ul.footer-sublist li.ftsublink-li {
      margin-top: 8px;
  }

  .footer-list-wrap ul.footer-list li.ftlink-li .footer-wrap-menu ul.footer-sublist li.ftsublink-li:first-child {
      margin-top: 0;
  }

  .footer-list-wrap ul.footer-list li.ftlink-li .footer-wrap-menu ul.footer-sublist li.ftsublink-li a {
      color: var(--footer-text-color);
  }

  .footer-list-wrap ul.footer-list li.ftlink-li .footer-wrap-menu ul.footer-sublist li.ftsublink-li:hover a {
      color: var(--font-color-primary);
  }

  /*=====================================
      deal-section css
  ======================================*/
  .deal-section {
      background-color: #f3f2ee;
      border-top: 1px solid rgba(193, 157, 96, 0.3);
  }

  /* grid css */
  .deal-section ul.grid-wrap {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      margin: -30px 0px 0px -30px;
  }

  .deal-section ul.grid-wrap li.grid-wrapper {
      margin: 30px 0px 0px 30px;
  }

  .deal-section ul.grid-wrap li.title-wrapper {
      width: calc(33.33% - 30px);
  }

  .deal-section ul.grid-wrap li.slider-wrapper {
      width: calc(66.67% - 30px);
  }

  @media(max-width: 1199px) {

      .deal-section ul.grid-wrap li.title-wrapper,
      .deal-section ul.grid-wrap li.slider-wrapper {
          width: calc(100% - 30px);
      }
  }

  @media(max-width: 767px) {
      .deal-section ul.grid-wrap {
          margin: -30px 0px 0px -12px;
      }

      .deal-section ul.grid-wrap li.slider-wrapper,
      .deal-section ul.grid-wrap li.title-wrapper {
          margin: 30px 0px 0px 12px;
      }
  }

  /* slider dot css */
  .deal-section .swiper-dots {
      display: none;
      margin-top: 100px;
      line-height: 0;
  }

  .deal-section .swiper-dots .swiper-pagination.swiper-pagination-bullets {
      width: unset;
      position: unset;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      margin: -5px 0px 0px -5px;
  }

  .deal-section .swiper-dots .swiper-pagination.swiper-pagination-bullets span {
      width: 10px;
      height: 10px;
      margin: 5px 0px 0px 5px;
      background-color: transparent;
      border-radius: 100%;
      opacity: 1;
      border: 1px solid var(--font-color-header);
  }

  .deal-section .swiper-dots .swiper-pagination.swiper-pagination-bullets span.swiper-pagination-bullet-active {
      border: 1px solid var(--font-color-header);
      background-color: var(--font-color-header);
  }

  @media (max-width: 1199px) {
      .deal-section .swiper-dots {
          margin-top: 80px;
      }
  }

  @media (max-width: 767px) {
      .deal-section .swiper-dots {
          margin-top: 60px;
      }
  }

  /* banner content timer css */
  .deal-section .section-title {
      align-items: flex-start;
  }

  .deal-section .section-title span.sub-title {
      margin-bottom: 30px;
  }

  .deal-section .product-timer ul.timer-section {
      display: flex;
      flex-wrap: wrap;
      text-align: center;
  }

  .deal-section .product-timer ul.timer-section li.timer-count {
      position: relative;
      width: 70px;
      height: 70px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      text-align: center;
      border: 1px solid var(--theme-border-color);
      margin-left: 30px;
  }

  .deal-section .product-timer ul.timer-section li.timer-count::before {
      content: ":";
      position: absolute;
      right: calc(100% - -15px);
      color: var(--font-color-primary);
      font-size: 22px;
      line-height: 1;
  }

  .deal-section .product-timer ul.timer-section li.timer-count:first-child::before {
      display: none;
  }

  .deal-section .product-timer ul.timer-section li.timer-count:first-child {
      margin-left: 0px;
  }

  .deal-section .product-timer ul.timer-section li.timer-count span {
      display: block;
      line-height: 1;
  }

  .deal-section .product-timer ul.timer-section li.timer-count span.timer-text {
      color: var(--font-color-header);
      font-size: 22px;
      font-weight: 600;
  }

  .deal-section .product-timer ul.timer-section li.timer-count span.small-text {
      margin-top: 5px;
      font-size: 14px;
      color: var(--font-color-body);
  }

  @media (max-width: 1399px) {
      .deal-section .product-timer ul.timer-section li.timer-count {
          width: 60px;
          height: 60px;
      }
  }

  @media (max-width: 1199px) {
      .deal-section .section-title {
          align-items: center;
      }
  }

  @media (max-width: 479px) {
      .deal-section .product-timer ul.timer-section li.timer-count {
          width: 50px;
          height: 50px;
      }

      .deal-section .product-timer ul.timer-section li.timer-count span.timer-text {
          font-size: 14px;
      }

      .deal-section .product-timer ul.timer-section li.timer-count {
          margin-left: 15px;
      }

      .deal-section .product-timer ul.timer-section li.timer-count::before {
          right: calc(100% - -5px);
      }
  }

  /*====================================
      footer-bottom css
  ====================================*/
  .footer-bottom-area {
      padding-top: 20px;
      padding-bottom: 20px;
      background-color: #f3f2ee;
      border-top: 1px solid #a7965c;
  }

  @media (max-width: 1199px) {
      .footer-bottom-area {
          padding-top: 0px;
          padding-bottom: 30px;
      }
  }

  @media (max-width: 767px) {
      .footer-bottom-area {
          padding-top: 0px;
          padding-bottom: 15px;
      }
  }

  /* footer copyright content css */
  .footer-bottom-area ul.ft-bottom {
      display: flex;
      align-items: center;
      justify-content: space-between;
  }

  @media (max-width: 1199px) {
      .footer-bottom-area ul.ft-bottom {
          flex-direction: column;
          text-align: center;
      }

      .footer-bottom-area ul.ft-bottom>li {
          margin-top: 15px;
      }

      .footer-bottom-area ul.ft-bottom>li:first-child {
          margin-top: 0px;
      }
  }

  /* footer copyright menu css */
  .footer-bottom-area ul.ft-bottom>li.ft-menu {
      display: flex;
      flex-wrap: wrap;
      margin: -10px 0px 0px -15px;
  }

  .footer-bottom-area ul.ft-bottom>li.ft-menu a {
      color: var(--font-color-body);
      margin: 10px 0px 0px 15px;
  }

  .footer-bottom-area ul.ft-bottom>li.ft-menu a:hover {
      color: var(--font-color-primary);
  }

  @media (max-width: 1199px) {
      .footer-bottom-area ul.ft-bottom>li.ft-menu {
          justify-content: center;
          margin: 0px 0px 0px -12px;
      }

      .footer-bottom-area ul.ft-bottom>li.ft-menu a {
          margin: 10px 0px 0px 12px;
      }
  }

  /* footer copyright text css */
  .footer-bottom-area ul.ft-bottom>li.copy-right p {
      line-height: normal;
  }

  /*====================================
      social icon css
  ====================================*/
  ul.social-icon {
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin: -15px 0px 0px -15px;
  }

  ul.social-icon li {
      margin: 15px 0px 0px 15px;
  }

  ul.social-icon li a {
      display: flex;
      align-items: center;
  }

  ul.social-icon li a span.icon-social {
      font-size: 18px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 0px;
      line-height: 0;
  }

  ul.social-icon li a span.icon-social:hover {
      color: #333333;
      background-color: transparent;
  }

  ul.social-icon li a span,
  ul.social-icon li a:hover span {
      -webkit-transition: all 0.3s ease-in-out 0s;
      -o-transition: all 0.3s ease-in-out 0s;
      transition: all 0.3s ease-in-out 0s;
  }

  ul.social-icon li a span.facebook {
      color: #3b5998;
      background-color: transparent;
  }

  ul.social-icon li a span.twitter {
      color: #1da1f2;
      background-color: transparent;
  }

  ul.social-icon li a span.pinterest {
      color: #e60023;
      background-color: transparent;
  }

  ul.social-icon li a span.instagram {
      color: #d62976;
      background-color: transparent;
  }

  ul.social-icon li a span.linkedin {
      color: #0a66c2;
      background-color: transparent;
  }

  ul.social-icon li a span.telegram {
      color: #0088cc;
      background-color: transparent;
  }

  /*====================================
     payment-icon css
  ====================================*/
  .payment-icon {
      display: flex;
      flex-wrap: wrap;
      margin: -5px 0px 0px -5px;
  }

  .payment-icon img {
      width: 38px;
      margin: 5px 0px 0px 5px;
  }

  /*====================================
      banner-hover css
  ====================================*/
  .banner-hover {
      display: block;
      position: relative;
  }

  .banner-hover img {
      width: 100%;
      border-radius: 0;
  }

  .banner-hover:hover img {
      -webkit-filter: brightness(.5);
      -o-filter: brightness(.5);
      filter: brightness(.5);
  }

  .banner-hover img,
  .banner-hover:hover img {
      -webkit-transition: all .3s ease-in-out 0s;
      -o-transition: all .3s ease-in-out 0s;
      transition: all .3s ease-in-out 0s;
  }

  /*====================================
      currency css
  ====================================*/
  .currency-wrapper .local-currency {
      position: relative;
      /*padding: 12px 0px;*/
      cursor: pointer;
  }

  .currency-wrapper .local-currency form a.currency-title {
      color: var(--font-color-header);
      font-size: 16px;
      display: flex;
      align-items: center;
      position: relative;
      padding-right: 15px;
      font-weight: 600;
      opacity: 0.7;
      -webkit-transition: all 0s ease-in-out 0s;
      -o-transition: all 0s ease-in-out 0s;
      transition: all 0s ease-in-out 0s;
  }

  .currency-wrapper:hover .local-currency form a.currency-title {
      opacity: 1;
  }

  .currency-wrapper .local-currency form a.currency-title.currency-title-lg {
      display: none;
  }

  .currency-wrapper .local-currency form a.currency-title::after {
      content: "\f107";
      font-family: 'Font Awesome 5 Free';
      position: absolute;
      right: 0px;
      bottom: 50%;
      transform: translateY(50%);
      font-weight: 600;
      line-height: 1;
  }

  .currency-wrapper .local-currency form a.currency-title span {
      display: block;
      margin-left: 5px;
  }

  .currency-wrapper .local-currency form a.currency-title span:first-child {
      margin-left: 0px;
  }

  .currency-wrapper .local-currency form a.currency-title span.currency-flag {
      display: none;
      line-height: 0;
  }

  .currency-wrapper .local-currency form ul.collapse:not(.show) {
      display: block;
  }

  .currency-wrapper .local-currency form ul {
      position: absolute;
      top: 100%;
      left: 0;
      right: 0px;
      max-height: 90px;
      overflow-y: auto;
      background-color: var(--background-color-body);
      opacity: 0;
      visibility: hidden;
      z-index: 2;
      box-shadow: var(--box-shadow-color);
  }

  .currency-wrapper:hover .local-currency form ul {
      opacity: 1;
      visibility: visible;
  }

  .currency-wrapper .local-currency form ul,
  .currency-wrapper:hover .local-currency form ul {
      -webkit-transition: all 0.3s ease-in-out 0s;
      -o-transition: all 0.3s ease-in-out 0s;
      transition: all 0.3s ease-in-out 0s;
  }

  .currency-wrapper .local-currency form ul li {
      border-top: 1px solid var(--theme-border-color);
  }

  .currency-wrapper .local-currency form ul li:first-child {
      border-top: none;
  }

  .currency-wrapper .local-currency form ul li a {
      color: var(--font-color-body);
      padding: 5px 15px;
      display: flex;
      align-items: center;
  }

  .currency-wrapper .local-currency form ul li:hover a,
  .currency-wrapper .local-currency form ul li.active a {
      color: var(--font-color-header);
      background-color: var(--extra-bgcolor);
  }

  .currency-wrapper .local-currency form ul li a span {
      display: block;
  }

  .currency-wrapper .local-currency form ul li a span.currency-flag {
      display: none;
      line-height: 0;
  }

  @media (max-width: 1199px) {
      .currency-wrapper .local-currency form a.currency-title {
          display: none;
      }

      .currency-wrapper .local-currency form a.currency-title.currency-title-lg {
          display: flex;
          color: var(--font-color-body) !important;
      }

      .currency-wrapper .local-currency form a.currency-title-lg.active {
          color: var(--font-color-body);
      }

      .currency-wrapper .local-currency form ul.collapse:not(.show) {
          display: none;
      }

      .currency-wrapper .local-currency form ul.collapse:not(.show).active {
          display: block;
      }

      .currency-wrapper .local-currency form ul {
          opacity: 1;
          visibility: visible;
          -webkit-transition: all 0s ease-in-out 0s;
          -o-transition: all 0s ease-in-out 0s;
          transition: all 0s ease-in-out 0s;
      }
  }

  /*====================================
     animation css
  =====================================*/
  @-webkit-keyframes DropDownSlide {
      to {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          transform: translateY(0);
      }

      0% {
          -webkit-transform: translateY(10px);
          -moz-transform: translateY(10px);
          transform: translateY(10px);
      }
  }

  @-moz-keyframes DropDownSlide {
      to {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          transform: translateY(0);
      }

      0% {
          -webkit-transform: translateY(10px);
          -moz-transform: translateY(10px);
          transform: translateY(10px);
      }
  }

  @keyframes DropDownSlide {
      to {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          transform: translateY(0);
      }

      0% {
          -webkit-transform: translateY(10px);
          -moz-transform: translateY(10px);
          transform: translateY(10px);
      }
  }

  /*====================================
      search-modal css
  =====================================*/
  #seachmodal .modal-dialog {
      margin: 0px;
      padding: 30px 0px;
      max-width: 100%;
      background-color: var(--background-color-body);
  }

  #seachmodal .modal-content {
      border: none;
      border-radius: 0;
  }

  #seachmodal .modal-body {
      padding: 0px;
  }

  #searchmodal .crap-search {
      display: flex;
      flex-direction: column;
  }

  #seachmodal .crap-search .button-close {
      text-align: right;
      line-height: 0;
  }

  #seachmodal .crap-search .button-close button.search-close {
      line-height: 0;
  }

  #seachmodal .crap-search .form-search {
      position: relative;
      margin-top: 15px;
  }

  #seachmodal .crap-search .form-search input {
      padding: 10px 0px;
      width: 100%;
      border: none;
      border-bottom: 1px solid var(--theme-border-color);
  }

  #seachmodal .crap-search .form-search button {
      position: absolute;
      right: 0px;
      bottom: 50%;
      transform: translateY(50%);
      line-height: 0;
  }

  #seachmodal .crap-search .form-search button svg {
      fill: var(--font-color-body);
  }

  /*====================================
      mini-cart css
  ====================================*/
  .mini-cart {
      position: fixed;
      right: calc(0% - 400px);
      top: 0px;
      height: 100%;
      width: 400px;
      z-index: 5;
      opacity: 0;
      visibility: hidden;
      height: 100%;
      display: flex;
      flex: 1 1 auto;
      flex-direction: column;
      justify-content: space-between;
      overflow: hidden;
      background-color: #ffffff;
      box-shadow: var(--box-shadow-color);
  }

  .mini-cart.active {
      right: 0;
      opacity: 1;
      visibility: visible;
  }

  .mini-cart,
  .mini-cart.active {
      -webkit-transition: all 0.3s ease-in-out 0s;
      -o-transition: all 0.3s ease-in-out 0s;
      transition: all 0.3s ease-in-out 0s;
  }

  .mini-cart .cart-text {
      position: relative;
  }

  .mini-cart .cart-text p {
      padding: 11px 15px;
      line-height: normal;
  }

  .mini-cart .cart-text p span.cart-count {
      color: var(--sti-bgcolor);
      padding: 0px 5px;
      background-color: var(--font-color-primary);
      font-weight: 600;
  }

  .mini-cart .cart-text button.cart-close {
      display: block;
      color: var(--font-color-header);
      font-size: 18px;
      position: absolute;
      top: 12px;
      right: 10px;
      line-height: 0;
  }

  .mini-cart .cart-text button.cart-close:hover {
      color: var(--font-color-primary);
  }

  @media (max-width: 479px) {
      .mini-cart {
          height: 100%;
          overflow: auto;
          justify-content: flex-start;
      }
  }

  @media (max-width: 400px) {
      .mini-cart {
          width: 100%;
      }
  }

  /* empty-cart css */
  .mini-cart .empty-cart {
      height: 100%;
      padding: 15px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
  }

  .mini-cart .empty-cart span.cart-icon {
      display: block;
      color: var(--font-color-body);
      font-size: 64px;
      line-height: 0;
  }

  .mini-cart .empty-cart a {
      width: 100%;
      margin-top: 15px;
  }

  /* fill-cart css */
  .mini-cart ul.cart-item {
      height: 100%;
      overflow-y: auto;
      border-top: 1px solid var(--theme-border-color);
  }

  .mini-cart ul.cart-item li.cart-product {
      display: flex;
      padding: 15px;
      border-top: 1px solid var(--theme-border-color);
  }

  .mini-cart ul.cart-item li.cart-product:first-child {
      border-top: none;
  }

  .mini-cart ul.cart-item li.cart-product .cart-img {
      width: 100px;
  }

  .mini-cart ul.cart-item li.cart-product .cart-img a {
      display: block;
  }

  .mini-cart ul.cart-item li.cart-product .cart-img a img {
      backface-visibility: hidden;
      border: 1px solid var(--theme-border-color);
      border-radius: 0;
  }

  .mini-cart ul.cart-item li.cart-product .cart-content {
      width: calc(100% - 115px);
      padding-left: 15px;
      position: relative;
  }

  .mini-cart ul.cart-item li.cart-product .cart-content h6 {
      font-size: 16px;
      font-weight: 500;
  }

  .mini-cart ul.cart-item li.cart-product .cart-content h6 a {
      display: block;
      color: var(--font-color-header);
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
  }

  .mini-cart ul.cart-item li.cart-product .cart-content h6 a:hover {
      color: var(--font-color-body);
  }

  .mini-cart ul.cart-item li.cart-product .cart-content .product-info {
      display: flex;
      align-items: center;
      margin-top: 10px;
      line-height: 1;
  }

  .mini-cart ul.cart-item li.cart-product .cart-content .product-info .info-item {
      display: flex;
      align-items: center;
      line-height: 1;
  }

  .mini-cart ul.cart-item li.cart-product .cart-content .product-info .info-item span {
      display: block;
      margin-left: 10px;
  }

  .mini-cart ul.cart-item li.cart-product .cart-content .product-info .info-item span:first-child {
      margin-left: 0px;
  }

  .mini-cart ul.cart-item li.cart-product .cart-content .product-info .info-item span.product-price {
      font-size: 14px;
      color: var(--font-color-body);
  }

  .mini-cart ul.cart-item li.cart-product .cart-content .product-quantity-action {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-top: 10px;
  }

  .mini-cart ul.cart-item li.cart-product .cart-content .product-quantity-action .product-quantity .cart-plus-minus {
      display: flex;
      position: relative;
      border: 1px solid var(--theme-border-color);
  }

  .mini-cart ul.cart-item li.cart-product .cart-content .product-quantity-action .product-quantity .cart-plus-minus .qtybutton {
      font-size: 15px;
      width: 35px;
      height: 35px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      line-height: 0;
      -webkit-transition: all .3s ease-in-out 0s;
      -o-transition: all .3s ease-in-out 0s;
      transition: all .3s ease-in-out 0s;
  }

  .mini-cart ul.cart-item li.cart-product .cart-content .product-quantity-action .product-quantity .cart-plus-minus .qtybutton:hover {
      color: #fff;
      background-color: var(--font-color-primary);
  }

  .mini-cart ul.cart-item li.cart-product .cart-content .product-quantity-action .product-quantity .cart-plus-minus input {
      width: 50px;
      height: 35px;
      text-align: center;
      border: none;
      background-color: transparent;
  }

  .mini-cart ul.cart-item li.cart-product .cart-content .product-quantity-action .product-quantity .cart-plus-minus .dec.qtybutton {
      border-right: 1px solid var(--theme-border-color);
  }

  .mini-cart ul.cart-item li.cart-product .cart-content .product-quantity-action .product-quantity .cart-plus-minus .inc.qtybutton {
      border-left: 1px solid var(--theme-border-color);
  }

  .mini-cart ul.cart-item li.cart-product .cart-content .delete-cart a.delete-icon {
      color: var(--font-color-header);
  }

  .mini-cart ul.cart-item li.cart-product .cart-content .delete-cart a.delete-icon:hover {
      color: var(--font-color-primary);
  }

  /* subtotal css */
  .mini-cart ul.subtotal-area {
      width: 100%;
      display: flex;
      flex-direction: column;
      background-color: #fff;
  }

  .mini-cart ul.subtotal-area li {
      border-top: 1px solid var(--theme-border-color);
  }

  .mini-cart ul.subtotal-area li.subtotal-info {
      padding: 11px 15px;
  }

  .mini-cart ul.subtotal-area li.subtotal-info .subtotal-titles {
      display: flex;
      align-items: center;
      justify-content: space-between;
  }

  .mini-cart ul.subtotal-area li.subtotal-info .subtotal-titles h6.cart-total {
      color: var(--font-color-body);
      font-size: 14px;
      font-weight: 400;
  }

  .mini-cart ul.subtotal-area li.subtotal-info .subtotal-titles span.subtotal-price {
      color: var(--font-color-header);
      font-weight: 600;
  }

  .mini-cart ul.subtotal-area li.mini-info {
      padding: 10px 15px 15px;
  }

  .mini-cart ul.subtotal-area li.mini-info label.box-area {
      position: relative;
      padding-left: 25px;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
  }

  .mini-cart ul.subtotal-area li.mini-info label.box-area span.agree-text {
      display: block;
      font-size: 13px;
  }

  .mini-cart ul.subtotal-area li.mini-info label.box-area span.agree-text a {
      display: block;
      color: rgba(111, 111, 111, 0.7);
      text-decoration: underline;
  }

  .mini-cart ul.subtotal-area li.mini-info label.box-area span.agree-text a:hover {
      color: #6f6f6f;
  }

  .mini-cart ul.subtotal-area li.mini-info label.box-area input.cust-checkbox {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0;
  }

  .mini-cart ul.subtotal-area li.mini-info label.box-area span.cust-check {
      position: absolute;
      top: 2px;
      left: 0;
      width: 17px;
      height: 17px;
      background-color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 1;
      border: 1px solid var(--theme-border-color);
      border-radius: 0;
      overflow: hidden;
  }

  .mini-cart ul.subtotal-area li.mini-info label.box-area:hover span.cust-check {
      box-shadow: var(--inset-box-shadow-color);
  }

  .mini-cart ul.subtotal-area li.mini-info label.box-area span.cust-check::after {
      display: none;
      content: "\f26e";
      font-family: bootstrap-icons !important;
      color: var(--font-color-body);
      font-size: 16px;
  }

  .mini-cart ul.subtotal-area li.mini-info label.box-area input.cust-checkbox:checked~span.cust-check::after {
      display: block;
  }

  .mini-cart ul.subtotal-area li.mini-info .cart-btn {
      display: flex;
      flex-wrap: wrap;
      margin: 0px 0px 0px -15px;
  }

  .mini-cart ul.subtotal-area li.mini-info .cart-btn a {
      width: calc(100% - 15px);
      margin: 15px 0px 0px 15px;
  }

  /*====================================
      screen-bg css
  =====================================*/
  .screen-bg {
      position: fixed;
      top: 0px;
      bottom: 0px;
      left: 0px;
      right: 0px;
      background-color: rgba(0, 0, 0, 0.6);
      z-index: 2;
      opacity: 0;
      visibility: hidden;
  }

  .screen-bg.active {
      opacity: 1;
      visibility: visible;
  }

  .screen-bg,
  .screen-bg.active {
      -webkit-transition: all 0.3s ease-in-out 0s;
      -o-transition: all 0.3s ease-in-out 0s;
      transition: all 0.3s ease-in-out 0s;
  }

  /*====================================
      quickview css
  ====================================*/
  /* modal css */
  .productmodal .modal-dialog {
      max-width: 650px;
  }

  .productmodal .modal-dialog .modal-content {
      box-shadow: var(--box-shadow-color);
      border: none;
      border-radius: 0;
  }

  @media (max-width: 600px) {
      .productmodal .modal-dialog {
          max-width: 100%;
          margin: 0px;
          padding: 15px;
      }
  }

  /* modal-header css */
  .productmodal .modal-dialog .modal-header {
      width: 100%;
      padding: 15px;
      border-bottom: 1px solid var(--theme-border-color);
  }

  .productmodal .modal-dialog .modal-header h6 {
      font-size: 18px;
      line-height: 1;
  }

  .productmodal .modal-dialog .modal-header button.close {
      font-size: 20px;
      color: var(--font-color-body);
      position: absolute;
      right: 15px;
      padding: 0;
      line-height: 0;
  }

  .productmodal .modal-dialog .modal-header button.close:hover {
      color: var(--font-color-header);
  }

  .productmodal .modal-dialog .modal-header button.close i {
      display: block;
      line-height: 0;
  }

  .productmodal .modal-dialog .modal-header button.close i::before {
      font-weight: 600 !important;
  }

  /* modal-body css */
  .productmodal .modal-body {
      padding: 15px 0px;
  }

  .productmodal .modal-body .quickview-main-area {
      display: flex;
      flex-wrap: wrap;
      -ms-flex-wrap: wrap;
  }

  .productmodal .modal-body .quickview-main-area .quickview-slider {
      width: 50%;
      padding-left: 15px;
  }

  .productmodal .modal-body .quickview-main-area .gallery-top {
      margin-bottom: 15px;
  }

  .productmodal .modal-body .quickview-main-area .gallery-top a {
      border: 1px solid var(--theme-border-color);
  }

  .productmodal .modal-body .quickview-main-area .gallery-thumbs .swiper-slide img {
      opacity: 0.5;
      border: 1px solid var(--theme-border-color);
  }

  .productmodal .modal-body .quickview-main-area .gallery-thumbs .swiper-slide.swiper-slide-thumb-active img {
      opacity: 1;
      border: 1px solid var(--font-color-primary);
  }

  /* modal-content css */
  .productmodal .modal-body .quickview-main-area .quick-view-content {
      width: 50%;
      padding: 0px 15px;
      max-height: 523px;
      overflow-y: auto;
  }

  .productmodal .modal-dialog .modal-body .quick-view-content .price-box span.new-price,
  .productmodal .modal-dialog .modal-body .quick-view-content .price-box span.old-price {
      font-size: 16px;
  }

  .productmodal .modal-dialog .modal-body .quick-view-content .product-rating {
      margin-bottom: 15px;
  }

  .productmodal .modal-dialog .modal-body .quick-view-content .product-rating span.star-rating i {
      font-size: 14px !important;
  }

  .productmodal .modal-body .quickview-main-area .quick-view-content .price-box {
      margin-top: 12px;
  }

  .productmodal .modal-body .quickview-main-area .quick-view-content .product-desc {
      margin-top: 20px;
  }

  @media (max-width: 600px) {
      .productmodal .modal-body .quickview-main-area .quickview-slider {
          width: 100%;
          padding: 0px 15px;
          overflow: auto;
      }

      .productmodal .modal-body .quickview-main-area .quick-view-content {
          width: 100%;
          margin-top: 30px;
          max-height: unset;
          overflow: unset;
      }
  }

  /* modal variant css */
  .productmodal .modal-dialog .modal-body .quick-view-content form {
      margin-top: 23px;
  }

  .productmodal .modal-dialog .modal-body .quick-view-content form .quick-view-select .variants_selects {
      display: flex;
      align-items: center;
      margin-top: 18px;
  }

  .productmodal .modal-dialog .modal-body .quick-view-content form .quick-view-select .variants_selects label {
      display: block;
      color: var(--font-color-header);
      font-size: 16px;
      width: 75px;
      margin-bottom: 0;
      font-weight: 600;
      line-height: 1;
  }

  .productmodal .modal-dialog .modal-body .quick-view-content form .quick-view-select .variants_selects .select-icon {
      width: calc(100% - 90px);
      margin-left: 15px;
  }

  .productmodal .modal-dialog .modal-body .quick-view-content form .quick-view-select .variants_selects select {
      width: 100%;
  }

  /* modal quantity css */
  .productmodal .modal-dialog .modal-body .quick-view-content form .product-quantity-action {
      display: flex;
      align-items: center;
      margin-top: 30px;
  }

  .productmodal .modal-dialog .modal-body .quick-view-content form .product-quantity-action h6 {
      font-size: 16px;
      width: 75px;
      line-height: 1;
  }

  .productmodal .modal-dialog .modal-body .quick-view-content form .product-quantity-action .product-quantity {
      margin-left: 15px;
  }

  .product-quantity .cart-plus-minus {
      display: flex;
      position: relative;
      border: 1px solid rgb(247 247 252);
      background-color: #f7f7fc;
      border-radius: 1000px;
  }

  .product-quantity .cart-plus-minus .dec.qtybutton {
      border-right: 1px solid var(--theme-border-color);
  }

  .product-quantity .cart-plus-minus input {
      width: 50px;
      height: 35px;
      text-align: center;
      border: none;
      background-color: transparent;
  }

  .product-quantity .cart-plus-minus .inc.qtybutton {
      border-left: 1px solid var(--theme-border-color);
  }

  .product-quantity .cart-plus-minus .qtybutton {
      font-size: 14px;
      width: 35px;
      height: 35px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      line-height: 0;
      -webkit-transition: all .3s ease-in-out 0s;
      -o-transition: all .3s ease-in-out 0s;
      transition: all .3s ease-in-out 0s;
  }

  .product-quantity .cart-plus-minus .qtybutton:hover {
      color: #fff;
      background-color: var(--font-color-primary);
  }

  /* modal button css */
  .productmodal .modal-dialog .modal-body .quick-view-content form .quickview-buttons {
      margin-top: 30px;
  }

  .productmodal .modal-dialog .modal-body .quick-view-content form .quickview-buttons button {
      color: #c19d60;
      font-size: 16px;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      min-width: 100%;
      background-color: rgba(0, 0, 0, 0);
      text-align: center;
      text-transform: uppercase;
      font-weight: 400;
      border: 2px solid #c19d60;
      border-radius: 0px;
      letter-spacing: 0.5px;
      line-height: 1;
  }

  .productmodal .modal-dialog .modal-body .quick-view-content form .quickview-buttons button:hover {
      color: #ffffff;
      background-color: #c19d60;
      border: 2px solid #c19d60;
  }

  .productmodal .modal-dialog .modal-body .quick-view-content form .quickview-buttons a {
      margin-top: 30px;
  }

  .pro-aff-che a.wishlist,
  .quickview-buttons a.wishlist {
      color: var(--font-color-body);
      font-size: 16px;
      display: flex;
      align-content: center;
      font-weight: 600;
      line-height: 1;
  }

  .pro-aff-che a.wishlist,
  .quickview-buttons a:hover.wishlist {
      color: var(--font-color-header);
  }

  .pro-aff-che a.wishlist,
  .quickview-buttons a.wishlist i {
      display: block;
      line-height: 0;
  }

  .pro-aff-che a.wishlist,
  .quickview-buttons a.wishlist .wishlist-title {
      margin-left: 5px;
  }

  /* quickview-slider button css  */
  .swiper.gallery-top .swiper-button button {
      color: var(--font-color-header);
      position: absolute;
      bottom: 50%;
      transform: translateY(50%);
      z-index: 1;
      opacity: 0.5;
      line-height: 0;
  }

  .swiper .swiper-button button.quick-prev {
      left: 10px;
  }

  .swiper .swiper-button button.quick-next {
      right: 10px;
  }

  .swiper .swiper-button button:hover {
      color: var(--font-color-header);
      opacity: 1;
  }

  /*====================================
      back-to-top css
  =====================================*/
  a#top {
      position: fixed;
      bottom: 85px;
      right: 30px;
      z-index: 2;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: all 0s ease-in-out 0s;
      -o-transition: all 0s ease-in-out 0s;
      transition: all 0s ease-in-out 0s;
  }

  a#top.show {
      opacity: 1;
      visibility: visible;
      -webkit-transition: all 0.3s ease-in-out 0s;
      -o-transition: all 0.3s ease-in-out 0s;
      transition: all 0.3s ease-in-out 0s;
  }

  a.scroll span {
      color: #fff;
      font-size: 16px;
      height: 35px;
      width: 35px;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: var(--font-color-primary);
      border-radius: 8px;
      box-shadow: 0px 0px 15px rgba(51, 51, 51, 0.15);
      line-height: 1;
  }

  a.scroll span i {
      display: block;
      line-height: 0;
  }

  a.scroll:hover span {
      color: var(--font-color-header);
      background-color: #fff;
  }

  a.scroll span,
  a.scroll:hover span {
      -webkit-transition: all 0.3s ease-in-out 0s;
      -o-transition: all 0.3s ease-in-out 0s;
      transition: all 0.3s ease-in-out 0s;
  }

  @media (max-width: 767px) {
      a#top {
          right: 12px;
      }
  }

  /*====================================
      preloader css
  =====================================*/
  .preloader {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #ffffff;
      z-index: 555555;
  }

  .loader {
      display: block;
      position: relative;
      left: 50%;
      top: 50%;
      width: 150px;
      height: 150px;
      margin: -75px 0 0 -75px;
      border-radius: 50%;
      border: 3px solid transparent;
      border-top-color: var(--font-color-primary);
      -webkit-animation: spin 2s linear infinite;
      animation: spin 2s linear infinite;
  }

  .loader::before {
      content: "";
      position: absolute;
      top: 5px;
      left: 5px;
      right: 5px;
      bottom: 5px;
      border-radius: 50%;
      border: 3px solid transparent;
      border-top-color: var(--font-color-primary);
      -webkit-animation: spin 3s linear infinite;
      animation: spin 3s linear infinite;
  }

  .loader::after {
      content: "";
      position: absolute;
      top: 15px;
      left: 15px;
      right: 15px;
      bottom: 15px;
      border-radius: 50%;
      border: 3px solid transparent;
      border-top-color: var(--font-color-primary);
      -webkit-animation: spin 1.5s linear infinite;
      animation: spin 1.5s linear infinite;
  }

  @-webkit-keyframes spin {
      0% {
          -webkit-transform: rotate(0deg);
          -ms-transform: rotate(0deg);
          transform: rotate(0deg);
      }

      100% {
          -webkit-transform: rotate(360deg);
          -ms-transform: rotate(360deg);
          transform: rotate(360deg);
      }
  }

  @keyframes spin {
      0% {
          -webkit-transform: rotate(0deg);
          -ms-transform: rotate(0deg);
          transform: rotate(0deg);
      }

      100% {
          -webkit-transform: rotate(360deg);
          -ms-transform: rotate(360deg);
          transform: rotate(360deg);
      }
  }

  /*====================================
      scrollbar css
  =====================================*/
  .mini-cart ul.cart-item,
  .productmodal .quick-view-content,
  .currency-wrap .local-currency ul,
  .shop-sidebar ul.scrollbar,
  .shop-sidebar-wrap {
      scrollbar-width: thin;
      -webkit-scrollbar-width: thin
  }

  .currency-wrap .local-currency ul::-webkit-scrollbar,
  .mini-cart ul.cart-item::-webkit-scrollbar,
  .productmodal .quick-view-content::-webkit-scrollbar,
  .shop-sidebar ul.scrollbar::-webkit-scrollbar,
  .shop-sidebar-wrap::-webkit-scrollbar {
      width: 4px;
  }

  .currency-wrap .local-currency ul::-webkit-scrollbar-track,
  .mini-cart ul.cart-item::-webkit-scrollbar-track,
  .productmodal .quick-view-content::-webkit-scrollbar-track,
  .shop-sidebar ul.scrollbar::-webkit-scrollbar-track,
  .shop-sidebar-wrap::-webkit-scrollbar-track {
      background-color: var(--theme-border-color);
  }

  .currency-wrap .local-currency ul::-webkit-scrollbar-thumb,
  .mini-cart ul.cart-item::-webkit-scrollbar-thumb,
  .productmodal .quick-view-content::-webkit-scrollbar-thumb,
  .shop-sidebar ul.scrollbar::-webkit-scrollbar-track,
  .shop-sidebar-wrap::-webkit-scrollbar-track {
      background-color: #c1c1c1;
  }

  .currency-wrap .local-currency ul::-webkit-scrollbar-thumb:hover,
  .mini-cart ul.cart-item::-webkit-scrollbar-thumb:hover,
  .productmodal .quick-view-content::-webkit-scrollbar-thumb:hover,
  .shop-sidebar ul.scrollbar::-webkit-scrollbar-thumb:hover,
  .shop-sidebar-wrap::-webkit-scrollbar-thumb:hover {
      background-color: var(--font-color-primary);
  }

  /*====================================
      swiper-buttons css
  =====================================*/
  .related-blog .swiper-buttons,
  .blog-wrap .swiper-buttons {
      display: flex;
      align-items: center;
      margin-top: 30px
  }

  .related-blog .swiper-buttons button,
  .blog-wrap .swiper-buttons button,
  .cat-slider.owl-carousel .owl-nav button {
      color: var(--font-color-primary);
      font-size: 18px;
      border-radius: 50%;
      line-height: 1;
      margin: 0;
      height: 45px;
      width: 45px;
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      bottom: 50%;
      transform: translateY(50%);
      background-color: #ffffff;
  }

  .related-blog .swiper-buttons button,
  .blog-wrap .swiper-buttons button {
      position: unset;
      transform: unset
  }

  .related-blog .swiper-buttons button.swiper-prev,
  .blog-wrap .swiper-buttons button.swiper-prev {
      margin-right: 10px
  }

  .cat-slider.owl-carousel .owl-nav button.owl-next {
      right: 0px
  }

  .cat-slider.owl-carousel .owl-nav button.owl-prev {
      left: 0px
  }

  .related-blog .swiper-buttons button:hover,
  .blog-wrap .swiper-buttons button:hover,
  .cat-slider.owl-carousel .owl-nav button:hover {
      color: #fff;
      background-color: var(--font-color-primary)
  }

  .cat-slider.owl-carousel .owl-nav button i {
      -webkit-transform: scaleX(-1);
      -o-transform: scaleX(-1);
      transform: scaleX(-1)
  }

  @media (max-width: 1199px) {

      .related-blog .swiper-buttons,
      .blog-wrap .swiper-buttons {
          justify-content: center
      }

      .cat-slider.owl-carousel .owl-nav button {
          height: 40px;
          width: 40px
      }
  }

  /*====================================
      notification-bottom css
  =====================================*/
  .notification-bottom {
      display: none;
  }

  @media (max-width: 479px) {
      .notification-bottom {
          display: block;
          align-items: center;
          position: sticky;
          bottom: 0;
          padding: 10px 12px;
          background-color: var(--box-body-bgcolor);
          box-shadow: var(--box-shadow-color);
          z-index: 2;
      }

      .notification-bottom ul.shop-element-menu {
          width: 100%;
          display: flex;
          align-items: center;
          justify-content: space-around;
      }

      .notification-bottom ul.shop-element-menu li.side-wrap {
          position: relative;
      }

      .home-wrapper,
      .user-wrapper,
      .search-wrapper,
      .wishlist-wrapper .wish-det,
      .cart-wrapper .cart-det {
          display: flex;
          flex-direction: column;
          align-items: center;
      }

      .home-wrapper a.home-modal,
      .search-wrapper a.search-modal,
      .wishlist-wrapper .wish-det a.wishlist-count,
      .cart-wrapper .cart-det a.cart-count,
      .user-wrapper a.user-login {
          color: var(--font-color-header);
          flex-direction: column;
          position: relative;
          text-align: center;
      }

      .home-wrapper span.header-title,
      .search-wrapper span.header-title,
      .wishlist-wrapper span.header-title,
      .cart-wrapper span.header-title,
      .user-wrapper span.header-title {
          font-size: 10px;
          font-weight: 500;
          text-transform: uppercase;
          margin-top: 5px;
          display: block;
          line-height: 1;
      }

      .home-wrapper a.home-modal span.home-icon,
      .search-wrapper a.search-modal span.search-icon,
      .wishlist-wrapper .wish-det a.wishlist-count span.wishlist-icon,
      .cart-wrapper .cart-det a.cart-count span.cart-icon,
      .user-wrapper a.user-login span.user-icon {
          position: relative;
      }

      .home-wrapper a.home-modal span.home-icon,
      .search-wrapper a.search-modal span.search-icon,
      .wishlist-wrapper .wish-det a.wishlist-count span.wishlist-icon,
      .cart-wrapper .cart-det a.cart-count span.cart-icon,
      .user-wrapper a.user-login span.user-icon {
          font-size: 15px;
          line-height: 1;
      }

      .wishlist-wrapper .wish-det a.wishlist-count span.wishlist-counter,
      .cart-wrapper .cart-det a.cart-count span.cart-counter {
          color: var(--font-color-header);
          font-size: 15px;
          line-height: 1;
      }
  }

  /*====================================
      breadcrumb css
  ====================================*/
  .breadcrumb-area {
      padding-top: 30px;
      padding-bottom: 30px;
      background-image: url('../img/slider/backery-slider-01.jpg');
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      background-color: #f3f2ee;
      position: relative;
      border-bottom: 1px solid var(--theme-border-color);
  }

  .breadcrumb-area::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #333333;
      opacity: 0.2;
  }

  @media (max-width: 1199px) {
      .breadcrumb-area {
          padding-top: 30px;
          padding-bottom: 30px;
          border-top: 1px solid var(--theme-border-color);
      }
  }

  @media (max-width: 767px) {
      .breadcrumb-area {
          padding-top: 15px;
          padding-bottom: 15px;
      }
  }

  /* breadcrumb title css */
  .breadcrumb-area .breadcrumb-index {
      display: flex;
      flex-direction: column-reverse;
      align-items: flex-start;
  }

  .breadcrumb-area .breadcrumb-index .breadcrumb-title {
      display: none;
  }

  .breadcrumb-area .breadcrumb-index .breadcrumb-title h2 {
      color: #ffffff;
      font-size: 30px;
  }

  @media (max-width: 479px) {
      .breadcrumb-area .breadcrumb-index .breadcrumb-title h2 {
          font-size: 24px;
      }
  }

  /* breadcrumb-list css */
  ul.breadcrumb-list {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      margin-top: -5px;
  }

  ul.breadcrumb-list li {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      position: relative;
      margin-top: 5px;
  }

  ul.breadcrumb-list li::after {
      content: "/";
      color: rgba(255, 255, 255, 0.6);
      margin: 0px 5px;
  }

  ul.breadcrumb-list li:last-child::after {
      display: none;
  }

  ul.breadcrumb-list li.breadcrumb-item+li.breadcrumb-item {
      padding-left: 0;
  }

  ul.breadcrumb-list li.breadcrumb-item+li.breadcrumb-item::before {
      content: "";
      display: block;
      padding-right: 0;
  }

  ul.breadcrumb-list li a,
  ul.breadcrumb-list li span {
      font-size: 14px;
      color: #ffffff;
  }

  ul.breadcrumb-list li a {
      -webkit-transition: all 0s ease-in-out 0s;
      -o-transition: all 0s ease-in-out 0s;
      transition: all 0s ease-in-out 0s;
  }

  ul.breadcrumb-list li span {
      display: flex;
      flex-wrap: wrap;
      position: relative;
  }

  ul.breadcrumb-list li span::after {
      content: "+";
      color: rgba(255, 255, 255, 0.6);
      margin: 0px 5px;
  }

  ul.breadcrumb-list li span:last-child::after {
      display: none;
  }

  /*====================================
      paginatoin css
  ====================================*/
  .paginatoin-area {
      padding-top: 100px;
  }

  @media (max-width: 1199px) {
      .paginatoin-area {
          padding-top: 80px;
      }
  }

  @media (max-width: 991px) {
      .paginatoin-area {
          padding-top: 60px;
      }
  }

  .paginatoin-area ul.paginate li.page-numerous p {
      margin-bottom: 23px;
      text-align: center;
  }

  /* pagination-box css */
  .paginatoin-area {
      padding-top: 100px;
  }

  .paginatoin-area ul.pagination-box {
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .paginatoin-area ul.pagination-box li {
      margin-right: 5px;
      line-height: 0;
  }

  .paginatoin-area ul.pagination-box li.number a {
      color: var(--font-color-body);
      font-size: 14px;
      width: 30px;
      height: 30px;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: var(--box-body-bgcolor);
      font-weight: 600;
      line-height: 0;
      border: 1px solid var(--thmeclr-light);
  }

  .paginatoin-area ul.pagination-box li.number.active a {
      color: var(--box-body-bgcolor);
      background-color: var(--font-color-primary);
  }

  @media (max-width: 1199px) {
      .paginatoin-area {
          padding-top: 80px;
      }
  }

  @media (max-width: 991px) {
      .paginatoin-area {
          padding-top: 60px;
      }
  }

  /*====================================
      slider-category css
  =====================================*/
  .slider-category-template {
      /* padding-top: 50px; */
      padding-bottom: 0px;
      background-color: #ffffff;
  }

  @media (max-width: 1199px) {
      .slider-category-template {
          padding-top: 0px;
          padding-bottom: 0px;
      }
  }

  @media (max-width: 767px) {
      .slider-category-template {
          padding-top: 0px;
          padding-bottom: 0px;
      }
  }

  /* category content css */
  .slider-category .grid-wrap {
      /* display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      justify-content: center; */
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      gap: 15px;
      grid-auto-rows: minmax(100px, auto);

      @media (max-width:991px) {
          grid-template-columns: repeat(4, 1fr);

      }

      @media (max-width:768px) {
          grid-template-columns: repeat(3, 1fr);

      }

      @media (max-width:575px) {
          grid-template-columns: repeat(2, 1fr);

      }

      @media (max-width:320px) {
          grid-template-columns: repeat(1, 1fr);

      }
  }

  @media (min-width: 575px) {
      .slider-category-template .swiper-wrapper {
          /*justify-content: center;*/
      }
  }


  .slider-category .grid-wrap .grid-wrapper {
      /* width: 16.66%; */
  }

  .slider-category .cat-block {
      overflow: hidden;
      text-align: center;
  }

  .slider-category .cat-block a.icon-block {
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      flex-direction: column;
      padding: 15px;
      /* height: 325px; */
      @media(max-width:768px){
          padding: 5px;
      }
  }

  .slider-category .cat-block .img-icon {
      display: block;
  }

  .slider-category .cat-block .img-icon svg {
      width: 100px;
  }

  .slider-category .cat-block .cat-img {
      position: absolute;
      inset: 0;
      opacity: 0;
      visibility: hidden;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      -webkit-transition: all .3s ease-in-out 0s;
      -o-transition: all .3s ease-in-out 0s;
      transition: all .3s ease-in-out 0s;
  }

  .slider-category .cat-block:hover .cat-img {
      opacity: 1;
      visibility: visible;
  }

  .slider-category .cat-block .cat-img::before {
      content: '';
      position: absolute;
      inset: 0;
      border-radius: 10px;
      background-color: rgba(193, 157, 95, 0.5);
  }

  .slider-category .cat-block .cat-icon {
      color: var(--font-color-primary);
      font-size: 18px;
      border-radius: 50%;
      position: absolute;
      width: 45px;
      height: 45px;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #fff;
      opacity: 0;
      visibility: hidden;
      transform: translateY(15px);
      -webkit-transition: all .3s ease-in-out 0s;
      -o-transition: all .3s ease-in-out 0s;
      transition: all .3s ease-in-out 0s;
  }

  .slider-category .cat-block:hover .cat-icon {
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
  }

  .slider-category .cat-block .cat-title {
      font-size: 18px;
      font-weight: 600;
      margin-top: 30px;
  }

  @media(max-width: 1399px) {
      .slider-category .cat-block a.icon-block {
          /* height: 290px; */
      }
  }

  @media(max-width: 1199px) {
      .slider-category .grid-wrap .grid-wrapper {
          /* width: 25%; */
      }

      .slider-category .cat-block a.icon-block {
          /* height: 250px; */
      }
  }

  @media(max-width: 991px) {
      .slider-category .grid-wrap .grid-wrapper {
          /* width: 33.33%; */
      }
  }

  @media(max-width: 479px) {
      .slider-category .grid-wrap .grid-wrapper {
          /* width: 50%; */
      }

      .slider-category .cat-block .cat-title {
          font-size: 16px;
          font-weight: 500;
      }
  }

  /*.pro-detail-button .add-to-cart {*/
  /*	color: var(--font-color-primary);*/
  /*	font-size: 15px;*/
  /*	padding: 0;*/
  /*	background-color: rgba(0, 0, 0, 0);*/
  /*	text-transform: uppercase;*/
  /*	font-weight: 400;*/
  /*	border: 2px solid var(--font-color-primary);*/
  /*	border-radius: 35px;*/
  /*	letter-spacing: 0.5px;*/
  /*	line-height: 1;*/
  /*	height: 35px;*/
  /*	display: flex;*/
  /*	align-items: center;*/
  /*	justify-content: center;*/
  /*	margin-top: 20px;*/
  /*}*/

  .pro-detail-button button {
      min-width: 50px;
  }

  .collection-slider .swiper-wrapper:has(.not-found) {
      justify-content: center;
  }

  .about-content ul li {
      color: var(--font-color-paragraph);
      margin-bottom: 0px;
      --font-custom-stack-paragraph: 'Poppins', sans-serif;
      --font-custom-weight-paragraph: 400;
      --font-custom-style-paragraph: normal;
      font-family: var(--font-custom-stack-paragraph);
      font-weight: var(--font-custom-weight-paragraph);
      font-style: var(--font-custom-style-paragraph);
      line-height: var(--font-line-height-paragraph);
  }

  .pro-detail-button .add-to-cart:hover {
      color: #ffffff;
      background-color: var(--font-color-primary);
      border: 2px solid var(--font-color-primary);
  }

  .pro-detail-button a {
      margin: 0px 0px 0px 30px;
  }

  .pro-detail-button a {
      min-width: 130px;
  }

  .pro-detail-button a {
      color: #ffffff;
      font-size: 15px;
      padding: 0;
      background-color: var(--font-color-primary);
      text-transform: uppercase;
      font-weight: 400;
      border: 2px solid var(--font-color-primary);
      border-radius: 35px;
      letter-spacing: 0.5px;
      box-shadow: 0px 0px 15px rgb(0 0 0 / 15%);
      line-height: 1;
      height: 35px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 20px;
  }

  .pro-detail-button {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  }


  .mobiledisplay {
      position: relative;
      margin-left: 10px;

      span.wishlist-counter,
      span.bigcounter {
          position: absolute;
          font-size: 9px;
          font-weight: 700;
          width: max-content;
          background-color: #fc0000;
          color: #fff;
          display: flex;
          justify-content: center;
          align-items: center;
          border-radius: 100px;
          padding: 3px 2px;
          right: -7px;
          top: -6px;
          min-width: 15px;
      }

      i {
          font-size: 20px
      }
  }

  @media (min-width:1199px) {

      span.wishlist-counter,
      span.bigcounter {
          font-size: 8px;
      }

      span.wishlist-title,
      span.cart-title {
          display: none !important;
      }
  }


  main.contact-us {
      .section-capture {
          margin: 30px 0;
      }

      .google-map-area {
          border: 1px solid var(--thmeclr-light);
          padding-bottom: 10px;
      }

      iframe {
          height: 300px;
      }
  }

  table#new_users td:has(img) {
      display: flex;
      white-space: nowrap;
      align-items: center;
  }

  table#new_users th,
  div#sub_total,
  div#price {
      white-space: nowrap;
  }

  .table>:not(caption)>*>* {
      vertical-align: middle;
  }

  /* custom-classes */
  .text-theme {
      color: var(--themeclr-dark);
  }

  .text-theme-o {
      color: var(--themeclr);
  }

  .bg-theme {
      background-color: var(--themeclr-dark);
  }

  .bg-theme-o {
      background-color: var(--thmeclr-light);
  }

  .slider-category .cat-block .img-icon {
      padding: 3px;
      background-color: var(--thmeclr-light);
      border-radius: 1000px;
  }

  .mt-100px {
      margin-top: 60px;
  }

  .sec_mar {
      margin: 70px 0;

      @media (max-width: 768px) {
          margin: 40px 0;
      }
  }

  .sec_pad {
      padding: 70px 0;

      @media (max-width: 768px) {
          padding: 40px 0;
      }
  }

  .secwithbottomtext {
      .bgprodslider--sec {
          background-image: url(https://ziadoz.com/mokonut/upload/categories/3022240718120554.png);
          background-size: cover;
          background-repeat: no-repeat;
          /* .single-product-wrap{
              background-color: var(--themeclr-g);
              border-radius: 0;
              color: #fff;
              padding: 15px;
              .product-image a {
                  width: 100%;
              }

              .product-image img {
                  width: 100%;
              }
              .product-content{
                  a, span{
                      color: #fff;
                      text-transform: capitalize;
                  }
              }
              .btn-website {
                  background-color: var(--thmeclr-light) !important;
                  color: #fff !important;
                  border: 2px solid var(--thmeclr-light) !important;
                  i{
                      color: var(--font-color-primary);
                  }
              }
          } */
      }

      .textdivfortextsec {
          /* background-color: rgba(73, 96, 27, 24%); */
          background-color: #7855291c;

          .text--div {
              h3 {
                  letter-spacing: 1.5px;
              }

              h5 {
                  letter-spacing: 1px;
              }
          }
      }
  }

  .text-theme-g {
      color: var(--themeclr-g);
  }

  .bgprodslider-bef {
      position: relative;

      &:before {
          position: absolute;
          content: "";
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-color: rgb(251 242 211);
          z-index: -1
      }
  }

  .faq {
      max-width: 991px;
      margin: auto;

      .accordion {
          .accordion-button {
              background-color: transparent;
              color: #1C1C1C;
              letter-spacing: 1px;

          }

          .accordion-collapse {
              border-radius: 5px;
              background-color: rgba(127, 88, 42, 10%);
              color: #1C1C1C;
              letter-spacing: 1px;

              p {
                  font-weight: 500;
              }
          }

      }

      .accordion-item {
          border: 1px solid #78552994 !important;
          border-radius: 10px;
          overflow: hidden;
          margin-bottom: 15px;
          border-radius: 8px;
      }
  }

  .border-g {
      border: 1px solid var(--themeclr-g);
  }

  .mb-100px {
      margin-bottom: 100px;
  }

  .special-gift-sec {
      .titlediv {
          h4 {
              letter-spacing: 1px;
          }
      }

      .text--div {
          h6 {
              line-height: 30px;
              letter-spacing: 1px;
          }
      }

      .gifimg {
          img {
              height: 300px;
          }
      }
  }

  .insta-image {
      a {
          width: 100%;
          height: 100%;
      }

      img {
          height: 100%;
          width: 100%;
          object-fit: cover;
      }
  }

  .border-theme {
      border: 1px solid var(--font-color-primary);
  }

  .btn-website {
      background-color: var(--themeclr-dark) !important;
      color: #fff !important;
      border: 2px solid var(--themeclr-dark) !important;

      i {
          color: #fff;
      }
  }

  .product-image .btn-primary,
  .product-image .btn-danger {
      background-color: var(--thmeclr-light) !important;
      color: #fff !important;
      border: 2px solid var(--thmeclr-light) !important;
      margin: 0px !important;
  }

  .product-image .btn-primary i,
  .product-image .btn-danger i {
      color: var(--font-color-primary) !important;
  }

  .pro-button a {
      width: 100%;
      background-color: var(--font-color-primary);
      color: #fff;
      margin-top: 15px;
      font-size: 18px;
      border-radius: 30px;
      border: 1px solid transparent;

      &:hover {
          border-color: var(--font-color-primary);
          color: var(--font-color-primary);
      }
  }

  .qty-minus,
  .qty-plus {
      background-color: var(--font-color-primary);
      color: #fff;
      border: 2px solid var(--font-color-primary);
      width: 40px;
      padding: 1px;
      border-radius: 6px;
      font-size: 21px;
  }

  span.img-icon img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 1000px;
      border: 10px solid #fff;
      @media(max-width:768px){
          border-width:2px;
      }
  }

  .offer-img img {
      /* width: 100%; */
  }

  .gift-grid--maindiv {
      margin-top: 15px;
  }

  .google-map-area {
      padding: 15px;
      border: 1px solid var(--themeclr-dark);
      border-radius: 10px;
  }

  .imgstre {
      max-height: 350px;
      min-height: 350px;
      border-radius: 10px;
      height: 100%;
      overflow: hidden;

      img {
          height: 100%;
          width: 100%;
          object-fit: cover;
      }
  }

  .rate-stars {
      text-align: left;
      position: relative;
      display: table;
      /* margin-bottom: 1rem; */
  }

  .giv-averg-rate label {
      margin-bottom: 0;
      cursor: pointer;
  }

  .giv-averg-rate label {
      margin-bottom: 0;
  }

  .rate-stars label {
      position: relative;
      float: right;
      color: #C8C8C8;
  }

  .rate-stars label:before {
      margin: 0;
      margin-right: 10px;
      content: "★";
      display: inline-block;
      font-size: 30px;
      color: #d9e2ec;
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none;
  }

  .rate-stars input {
      border: 0;
      width: 1px;
      height: 1px;
      overflow: hidden;
      position: absolute !important;
      clip: rect(1px 1px 1px 1px);
      clip: rect(1px, 1px, 1px, 1px);
      opacity: 0;
  }

  .rate-stars input:checked~label:before {
      color: #ffa60c;
  }


  li.ftsublink-li {
      margin-bottom: 15px;
      font-size: 18px;
      letter-spacing: .3px;
  }

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

  .custom-content strong {
      font-size: 17px;
      letter-spacing: .5px;
  }

  .text-start.viewbtndiv a {
      display: flex;
      align-items: center;
      justify-content: center;
      width: fit-content;
      padding: 17px 40px 14px;
  }

  /* custom */
  .btnwl {
      width: 38px;
      height: 38px;
      border-radius: 1000px !important;
      box-shadow: 0 0px 7px 0px #ddd;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #fff;
  }

  h6.fstrdiv {
      /* background-color: #038d63; */
      /* padding: 0 6px; */
      /* border-radius: 1000px; */
      font-size: 17px !important;
      /* color: #fff; */
      display: flex;
      align-items: center;
      gap: 3px;
  }

  h6.fstrdiv i {
      font-size: 12px;
      display: flex;
      align-items: center;
  }

  .srtdesc p {
      font-size: 12px;
      line-height: normal;
      /* white-space: nowrap; */
      width: 100%;
      margin-bottom: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      height: 19px;
  }

  .fastcdel {
      min-height: 35px;
  }

  .footerbtmmenu {
      svg {
          width: 30px;
          height: 30px;
      }

      ;
      text-align: center;

      .footetmnulink {
          width: 35px;
          height: 35px;
          display: flex;
          justify-content: center;
          align-items: center;

          path {
              fill: var(--thmeclr-light);
          }
      }
  }

  @media (max-width: 479px){
      .slider-content .home-slider.owl-carousel .owl-nav button{
          font-size: 24px;
      }
          .slider-content .home-slider.owl-carousel .owl-nav {
          bottom: 5px;
      }
  }
  footer {
      margin-top: 40px;
  }

  .appstoredown {
      flex-wrap: wrap;
      gap: 5px;
  }

  .swiper-notification {
      display: none !important;
  }

  .Collectiondiv h3.page-title{
      text-align: center;
  }
  .topinmenuul {
              row-gap: 15px;
          }

          li.giftcardli {

              .offerinpdiv {
                  display: flex; 
                  border: 1px solid rgba(194, 159, 94, 0.3);
                  border-radius: 10px;
                  overflow: hidden; 
                  input {
                      border-radius: 8px;
                      width: 100%;
                      border: none;
                  }
              }

              .tooltip {
                  position: relative;
                  opacity: 1;
                  padding: 0;
              }
              }
              .giftcardsec .giftcarddiv img {
      height: 135px;
      width: 100%;
      object-fit: cover;
  }

  .giftcarddiv {
      padding: 15px;
      background: #fbf2d3;
      border-radius: 10px;
      overflow: hidden;
      h5.fw-normal {
      color: #5a3a13;
      text-align: center;
      font-weight: 600 !important;
  }
  }
  input:focus, textarea:focus, select:focus{
      box-shadow: none !important;
      outline: 0 !important;
  }
  @media(max-width: 768px){
      .chat-message-list {
      max-height: 195px !important;
  }

  }

  img{

      max-width: 100%;
  }