@charset "UTF-8";
  /*
      =========================
    Template Name 	 : plexyfy
    Author			 : DexignZone
    Version			 : 1.0
    Author Portfolio : https://themeforest.net/user/dexignzone
    =========================

    [Table of Contents] 

    === SCSS Start ===

      1. Abstract
      1.1 abstract.scss
      1.2 bs_custom.scss
      1.3 mixins.scss
      1.4 variable.scss

      2. Base
      2.1 base.scss
      2.2 custom-grid.scss
      2.3 fonts.scss
      2.4 preloader.scss
      2.5 reset.scss
      2.6 shortcode.scss

      3. Components
      3.1 About
      3.2 Blog Post
      3.3 Iconbox
      3.4 Portfolio
      3.5 Pricing
      3.6 Section Head
      3.7 Shop
      3.8 Team
      3.9 Testimonials
      3.10 Other scss File

      4. Layout
      4.1 Banner
      4.2 Footer
      4.3 Header
      4.4 Theme
      4.5 Other scss File

      5. Pages
      5.1 Blog Details.scss
      5.2 Comingsoon.scss
      5.3 Compare.scss
      5.4 Contact-us.scss
      5.5 Error-page.scss
      5.6 Faq.scss
      5.7 Gift-bx.scss
      5.8 Index.scss
      5.9 Index-2.scss
      5.10 Index-3.scss
      5.11 Index-4.scss
      5.12 Registration.scss
      5.13 Shop.scss
      5.14 Shop-cart.scss
      5.15 Shop-checkout.scss
      5.16 Shop-wishlist.scss
      5.17 Under-construct.scss
      5.18 What-we-do.scss
      5.19 Woocommerce.scss

    === SCSS Start ===
  */
  @import "../icons/feather/css/iconfont.css";
  @import "../icons/fontawesome/css/all.min.css";
  @import "../icons/themify/themify-icons.css";
  @import "../icons/iconly/index.min.css";
  @import "../icons/flaticon/flaticon_plexyfy.css";

  :root {
    --gradient: linear-gradient(to right, rgb(255, 64, 62) 0%, rgb(255, 129, 27) 100%);
    --gradient-sec: linear-gradient(to right, rgb(57, 26, 166) 0%, rgb(6, 163, 245) 100%);
    --primary: #E3FF75;
    --secondary: #191B1D;
    --primary-hover: rgb(237.347826087, 255, 168);
    --primary-dark: rgb(174.5652173913, 219, 0);
    --rgba-primary-1: rgba(227, 255, 117, 0.1);
    --rgba-primary-2: rgba(227, 255, 117, 0.2);
    --rgba-primary-3: rgba(227, 255, 117, 0.3);
    --rgba-primary-4: rgba(227, 255, 117, 0.4);
    --rgba-primary-5: rgba(227, 255, 117, 0.5);
    --rgba-primary-6: rgba(227, 255, 117, 0.6);
    --rgba-primary-7: rgba(227, 255, 117, 0.7);
    --rgba-primary-8: rgba(227, 255, 117, 0.8);
    --rgba-primary-9: rgba(227, 255, 117, 0.9);
    --font-family-base: Kanit, sans-serif;
    --grey: #f7f7f7;
    --border-radius-base: 20px;
    --border-color: #D7D7D7;
    --font-family-title: Kanit, sans-serif;
    --title: #191B1D;
    --headings-font-weight: 600;
    --headings-font-weight2: 400;
    --headings-font-weight3: 300;
    --white: var(--title);
    --light: #F6F6F6;
  }

  /*!
  * Bootstrap  v5.3.0-alpha1 (https://getbootstrap.com/)
  * Copyright 2011-2022 The Bootstrap Authors
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
  */
  :root {
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #E3FF75;
    --bs-secondary: #191B1D;
    --bs-success: #0F8B59;
    --bs-info: #0194D9;
    --bs-warning: #E79600;
    --bs-danger: #D23636;
    --bs-light: #F6F6F6;
    --bs-dark: #444444;
    --bs-primary-rgb: 227, 255, 117;
    --bs-secondary-rgb: 25, 27, 29;
    --bs-success-rgb: 15, 139, 89;
    --bs-info-rgb: 1, 148, 217;
    --bs-warning-rgb: 231, 150, 0;
    --bs-danger-rgb: 210, 54, 54;
    --bs-light-rgb: 246, 246, 246;
    --bs-dark-rgb: 68, 68, 68;
    --bs-primary-text: rgb(15.2, 12.8, 55.2);
    --bs-secondary-text: #6c757d;
    --bs-success-text: rgb(66.4, 155.2, 70.4);
    --bs-info-text: rgb(7.8, 121.2, 144);
    --bs-warning-text: rgb(153, 100.8, 4.8);
    --bs-danger-text: rgb(193.6, 28.8, 78.4);
    --bs-light-text: #6c757d;
    --bs-dark-text: #495057;
    --bs-primary-bg-subtle: rgb(207.8, 207.2, 217.8);
    --bs-secondary-bg-subtle: #f8f9fa;
    --bs-success-bg-subtle: rgb(220.6, 242.8, 221.6);
    --bs-info-bg-subtle: rgb(206.6, 244.4, 252);
    --bs-warning-bg-subtle: rgb(255, 237.6, 205.6);
    --bs-danger-bg-subtle: rgb(252.4, 211.2, 223.6);
    --bs-light-bg-subtle: rgb(251.5, 252, 252.5);
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: rgb(160.6, 159.4, 180.6);
    --bs-secondary-border-subtle: #e9ecef;
    --bs-success-border-subtle: rgb(186.2, 230.6, 188.2);
    --bs-info-border-subtle: rgb(158.2, 233.8, 249);
    --bs-warning-border-subtle: rgb(255, 220.2, 156.2);
    --bs-danger-border-subtle: rgb(249.8, 167.4, 192.2);
    --bs-light-border-subtle: #e9ecef;
    --bs-dark-border-subtle: #adb5bd;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 153, 153, 153;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: "Kanit", sans-serif;
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.6;
    --bs-body-color: #999999;
    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0, 0, 0;
    --bs-secondary-color: rgba(153, 153, 153, 0.75);
    --bs-secondary-color-rgb: 153, 153, 153;
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 233, 236, 239;
    --bs-tertiary-color: rgba(153, 153, 153, 0.5);
    --bs-tertiary-color-rgb: 153, 153, 153;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248, 249, 250;
    --bs-body-bg: #ffffff;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-heading-color: #191B1D;
    --bs-link-color: #E3FF75;
    --bs-link-color-rgb: 227, 255, 117;
    --bs-link-decoration: underline;
    --bs-link-hover-color: rgb(181.6, 204, 93.6);
    --bs-link-hover-color-rgb: 182, 204, 94;
    --bs-code-color: #d63384;
    --bs-highlight-bg: rgb(255, 237.6, 205.6);
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #D7D7D7;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.75rem;
    --bs-border-radius-lg: 1rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-2xl: 2rem;
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.5rem 1rem rgba(var(--bs-body-color-rgb), 0.15);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(var(--bs-body-color-rgb), 0.075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(var(--bs-body-color-rgb), 0.175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(var(--bs-body-color-rgb), 0.075);
    --bs-emphasis-color: #000;
    --bs-form-control-bg: var(--bs-body-bg);
    --bs-form-control-disabled-bg: var(--bs-secondary-bg);
    --bs-highlight-bg: rgb(255, 237.6, 205.6);
    --bs-breakpoint-xs: 0;
    --bs-breakpoint-sm: 576px;
    --bs-breakpoint-md: 768px;
    --bs-breakpoint-lg: 992px;
    --bs-breakpoint-xl: 1200px;
    --bs-breakpoint-xxl: 1440;
  }

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

  @media (prefers-reduced-motion: no-preference) {
    :root {
      scroll-behavior: smooth;
    }
  }

  body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

  hr {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: var(--bs-border-width) solid;
    opacity: 0.25;
  }

  h6,
  .h6,
  h5,
  .h5,
  h4,
  .h4,
  h3,
  .h3,
  h2,
  .h2,
  h1,
  .h1 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 600;
    line-height: 1.2;
    color: var(--bs-heading-color, inherit);
  }

  h1,
  .h1 {
    font-size: calc(1.375rem + 1.5vw);
  }

  @media (min-width: 1200px) {

    h1,
    .h1 {
      font-size: 2.5rem;
    }
  }

  h2,
  .h2 {
    font-size: calc(1.3rem + 0.6vw);
  }

  @media (min-width: 1200px) {

    h2,
    .h2 {
      font-size: 1.75rem;
    }
  }

  h3,
  .h3 {
    font-size: calc(1.275rem + 0.3vw);
  }

  @media (min-width: 1200px) {

    h3,
    .h3 {
      font-size: 1.5rem;
    }
  }

  h4,
  .h4 {
    font-size: 1.25rem;
  }

  h5,
  .h5 {
    font-size: 1.125rem;
  }

  h6,
  .h6 {
    font-size: 1rem;
  }

  p {
    margin-top: 0;
    margin-bottom: 1rem;
    font-weight: 300;
  }

  abbr[title] {
    text-decoration: underline dotted;
    cursor: help;
    text-decoration-skip-ink: none;
  }

  address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
  }

  ol,
  ul {
    padding-left: 2rem;
  }

  ol,
  ul,
  dl {
    margin-top: 0;
    margin-bottom: 1rem;
  }

  ol ol,
  ul ul,
  ol ul,
  ul ol {
    margin-bottom: 0;
  }

  dt {
    font-weight: 700;
  }

  dd {
    margin-bottom: 0.5rem;
    margin-left: 0;
  }

  blockquote {
    margin: 0 0 1rem;
  }

  b,
  strong {
    font-weight: bolder;
  }

  small,
  .small {
    font-size: 0.875em;
  }

  mark,
  .mark {
    padding: 0.1875em;
    background-color: var(--bs-highlight-bg);
  }

  sub,
  sup {
    position: relative;
    font-size: 0.75em;
    line-height: 0;
    vertical-align: baseline;
  }

  sub {
    bottom: -0.25em;
  }

  sup {
    top: -0.5em;
  }

  a {
    color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
    text-decoration: underline;
  }

  a:hover {
    --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
  }

  a:not([href]):not([class]),
  a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none;
  }

  pre,
  code,
  kbd,
  samp {
    font-family: var(--bs-font-monospace);
    font-size: 1em;
  }

  pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: 0.875em;
  }

  pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal;
  }

  code {
    font-size: 0.875em;
    color: var(--bs-code-color);
    word-wrap: break-word;
  }

  a>code {
    color: inherit;
  }

  kbd {
    padding: 0.1875rem 0.375rem;
    font-size: 0.875em;
    color: var(--bs-body-bg);
    background-color: var(--bs-body-color);
    border-radius: 0.75rem;
  }

  kbd kbd {
    padding: 0;
    font-size: 1em;
  }

  figure {
    margin: 0 0 1rem;
  }

  img,
  svg {
    vertical-align: middle;
  }

  table {
    caption-side: bottom;
    border-collapse: collapse;
  }

  caption {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    color: rgba(151, 151, 159, 0.39);
    text-align: left;
  }

  th {
    text-align: inherit;
    text-align: -webkit-match-parent;
  }

  thead,
  tbody,
  tfoot,
  tr,
  td,
  th {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
  }

  label {
    display: inline-block;
  }

  button {
    border-radius: 0;
  }

  button:focus:not(:focus-visible) {
    outline: 0;
  }

  input,
  button,
  select,
  optgroup,
  textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
  }

  button,
  select {
    text-transform: none;
  }

  [role=button] {
    cursor: pointer;
  }

  select {
    word-wrap: normal;
  }

  select:disabled {
    opacity: 1;
  }

  [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
    display: none !important;
  }

  button,
  [type=button],
  [type=reset],
  [type=submit] {
    -webkit-appearance: button;
  }

  button:not(:disabled),
  [type=button]:not(:disabled),
  [type=reset]:not(:disabled),
  [type=submit]:not(:disabled) {
    cursor: pointer;
  }

  ::-moz-focus-inner {
    padding: 0;
    border-style: none;
  }

  textarea {
    resize: vertical;
  }

  fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
  }

  legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: 0.5rem;
    font-size: calc(1.275rem + 0.3vw);
  }

  @media (min-width: 1200px) {
    legend {
      font-size: 1.5rem;
    }
  }

  legend {
    line-height: inherit;
  }

  legend+* {
    clear: left;
  }

  ::-webkit-datetime-edit-fields-wrapper,
  ::-webkit-datetime-edit-text,
  ::-webkit-datetime-edit-minute,
  ::-webkit-datetime-edit-hour-field,
  ::-webkit-datetime-edit-day-field,
  ::-webkit-datetime-edit-month-field,
  ::-webkit-datetime-edit-year-field {
    padding: 0;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  [type=search] {
    outline-offset: -2px;
    -webkit-appearance: textfield;
  }

  /* rtl:raw:
  [type="tel"],
  [type="url"],
  [type="email"],
  [type="number"] {
    direction: ltr;
  }
  */
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-color-swatch-wrapper {
    padding: 0;
  }

  ::file-selector-button {
    font: inherit;
    -webkit-appearance: button;
  }

  output {
    display: inline-block;
  }

  iframe {
    border: 0;
  }

  summary {
    display: list-item;
    cursor: pointer;
  }

  progress {
    vertical-align: baseline;
  }

  [hidden] {
    display: none !important;
  }

  .lead {
    font-size: 1.25rem;
    font-weight: 300;
  }

  .blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem;
  }

  .blockquote> :last-child {
    margin-bottom: 0;
  }

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

  .figure {
    display: inline-block;
  }

  .container,
  .container-fluid {
    --bs-gutter-x: 30px;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-right: auto;
    margin-left: auto;
  }

  @media (min-width: 576px) {


    .container {
      max-width: 540px;
    }
  }

  @media (min-width: 768px) {


    .container {
      max-width: 720px;
    }
  }

  @media (min-width: 992px) {


    .container {
      max-width: 960px;
    }
  }

  @media (min-width: 1200px) {


    .container {
      max-width: 1200px;
    }
  }

  .row {
    --bs-gutter-x: 30px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
  }

  .row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-top: var(--bs-gutter-y);
  }

  .grid {
    display: grid;
    grid-template-rows: repeat(var(--bs-rows, 1), 1fr);
    grid-template-columns: repeat(var(--bs-columns, 12), 1fr);
    gap: var(--bs-gap, 30px);
  }

  .grid .g-col-6 {
    grid-column: auto/span 6;
  }

  .grid .g-col-12 {
    grid-column: auto/span 12;
  }

  @media (min-width: 992px) {

    .grid .g-col-lg-6 {
      grid-column: auto/span 6;
    }

    .grid .g-col-lg-12 {
      grid-column: auto/span 12;
    }
  }

  @media (min-width: 1200px) {

    .grid .g-col-xl-6 {
      grid-column: auto/span 6;
    }
  }

  .col {
    flex: 1 0 0%;
  }

  .col-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .g-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-3,
  .gx-3 {
    --bs-gutter-x: 1rem;
  }

  .g-3 {
    --bs-gutter-y: 1rem;
  }

  .g-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-4 {
    --bs-gutter-y: 1.5rem;
  }


  .gx-5 {
    --bs-gutter-x: 3rem;
  }

  @media (min-width: 576px) {

    .col-sm-3 {
      flex: 0 0 auto;
      width: 25%;
    }

    .col-sm-4 {
      flex: 0 0 auto;
      width: 33.33333333%;
    }

    .col-sm-6 {
      flex: 0 0 auto;
      width: 50%;
    }

    .col-sm-8 {
      flex: 0 0 auto;
      width: 66.66666667%;
    }

    .col-sm-12 {
      flex: 0 0 auto;
      width: 100%;
    }
  }

  @media (min-width: 768px) {

    .col-md-4 {
      flex: 0 0 auto;
      width: 33.33333333%;
    }

    .col-md-6 {
      flex: 0 0 auto;
      width: 50%;
    }

    .col-md-12 {
      flex: 0 0 auto;
      width: 100%;
    }
  }

  @media (min-width: 992px) {

    .col-lg-2 {
      flex: 0 0 auto;
      width: 16.66666667%;
    }

    .col-lg-3 {
      flex: 0 0 auto;
      width: 25%;
    }

    .col-lg-4 {
      flex: 0 0 auto;
      width: 33.33333333%;
    }

    .col-lg-5 {
      flex: 0 0 auto;
      width: 41.66666667%;
    }

    .col-lg-6 {
      flex: 0 0 auto;
      width: 50%;
    }

    .col-lg-7 {
      flex: 0 0 auto;
      width: 58.33333333%;
    }

    .col-lg-8 {
      flex: 0 0 auto;
      width: 66.66666667%;
    }

    .col-lg-9 {
      flex: 0 0 auto;
      width: 75%;
    }

    .col-lg-12 {
      flex: 0 0 auto;
      width: 100%;
    }

    .g-lg-4 {
      --bs-gutter-x: 1.5rem;
    }

    .g-lg-4 {
      --bs-gutter-y: 1.5rem;
    }
  }

  @media (min-width: 1200px) {
    .col-xl {
      flex: 1 0 0%;
    }

    .col-xl-2 {
      flex: 0 0 auto;
      width: 16.66666667%;
    }

    .col-xl-3 {
      flex: 0 0 auto;
      width: 25%;
    }

    .col-xl-4 {
      flex: 0 0 auto;
      width: 33.33333333%;
    }

    .col-xl-5 {
      flex: 0 0 auto;
      width: 41.66666667%;
    }

    .col-xl-6 {
      flex: 0 0 auto;
      width: 50%;
    }

    .col-xl-7 {
      flex: 0 0 auto;
      width: 58.33333333%;
    }

    .col-xl-8 {
      flex: 0 0 auto;
      width: 66.66666667%;
    }

    .col-xl-9 {
      flex: 0 0 auto;
      width: 75%;
    }

    .col-xl-12 {
      flex: 0 0 auto;
      width: 100%;
    }


    .gx-xl-4 {
      --bs-gutter-x: 1.5rem;
    }
  }

  @media (min-width: 1440) {

    .col-xxl-6 {
      flex: 0 0 auto;
      width: 50%;
    }
  }

  .table {
    --bs-table-color: var(--bs-body-color);
    --bs-table-bg: transparent;
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-body-color);
    --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
    --bs-table-active-color: var(--bs-body-color);
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: var(--bs-body-color);
    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
    width: 100%;
    margin-bottom: 1rem;
    color: var(--bs-table-color);
    vertical-align: top;
    border-color: var(--bs-table-border-color);
  }

  .table> :not(caption)>*>* {
    padding: 0.5rem 0.5rem;
    background-color: var(--bs-table-bg);
    border-bottom-width: var(--bs-border-width);
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
  }

  .table>tbody {
    vertical-align: inherit;
  }

  .table>thead {
    vertical-align: bottom;
  }

  .table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .form-label {
    margin-bottom: 0.5rem;
  }

  .form-control,
  .login input[type=text],
  .login input[type=password] {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;
    color: var(--bs-body-color);
    background-color: var(--bs-form-control-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    appearance: none;
    border-radius: 0.375rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }

  @media (prefers-reduced-motion: reduce) {

    .form-control,
    .login input[type=text],
    .login input[type=password] {
      transition: none;
    }
  }

  .form-control[type=file],
  .login input[type=file][type=text],
  .login input[type=file][type=password] {
    overflow: hidden;
  }

  .form-control[type=file]:not(:disabled):not([readonly]),
  .login input[type=file][type=text]:not(:disabled):not([readonly]),
  .login input[type=file][type=password]:not(:disabled):not([readonly]) {
    cursor: pointer;
  }

  .form-control:focus,
  .login input[type=text]:focus,
  .login input[type=password]:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-form-control-bg);
    border-color: #f1ffba;
    outline: 0;
    box-shadow: 0 0 0 0rem rgba(227, 255, 117, 0.25);
  }

  .form-control::-webkit-date-and-time-value,
  .login input[type=text]::-webkit-date-and-time-value,
  .login input[type=password]::-webkit-date-and-time-value {
    height: 1.6em;
  }

  .form-control::-webkit-datetime-edit,
  .login input[type=text]::-webkit-datetime-edit,
  .login input[type=password]::-webkit-datetime-edit {
    display: block;
    padding: 0;
  }

  .form-control::placeholder,
  .login input[type=text]::placeholder,
  .login input[type=password]::placeholder {
    color: var(--bs-secondary-color);
    opacity: 1;
  }

  .form-control:disabled,
  .login input[type=text]:disabled,
  .login input[type=password]:disabled {
    background-color: var(--bs-form-control-disabled-bg);
    opacity: 1;
  }

  .form-control::file-selector-button,
  .login input[type=text]::file-selector-button,
  .login input[type=password]::file-selector-button {
    padding: 0.375rem 0.75rem;
    margin: -0.375rem -0.75rem;
    margin-inline-end: 0.75rem;
    color: var(--bs-body-color);
    background-color: var(--bs-tertiary-bg);
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: var(--bs-border-width);
    border-radius: 0;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }

  @media (prefers-reduced-motion: reduce) {

    .form-control::file-selector-button,
    .login input[type=text]::file-selector-button,
    .login input[type=password]::file-selector-button {
      transition: none;
    }
  }

  .form-control:hover:not(:disabled):not([readonly])::file-selector-button,
  .login input[type=text]:hover:not(:disabled):not([readonly])::file-selector-button,
  .login input[type=password]:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: var(--bs-secondary-bg);
  }

  textarea.form-control {
    min-height: calc(1.6em + 0.75rem + calc(var(--bs-border-width) * 2));
  }


  select {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    display: block;
    width: 100%;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;
    color: var(--bs-body-color);
    background-color: var(--bs-form-control-bg);
    background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: 0.375rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }

  @media (prefers-reduced-motion: reduce) {


    select {
      transition: none;
    }
  }


  select {
    appearance: none;
  }


  select:focus {
    border-color: #f1ffba;
    outline: 0;
    box-shadow: 0 0 0 0rem rgba(227, 255, 117, 0.25);
  }


  select[multiple],
  select[size]:not([size="1"]) {
    padding-right: 0.75rem;
    background-image: none;
  }


  select:disabled {
    background-color: var(--bs-form-control-disabled-bg);
  }


  select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 var(--bs-body-color);
  }

  .form-check {
    display: block;
    min-height: 1.6rem;
    padding-left: 1.5em;
    margin-bottom: 0.125rem;
  }

  .form-check .form-check-input {
    float: left;
    margin-left: -1.5em;
  }

  .form-check-input {
    --bs-form-check-bg: var(--bs-form-control-bg);
    width: 1em;
    height: 1em;
    margin-top: 0.3em;
    vertical-align: top;
    background-color: var(--bs-form-check-bg);
    background-image: var(--bs-form-check-bg-image);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: var(--bs-border-width) solid var(--bs-border-color);
    appearance: none;
    print-color-adjust: exact;
  }

  .form-check-input[type=checkbox] {
    border-radius: 0.25em;
  }

  .form-check-input[type=radio] {
    border-radius: 50%;
  }

  .form-check-input:active {
    filter: brightness(90%);
  }

  .form-check-input:focus {
    border-color: #f1ffba;
    outline: 0;
    box-shadow: 0 0 0 0rem rgba(227, 255, 117, 0.25);
  }

  .form-check-input:checked {
    background-color: #E3FF75;
    border-color: #E3FF75;
  }

  .form-check-input:checked[type=checkbox] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  }

  .form-check-input:checked[type=radio] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23ffffff'/%3e%3c/svg%3e");
  }

  .form-check-input[type=checkbox]:indeterminate {
    background-color: #E3FF75;
    border-color: #E3FF75;
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
  }

  .form-check-input:disabled {
    pointer-events: none;
    filter: none;
    opacity: 0.5;
  }

  .form-check-input[disabled]~.form-check-label,
  .form-check-input:disabled~.form-check-label {
    cursor: default;
    opacity: 0.5;
  }

  .btn-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
  }

  .btn-check[disabled]+.btn,
  .btn-check:disabled+.btn {
    pointer-events: none;
    filter: none;
    opacity: 0.65;
  }

  .input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
  }

  .input-group>.form-control,
  .login .input-group>input[type=text],
  .login .input-group>input[type=password],
  .input-group>select {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
  }

  .input-group>.form-control:focus,
  .login .input-group>input[type=text]:focus,
  .login .input-group>input[type=password]:focus,
  .input-group>select:focus {
    z-index: 5;
  }

  .input-group .btn {
    position: relative;
    z-index: 2;
  }

  .input-group .btn:focus {
    z-index: 5;
  }

  .input-group:not(.has-validation)> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
  .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: calc(var(--bs-border-width) * -1);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .btn {
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.375rem;
    --bs-btn-font-family: ;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.6;
    --bs-btn-color: #999999;
    --bs-btn-bg: transparent;
    --bs-btn-border-width: var(--bs-border-width);
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: 0.375rem;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }

  @media (prefers-reduced-motion: reduce) {

    .btn {
      transition: none;
    }
  }

  .btn:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
  }

  .btn-check+.btn:hover {
    color: var(--bs-btn-color);
    background-color: var(--bs-btn-bg);
    border-color: var(--bs-btn-border-color);
  }

  .btn:focus-visible {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow);
  }

  .btn-check:focus-visible+.btn {
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow);
  }

  .btn-check:checked+.btn,
  :not(.btn-check)+.btn:active,
  .btn:first-child:active,
  .btn.active,
  .btn.show {
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color);
  }

  .btn-check:checked+.btn:focus-visible,
  :not(.btn-check)+.btn:active:focus-visible,
  .btn:first-child:active:focus-visible,
  .btn.active:focus-visible,
  .btn.show:focus-visible {
    box-shadow: var(--bs-btn-focus-box-shadow);
  }

  .btn:disabled,
  .btn.disabled,
  fieldset:disabled .btn {
    color: var(--bs-btn-disabled-color);
    pointer-events: none;
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    opacity: var(--bs-btn-disabled-opacity);
  }

  .btn-primary {
    --bs-btn-color: #000;
    --bs-btn-bg: #E3FF75;
    --bs-btn-border-color: #E3FF75;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: rgb(231.2, 255, 137.7);
    --bs-btn-hover-border-color: rgb(229.8, 255, 130.8);
    --bs-btn-focus-shadow-rgb: 193, 217, 99;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: rgb(232.6, 255, 144.6);
    --bs-btn-active-border-color: rgb(229.8, 255, 130.8);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #E3FF75;
    --bs-btn-disabled-border-color: #E3FF75;
  }

  .btn-secondary {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #191B1D;
    --bs-btn-border-color: #191B1D;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: rgb(21.25, 22.95, 24.65);
    --bs-btn-hover-border-color: rgb(20, 21.6, 23.2);
    --bs-btn-focus-shadow-rgb: 60, 61, 63;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: rgb(20, 21.6, 23.2);
    --bs-btn-active-border-color: rgb(18.75, 20.25, 21.75);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #191B1D;
    --bs-btn-disabled-border-color: #191B1D;
  }

  .btn-danger {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #D23636;
    --bs-btn-border-color: #D23636;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: rgb(178.5, 45.9, 45.9);
    --bs-btn-hover-border-color: rgb(168, 43.2, 43.2);
    --bs-btn-focus-shadow-rgb: 217, 84, 84;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: rgb(168, 43.2, 43.2);
    --bs-btn-active-border-color: rgb(157.5, 40.5, 40.5);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #D23636;
    --bs-btn-disabled-border-color: #D23636;
  }

  .btn-outline-primary {
    --bs-btn-color: #E3FF75;
    --bs-btn-border-color: #E3FF75;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #E3FF75;
    --bs-btn-hover-border-color: #E3FF75;
    --bs-btn-focus-shadow-rgb: 227, 255, 117;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #E3FF75;
    --bs-btn-active-border-color: #E3FF75;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #E3FF75;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #E3FF75;
    --bs-gradient: none;
  }

  .btn-outline-light {
    --bs-btn-color: #F6F6F6;
    --bs-btn-border-color: #F6F6F6;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #F6F6F6;
    --bs-btn-hover-border-color: #F6F6F6;
    --bs-btn-focus-shadow-rgb: 246, 246, 246;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #F6F6F6;
    --bs-btn-active-border-color: #F6F6F6;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #F6F6F6;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #F6F6F6;
    --bs-gradient: none;
  }

  .btn-lg {
    --bs-btn-padding-y: 0.5rem;
    --bs-btn-padding-x: 1rem;
    --bs-btn-font-size: 1.25rem;
    --bs-btn-border-radius: 1rem;
  }

  .btn-sm {
    --bs-btn-padding-y: 0.25rem;
    --bs-btn-padding-x: 0.5rem;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-border-radius: 0.75rem;
  }

  .fade {
    transition: opacity 0.15s linear;
  }

  @media (prefers-reduced-motion: reduce) {
    .fade {
      transition: none;
    }
  }

  .fade:not(.show) {
    opacity: 0;
  }

  .collapse:not(.show) {
    display: none;
  }

  .dropup,
  .dropend,
  .dropdown,
  .dropstart {
    position: relative;
  }

  .dropdown-toggle {
    white-space: nowrap;
  }

  .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
  }

  .dropdown-toggle:empty::after {
    margin-left: 0;
  }

  .dropdown-menu {
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 0.5rem;
    --bs-dropdown-spacer: 0.125rem;
    --bs-dropdown-font-size: 1rem;
    --bs-dropdown-color: var(--bs-body-color);
    --bs-dropdown-bg: var(--bs-body-bg);
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-border-radius: 0.375rem;
    --bs-dropdown-border-width: var(--bs-border-width);
    --bs-dropdown-inner-border-radius: calc(0.375rem - var(--bs-border-width));
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-divider-margin-y: 0.5rem;
    --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(var(--bs-body-color-rgb), 0.15);
    --bs-dropdown-link-color: var(--bs-body-color);
    --bs-dropdown-link-hover-color: var(--bs-body-color);
    --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
    --bs-dropdown-link-active-color: #ffffff;
    --bs-dropdown-link-active-bg: #E3FF75;
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 0.25rem;
    --bs-dropdown-header-color: #6c757d;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: 0.5rem;
    position: absolute;
    z-index: var(--bs-dropdown-zindex);
    display: none;
    min-width: var(--bs-dropdown-min-width);
    padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
    margin: 0;
    font-size: var(--bs-dropdown-font-size);
    color: var(--bs-dropdown-color);
    text-align: left;
    list-style: none;
    background-color: var(--bs-dropdown-bg);
    background-clip: padding-box;
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    border-radius: var(--bs-dropdown-border-radius);
  }

  .dropdown-menu[data-bs-popper] {
    top: 100%;
    left: 0;
    margin-top: var(--bs-dropdown-spacer);
  }

  .dropdown-menu-start {
    --bs-position: start;
  }

  .dropdown-menu-start[data-bs-popper] {
    right: auto;
    left: 0;
  }

  .dropdown-menu-end {
    --bs-position: end;
  }

  .dropdown-menu-end[data-bs-popper] {
    right: 0;
    left: auto;
  }

  @media (min-width: 576px) {
    .dropdown-menu-sm-start {
      --bs-position: start;
    }

    .dropdown-menu-sm-start[data-bs-popper] {
      right: auto;
      left: 0;
    }

    .dropdown-menu-sm-end {
      --bs-position: end;
    }

    .dropdown-menu-sm-end[data-bs-popper] {
      right: 0;
      left: auto;
    }
  }

  @media (min-width: 768px) {
    .dropdown-menu-md-start {
      --bs-position: start;
    }

    .dropdown-menu-md-start[data-bs-popper] {
      right: auto;
      left: 0;
    }

    .dropdown-menu-md-end {
      --bs-position: end;
    }

    .dropdown-menu-md-end[data-bs-popper] {
      right: 0;
      left: auto;
    }
  }

  @media (min-width: 992px) {
    .dropdown-menu-lg-start {
      --bs-position: start;
    }

    .dropdown-menu-lg-start[data-bs-popper] {
      right: auto;
      left: 0;
    }

    .dropdown-menu-lg-end {
      --bs-position: end;
    }

    .dropdown-menu-lg-end[data-bs-popper] {
      right: 0;
      left: auto;
    }
  }

  @media (min-width: 1200px) {
    .dropdown-menu-xl-start {
      --bs-position: start;
    }

    .dropdown-menu-xl-start[data-bs-popper] {
      right: auto;
      left: 0;
    }

    .dropdown-menu-xl-end {
      --bs-position: end;
    }

    .dropdown-menu-xl-end[data-bs-popper] {
      right: 0;
      left: auto;
    }
  }

  @media (min-width: 1440) {
    .dropdown-menu-xxl-start {
      --bs-position: start;
    }

    .dropdown-menu-xxl-start[data-bs-popper] {
      right: auto;
      left: 0;
    }

    .dropdown-menu-xxl-end {
      --bs-position: end;
    }

    .dropdown-menu-xxl-end[data-bs-popper] {
      right: 0;
      left: auto;
    }
  }

  .dropup .dropdown-menu[data-bs-popper] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: var(--bs-dropdown-spacer);
  }

  .dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0;
    border-right: 0.3em solid transparent;
    border-bottom: 0.3em solid;
    border-left: 0.3em solid transparent;
  }

  .dropup .dropdown-toggle:empty::after {
    margin-left: 0;
  }

  .dropend .dropdown-menu[data-bs-popper] {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: var(--bs-dropdown-spacer);
  }

  .dropend .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0;
    border-bottom: 0.3em solid transparent;
    border-left: 0.3em solid;
  }

  .dropend .dropdown-toggle:empty::after {
    margin-left: 0;
  }

  .dropend .dropdown-toggle::after {
    vertical-align: 0;
  }

  .dropstart .dropdown-menu[data-bs-popper] {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: var(--bs-dropdown-spacer);
  }

  .dropstart .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
  }

  .dropstart .dropdown-toggle::after {
    display: none;
  }

  .dropstart .dropdown-toggle::before {
    display: inline-block;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0.3em solid;
    border-bottom: 0.3em solid transparent;
  }

  .dropstart .dropdown-toggle:empty::after {
    margin-left: 0;
  }

  .dropstart .dropdown-toggle::before {
    vertical-align: 0;
  }

  .dropdown-item {
    display: block;
    width: 100%;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    clear: both;
    font-weight: 400;
    color: var(--bs-dropdown-link-color);
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    border-radius: var(--bs-dropdown-item-border-radius, 0);
  }

  .dropdown-item:hover,
  .dropdown-item:focus {
    color: var(--bs-dropdown-link-hover-color);
    background-color: var(--bs-dropdown-link-hover-bg);
  }

  .dropdown-item.active,
  .dropdown-item:active {
    color: var(--bs-dropdown-link-active-color);
    text-decoration: none;
    background-color: var(--bs-dropdown-link-active-bg);
  }

  .dropdown-item.disabled,
  .dropdown-item:disabled {
    color: var(--bs-dropdown-link-disabled-color);
    pointer-events: none;
    background-color: transparent;
  }

  .dropdown-menu.show {
    display: block;
  }

  .dropdown-menu-dark {
    --bs-dropdown-color: #dee2e6;
    --bs-dropdown-bg: #343a40;
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-box-shadow: ;
    --bs-dropdown-link-color: #dee2e6;
    --bs-dropdown-link-hover-color: #ffffff;
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
    --bs-dropdown-link-active-color: #ffffff;
    --bs-dropdown-link-active-bg: #E3FF75;
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-header-color: #adb5bd;
  }

  .btn-group {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
  }

  .btn-group>.btn {
    position: relative;
    flex: 1 1 auto;
  }

  .btn-group>.btn-check:checked+.btn,
  .btn-group>.btn-check:focus+.btn,
  .btn-group>.btn:hover,
  .btn-group>.btn:focus,
  .btn-group>.btn:active,
  .btn-group>.btn.active {
    z-index: 1;
  }

  .btn-group {
    border-radius: 0.375rem;
  }

  .btn-group> :not(.btn-check:first-child)+.btn,
  .btn-group>.btn-group:not(:first-child) {
    margin-left: calc(var(--bs-border-width) * -1);
  }

  .btn-group>.btn:not(:last-child):not(.dropdown-toggle),
  .btn-group>.btn.dropdown-toggle-split:first-child,
  .btn-group>.btn-group:not(:last-child)>.btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .btn-group>.btn:nth-child(n+3),
  .btn-group> :not(.btn-check)+.btn,
  .btn-group>.btn-group:not(:first-child)>.btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .dropdown-toggle-split {
    padding-right: 0.5625rem;
    padding-left: 0.5625rem;
  }

  .dropdown-toggle-split::after,
  .dropup .dropdown-toggle-split::after,
  .dropend .dropdown-toggle-split::after {
    margin-left: 0;
  }

  .dropstart .dropdown-toggle-split::before {
    margin-right: 0;
  }

  .btn-sm+.dropdown-toggle-split {
    padding-right: 0.375rem;
    padding-left: 0.375rem;
  }

  .btn-lg+.dropdown-toggle-split {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
  }

  .nav {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-weight: ;
    --bs-nav-link-color: var(--bs-link-color);
    --bs-nav-link-hover-color: var(--bs-link-hover-color);
    --bs-nav-link-disabled-color: var(--bs-secondary-color);
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
  }

  .nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: var(--bs-nav-link-color);
    text-decoration: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
  }

  @media (prefers-reduced-motion: reduce) {
    .nav-link {
      transition: none;
    }
  }

  .nav-link:hover,
  .nav-link:focus {
    color: var(--bs-nav-link-hover-color);
  }

  .nav-link.disabled {
    color: var(--bs-nav-link-disabled-color);
    pointer-events: none;
    cursor: default;
  }

  .nav-tabs {
    --bs-nav-tabs-border-width: var(--bs-border-width);
    --bs-nav-tabs-border-color: var(--bs-border-color);
    --bs-nav-tabs-border-radius: var(--bs-border-radius);
    --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
    --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
    --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
    --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
    border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
  }

  .nav-tabs .nav-link {
    margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
    background: none;
    border: var(--bs-nav-tabs-border-width) solid transparent;
    border-top-left-radius: var(--bs-nav-tabs-border-radius);
    border-top-right-radius: var(--bs-nav-tabs-border-radius);
  }

  .nav-tabs .nav-link:hover,
  .nav-tabs .nav-link:focus {
    isolation: isolate;
    border-color: var(--bs-nav-tabs-link-hover-border-color);
  }

  .nav-tabs .nav-link.disabled,
  .nav-tabs .nav-link:disabled {
    color: var(--bs-nav-link-disabled-color);
    background-color: transparent;
    border-color: transparent;
  }

  .nav-tabs .nav-link.active,
  .nav-tabs .nav-item.show .nav-link {
    color: var(--bs-nav-tabs-link-active-color);
    background-color: var(--bs-nav-tabs-link-active-bg);
    border-color: var(--bs-nav-tabs-link-active-border-color);
  }

  .nav-tabs .dropdown-menu {
    margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .nav-pills {
    --bs-nav-pills-border-radius: 0.375rem;
    --bs-nav-pills-link-active-color: #ffffff;
    --bs-nav-pills-link-active-bg: #E3FF75;
  }

  .nav-pills .nav-link {
    background: none;
    border: 0;
    border-radius: var(--bs-nav-pills-border-radius);
  }

  .nav-pills .nav-link:disabled {
    color: var(--bs-nav-link-disabled-color);
    background-color: transparent;
    border-color: transparent;
  }

  .nav-pills .nav-link.active,
  .nav-pills .show>.nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color: var(--bs-nav-pills-link-active-bg);
  }

  .tab-content>.tab-pane {
    display: none;
  }

  .tab-content>.active {
    display: block;
  }

  .navbar {
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: 0.5rem;
    --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
    --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
    --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
    --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-brand-padding-y: 0.3rem;
    --bs-navbar-brand-margin-end: 1rem;
    --bs-navbar-brand-font-size: 1.25rem;
    --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-nav-link-padding-x: 0.5rem;
    --bs-navbar-toggler-padding-y: 0.25rem;
    --bs-navbar-toggler-padding-x: 0.75rem;
    --bs-navbar-toggler-font-size: 1.25rem;
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28153, 153, 153, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
    --bs-navbar-toggler-border-radius: 0.375rem;
    --bs-navbar-toggler-focus-width: 0rem;
    --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
  }

  .navbar>.container,
  .navbar>.container-fluid {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between;
  }

  .navbar-brand {
    padding-top: var(--bs-navbar-brand-padding-y);
    padding-bottom: var(--bs-navbar-brand-padding-y);
    margin-right: var(--bs-navbar-brand-margin-end);
    font-size: var(--bs-navbar-brand-font-size);
    color: var(--bs-navbar-brand-color);
    text-decoration: none;
    white-space: nowrap;
  }

  .navbar-brand:hover,
  .navbar-brand:focus {
    color: var(--bs-navbar-brand-hover-color);
  }

  .navbar-nav {
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-weight: ;
    --bs-nav-link-color: var(--bs-navbar-color);
    --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
    --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
  }

  .navbar-nav .show>.nav-link,
  .navbar-nav .nav-link.active {
    color: var(--bs-navbar-active-color);
  }

  .navbar-nav .dropdown-menu {
    position: static;
  }

  .navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
  }

  .navbar-toggler {
    padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
    font-size: var(--bs-navbar-toggler-font-size);
    line-height: 1;
    color: var(--bs-navbar-color);
    background-color: transparent;
    border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
    border-radius: var(--bs-navbar-toggler-border-radius);
    transition: var(--bs-navbar-toggler-transition);
  }

  @media (prefers-reduced-motion: reduce) {
    .navbar-toggler {
      transition: none;
    }
  }

  .navbar-toggler:hover {
    text-decoration: none;
  }

  .navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
  }

  .navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: var(--bs-navbar-toggler-icon-bg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
  }

  @media (min-width: 768px) {
    .navbar-expand-md {
      flex-wrap: nowrap;
      justify-content: flex-start;
    }

    .navbar-expand-md .navbar-nav {
      flex-direction: row;
    }

    .navbar-expand-md .navbar-nav .dropdown-menu {
      position: absolute;
    }

    .navbar-expand-md .navbar-nav .nav-link {
      padding-right: var(--bs-navbar-nav-link-padding-x);
      padding-left: var(--bs-navbar-nav-link-padding-x);
    }

    .navbar-expand-md .navbar-collapse {
      display: flex !important;
      flex-basis: auto;
    }

    .navbar-expand-md .navbar-toggler {
      display: none;
    }
  }

  .navbar-dark {
    --bs-navbar-color: rgba(255, 255, 255, 0.55);
    --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
    --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
    --bs-navbar-active-color: #ffffff;
    --bs-navbar-brand-color: #ffffff;
    --bs-navbar-brand-hover-color: #ffffff;
    --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  }

  .card {
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-title-color: ;
    --bs-card-subtitle-color: ;
    --bs-card-border-width: var(--bs-border-width);
    --bs-card-border-color: var(--bs-border-color-translucent);
    --bs-card-border-radius: var(--bs-border-radius);
    --bs-card-box-shadow: ;
    --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
    --bs-card-cap-padding-y: 0.5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
    --bs-card-cap-color: ;
    --bs-card-height: ;
    --bs-card-color: ;
    --bs-card-bg: var(--bs-body-bg);
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 15px;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    word-wrap: break-word;
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius);
  }

  .card>hr {
    margin-right: 0;
    margin-left: 0;
  }

  .card>.list-group {
    border-top: inherit;
    border-bottom: inherit;
  }

  .card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius);
  }

  .card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
    border-bottom-left-radius: var(--bs-card-inner-border-radius);
  }

  .card>.card-header+.list-group {
    border-top: 0;
  }

  .card-body {
    flex: 1 1 auto;
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
    color: var(--bs-card-color);
  }

  .card-header {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    margin-bottom: 0;
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
  }

  .card-header:first-child {
    border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
  }

  .accordion {
    --bs-accordion-color: var(--bs-body-color);
    --bs-accordion-bg: var(--bs-body-bg);
    --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
    --bs-accordion-border-color: var(--bs-border-color);
    --bs-accordion-border-width: var(--bs-border-width);
    --bs-accordion-border-radius: var(--bs-border-radius);
    --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-btn-color: var(--bs-body-color);
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23999999'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%2815.2, 12.8, 55.2%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-focus-border-color: #f1ffba;
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0rem rgba(227, 255, 117, 0.25);
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;
    --bs-accordion-active-color: var(--bs-primary-text);
    --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
  }

  .accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    font-size: 1rem;
    color: var(--bs-accordion-btn-color);
    text-align: left;
    background-color: var(--bs-accordion-btn-bg);
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: var(--bs-accordion-transition);
  }

  @media (prefers-reduced-motion: reduce) {
    .accordion-button {
      transition: none;
    }
  }

  .accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background-color: var(--bs-accordion-active-bg);
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
  }

  .accordion-button:not(.collapsed)::after {
    background-image: var(--bs-accordion-btn-active-icon);
    transform: var(--bs-accordion-btn-icon-transform);
  }

  .accordion-button::after {
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition);
  }

  @media (prefers-reduced-motion: reduce) {
    .accordion-button::after {
      transition: none;
    }
  }

  .accordion-button:hover {
    z-index: 2;
  }

  .accordion-button:focus {
    z-index: 3;
    border-color: var(--bs-accordion-btn-focus-border-color);
    outline: 0;
    box-shadow: var(--bs-accordion-btn-focus-box-shadow);
  }

  .accordion-header {
    margin-bottom: 0;
  }

  .accordion-item {
    color: var(--bs-accordion-color);
    background-color: var(--bs-accordion-bg);
    border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
  }

  .accordion-item:first-of-type {
    border-top-left-radius: var(--bs-accordion-border-radius);
    border-top-right-radius: var(--bs-accordion-border-radius);
  }

  .accordion-item:first-of-type .accordion-button {
    border-top-left-radius: var(--bs-accordion-inner-border-radius);
    border-top-right-radius: var(--bs-accordion-inner-border-radius);
  }

  .accordion-item:not(:first-of-type) {
    border-top: 0;
  }

  .accordion-item:last-of-type {
    border-bottom-right-radius: var(--bs-accordion-border-radius);
    border-bottom-left-radius: var(--bs-accordion-border-radius);
  }

  .accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
    border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
  }

  .accordion-item:last-of-type .accordion-collapse {
    border-bottom-right-radius: var(--bs-accordion-border-radius);
    border-bottom-left-radius: var(--bs-accordion-border-radius);
  }

  .accordion-body {
    padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
  }

  .breadcrumb {
    --bs-breadcrumb-padding-x: 0;
    --bs-breadcrumb-padding-y: 0;
    --bs-breadcrumb-margin-bottom: 1rem;
    --bs-breadcrumb-bg: ;
    --bs-breadcrumb-border-radius: ;
    --bs-breadcrumb-divider-color: var(--bs-secondary-color);
    --bs-breadcrumb-item-padding-x: 0.5rem;
    --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
    display: flex;
    flex-wrap: wrap;
    padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
    margin-bottom: var(--bs-breadcrumb-margin-bottom);
    font-size: var(--bs-breadcrumb-font-size);
    list-style: none;
    background-color: var(--bs-breadcrumb-bg);
    border-radius: var(--bs-breadcrumb-border-radius);
  }

  .breadcrumb-item+.breadcrumb-item {
    padding-left: var(--bs-breadcrumb-item-padding-x);
  }

  .breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: var(--bs-breadcrumb-item-padding-x);
    color: var(--bs-breadcrumb-divider-color);
    content: var(--bs-breadcrumb-divider, "/")
      /* rtl: var(--bs-breadcrumb-divider, "/") */
    ;
  }

  .breadcrumb-item.active {
    color: var(--bs-breadcrumb-item-active-color);
  }

  .pagination {
    --bs-pagination-padding-x: 0.75rem;
    --bs-pagination-padding-y: 0.375rem;
    --bs-pagination-font-size: 1rem;
    --bs-pagination-color: var(--bs-link-color);
    --bs-pagination-bg: var(--bs-body-bg);
    --bs-pagination-border-width: var(--bs-border-width);
    --bs-pagination-border-color: var(--bs-border-color);
    --bs-pagination-border-radius: var(--bs-border-radius);
    --bs-pagination-hover-color: var(--bs-link-hover-color);
    --bs-pagination-hover-bg: var(--bs-tertiary-bg);
    --bs-pagination-hover-border-color: var(--bs-border-color);
    --bs-pagination-focus-color: var(--bs-link-hover-color);
    --bs-pagination-focus-bg: var(--bs-secondary-bg);
    --bs-pagination-focus-box-shadow: 0 0 0 0rem rgba(227, 255, 117, 0.25);
    --bs-pagination-active-color: #ffffff;
    --bs-pagination-active-bg: #E3FF75;
    --bs-pagination-active-border-color: #E3FF75;
    --bs-pagination-disabled-color: var(--bs-secondary-color);
    --bs-pagination-disabled-bg: var(--bs-secondary-bg);
    --bs-pagination-disabled-border-color: var(--bs-border-color);
    display: flex;
    padding-left: 0;
    list-style: none;
  }

  .page-link {
    position: relative;
    display: block;
    padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
    font-size: var(--bs-pagination-font-size);
    color: var(--bs-pagination-color);
    text-decoration: none;
    background-color: var(--bs-pagination-bg);
    border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }

  @media (prefers-reduced-motion: reduce) {
    .page-link {
      transition: none;
    }
  }

  .page-link:hover {
    z-index: 2;
    color: var(--bs-pagination-hover-color);
    background-color: var(--bs-pagination-hover-bg);
    border-color: var(--bs-pagination-hover-border-color);
  }

  .page-link:focus {
    z-index: 3;
    color: var(--bs-pagination-focus-color);
    background-color: var(--bs-pagination-focus-bg);
    outline: 0;
    box-shadow: var(--bs-pagination-focus-box-shadow);
  }

  .page-link.active,
  .active>.page-link {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: var(--bs-pagination-active-bg);
    border-color: var(--bs-pagination-active-border-color);
  }

  .page-link.disabled,
  .disabled>.page-link {
    color: var(--bs-pagination-disabled-color);
    pointer-events: none;
    background-color: var(--bs-pagination-disabled-bg);
    border-color: var(--bs-pagination-disabled-border-color);
  }

  .page-item:not(:first-child) .page-link {
    margin-left: calc(var(--bs-border-width) * -1);
  }

  .page-item:first-child .page-link {
    border-top-left-radius: var(--bs-pagination-border-radius);
    border-bottom-left-radius: var(--bs-pagination-border-radius);
  }

  .page-item:last-child .page-link {
    border-top-right-radius: var(--bs-pagination-border-radius);
    border-bottom-right-radius: var(--bs-pagination-border-radius);
  }

  .badge {
    --bs-badge-padding-x: 0.65em;
    --bs-badge-padding-y: 0.35em;
    --bs-badge-font-size: 0.75em;
    --bs-badge-font-weight: 700;
    --bs-badge-color: #ffffff;
    --bs-badge-border-radius: 0.375rem;
    display: inline-block;
    padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
    font-size: var(--bs-badge-font-size);
    font-weight: var(--bs-badge-font-weight);
    line-height: 1;
    color: var(--bs-badge-color);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--bs-badge-border-radius);
  }

  .badge:empty {
    display: none;
  }

  .btn .badge {
    position: relative;
    top: -1px;
  }

  .alert {
    --bs-alert-bg: transparent;
    --bs-alert-padding-x: 1rem;
    --bs-alert-padding-y: 1rem;
    --bs-alert-margin-bottom: 1rem;
    --bs-alert-color: inherit;
    --bs-alert-border-color: transparent;
    --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
    --bs-alert-border-radius: 0.375rem;
    --bs-alert-link-color: inherit;
    position: relative;
    padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
    margin-bottom: var(--bs-alert-margin-bottom);
    color: var(--bs-alert-color);
    background-color: var(--bs-alert-bg);
    border: var(--bs-alert-border);
    border-radius: var(--bs-alert-border-radius);
  }

  .alert-link {
    font-weight: 700;
    color: var(--bs-alert-link-color);
  }

  .alert-dismissible {
    padding-right: 3rem;
  }

  .alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 1.25rem 1rem;
  }

  .alert-success {
    --bs-alert-color: var(--bs-success-text);
    --bs-alert-bg: var(--bs-success-bg-subtle);
    --bs-alert-border-color: var(--bs-success-border-subtle);
    --bs-alert-link-color: var(--bs-success-text);
  }

  .alert-warning {
    --bs-alert-color: var(--bs-warning-text);
    --bs-alert-bg: var(--bs-warning-bg-subtle);
    --bs-alert-border-color: var(--bs-warning-border-subtle);
    --bs-alert-link-color: var(--bs-warning-text);
  }

  .alert-danger {
    --bs-alert-color: var(--bs-danger-text);
    --bs-alert-bg: var(--bs-danger-bg-subtle);
    --bs-alert-border-color: var(--bs-danger-border-subtle);
    --bs-alert-link-color: var(--bs-danger-text);
  }

  @keyframes progress-bar-stripes {
    0% {
      background-position-x: 1rem;
    }
  }

  .progress {
    --bs-progress-height: 1rem;
    --bs-progress-font-size: 0.75rem;
    --bs-progress-bg: var(--bs-secondary-bg);
    --bs-progress-border-radius: var(--bs-border-radius);
    --bs-progress-box-shadow: var(--bs-box-shadow-inset);
    --bs-progress-bar-color: #ffffff;
    --bs-progress-bar-bg: #E3FF75;
    --bs-progress-bar-transition: width 0.6s ease;
    display: flex;
    height: var(--bs-progress-height);
    overflow: hidden;
    font-size: var(--bs-progress-font-size);
    background-color: var(--bs-progress-bg);
    border-radius: var(--bs-progress-border-radius);
  }

  .list-group {
    --bs-list-group-color: var(--bs-body-color);
    --bs-list-group-bg: var(--bs-body-bg);
    --bs-list-group-border-color: var(--bs-border-color);
    --bs-list-group-border-width: var(--bs-border-width);
    --bs-list-group-border-radius: var(--bs-border-radius);
    --bs-list-group-item-padding-x: 1rem;
    --bs-list-group-item-padding-y: 0.5rem;
    --bs-list-group-action-color: var(--bs-secondary-color);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
    --bs-list-group-action-active-color: var(--bs-body-color);
    --bs-list-group-action-active-bg: var(--bs-secondary-bg);
    --bs-list-group-disabled-color: var(--bs-secondary-color);
    --bs-list-group-disabled-bg: var(--bs-body-bg);
    --bs-list-group-active-color: #ffffff;
    --bs-list-group-active-bg: #E3FF75;
    --bs-list-group-active-border-color: #E3FF75;
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: var(--bs-list-group-border-radius);
  }

  .list-group-item-action {
    width: 100%;
    color: var(--bs-list-group-action-color);
    text-align: inherit;
  }

  .list-group-item-action:hover,
  .list-group-item-action:focus {
    z-index: 1;
    color: var(--bs-list-group-action-hover-color);
    text-decoration: none;
    background-color: var(--bs-list-group-action-hover-bg);
  }

  .list-group-item-action:active {
    color: var(--bs-list-group-action-active-color);
    background-color: var(--bs-list-group-action-active-bg);
  }

  .list-group-item {
    position: relative;
    display: block;
    padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
    color: var(--bs-list-group-color);
    text-decoration: none;
    background-color: var(--bs-list-group-bg);
    border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
  }

  .list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
  }

  .list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit;
  }

  .list-group-item.disabled,
  .list-group-item:disabled {
    color: var(--bs-list-group-disabled-color);
    pointer-events: none;
    background-color: var(--bs-list-group-disabled-bg);
  }

  .list-group-item.active {
    z-index: 2;
    color: var(--bs-list-group-active-color);
    background-color: var(--bs-list-group-active-bg);
    border-color: var(--bs-list-group-active-border-color);
  }

  .list-group-item+.list-group-item {
    border-top-width: 0;
  }

  .list-group-item+.list-group-item.active {
    margin-top: calc(-1 * var(--bs-list-group-border-width));
    border-top-width: var(--bs-list-group-border-width);
  }

  .btn-close {
    --bs-btn-close-color: #000;
    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
    --bs-btn-close-opacity: 0.5;
    --bs-btn-close-hover-opacity: 0.75;
    --bs-btn-close-focus-shadow: 0 0 0 0rem rgba(227, 255, 117, 0.25);
    --bs-btn-close-focus-opacity: 1;
    --bs-btn-close-disabled-opacity: 0.25;
    --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: 0.25em 0.25em;
    color: var(--bs-btn-close-color);
    background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
    border: 0;
    border-radius: 0.375rem;
    opacity: var(--bs-btn-close-opacity);
  }

  .btn-close:hover {
    color: var(--bs-btn-close-color);
    text-decoration: none;
    opacity: var(--bs-btn-close-hover-opacity);
  }

  .btn-close:focus {
    outline: 0;
    box-shadow: var(--bs-btn-close-focus-shadow);
    opacity: var(--bs-btn-close-focus-opacity);
  }

  .btn-close:disabled,
  .btn-close.disabled {
    pointer-events: none;
    user-select: none;
    opacity: var(--bs-btn-close-disabled-opacity);
  }

  .toast {
    --bs-toast-zindex: 1090;
    --bs-toast-padding-x: 0.75rem;
    --bs-toast-padding-y: 0.5rem;
    --bs-toast-spacing: 30px;
    --bs-toast-max-width: 350px;
    --bs-toast-font-size: 0.875rem;
    --bs-toast-color: ;
    --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
    --bs-toast-border-width: var(--bs-border-width);
    --bs-toast-border-color: var(--bs-border-color-translucent);
    --bs-toast-border-radius: var(--bs-border-radius);
    --bs-toast-box-shadow: var(--bs-box-shadow);
    --bs-toast-header-color: var(--bs-secondary-color);
    --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
    --bs-toast-header-border-color: var(--bs-border-color-translucent);
    width: var(--bs-toast-max-width);
    max-width: 100%;
    font-size: var(--bs-toast-font-size);
    color: var(--bs-toast-color);
    pointer-events: auto;
    background-color: var(--bs-toast-bg);
    background-clip: padding-box;
    border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
    box-shadow: var(--bs-toast-box-shadow);
    border-radius: var(--bs-toast-border-radius);
  }

  .toast:not(.show) {
    display: none;
  }

  .toast-header {
    display: flex;
    align-items: center;
    padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
    color: var(--bs-toast-header-color);
    background-color: var(--bs-toast-header-bg);
    background-clip: padding-box;
    border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
    border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
    border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
  }

  .toast-header .btn-close {
    margin-right: calc(-0.5 * var(--bs-toast-padding-x));
    margin-left: var(--bs-toast-padding-x);
  }

  .toast-body {
    padding: var(--bs-toast-padding-x);
    word-wrap: break-word;
  }

  .modal {
    --bs-modal-zindex: 1055;
    --bs-modal-width: 500px;
    --bs-modal-padding: 1rem;
    --bs-modal-margin: 0.5rem;
    --bs-modal-color: ;
    --bs-modal-bg: var(--bs-body-bg);
    --bs-modal-border-color: var(--bs-border-color-translucent);
    --bs-modal-border-width: var(--bs-border-width);
    --bs-modal-border-radius: var(--bs-border-radius-lg);
    --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(var(--bs-body-color-rgb), 0.075);
    --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
    --bs-modal-header-padding-x: 1rem;
    --bs-modal-header-padding-y: 1rem;
    --bs-modal-header-padding: 1rem 1rem;
    --bs-modal-header-border-color: var(--bs-border-color);
    --bs-modal-header-border-width: var(--bs-border-width);
    --bs-modal-title-line-height: 1.6;
    --bs-modal-footer-gap: 0.5rem;
    --bs-modal-footer-bg: ;
    --bs-modal-footer-border-color: var(--bs-border-color);
    --bs-modal-footer-border-width: var(--bs-border-width);
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-modal-zindex);
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
  }

  .modal-dialog {
    position: relative;
    width: auto;
    margin: var(--bs-modal-margin);
    pointer-events: none;
  }

  .modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
  }

  @media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
      transition: none;
    }
  }

  .modal.fade .modal-dialog {
    transform: translate(0, -50px);
  }

  .modal.show .modal-dialog {
    transform: none;
  }

  .modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    color: var(--bs-modal-color);
    pointer-events: auto;
    background-color: var(--bs-modal-bg);
    background-clip: padding-box;
    border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
    border-radius: var(--bs-modal-border-radius);
    outline: 0;
  }

  .modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-modal-header-padding);
    border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
    border-top-left-radius: var(--bs-modal-inner-border-radius);
    border-top-right-radius: var(--bs-modal-inner-border-radius);
  }

  .modal-header .btn-close {
    padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
    margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto;
  }

  .modal-title {
    margin-bottom: 0;
    line-height: var(--bs-modal-title-line-height);
  }

  .modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: var(--bs-modal-padding);
  }

  .modal-footer {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
    background-color: var(--bs-modal-footer-bg);
    border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
    border-bottom-right-radius: var(--bs-modal-inner-border-radius);
    border-bottom-left-radius: var(--bs-modal-inner-border-radius);
  }

  .modal-footer>* {
    margin: calc(var(--bs-modal-footer-gap) * 0.5);
  }

  @media (min-width: 576px) {
    .modal {
      --bs-modal-margin: 1.75rem;
      --bs-modal-box-shadow: 0 0.5rem 1rem rgba(var(--bs-body-color-rgb), 0.15);
    }

    .modal-dialog {
      max-width: var(--bs-modal-width);
      margin-right: auto;
      margin-left: auto;
    }

    .modal-sm {
      --bs-modal-width: 300px;
    }
  }

  .tooltip {
    --bs-tooltip-zindex: 1080;
    --bs-tooltip-max-width: 200px;
    --bs-tooltip-padding-x: 0.5rem;
    --bs-tooltip-padding-y: 0.25rem;
    --bs-tooltip-margin: ;
    --bs-tooltip-font-size: 0.875rem;
    --bs-tooltip-color: var(--bs-body-bg);
    --bs-tooltip-bg: var(--bs-emphasis-color);
    --bs-tooltip-border-radius: var(--bs-border-radius);
    --bs-tooltip-opacity: 0.9;
    --bs-tooltip-arrow-width: 0.8rem;
    --bs-tooltip-arrow-height: 0.4rem;
    z-index: var(--bs-tooltip-zindex);
    display: block;
    padding: var(--bs-tooltip-arrow-height);
    margin: var(--bs-tooltip-margin);
    font-family: "Kanit", sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: var(--bs-tooltip-font-size);
    word-wrap: break-word;
    opacity: 0;
  }

  .tooltip.show {
    opacity: var(--bs-tooltip-opacity);
  }

  /* rtl:begin:ignore */

  /* rtl:end:ignore */

  /* rtl:begin:ignore */

  /* rtl:end:ignore */

  .popover {
    --bs-popover-zindex: 1070;
    --bs-popover-max-width: 276px;
    --bs-popover-font-size: 0.875rem;
    --bs-popover-bg: var(--bs-body-bg);
    --bs-popover-border-width: var(--bs-border-width);
    --bs-popover-border-color: var(--bs-border-color-translucent);
    --bs-popover-border-radius: var(--bs-border-radius-lg);
    --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
    --bs-popover-box-shadow: 0 0.5rem 1rem rgba(var(--bs-body-color-rgb), 0.15);
    --bs-popover-header-padding-x: 1rem;
    --bs-popover-header-padding-y: 0.5rem;
    --bs-popover-header-font-size: 1rem;
    --bs-popover-header-color: #191B1D;
    --bs-popover-header-bg: var(--bs-secondary-bg);
    --bs-popover-body-padding-x: 1rem;
    --bs-popover-body-padding-y: 1rem;
    --bs-popover-body-color: var(--bs-body-color);
    --bs-popover-arrow-width: 1rem;
    --bs-popover-arrow-height: 0.5rem;
    --bs-popover-arrow-border: var(--bs-popover-border-color);
    z-index: var(--bs-popover-zindex);
    display: block;
    max-width: var(--bs-popover-max-width);
    font-family: "Kanit", sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: var(--bs-popover-font-size);
    word-wrap: break-word;
    background-color: var(--bs-popover-bg);
    background-clip: padding-box;
    border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
    border-radius: var(--bs-popover-border-radius);
  }

  /* rtl:begin:ignore */

  /* rtl:end:ignore */

  /* rtl:begin:ignore */

  /* rtl:end:ignore */

  .carousel {
    position: relative;
  }

  .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  .carousel-inner::after {
    display: block;
    clear: both;
    content: "";
  }

  .carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    backface-visibility: hidden;
    transition: transform 0.6s ease-in-out;
  }

  @media (prefers-reduced-motion: reduce) {
    .carousel-item {
      transition: none;
    }
  }

  .carousel-item.active {
    display: block;
  }

  .carousel-control-prev,
  .carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #ffffff;
    text-align: center;
    background: none;
    border: 0;
    opacity: 0.5;
    transition: opacity 0.15s ease;
  }

  @media (prefers-reduced-motion: reduce) {

    .carousel-control-prev,
    .carousel-control-next {
      transition: none;
    }
  }

  .carousel-control-prev:hover,
  .carousel-control-prev:focus,
  .carousel-control-next:hover,
  .carousel-control-next:focus {
    color: #ffffff;
    text-decoration: none;
    outline: 0;
    opacity: 0.9;
  }

  .carousel-control-prev {
    left: 0;
  }

  .carousel-control-next {
    right: 0;
  }

  .carousel-control-prev-icon,
  .carousel-control-next-icon {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%;
  }

  /* rtl:options: {
    "autoRename": true,
    "stringMap":[ {
      "name"    : "prev-next",
      "search"  : "prev",
      "replace" : "next"
    } ]
  } */
  .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
  }

  .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  }

  .carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%;
    list-style: none;
  }

  .carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: 0.5;
    transition: opacity 0.6s ease;
  }

  @media (prefers-reduced-motion: reduce) {
    .carousel-indicators [data-bs-target] {
      transition: none;
    }
  }

  .carousel-indicators .active {
    opacity: 1;
  }

  .carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #ffffff;
    text-align: center;
  }

  @keyframes spinner-border {
    to {
      transform: rotate(360deg)
        /* rtl:ignore */
      ;
    }
  }

  @keyframes spinner-grow {
    0% {
      transform: scale(0);
    }

    50% {
      opacity: 1;
      transform: none;
    }
  }

  .placeholder {
    display: inline-block;
    min-height: 1em;
    vertical-align: middle;
    cursor: wait;
    background-color: currentcolor;
    opacity: 0.5;
  }

  .placeholder.btn::before {
    display: inline-block;
    content: "";
  }

  @keyframes placeholder-glow {
    50% {
      opacity: 0.2;
    }
  }

  @keyframes placeholder-wave {
    100% {
      mask-position: -200% 0%;
    }
  }

  .clearfix::after {
    display: block;
    clear: both;
    content: "";
  }

  .text-bg-dark {
    color: #ffffff !important;
    background-color: RGBA(68, 68, 68, var(--bs-bg-opacity, 1)) !important;
  }

  .ratio {
    position: relative;
    width: 100%;
  }

  .ratio::before {
    display: block;
    padding-top: var(--bs-aspect-ratio);
    content: "";
  }

  .ratio>* {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
  }

  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }

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

  .object-fit-cover {
    object-fit: cover !important;
  }

  .opacity-75 {
    opacity: 0.75 !important;
  }

  .overflow-hidden {
    overflow: hidden !important;
  }

  .overflow-visible {
    overflow: visible !important;
  }

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

  .d-table-cell {
    display: table-cell !important;
  }

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

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

  .shadow {
    box-shadow: 0 0.5rem 1rem rgba(var(--bs-body-color-rgb), 0.15) !important;
  }

  .shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(var(--bs-body-color-rgb), 0.075) !important;
  }

  .position-relative {
    position: relative !important;
  }

  .position-absolute {
    position: absolute !important;
  }

  .border {
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
  }

  .border-0 {
    border: 0 !important;
  }

  .border-top {
    border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
  }

  .border-top-0 {
    border-top: 0 !important;
  }

  .border-end-0 {
    border-right: 0 !important;
  }

  .border-bottom {
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
  }

  .border-bottom-0 {
    border-bottom: 0 !important;
  }

  .border-start-0 {
    border-left: 0 !important;
  }

  .border-dark {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
  }

  .border-2 {
    --bs-border-width: 2px;
  }

  .w-100 {
    width: 100% !important;
  }

  .mw-100 {
    max-width: 100% !important;
  }

  .h-100 {
    height: 100% !important;
  }

  .flex-column {
    flex-direction: column !important;
  }

  .flex-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-wrap {
    flex-wrap: wrap !important;
  }

  .justify-content-end {
    justify-content: flex-end !important;
  }

  .justify-content-center {
    justify-content: center !important;
  }

  .justify-content-between {
    justify-content: space-between !important;
  }

  .align-items-start {
    align-items: flex-start !important;
  }

  .align-items-end {
    align-items: flex-end !important;
  }

  .align-items-center {
    align-items: center !important;
  }

  .align-items-stretch {
    align-items: stretch !important;
  }

  .order-1 {
    order: 1 !important;
  }

  .order-2 {
    order: 2 !important;
  }

  .m-0 {
    margin: 0 !important;
  }

  .mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-0 {
    margin-top: 0 !important;
  }

  .mt-1 {
    margin-top: 0.25rem !important;
  }

  .mt-2 {
    margin-top: 0.5rem !important;
  }

  .mt-3 {
    margin-top: 1rem !important;
  }

  .mt-4 {
    margin-top: 1.5rem !important;
  }

  .mt-5 {
    margin-top: 3rem !important;
  }

  .mt-auto {
    margin-top: auto !important;
  }

  .me-0 {
    margin-right: 0 !important;
  }

  .me-2 {
    margin-right: 0.5rem !important;
  }

  .me-3 {
    margin-right: 1rem !important;
  }

  .me-5 {
    margin-right: 3rem !important;
  }

  .me-auto {
    margin-right: auto !important;
  }

  .mb-0 {
    margin-bottom: 0 !important;
  }

  .mb-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-3 {
    margin-bottom: 1rem !important;
  }

  .mb-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-5 {
    margin-bottom: 3rem !important;
  }

  .ms-1 {
    margin-left: 0.25rem !important;
  }

  .ms-2 {
    margin-left: 0.5rem !important;
  }

  .ms-3 {
    margin-left: 1rem !important;
  }

  .ms-auto {
    margin-left: auto !important;
  }

  .p-0 {
    padding: 0 !important;
  }

  .p-1 {
    padding: 0.25rem !important;
  }

  .p-2 {
    padding: 0.5rem !important;
  }

  .p-3 {
    padding: 1rem !important;
  }

  .p-4 {
    padding: 1.5rem !important;
  }

  .px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .pt-0 {
    padding-top: 0 !important;
  }

  .pt-3 {
    padding-top: 1rem !important;
  }

  .pt-4 {
    padding-top: 1.5rem !important;
  }

  .pt-5 {
    padding-top: 3rem !important;
  }

  .pe-0 {
    padding-right: 0 !important;
  }

  .pb-0 {
    padding-bottom: 0 !important;
  }

  .pb-5 {
    padding-bottom: 3rem !important;
  }

  .ps-0 {
    padding-left: 0 !important;
  }

  .gap-1 {
    gap: 0.25rem !important;
  }

  .gap-2 {
    gap: 0.5rem !important;
  }

  .gap-3 {
    gap: 1rem !important;
  }

  .fs-4 {
    font-size: 1.25rem !important;
  }

  .fs-5 {
    font-size: 1.125rem !important;
  }

  .fw-light {
    font-weight: 300 !important;
  }

  .fw-normal {
    font-weight: 400 !important;
  }

  .fw-medium {
    font-weight: 500 !important;
  }

  .fw-bold {
    font-weight: 700 !important;
  }

  .text-start {
    text-align: left !important;
  }

  .text-end {
    text-align: right !important;
  }

  .text-center {
    text-align: center !important;
  }

  .text-uppercase {
    text-transform: uppercase !important;
  }

  /* rtl:begin:remove */

  /* rtl:end:remove */
  .text-primary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
  }

  .text-secondary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
  }

  .text-success {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
  }

  .text-danger {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
  }

  .text-light {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
  }

  .text-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
  }

  .text-body-secondary {
    --bs-text-opacity: 1;
    color: var(--bs-secondary-color) !important;
  }

  .bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
  }

  .bg-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
  }

  .bg-light {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
  }

  .bg-dark {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
  }

  .bg-white {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
  }

  .user-select-none {
    user-select: none !important;
  }

  .rounded {
    border-radius: var(--bs-border-radius) !important;
  }

  .rounded-0 {
    border-radius: 0 !important;
  }

  .rounded-1 {
    border-radius: var(--bs-border-radius-sm) !important;
  }

  .rounded-2 {
    border-radius: var(--bs-border-radius) !important;
  }

  .rounded-3 {
    border-radius: var(--bs-border-radius-lg) !important;
  }

  .rounded-5 {
    border-radius: var(--bs-border-radius-2xl) !important;
  }

  .rounded-pill {
    border-radius: var(--bs-border-radius-pill) !important;
  }

  .rounded-bottom-0 {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }

  .visible {
    visibility: visible !important;
  }

  .z-1 {
    z-index: 1 !important;
  }

  .z-2 {
    z-index: 2 !important;
  }

  @media (min-width: 576px) {

    .d-sm-block {
      display: block !important;
    }

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

    .justify-content-sm-start {
      justify-content: flex-start !important;
    }

    .m-sm-0 {
      margin: 0 !important;
    }

    .mt-sm-0 {
      margin-top: 0 !important;
    }

    .mt-sm-4 {
      margin-top: 1.5rem !important;
    }

    .mb-sm-4 {
      margin-bottom: 1.5rem !important;
    }

    .text-sm-end {
      text-align: right !important;
    }
  }

  @media (min-width: 768px) {

    .float-md-end {
      float: right !important;
    }

    .d-md-block {
      display: block !important;
    }

    .d-md-flex {
      display: flex !important;
    }

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

    .me-md-4 {
      margin-right: 1.5rem !important;
    }

    .mb-md-0 {
      margin-bottom: 0 !important;
    }

    .mb-md-2 {
      margin-bottom: 0.5rem !important;
    }

    .mb-md-4 {
      margin-bottom: 1.5rem !important;
    }

    .p-md-4 {
      padding: 1.5rem !important;
    }

    .gap-md-2 {
      gap: 0.5rem !important;
    }

    .text-md-start {
      text-align: left !important;
    }

    .text-md-center {
      text-align: center !important;
    }
  }

  @media (min-width: 992px) {

    .d-lg-flex {
      display: flex !important;
    }

    .justify-content-lg-end {
      justify-content: flex-end !important;
    }

    .align-items-lg-center {
      align-items: center !important;
    }

    .order-lg-1 {
      order: 1 !important;
    }

    .order-lg-2 {
      order: 2 !important;
    }

    .mt-lg-0 {
      margin-top: 0 !important;
    }

    .mb-lg-0 {
      margin-bottom: 0 !important;
    }

    .mb-lg-5 {
      margin-bottom: 3rem !important;
    }

    .p-lg-5 {
      padding: 3rem !important;
    }

    .pt-lg-0 {
      padding-top: 0 !important;
    }

    .pt-lg-3 {
      padding-top: 1rem !important;
    }

    .text-lg-start {
      text-align: left !important;
    }

    .text-lg-end {
      text-align: right !important;
    }
  }

  @media (min-width: 1200px) {

    .d-xl-block {
      display: block !important;
    }

    .d-xl-flex {
      display: flex !important;
    }

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

    .mt-xl-0 {
      margin-top: 0 !important;
    }

    .mt-xl-2 {
      margin-top: 0.5rem !important;
    }

    .mt-xl-4 {
      margin-top: 1.5rem !important;
    }

    .me-xl-4 {
      margin-right: 1.5rem !important;
    }

    .mb-xl-0 {
      margin-bottom: 0 !important;
    }

    .mb-xl-3 {
      margin-bottom: 1rem !important;
    }

    .mb-xl-4 {
      margin-bottom: 1.5rem !important;
    }

    .pt-xl-5 {
      padding-top: 3rem !important;
    }

    .pe-xl-3 {
      padding-right: 1rem !important;
    }

    .pe-xl-5 {
      padding-right: 3rem !important;
    }

    .pb-xl-1 {
      padding-bottom: 0.25rem !important;
    }

    .gap-xl-0 {
      gap: 0 !important;
    }

    .text-xl-end {
      text-align: right !important;
    }
  }

  * {
    outline: none;
    padding: 0;
  }

  *::after {
    margin: 0;
    padding: 0;
  }

  *::before {
    margin: 0;
    padding: 0;
  }

  body {
    line-height: 1.6;
    color: var(--body-color);
    font-size: 1rem;
    font-family: var(--font-family-base);
    overflow-x: clip;
  }

  body.fixed {
    overflow: hidden;
  }

  @media only screen and (max-width: 575px) {
    body {
      font-size: 14px;
    }
  }

  p {
    font-family: var(--font-family-base);
  }

  h1 a,
  .h1 a,
  h2 a,
  .h2 a,
  h3 a,
  .h3 a,
  h4 a,
  .h4 a,
  h5 a,
  .h5 a,
  h6 a,
  .h6 a {
    color: var(--title);
  }

  h1,
  .h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6 {
    font-family: var(--font-family-title);
    font-weight: 600;
    color: var(--title);
    line-height: 1.4;
  }

  h1,
  .h1 {
    font-size: 2.5rem;
    line-height: 1.2;
  }

  @media only screen and (max-width: 1199px) {

    h1,
    .h1 {
      font-size: 2.2rem;
    }
  }

  @media only screen and (max-width: 767px) {

    h1,
    .h1 {
      font-size: 2rem;
    }
  }

  @media only screen and (max-width: 575px) {

    h1,
    .h1 {
      font-size: 1.7rem;
    }
  }

  h2,
  .h2 {
    font-size: 1.75rem;
  }

  @media only screen and (max-width: 1199px) {

    h2,
    .h2 {
      font-size: 1.7rem;
    }
  }

  @media only screen and (max-width: 767px) {

    h2,
    .h2 {
      font-size: 1.5rem;
    }
  }

  h3,
  .h3 {
    font-size: 1.5rem;
  }

  @media only screen and (max-width: 767px) {

    h3,
    .h3 {
      font-size: 1.625rem;
    }
  }

  h4,
  .h4 {
    font-size: 1.25rem;
  }

  @media only screen and (max-width: 767px) {

    h4,
    .h4 {
      font-size: 1.25rem;
    }
  }

  h5,
  .h5 {
    font-size: 1.125rem;
  }

  @media only screen and (max-width: 767px) {

    h5,
    .h5 {
      font-size: 1.125rem;
    }
  }

  h6,
  .h6 {
    font-size: 1rem;
  }

  @media only screen and (max-width: 767px) {

    h6,
    .h6 {
      font-size: 1rem;
    }
  }

  ul {
    padding: 0;
    margin: 0;
  }

  img {
    border-style: none;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
  }

  li {
    list-style: none;
  }

  a {
    text-decoration: none;
    outline: none;
    color: var(--primary);
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
  }

  a:hover {
    text-decoration: none;
    outline: none;
    color: var(--secondary);
  }

  .text-primary {
    color: var(--primary) !important;
  }

  .text-secondary {
    color: var(--secondary) !important;
  }

  .bg-primary {
    background-color: var(--primary) !important;
  }

  .bg-secondary {
    background-color: var(--secondary) !important;
  }

  b,
  strong,
  .strong {
    font-weight: 700;
  }

  .w-h-50px {
    width: 50px;
    height: 50px;
  }

  @media only screen and (max-width: 991px) {
    .container.style-1 {
      max-width: 100%;
    }
  }

  @media only screen and (min-width: 1400px) {
    .container {
      max-width: 1355px;
    }
  }

  .container-fluid {
    padding-left: 80px;
    padding-right: 80px;
  }

  @media only screen and (max-width: 1280px) {

    .container-fluid {
      padding-left: 15px;
      padding-right: 15px;
    }
  }

  @media only screen and (max-width: 575px) {

    .container-fluid {
      padding-left: 15px;
      padding-right: 15px;
    }
  }

  ::selection {
    color: hsl(73.17, 33.33%, 48.24%);
    background: hsl(72.17, 100%, 72.94%);
  }

  .modal {
    z-index: 100000;
  }

  /* Flaticon */
  [class*=flaticon-] {
    font-family: "Flaticon";
  }

  .gradient {
    background-image: var(--gradient);
  }

  .show-focus-outline li:focus-within>.mega-menu {
    opacity: 1 !important;
    visibility: visible !important;
    margin-top: 0 !important;
  }

  .show-focus-outline .sub-menu-down a:focus {
    outline: 2px solid #000 !important;
  }

  .show-focus-outline .sub-menu-down a:after:focus {
    outline: 2px solid #000 !important;
  }

  #pointer-dot {
    left: -4px;
    top: -4px;
    width: 12px;
    height: 12px;
    position: fixed;
    border-radius: 10px;
    z-index: 999998;
    pointer-events: none;
    transition: border-color 0.5s;
    background: #333;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.2);
  }

  @media only screen and (max-width: 575px) {
    #pointer-dot {
      display: none;
    }
  }

  #pointer-ring {
    left: 0;
    top: 0;
    width: 25px;
    height: 25px;
    display: block;
    border: 1px solid var(--primary) !important;
    position: fixed;
    border-radius: 100px;
    z-index: 999999;
    pointer-events: none;
    transition: width 0.3s, height 0.3s;
  }

  @media only screen and (max-width: 575px) {
    #pointer-ring {
      display: none;
    }
  }

  #pointer-ring.active {
    width: 50px;
    height: 50px;
    opacity: 0.5;
  }

  #pointer-ring.active+#pointer-dot {
    opacity: 0;
  }

  .content-inner {
    padding-top: 100px;
    padding-bottom: 70px;
  }

  @media only screen and (max-width: 767px) {
    .content-inner {
      padding-top: 50px;
      padding-bottom: 20px;
    }
  }

  @media only screen and (max-width: 575px) {
    .content-inner {
      padding-top: 30px;
      padding-bottom: 30px;
    }
  }

  .content-inner.style-1 {

    z-index: 1;
  }

  .content-inner.style-2 {
    padding-top: 150px;
    padding-bottom: 70px;
  }

  @media only screen and (max-width: 1480px) {
    .content-inner.style-2 {
      padding-top: 70px;
      padding-bottom: 40px;
    }
  }

  @media only screen and (max-width: 767px) {
    .content-inner.style-2 {
      padding-top: 50px;
      padding-bottom: 20px;
    }
  }

  @media only screen and (max-width: 575px) {
    .content-inner.style-2 {
      padding-top: 40px;
      padding-bottom: 20px;
    }
  }

  .content-inner-1 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  @media only screen and (max-width: 1480px) {
    .content-inner-1 {
      padding-top: 100px;
      padding-bottom: 100px;
    }
  }

  @media only screen and (max-width: 991px) {
    .content-inner-1 {
      padding-top: 50px;
      padding-bottom: 50px;
    }
  }

  @media only screen and (max-width: 767px) {
    .content-inner-1 {
      padding-top: 50px;
      padding-bottom: 50px;
    }
  }

  @media only screen and (max-width: 575px) {
    .content-inner-1 {
      padding-top: 30px;
      padding-bottom: 30px;
    }
  }

  .content-inner-2 {
    padding-top: 100px;
    padding-bottom: 0;
  }

  @media only screen and (max-width: 1480px) {
    .content-inner-2 {
      padding-top: 70px;
    }
  }

  @media only screen and (max-width: 767px) {
    .content-inner-2 {
      padding-top: 50px;
    }
  }

  @media only screen and (max-width: 575px) {
    .content-inner-2 {
      padding-top: 40px;
    }
  }

  .content-inner-3 {
    padding-top: 70px;
    padding-bottom: 50px;
  }

  @media only screen and (max-width: 991px) {
    .content-inner-3 {
      padding-top: 50px;
      padding-bottom: 20px;
    }
  }

  .content-inner-4 {
    padding-top: 240px;
    padding-bottom: 100px;
  }

  @media (max-width: 1040px) {
    .content-inner-4 {
      padding-top: 150px;
    }
  }

  @media only screen and (max-width: 991px) {
    .content-inner-4 {
      padding-top: 100px;
      padding-bottom: 50px;
    }
  }

  @media only screen and (max-width: 575px) {
    .content-inner-4 {
      padding-top: 80px;
    }
  }

  .content-inner-5 {
    padding-top: 200px;
    padding-bottom: 100px;
  }

  @media only screen and (max-width: 991px) {
    .content-inner-5 {
      padding-top: 100px;
      padding-bottom: 50px;
    }
  }

  .content-inner-6 {
    padding-top: 150px;
    padding-bottom: 140px;
  }

  @media only screen and (max-width: 991px) {
    .content-inner-6 {
      padding-top: 100px;
      padding-bottom: 50px;
    }
  }

  .content-inner-6.style-1 {
    padding-top: 125px;
    padding-bottom: 140px;
  }

  @media only screen and (max-width: 1199px) {
    .content-inner-6.style-1 {
      padding-bottom: 40px;
    }
  }

  .content-inner-9 {
    padding-top: 150px;
    padding-bottom: 150px;
  }

  @media only screen and (max-width: 991px) {
    .content-inner-9 {
      padding-top: 100px;
      padding-bottom: 100px;
    }
  }

  @media only screen and (max-width: 767px) {
    .content-inner-9 {
      padding-top: 80px;
      padding-bottom: 80px;
    }
  }

  @media only screen and (max-width: 575px) {
    .content-inner-9 {
      padding-top: 50px;
      padding-bottom: 50px;
    }
  }

  .content-inner-10 {
    padding-top: 240px;
    padding-bottom: 100px;
  }

  @media (max-width: 1040px) {
    .content-inner-10 {
      padding-top: 200px;
    }
  }

  .rounded {
    border-radius: var(--border-radius-base) !important;
  }

  .border-bottom {
    border-bottom: 1px solid rgba(25, 27, 29, 0.2) !important;
  }

  .border {
    border: 1px solid #dee2e6 !important;
  }

  .bg-parallax {
    background-attachment: fixed;
  }

  img::selection {
    background: none;
  }

  ::-webkit-scrollbar {
    width: 10px;
  }

  ::-webkit-scrollbar-thumb {
    background-color: rgba(223, 223, 223, 0.9);
  }

  ::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, 0);
  }

  * {
    scrollbar-color: rgba(223, 223, 223, 0.9) rgba(255, 255, 255, 0);
    scrollbar-width: thin;
  }

  @supports (-ms-ime-align: auto) {
    * {
      scrollbar-color: rgba(223, 223, 223, 0.9) rgba(255, 255, 255, 0);
      scrollbar-width: thin;
    }
  }

  .loader {
    margin: 30px auto 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
  }

  @keyframes load-circle {
    0% {
      width: 0;
      height: 0;
      opacity: 0;
    }

    4.9% {
      width: 120px;
      height: 120px;
      opacity: 0;
    }

    5% {
      width: 120px;
      height: 120px;
      opacity: 1;
    }

    100% {
      width: 200px;
      height: 200px;
      opacity: 0;
    }
  }

  @keyframes load-circle2 {
    0% {
      width: 0;
      height: 0;
      opacity: 0;
    }

    4.9% {
      width: 120px;
      height: 120px;
      opacity: 0;
    }

    5% {
      width: 120px;
      height: 120px;
      opacity: 1;
    }

    100% {
      width: 160px;
      height: 160px;
      opacity: 0;
    }
  }

  @keyframes animate {

    0%,
    100% {
      transform: rotate(-20deg);
    }

    50% {
      transform: rotate(20deg);
    }
  }

  @keyframes animate1 {

    0%,
    100% {
      transform: rotate(0);
      left: 0;
    }

    50% {
      transform: rotate(200deg);
      left: calc(100% - 40px);
    }
  }

  @keyframes animate2 {
    0% {
      transform: rotate(0deg);
    }

    50% {
      transform: rotate(90deg);
    }

    100% {
      transform: rotate(0deg);
    }
  }

  @keyframes animateball {
    0% {
      transform: rotate(0deg);
    }

    50% {
      transform: rotate(180deg);
    }

    100% {
      transform: rotate(0deg);
    }
  }

  .preloader-wrapper-4 {
    align-items: center;
    position: fixed;
    z-index: 999999;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    transition: all 1s ease 0s;
    background-position: center center;
    background-size: 150px;
    background-repeat: no-repeat;
    backdrop-filter: blur(10px);
    background: #fff;
    /* From Uiverse.io by Shoh2008 */
  }

  .preloader-wrapper-4 .loader {
    width: 48px;
    height: 48px;
    display: block;
    margin: 20px auto;
    position: relative;
    color: #FFF;
    box-sizing: border-box;
    animation: rotation_19 2s linear infinite;
  }

  .preloader-wrapper-4 .loader::after,
  .preloader-wrapper-4 .loader::before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    width: 24px;
    height: 24px;
    top: 0;
    background-color: var(--secondary);
    border-radius: 50%;
    animation: scale50 1s infinite ease-in-out;
  }

  .preloader-wrapper-4 .loader::before {
    top: auto;
    bottom: 0;
    background-color: var(--primary);
    animation-delay: 0.5s;
  }

  @keyframes rotation_19 {
    0% {
      transform: rotate(0deg);
    }

    100% {
      transform: rotate(360deg);
    }
  }

  @keyframes scale50 {

    0%,
    100% {
      transform: scale(0);
    }

    50% {
      transform: scale(1);
    }
  }

  @keyframes dot-3-move {
    20% {
      transform: scale(1);
    }

    45% {
      transform: translateY(-18px) scale(0.45);
    }

    60% {
      transform: translateY(-90px) scale(0.45);
    }

    80% {
      transform: translateY(-90px) scale(0.45);
    }

    100% {
      transform: translateY(0px) scale(1);
    }
  }

  @keyframes dot-2-move {
    20% {
      transform: scale(1);
    }

    45% {
      transform: translate(-16px, 12px) scale(0.45);
    }

    60% {
      transform: translate(-80px, 60px) scale(0.45);
    }

    80% {
      transform: translate(-80px, 60px) scale(0.45);
    }

    100% {
      transform: translateY(0px) scale(1);
    }
  }

  @keyframes dot-1-move {
    20% {
      transform: scale(1);
    }

    45% {
      transform: translate(16px, 12px) scale(0.45);
    }

    60% {
      transform: translate(80px, 60px) scale(0.45);
    }

    80% {
      transform: translate(80px, 60px) scale(0.45);
    }

    100% {
      transform: translateY(0px) scale(1);
    }
  }

  @keyframes rotate-move {
    55% {
      transform: translate(-50%, -50%) rotate(0deg);
    }

    80% {
      transform: translate(-50%, -50%) rotate(360deg);
    }

    100% {
      transform: translate(-50%, -50%) rotate(360deg);
    }
  }

  @keyframes index {

    0%,
    100% {
      z-index: 3;
    }

    33.3% {
      z-index: 2;
    }

    66.6% {
      z-index: 1;
    }
  }

  .font-13 {
    font-size: 13px;
  }

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

  .font-18 {
    font-size: 18px;
  }

  .font-28 {
    font-size: 28px;
  }

  .font-35 {
    font-size: 35px;
  }

  .font-45 {
    font-size: 45px;
  }

  .p-t0 {
    padding-top: 0px;
  }

  .p-b0 {
    padding-bottom: 0px;
  }

  .m-b0 {
    margin-bottom: 0px;
  }

  .m-t10 {
    margin-top: 10px;
  }

  .m-b10 {
    margin-bottom: 10px;
  }

  .m-l10 {
    margin-left: 10px;
  }

  .m-b15 {
    margin-bottom: 15px;
  }

  .p-t20 {
    padding-top: 20px;
  }

  .m-b20 {
    margin-bottom: 20px;
  }

  .m-b25 {
    margin-bottom: 25px;
  }

  .p-b30 {
    padding-bottom: 30px;
  }

  .m-t30 {
    margin-top: 30px;
  }

  .m-b30 {
    margin-bottom: 30px;
  }

  .m-b35 {
    margin-bottom: 35px;
  }

  .p-b40 {
    padding-bottom: 40px;
  }

  .m-b40 {
    margin-bottom: 40px;
  }

  .p-t50 {
    padding-top: 50px;
  }

  .m-b50 {
    margin-bottom: 5px;
  }

  .m-t70 {
    margin-top: 70px;
  }

  @media only screen and (max-width: 991px) {

    .m-md-b15 {
      margin-bottom: 15px;
    }
  }

  .max-w600 {
    max-width: 600px;
  }


  .sticky-top {
    top: 120px;
    z-index: 1;
  }

  section {
    position: relative;
  }

  .section-head {
    margin-bottom: 50px;
  }

  @media only screen and (max-width: 767px) {
    .section-head {
      margin-bottom: 20px;
    }
  }

  .section-head h1,
  .section-head .h1,
  .section-head h2,
  .section-head .h2,
  .section-head h3,
  .section-head .h3,
  .section-head h4,
  .section-head .h4,
  .section-head h5,
  .section-head .h5,
  .section-head h6,
  .section-head .h6 {
    font-family: var(--font-family-title);
  }

  .section-head h2,
  .section-head .h2 {
    font-size: 2.625rem;
    font-weight: 550;
    line-height: 1.2;
  }

  @media only screen and (max-width: 1480px) {

    .section-head h2,
    .section-head .h2 {
      font-size: 2.25rem;
    }
  }

  @media only screen and (max-width: 767px) {

    .section-head h2,
    .section-head .h2 {
      font-size: 1.625rem;
    }
  }

  .section-head h3,
  .section-head .h3 {
    font-size: 2.25rem;
    font-weight: 600;
    line-height: 1.2;
  }

  @media only screen and (max-width: 1200px) {

    .section-head h3,
    .section-head .h3 {
      font-size: 2.15rem;
    }
  }

  @media only screen and (max-width: 991px) {

    .section-head h3,
    .section-head .h3 {
      font-size: 1.75rem;
    }
  }

  .section-head h4,
  .section-head .h4 {
    font-size: 2rem;
  }

  @media only screen and (max-width: 575px) {

    .section-head h4,
    .section-head .h4 {
      font-size: 1.5rem;
    }
  }

  .section-head p {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
  }

  @media only screen and (max-width: 767px) {
    .section-head p {
      font-size: 14px;
    }
  }

  .section-head.text-center p {
    max-width: 753px;
    margin-left: auto;
    margin-right: auto;
  }

  .section-head.m-b30 {
    margin-bottom: 30px;
  }

  .section-head .sub-title {
    text-transform: uppercase;
  }

  @media (min-width: 1200px) {


    .gx-xl-4 {
      --bs-gutter-x: 1.875rem;
    }
  }

  .z-index-unset {
    z-index: unset;
  }

  .text-red {
    color: #f22462;
  }

  .text-green {
    color: #53C258;
  }

  .bg-red {
    background-color: #f22462;
  }

  .bg-green {
    background-color: #53C258;
  }

  .tl {
    transform-origin: left;
    -moz-transform-origin: left;
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    -o-transform-origin: left;
  }

  /*==== Shortcode Css ====*/

  @media only screen and (min-width: 1200px) and (max-width: 1440px) {

    .col-xxl-6 {
      flex: 0 0 50%;
      max-width: 50%;
    }
  }

  .main-banner {
    position: relative;
    padding-top: 210px;
    padding-bottom: 150px;
    z-index: 1;
  }

  .main-banner.style-1 {
    padding-top: 200px;
    padding-bottom: 80px;
  }

  @media only screen and (max-width: 991px) {
    .main-banner.style-1 {
      padding-top: 150px !important;
      padding-bottom: 0px !important;
    }
  }

  @media only screen and (max-width: 575px) {
    .main-banner.style-1 {
      padding-top: 100px !important;
    }
  }

  .main-banner.style-1 .banner-inner .inner-head .content-info {
    padding-bottom: 0px;
  }

  .main-banner.style-1 .banner-inner .inner-head .content-info .title {
    font-size: 70px;
    font-weight: 700;
    margin-bottom: 0px;
    color: var(--title);
    line-height: 1.2;
    font-family: var(--font-family-title);
  }

  @media only screen and (max-width: 991px) {
    .main-banner.style-1 .banner-inner .inner-head .content-info .title {
      font-size: 60px;
    }
  }

  @media only screen and (max-width: 767px) {
    .main-banner.style-1 .banner-inner .inner-head .content-info .title {
      font-size: 43px;
    }
  }

  @media only screen and (max-width: 575px) {
    .main-banner.style-1 .banner-inner .inner-head .content-info .title {
      font-size: 30px;
    }
  }

  .main-banner.style-1 .banner-inner .hero-content.style-2 .dooted-bx-inner p {
    color: #999999;
    line-height: 35px;
    font-weight: 400;
    font-size: 20px;
  }

  @media (max-width: 1280px) {
    .main-banner.style-1 .banner-inner .hero-content.style-2 .dooted-bx-inner p {
      font-size: 16px;
      line-height: 25px;
    }
  }

  .main-banner.style-1 .banner-inner .hero-content.style-2 .dooted-bx-inner .customers-box {
    margin-top: 40px;
  }

  .main-banner.style-1 .banner-inner .hero-content.style-2 .dooted-bx-inner .customers-box ul {
    display: flex;
    align-items: center;
  }

  .main-banner.style-1 .banner-inner .hero-content.style-2 .dooted-bx-inner .customers-box ul .customer-image {
    margin-left: -15px;
  }

  .main-banner.style-1 .banner-inner .hero-content.style-2 .dooted-bx-inner .customers-box ul .customer-text {
    font-size: 20px;
    color: #191B1D;
    line-height: 24px;
    font-weight: 300;
    max-width: 150px;
    text-transform: capitalize;
    padding-left: 17px;
  }

  .main-banner.style-1 .banner-inner .hero-content.style-2 .dooted-bx-inner .customers-box ul .customer-text span {
    font-weight: 700;
  }

  .main-banner.style-1 .banner-inner .hero-content .dooted-bx-inner p {
    color: #999999;
    line-height: 35px;
    font-weight: 400;
    font-size: 28px;
  }

  @media (max-width: 1280px) {
    .main-banner.style-1 .banner-inner .hero-content .dooted-bx-inner p {
      font-size: 26px;
    }
  }

  .main-banner.style-1 .banner-inner .hero-content .dooted-bx-inner .customers-box {
    margin-top: 40px;
  }

  .main-banner.style-1 .banner-inner .hero-content .dooted-bx-inner .customers-box ul {
    display: flex;
    align-items: center;
  }

  .main-banner.style-1 .banner-inner .hero-content .dooted-bx-inner .customers-box ul .customer-image {
    margin-left: -15px;
  }

  .main-banner.style-1 .banner-inner .hero-content .dooted-bx-inner .customers-box ul .customer-text {
    font-size: 20px;
    color: #191B1D;
    line-height: 24px;
    font-weight: 300;
    max-width: 150px;
    text-transform: capitalize;
    padding-left: 17px;
  }

  .main-banner.style-1 .banner-inner .hero-content .dooted-bx-inner .customers-box ul .customer-text span {
    font-weight: 700;
  }

  @media only screen and (max-width: 991px) {
    .main-banner {
      padding-top: 108px;
      padding-bottom: 50px;
    }
  }

  @media only screen and (max-width: 575px) {
    .main-banner {
      padding-top: 120px;
      padding-bottom: 70px;
    }
  }

  .main-banner .banner-inner .inner-head .content-info {
    padding-bottom: 0px;
  }

  .main-banner .banner-inner .inner-head .content-info h1,
  .main-banner .banner-inner .inner-head .content-info .h1 {
    font-size: 70px;
    font-weight: 700;
    margin-bottom: 0px;
    color: var(--title);
    max-width: 670px;
  }

  @media (max-width: 1040px) {

    .main-banner .banner-inner .inner-head .content-info h1,
    .main-banner .banner-inner .inner-head .content-info .h1 {
      font-size: 65px;
    }
  }

  @media only screen and (max-width: 991px) {

    .main-banner .banner-inner .inner-head .content-info h1,
    .main-banner .banner-inner .inner-head .content-info .h1 {
      font-size: 60px;
      margin-bottom: 40px;
      max-width: 570px;
    }
  }

  @media only screen and (max-width: 767px) {

    .main-banner .banner-inner .inner-head .content-info h1,
    .main-banner .banner-inner .inner-head .content-info .h1 {
      font-size: 43px;
      max-width: 410px;
    }
  }

  @media only screen and (max-width: 575px) {

    .main-banner .banner-inner .inner-head .content-info h1,
    .main-banner .banner-inner .inner-head .content-info .h1 {
      font-size: 36px;
      max-width: 340px;
      margin-bottom: 30px;
    }
  }

  .main-banner .banner-inner .hero-content.style-2 .dooted-bx-inner p {
    color: #999999;
    line-height: 35px;
    font-weight: 400;
    font-size: 20px;
  }

  @media (max-width: 1280px) {
    .main-banner .banner-inner .hero-content.style-2 .dooted-bx-inner p {
      font-size: 16px;
      line-height: 25px;
    }
  }

  .main-banner .banner-inner .hero-content.style-2 .dooted-bx-inner .customers-box {
    margin-top: 40px;
  }

  .main-banner .banner-inner .hero-content.style-2 .dooted-bx-inner .customers-box ul {
    display: flex;
    align-items: center;
  }

  .main-banner .banner-inner .hero-content.style-2 .dooted-bx-inner .customers-box ul .customer-image {
    margin-left: -15px;
  }

  .main-banner .banner-inner .hero-content.style-2 .dooted-bx-inner .customers-box ul .customer-text {
    font-size: 20px;
    color: #191B1D;
    line-height: 24px;
    font-weight: 300;
    max-width: 150px;
    text-transform: capitalize;
    padding-left: 17px;
  }

  .main-banner .banner-inner .hero-content.style-2 .dooted-bx-inner .customers-box ul .customer-text span {
    font-weight: 700;
  }

  .main-banner .banner-inner .hero-content .dooted-bx-inner p {
    color: var(--secondary);
    line-height: 35px;
    font-weight: 200;
    font-size: 28px;
    margin-bottom: 0;
  }

  @media (max-width: 1280px) {
    .main-banner .banner-inner .hero-content .dooted-bx-inner p {
      font-size: 26px;
    }
  }

  @media only screen and (max-width: 991px) {
    .main-banner .banner-inner .hero-content .dooted-bx-inner p {
      font-size: 25px;
      line-height: 35px !important;
    }
  }

  @media only screen and (max-width: 767px) {
    .main-banner .banner-inner .hero-content .dooted-bx-inner p {
      font-size: 20px;
      line-height: 30px !important;
    }
  }

  .main-banner .banner-inner .hero-content .dooted-bx-inner #box {
    position: relative;
    width: 426px;
    height: 105px;
    padding: 0;
  }

  @media (max-width: 1280px) {
    .main-banner .banner-inner .hero-content .dooted-bx-inner #box {
      width: 370px;
      height: 130px;
    }
  }

  @media (max-width: 1040px) {
    .main-banner .banner-inner .hero-content .dooted-bx-inner #box {
      width: 300px;
      height: 130px;
    }
  }

  @media only screen and (max-width: 991px) {
    .main-banner .banner-inner .hero-content .dooted-bx-inner #box {
      width: 400px;
      height: 90px;
    }
  }

  @media only screen and (max-width: 767px) {
    .main-banner .banner-inner .hero-content .dooted-bx-inner #box {
      width: 400px;
      height: 100px;
    }
  }

  @media only screen and (max-width: 575px) {
    .main-banner .banner-inner .hero-content .dooted-bx-inner #box {
      width: 100%;
      height: 90px;
    }
  }

  .main-banner .banner-inner .hero-content .dooted-bx-inner #square {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    padding: 20px 25px 17px 25px;
  }

  @media only screen and (max-width: 767px) {
    .main-banner .banner-inner .hero-content .dooted-bx-inner #square {
      padding: 15px 25px 15px 25px;
    }
  }

  @media only screen and (max-width: 575px) {
    .main-banner .banner-inner .hero-content .dooted-bx-inner #square {
      padding: 10px 25px 10px 25px;
    }
  }

  .main-banner .banner-inner .hero-content .dooted-bx-inner .customers-box {
    margin-top: 40px;
  }

  @media only screen and (max-width: 575px) {
    .main-banner .banner-inner .hero-content .dooted-bx-inner .customers-box {
      margin-top: 30px;
    }
  }

  .main-banner .banner-inner .hero-content .dooted-bx-inner .customers-box ul {
    display: flex;
    align-items: center;
  }

  .main-banner .banner-inner .hero-content .dooted-bx-inner .customers-box ul .customer-image {
    margin-left: -15px;
  }

  .main-banner .banner-inner .hero-content .dooted-bx-inner .customers-box ul .customer-image:hover {
    z-index: 1;
  }

  .main-banner .banner-inner .hero-content .dooted-bx-inner .customers-box ul .customer-text {
    font-size: 20px;
    color: #191B1D;
    line-height: 24px;
    font-weight: 300;
    max-width: 150px;
    text-transform: capitalize;
    padding-left: 17px;
  }

  .main-banner .banner-inner .hero-content .dooted-bx-inner .customers-box ul .customer-text span {
    font-weight: 700;
  }

  .pxl-animated {
    animation-duration: 1.25s;
  }

  .alert {
    border-radius: 0;
  }

  .alert[class*=alert-] i {
    margin-right: 8px;
  }

  .alert[class*=alert-] ul {
    padding-left: 25px;
    margin-top: 10px;
  }

  .dz-alert {
    position: fixed;
    bottom: 40px;
    right: 30px;
    z-index: 999999;
    background: #fff;
    border-color: var(--primary);
    color: var(--primary);
    box-shadow: 0px 30px 60px 0 rgba(0, 0, 0, 0.25);
    padding: 15px 30px;
  }

  .dz-alert.alert-success {
    color: var(--bs-success);
    border-color: var(--bs-success);
  }

  .dz-alert.alert-danger {
    color: var(--bs-danger);
    border-color: var(--bs-danger);
  }

  .dz-alert.alert-warning {
    color: var(--bs-warning);
    border-color: var(--bs-warning);
  }

  .card {
    border: 0px solid #D7D7D7;
    margin-bottom: 30px;
    border-radius: 8px;
    box-shadow: 0px 36px 48px rgba(31, 66, 135, 0.04);
    background: #ffffff;
  }

  .card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #D7D7D7;
    background: #ffffff;
    padding: 20px 30px;
  }

  .card .card-body {
    padding: 20px 30px;
    background: #ffffff;
    border-radius: 15px;
  }

  .form-label {
    font-size: 16px;
    font-weight: 500;
    color: var(--title);
    margin-bottom: 15px;
    background: transparent;
    border-color: #D7D7D7;
    font-family: var(--font-family-base);
  }

  input:-webkit-autofill,
  input:-webkit-autofill:hover,
  input:-webkit-autofill:focus,
  input:-webkit-autofill:active {
    transition: background-color 9999s ease-in-out 0s;
  }

  .form-control,
  .login input[type=text],
  .login input[type=password] {
    height: 50px;
    border: 0;
    padding: 10px 20px;
    font-size: 15px;
    font-weight: 400;
    color: #191B1D;
    transition: all 0.3s ease-in-out;
    background: #f6f6f6;
    border-radius: 10px;
    border-radius: 1px solid var(--secondary);
  }

  .form-control .select,
  .login input[type=text] .select,
  .login input[type=password] .select {
    padding: 12px 0;
  }

  .form-control span,
  .login input[type=text] span,
  .login input[type=password] span {
    margin-top: 0;
  }

  .form-control::-webkit-input-placeholder,
  .login input[type=text]::-webkit-input-placeholder,
  .login input[type=password]::-webkit-input-placeholder {
    color: #787D8C;
  }

  .form-control:-ms-input-placeholder,
  .login input[type=text]:-ms-input-placeholder,
  .login input[type=password]:-ms-input-placeholder {
    color: #787D8C;
  }

  .form-control::placeholder,
  .login input[type=text]::placeholder,
  .login input[type=password]::placeholder {
    color: #787D8C;
  }

  .form-control:focus,
  .login input[type=text]:focus,
  .login input[type=password]:focus,
  .form-control:active,
  .login input[type=text]:active,
  .login input[type=password]:active,
  .form-control.active,
  .login input.active[type=text],
  .login input.active[type=password] {
    border-color: var(--primary);
    background: var(--light);
    box-shadow: none;
  }

  textarea.form-control {
    min-height: auto;
    height: unset;
  }

  textarea {
    height: 120px;
    resize: none;
  }

  input:-internal-autofill-selected {
    background: white !important;
    background-image: none !important;
    color: -internal-light-dark-color(black, white) !important;
  }

  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 {
    -webkit-appearance: none;
  }

  .toggle {
    cursor: pointer;
    display: block;
  }

  label.error {
    color: #D23636;
    position: absolute;
    bottom: 0;
    margin-bottom: -22px;
    font-size: 12px;
    font-weight: 400;
  }


  select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%;
  }

  .label-title {
    font-weight: 500;
    color: var(--secondary);
    font-size: 16px;
    margin-bottom: 10px;
  }


  select {
    height: 48px;
    border: 1px solid rgba(0, 0, 0, 0.125);
    padding: 10px 20px;
    font-size: 15px;
    font-weight: 400;
    color: #191B1D;
    transition: all 0.3s ease-in-out;
    background-color: var(--light);
  }


  select select {
    display: none;
  }


  select .dropdown-toggle {
    border: 0 !important;
    padding: 0;
    font-weight: normal;
    text-transform: unset;
    outline: none;
    background-color: transparent;
  }


  select .dropdown-toggle:focus {
    outline: 0 !important;
    outline: 0 !important;
    outline-offset: 0 !important;
  }


  select .dropdown-toggle:hover,
  select .dropdown-toggle:active {
    background-color: transparent;
  }


  select .dropdown-toggle:after {
    content: none;
  }


  select.show {
    box-shadow: none !important;
    outline: 0px !important;
  }


  select.show .dropdown-toggle {
    box-shadow: none !important;
    outline: 0px !important;
  }


  select.show.btn-group .dropdown-menu.inner {
    display: block;
  }


  select.form-control {
    padding: 0 !important;
  }


  select .dropdown-menu {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin-top: -1px;
    padding: 10px 0;
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.2);
    font-size: 14px;
  }


  select .dropdown-menu ul li {
    padding: 0;
  }


  select .dropdown-menu ul li a {
    display: block;
    padding: 8px 20px;
    clear: both;
    font-weight: 400;
    color: #333;
    white-space: nowrap;
  }


  select .dropdown-menu ul li a img {
    border-radius: 100%;
    -webkit-border-radius: 100%;
    margin-right: 5px;
  }


  select .dropdown-menu ul li a:hover {
    background-color: #f2f2f4;
  }


  select .dropdown-menu ul li.selected a {
    background-color: var(--primary);
    color: #ffffff;
  }


  select:focus,
  select:active,
  select.active {
    border-color: var(--primary);
  }


  select.btn-group {
    padding: 10px 20px;
    border-width: 1px;
  }


  select.btn-group.show {
    box-shadow: 0 0px 10px 4px rgba(31, 66, 135, 0.1) !important;
    border-color: var(--bs-primary);
  }


  select.btn-group .form-control .dropdown-toggle.btn-default,
  select.btn-group .login input[type=text] .dropdown-toggle.btn-default,
  .login select.btn-group input[type=text] .dropdown-toggle.btn-default,
  select.btn-group .login input[type=password] .dropdown-toggle.btn-default,
  .login select.btn-group input[type=password] .dropdown-toggle.btn-default {
    padding: 0;
  }


  select.btn-group .dropdown-toggle .caret {
    font-size: 10px;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
  }


  select.btn-group .dropdown-toggle .caret:before {
    content: "\f078";
  }

  .form-check-input {
    width: 1.125em;
    height: 1.125em;
    border: 2px solid rgba(0, 0, 0, 0.25);
    border-radius: 0 !important;
    margin: 4px;
  }

  .form-check-input.radio {
    border-radius: 50% !important;
    border: 1px solid #24262B;
  }

  .form-check-input.radio:checked[type=radio] {
    background-color: #0D775E;
    border: 1px solid #0D775E;
  }

  .input-group {
    margin-bottom: 20px;
  }

  .form-check {
    padding-left: 0;
    padding-right: 0;
  }

  .form-check span {
    height: 1rem;
    margin-right: 15px;
    width: 1rem;
    display: block;
    background-color: var(--secondary);
    position: relative;
    border-radius: 50%;
    z-index: 1;
  }

  .form-check span:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 28px;
    height: 28px;
    background-color: transparent;
    border: 1px solid rgb(36, 38, 43);
    border-radius: 50%;
    opacity: 0.2;
    transform: translate(-50%, -50%) scale(0);
    z-index: -1;
  }

  .form-check .form-check-input {
    opacity: 0;
    position: relative;
    z-index: 2;
    margin-left: 0;
    margin-top: 0;
  }

  .form-check .form-check-input:checked+span:after {
    transform: translate(-50%, -50%) scale(1);
  }

  .dz-ajax-overlay {
    position: relative;
  }

  .dz-ajax-overlay .btn:before {
    content: "";
    height: 100%;
    width: 100%;
    background-color: #000;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
    border-radius: 0;
    opacity: 0.8;
    color: #fff;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 2px;
    font-weight: 500;
    font-size: 14px;
    font-style: italic;
    background-image: url('data:image/svg+xml,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="30px" viewBox="0 0 24 30" style="enable-background:new 0 0 50 50;" xml:space="preserve"> <rect x="0" y="13" width="4" height="5" fill="%23fff"> <animate attributeName="height" attributeType="XML" values="5;21;5" begin="0s" dur="0.6s" repeatCount="indefinite"></animate> <animate attributeName="y" attributeType="XML" values="13; 5; 13" begin="0s" dur="0.6s" repeatCount="indefinite"></animate> </rect> <rect x="10" y="13" width="4" height="5" fill="%23fff"> <animate attributeName="height" attributeType="XML" values="5;21;5" begin="0.15s" dur="0.6s" repeatCount="indefinite"></animate> <animate attributeName="y" attributeType="XML" values="13; 5; 13" begin="0.15s" dur="0.6s" repeatCount="indefinite"></animate> </rect> <rect x="20" y="13" width="4" height="5" fill="%23fff"> <animate attributeName="height" attributeType="XML" values="5;21;5" begin="0.3s" dur="0.6s" repeatCount="indefinite"></animate> <animate attributeName="y" attributeType="XML" values="13; 5; 13" begin="0.3s" dur="0.6s" repeatCount="indefinite"></animate> </rect> </svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
  }

  @media only screen and (max-width: 575px) {
    .input-recaptcha {
      margin-bottom: -15px;
    }
  }

  input::-webkit-outer-spin-button,
  input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  input[type=number] {
    -moz-appearance: textfield;
  }

  .contact-info {
    padding: 42px 30px;
    border-radius: 20px;
  }

  .contact-info .icon-bx-wraper .dz-title {
    font-weight: 600;
    margin-bottom: 0;
  }

  .contact-info .icon-bx-wraper p {
    font-size: 16px;
  }

  .contact-info .icon-bx-wraper p a {
    color: var(--bs-body-color);
  }

  .contact-info .icon-bx-wraper:last-child {
    margin-bottom: 0;
  }

  @media only screen and (max-width: 767px) {
    .contact-info {
      padding: 50px 0;
    }

    .contact-info p {
      font-size: 15px;
    }
  }

  @media only screen and (max-width: 575px) {
    .contact-info {
      padding: 60px 0px 0px 0px;
    }
  }

  @media only screen and (max-width: 575px) {


    .g-recaptcha {
      transform: scale(0.85);
      -moz-transform: scale(0.85);
      -o-transform: scale(0.85);
      -webkit-transform: scale(0.85);
      transform-origin: 0 0;
      -moz-transform-origin: 0 0;
      -o-transform-origin: 0 0;
      -webkit-transform-origin: 0 0;
    }
  }

  .form-box.style-1 {
    margin-top: 90px;
    padding-left: 5px;
  }

  @media (max-width: 1280px) {
    .form-box.style-1 {
      margin-top: 35px;
      padding-left: 20px;
    }
  }

  @media only screen and (max-width: 991px) {
    .form-box.style-1 {
      padding-left: 0px;
      margin-top: 80px;
    }
  }

  @media only screen and (max-width: 575px) {
    .form-box.style-1 {
      margin-top: 30px;
    }
  }

  .form-box.style-1 .form-head p {
    font-size: 24px;
    font-weight: 300;
  }

  @media only screen and (max-width: 991px) {

    .form-box.style-1 .form-head h2,
    .form-box.style-1 .form-head .h2 {
      max-width: 530px;
      font-size: 60px;
      line-height: 1;
    }
  }

  @media only screen and (max-width: 575px) {

    .form-box.style-1 .form-head h2,
    .form-box.style-1 .form-head .h2 {
      max-width: 100%;
      font-size: 36px;
      line-height: 1;
    }
  }

  .form-box.style-1 .form-div .dz-form .form-control,
  .form-box.style-1 .form-div .dz-form .login input[type=text],
  .login .form-box.style-1 .form-div .dz-form input[type=text],
  .form-box.style-1 .form-div .dz-form .login input[type=password],
  .login .form-box.style-1 .form-div .dz-form input[type=password] {
    border-bottom: 2px solid var(--secondary);
    background-color: transparent;
    padding: 10px 0;
  }

  .form-box.style-1 .form-div .dz-form .form-control.textarea,
  .form-box.style-1 .form-div .dz-form .login input.textarea[type=text],
  .login .form-box.style-1 .form-div .dz-form input.textarea[type=text],
  .form-box.style-1 .form-div .dz-form .login input.textarea[type=password],
  .login .form-box.style-1 .form-div .dz-form input.textarea[type=password] {
    border: 2px solid var(--secondary);
    background-color: transparent;
    padding: 10px 0;
  }

  .form-box.style-1 .form-label {
    font-weight: 400;
  }

  .form-box.style-2 {
    background-color: #fafafa;
    padding: 50px 53px 50px 50px;
    margin-top: 65px;
  }

  @media only screen and (max-width: 767px) {
    .form-box.style-2 {
      padding: 30px 30px 30px 30px;
    }
  }

  @media only screen and (max-width: 575px) {
    .form-box.style-2 {
      margin-top: 40px;
    }
  }

  @media only screen and (max-width: 1480px) {

    .form-box.style-2 .form-head h2,
    .form-box.style-2 .form-head .h2 {
      max-width: 100%;
    }
  }

  .form-box.style-2 .form-head p {
    font-size: 20px;
  }

  .form-box.style-3 .input-group {
    padding-left: 0px;
  }

  .form-box.style-3 .input-group input {
    text-align: left;
    padding: 15px 25px 15px 25px;
    border: 1px solid #E3E3E3;
    border-radius: 8px !important;
    height: 100% !important;
    font-weight: 500 !important;
    font-size: 16px;
  }

  .form-box.style-3 .input-group input::placeholder {
    color: #77775B !important;
  }

  .form-box.style-3 .input-group textarea {
    text-align: left;
    padding: 15px 25px 15px 25px;
    border: 1px solid #E3E3E3;
    border-radius: 8px !important;
    height: 140px !important;
    font-weight: 500 !important;
    font-size: 16px;
  }

  .form-box.style-3 .input-group textarea::placeholder {
    color: #77775B !important;
  }

  .form-box .form-div .dz-form .input-group .form-control,
  .form-box .form-div .dz-form .input-group .login input[type=text],
  .login .form-box .form-div .dz-form .input-group input[type=text],
  .form-box .form-div .dz-form .input-group .login input[type=password],
  .login .form-box .form-div .dz-form .input-group input[type=password] {
    text-align: start;
    font-size: 18px;
    padding: 10px 0;
    background-color: transparent;
    border-bottom: 2px solid #000;
    font-weight: 300;
  }

  .form-box .form-div .dz-form .input-group .form-control::placeholder,
  .form-box .form-div .dz-form .input-group .login input[type=text]::placeholder,
  .login .form-box .form-div .dz-form .input-group input[type=text]::placeholder,
  .form-box .form-div .dz-form .input-group .login input[type=password]::placeholder,
  .login .form-box .form-div .dz-form .input-group input[type=password]::placeholder {
    color: #999999 !important;
  }

  .form-box .form-div .dz-form .input-group .form-control.textarea,
  .form-box .form-div .dz-form .input-group .login input.textarea[type=text],
  .login .form-box .form-div .dz-form .input-group input.textarea[type=text],
  .form-box .form-div .dz-form .input-group .login input.textarea[type=password],
  .login .form-box .form-div .dz-form .input-group input.textarea[type=password] {
    border: 2px solid var(--secondary);
  }

  .form-box .form-head.style-2 h2,
  .form-box .form-head.style-2 .h2 {
    margin-bottom: 5px;
    max-width: 800px;
    margin-bottom: 10px !important;
  }

  .form-box .form-head.style-2 p {
    font-size: 24px;
  }

  @media only screen and (max-width: 575px) {
    .form-box .form-head.style-2 p {
      font-size: 15px;
    }
  }

  .form-box .form-head {
    margin-bottom: 55px;
  }

  @media only screen and (max-width: 575px) {
    .form-box .form-head {
      margin-bottom: 20px;
    }
  }

  .form-box .form-head h2,
  .form-box .form-head .h2 {
    font-size: 70px;
    font-weight: 500;
    line-height: 80px;
    color: var(--secondary);
    margin-bottom: 10px;
    font-family: var(--font-family-title);
  }

  @media only screen and (max-width: 1480px) {

    .form-box .form-head h2,
    .form-box .form-head .h2 {
      max-width: 420px;
    }
  }

  @media only screen and (max-width: 767px) {

    .form-box .form-head h2,
    .form-box .form-head .h2 {
      font-size: 36px;
      line-height: 1;
      margin-bottom: 15px;
    }
  }

  .form-box .form-head p {
    font-weight: 300;
    margin: 0px 0px 0px 0px;
    color: #999999;
  }

  @media (max-width: 1040px) {
    .form-box .form-head p {
      font-size: 20px;
    }
  }

  @media only screen and (max-width: 575px) {
    .form-box .form-head p {
      font-size: 15px;
    }
  }

  button:hover,
  button:active,
  button:focus {
    outline: 0 !important;
  }

  btn:hover,
  btn:active,
  btn:focus {
    outline: 0 !important;
  }

  .btn {
    font-size: 16px;
    padding: 14px 20px 14px 20px;
    line-height: 24px;
    display: inline-flex;
    border-radius: 0;
    font-weight: 500;
    position: relative;
    text-transform: capitalize;
    align-items: center;
    overflow: hidden;
    z-index: 1;
    text-align: center;
    -webkit-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
    justify-content: center;
    line-height: 1.2;
    gap: 5px;
  }

  .btn.btn-icon {
    gap: 10px;
    align-items: center;
  }

  .btn.btn-icon i {
    font-size: 18px;
  }

  .btn.btn-lg {
    padding: 23px 30px !important;
    font-size: 20px;
    font-weight: 400;
  }

  @media only screen and (max-width: 991px) {

    .btn.btn-lg {
      padding: 18px 30px;
    }
  }

  @media only screen and (max-width: 767px) {

    .btn.btn-lg {
      padding: 15px 30px;
      font-size: 16px;
    }
  }

  .btn.btn-xll {
    padding: 20px 40px;
    font-size: 18px;
    font-weight: 600;
  }

  @media only screen and (max-width: 1199px) {

    .btn.btn-xll {
      padding: 14px 24px;
      font-size: 16px;
    }
  }

  @media only screen and (max-width: 1024px) {

    .btn.btn-xll {
      padding: 14px 20px;
    }
  }

  .btn.btn-md {
    padding: 10px 20px;
    font-size: 16px;
  }

  .btn.btn-ultra {
    font-size: 18px;
    padding: 19px 30px;
  }

  .btn.btn-sm {
    font-size: 13px;
    padding: 10px 15px;
  }

  .btn.btn-primary {
    color: var(--secondary);
    background-color: var(--primary);
    border-color: var(--primary);
  }

  .btn.btn-primary:hover {
    color: var(--secondary);
  }

  .btn.btn-primary:not(.btn-check):active,
  .btn.btn-primary:not(.btn-check).active {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    color: #fff !important;
    box-shadow: none;
  }

  .btn.btn-primary:not(.btn-check):active:focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--primary-rgb), 0.5);
  }


  .btn-danger {
    color: #fff;
  }


  .btn-danger:hover {
    color: #fff;
  }


  .btn-danger.effect:after {
    background: var(--secondary);
  }

  .btn-rounded {
    border-radius: 30px !important;
  }

  .btn-white {
    background-color: #fff;
    color: var(--secondary);
  }

  .btn-white:active,
  .btn-white:hover {
    color: var(--secondary) !important;
    background-color: #fff !important;
  }

  .btn-secondary {
    background-color: var(--secondary);
    border-color: var(--secondary);
  }

  .btn-secondary:after {
    background-color: var(--primary);
  }

  .btn-outline-primary {
    color: var(--primary);
    border-color: var(--primary);
  }

  .btn-outline-primary.disabled,
  .btn-outline-primary:disabled,
  .btn-outline-primary:not(:disabled):not(.disabled).active,
  .btn-outline-primary:not(:disabled):not(.disabled):active,
  .btn-outline-primary:active,
  .btn-outline-primary:focus,
  .btn-outline-primary:hover {
    border-color: var(--primary-hover);
    background-color: var(--primary-hover);
    color: #ffffff;
  }

  .btn-outline-primary.outline-primary {
    border-color: var(--primarylight);
  }

  .btn-outline-primary.outline-primary:active,
  .btn-outline-primary.outline-primary:focus,
  .btn-outline-primary.outline-primary:hover {
    background-color: var(--primarylight);
    color: var(--white);
  }

  .bookmark-btn .form-check-label {
    height: 44px;
    width: 44px;
    cursor: pointer;
    font-size: 18px;
    text-align: center;
    line-height: 38px;
    display: block;
    border: 1px solid var(--secondary);
    background: #fff;
    color: var(--title);
  }

  .bookmark-btn .form-check-input {
    display: none;
  }

  .bookmark-btn .form-check-input:checked+.form-check-label {
    color: #ffffff;
    background-color: var(--primary);
    border: 1px solid var(--primary);
  }

  @media only screen and (max-width: 575px) {
    .bookmark-btn .form-check-label {
      width: 40px;
      height: 40px;
      line-height: 36px;
    }
  }

  .bookmark-btn.style-1 .form-check-label {
    margin-left: 10px;
  }

  .bookmark-btn.style-1 .form-check-label svg path {
    stroke: #000000;
  }

  .bookmark-btn.style-2 .form-check-label {
    position: absolute;
    top: 30px;
    right: 30px;
  }

  @media only screen and (max-width: 991px) {
    .bookmark-btn.style-2 .form-check-label {
      top: 25px;
      right: 25px;
    }
  }

  @media only screen and (max-width: 575px) {
    .bookmark-btn.style-2 .form-check-label {
      top: 30px;
      right: 30px;
    }
  }

  .panel-btn {
    display: none;
    color: var(--title);
  }

  @media only screen and (max-width: 1199px) {
    .panel-btn {
      display: block;
    }
  }

  [class*=btn-outline],
  .btn-primary,
  .btn-secondary,
  .btn-danger {
    position: relative;
    z-index: 1;
    overflow: hidden;
  }

  [class*=btn-outline]:after,
  .btn-primary:after,
  .btn-secondary:after,
  .btn-danger:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 0.8;
    -webkit-transform: translate(-105%, 0);
    transform: translate(-105%, 0);
    border-right-width: 2px;
    border-right-style: solid;
    border-right-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 0.5);
  }

  [class*=btn-outline]:hover::after,
  .btn-primary:hover::after,
  .btn-secondary:hover::after,
  .btn-danger:hover::after {
    opacity: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  .btn-blob {
    height: 130px;
    width: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primary);
    border-radius: 100%;
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    position: relative;
    z-index: 1;
    color: var(--secondary);
    font-family: var(--font-family-base);
  }

  .btn-blob::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--primary);
    -webkit-mask: url(../../images/vector/liner.png);
    mask: url(../../images/vector/liner.png);
    -webkit-mask-size: 2300% 100%;
    mask-size: 2300% 100%;
    border-radius: 100%;
    -webkit-animation: ani2 0.5s steps(22) forwards;
  }

  @keyframes ani2 {
    0% {
      -webkit-mask-position: 0 0;
      mask-position: 0 0;
    }

    100% {
      -webkit-mask-position: 100% 0;
      mask-position: 100% 0;
    }
  }

  .btn-blob:hover {
    background: transparent;
    border: 1px solid var(--primary);
  }

  .btn-blob:hover::before {
    -webkit-animation: ani 0.7s steps(22) forwards;
    -khtml-animation: ani 0.7s steps(22) forwards;
    -moz-animation: ani 0.7s steps(22) forwards;
    -ms-animation: ani 0.7s steps(22) forwards;
    -o-animation: ani 0.7s steps(22) forwards;
    animation: ani 0.7s steps(22) forwards;
  }

  @keyframes ani {
    0% {
      -webkit-mask-position: 0 0;
      mask-position: 0 0;
    }

    100% {
      -webkit-mask-position: 100% 0;
      mask-position: 100% 0;
    }
  }

  @media only screen and (max-width: 991px) {
    .btn-blob {
      height: 110px;
      width: 110px;
      font-size: 17px;
    }
  }

  @media only screen and (max-width: 575px) {
    .btn-blob {
      height: 95px;
      width: 95px;
      font-size: 16px;
    }
  }

  .btn-icon {
    font-weight: 400;
    font-family: var(--font-family-base);
    padding: 3px 3px 3px 25px;
    font-size: 20px;
    color: var(--secondary);
  }

  @media only screen and (max-width: 575px) {
    .btn-icon {
      font-size: 15px;
    }
  }

  .btn-icon.btn-primary {
    color: var(--secondary);
    border-color: var(--secondary);
  }

  .btn-icon.btn-primary:hover {
    color: var(--secondary);
  }

  .btn-icon.btn-secondary {
    color: #ffffff;
    background-color: var(--secondary);
    border-color: var(--secondary);
  }

  .btn-icon.btn-outline-light {
    border: 2px solid;
  }

  .badge {
    padding: 5px 10px;
    font-weight: var(--headings-font-weight);
    background-color: var(--primary);
    color: rgb(255, 255, 255);
    font-family: var(--font-family-base);
    font-size: 12px;
    min-width: 22px;
    min-height: 22px;
    text-transform: uppercase;
    text-align: center;
    border-radius: 0;
  }

  .badge:hover {
    color: #fff;
  }

  .badge.badge-secondary {
    background-color: #191B1D;
  }

  .badge.style-1 {
    font-weight: 700;
    font-size: 11px;
    color: #191B1D;
    background: #FF9B43;
    padding: 4px;
    border-radius: 0;
    line-height: 1;
    height: auto;
    min-height: auto;
  }

  .bg-red {
    background-color: #EB5757;
    color: #fff;
  }

  .bg-green {
    background-color: #24262B;
    color: #fff;
  }

  table {
    border-collapse: collapse;
    border-spacing: 0;
  }

  .table tr th {
    font-weight: 500;
    color: var(--secondary);
  }

  @media only screen and (max-width: 575px) {
    .table> :not(caption)>*>* {
      padding: 15px 15px;
    }
  }

  .table> :not(:first-child) {
    border-top: 1px solid #dee2e6;
  }

  .check-tbl {
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.125);
    vertical-align: middle;
  }

  .check-tbl.style-1 thead th:not(:first-child) {
    padding-left: 15px;
  }

  .check-tbl.style-1 tbody tr {
    border-bottom: 1px solid rgba(94, 98, 111, 0.2);
  }

  .check-tbl.style-1 tbody tr td {
    padding: 30px 18px;
  }

  .check-tbl.style-1 tbody tr td img {
    min-width: 80px;
    height: 100px;
    width: 80px;
  }

  .check-tbl.style-1 tbody tr td:first-child,
  .check-tbl.style-1 tbody tr td:last-child {
    padding: 20px 0;
  }

  .check-tbl.style-1 tbody tr td.product-item-img {
    min-width: 100px;
    height: 100px;
  }

  @media only screen and (max-width: 1199px) {
    .check-tbl.style-1 tbody tr td {
      padding: 20px 18px;
    }

    .check-tbl.style-1 tbody tr td img {
      min-width: 80px;
      height: 80px;
    }

    .check-tbl.style-1 tbody tr td:first-child,
    .check-tbl.style-1 tbody tr td:last-child {
      padding: 20px 0;
    }

    .check-tbl.style-1 tbody tr td.product-item-img {
      min-width: 80px;
      height: 80px;
    }
  }

  .check-tbl.style-2 {
    border-bottom: 0;
  }

  .check-tbl.style-2 thead th {
    padding-left: 0px;
  }

  .check-tbl.style-2 tbody tr td {
    font-size: 14px;
    font-weight: 400;
  }

  .check-tbl.style-2 tbody tr td a {
    color: var(--secondary);
  }

  .check-tbl.style-2 tbody tr td i {
    background: var(--primary);
    color: #fff;
    border-radius: 50%;
    font-size: 14px;
    padding: 3px 4px;
    margin-right: 15px;
  }

  .check-tbl.style-2 tbody tr td:last-child {
    text-align: unset;
  }

  .check-tbl.style-2 tbody tr td:first-child {
    width: 33%;
    background: #f3f3f3;
  }

  .check-tbl.style-2 tbody tr td.disable {
    color: #BEBEBE;
  }

  .check-tbl.style-2 tbody tr td.disable i {
    background: #BEBEBE;
  }

  .check-tbl thead th {
    font-size: 16px;
    font-weight: 700;
    padding: 0 0 20px;
    color: #24262B;
  }

  .check-tbl tbody tr {
    border-bottom: 1px solid rgba(94, 98, 111, 0.2);
  }

  .check-tbl tbody tr td {
    padding: 15px;
    font-weight: 500;
    font-size: 16px;
    color: var(--secondary);
    border: none;
    font-family: var(--font-family-title);
    padding-left: 0;
  }

  @media only screen and (max-width: 1199px) {
    .check-tbl tbody tr td.product-item-stock {
      width: 80px;
      min-width: 80px;
    }
  }

  .check-tbl tbody tr td.product-item-img.img-md {
    width: 120px;
  }

  .check-tbl tbody tr td.product-item-totle .btn {
    width: max-content;
  }

  .check-tbl tbody tr td img {
    width: 110px;
    min-width: 110px;
  }

  @media only screen and (max-width: 1199px) {
    .check-tbl tbody tr td img {
      width: 80px;
      min-width: 80px;
    }
  }

  .check-tbl tbody tr td:first-child,
  .check-tbl tbody tr td:last-child {
    padding: 10px 15px 15px 0px;
  }

  .check-tbl tbody tr td:last-child {
    text-align: right;
  }

  .check-tbl tbody tr td.product-item-name {
    font-size: 18px;
    font-family: var(--font-family-title);
    padding-left: 15px;
  }

  .check-tbl tbody tr td.product-item-price {
    color: #5E626F;
  }

  @media only screen and (max-width: 1199px) {
    .check-tbl tbody tr td.product-item-name {
      font-size: 16px;
    }
  }

  @media only screen and (max-width: 767px) {
    .check-tbl tbody tr td.product-item-name {
      min-width: 230px;
      width: 230px;
    }
  }

  .check-tbl tbody .product-item-price span {
    font-size: 16px;
    text-decoration: line-through;
    color: #5E626F;
    margin-right: 10px;
    font-weight: 400;
  }

  .check-tbl tbody .product-item-price strong {
    font-weight: 500;
    color: #24262B;
  }

  .check-tbl .product-item-close a {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #F6F6F6;
    display: inline-block;
    text-align: center;
    line-height: 39px;
  }

  .check-tbl .product-item-close a i {
    color: #000;
    font-weight: 900;
    vertical-align: middle;
  }

  .check-tbl {
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  }

  .image-tooltip-effect {
    position: relative;
  }

  .image-tooltip {
    position: absolute;
    opacity: 1;
    overflow: hidden;
    z-index: 8;
  }

  .image-tooltip img {
    scale: 1.2;
    object-fit: cover;
    opacity: 0;
    width: 100%;
    pointer-events: none;
    transition: 0.5s ease-in-out !important;
  }

  /*  */

  .img-overlay-blur {
    position: relative;
    z-index: 1;
  }

  .img-overlay-blur:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 16, 37, 0.6);
    backdrop-filter: blur(10px);
    z-index: 0;
  }

  @-webkit-keyframes shine {
    100% {
      left: 125%;
    }
  }

  @keyframes shine {
    100% {
      left: 125%;
    }
  }

  /* owl num count */

  .dz-accordion .accordion-item {
    border-radius: 0;
    overflow: hidden;
    background: transparent;
    border: 0;
  }

  .dz-accordion .accordion-body {
    padding: 25px 30px;
    border-radius: 0;
  }

  .dz-accordion .accordion-collapse {
    border: 0;
  }

  .dz-accordion .accordion-header .accordion-button {
    font-size: 18px;
    font-weight: 400;
    border: 0px;
    border-radius: 0;
    padding: 22px 65px 22px 30px;
    transition: all 0.5s ease 0s;
    color: var(--secondary);
    background: none;
    border: 1px solid var(--secondary);
    box-shadow: none;
    border-radius: 10px;
  }

  .dz-accordion .accordion-header .accordion-button:after {
    content: none;
  }

  .dz-accordion .accordion-header .accordion-button:focus {
    box-shadow: none;
  }

  .dz-accordion .accordion-header .accordion-button .toggle-close {
    font-family: themify;
    font-weight: 800;
    height: 55px;
    width: 55px;
    display: block;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: var(--border-radius-base);
    line-height: 57px;
    text-align: center;
    font-size: 20px;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
    z-index: 1;
    overflow: hidden;
  }

  .dz-accordion .accordion-header .accordion-button .toggle-close:after {
    content: "\f068";
    position: absolute;
    font-family: "Font Awesome 5 Free";
    z-index: -1;
    color: var(--body-color);
    background-color: transparent;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 1;
    font-size: 13px;
  }

  .dz-accordion .accordion-header .accordion-button.collapsed {
    color: #13212a;
  }

  .dz-accordion .accordion-header .accordion-button.collapsed:after {
    opacity: 0;
  }

  .dz-accordion .accordion-header .accordion-button.collapsed .toggle-close:after {
    content: "\f067";
    opacity: 1;
  }

  @media only screen and (max-width: 575px) {
    .dz-accordion .accordion-header .accordion-button {
      padding: 15px 65px 15px 15px;
      font-size: 16px;
    }
  }

  .dz-accordion.accordion-sm .accordion-body {
    padding: 25px 0px 30px 0px;
  }

  .dz-accordion.accordion-sm .accordion-body p {
    color: var(--title);
  }

  @media only screen and (max-width: 575px) {
    .dz-accordion.accordion-sm .accordion-body {
      padding: 10px 0px 10px 0px;
    }
  }

  .dz-accordion.accordion-sm .accordion-header .accordion-button {
    padding: 18px 55px 18px 23px;
    font-weight: 500;
  }

  .dz-accordion.accordion-sm .accordion-header .accordion-button .toggle-close {
    color: #fff;
    height: 29px;
    width: 29px;
    line-height: 29px;
    background: var(--secondary);
    border-radius: 15px;
  }

  .dz-accordion.accordion-sm .accordion-header .accordion-button .toggle-close:before {
    font-size: 25px;
    line-height: 50px;
  }

  @media only screen and (max-width: 1199px) {
    .dz-accordion.accordion-sm .accordion-header .accordion-button {
      padding: 15px 20px 15px 15px;
    }
  }

  @media only screen and (max-width: 575px) {
    .dz-accordion.accordion-sm .accordion-header .accordion-button {
      padding: 15px 65px 15px 15px;
    }
  }

  .dz-accordion.style-1 .accordion-item {
    margin-bottom: 0;
  }

  .dz-accordion.style-1 .accordion-header .accordion-button {
    background: transparent;
    padding: 20px 10px 20px 45px;
    box-shadow: none;
    color: var(--title);
    border-bottom: 1px solid #cccccc;
    border-radius: 0;
  }

  .dz-accordion.style-1 .accordion-header .accordion-button .toggle-close {
    left: 0;
    height: 30px;
    width: 30px;
  }

  .dz-accordion.style-1 .accordion-header .accordion-button .toggle-close:after {
    color: var(--primary);
    height: 30px;
    width: 30px;
    line-height: 25px;
    font-size: 17px;
    border-radius: 30px;
    border: 2px solid var(--primary);
  }

  .dz-accordion.style-1 .accordion-header .accordion-button.collapsed {
    border-bottom: 0;
  }

  .dz-accordion.style-1 .accordion-body {
    padding: 20px 0;
  }

  .dz-accordion.style-2 .accordion-item .accordion-header {
    line-height: 72px;
  }

  @media only screen and (max-width: 575px) {
    .dz-accordion.style-2 .accordion-item .accordion-header {
      line-height: 50px;
    }
  }

  .dz-accordion.style-2 .accordion-item .accordion-header .accordion-button {
    border: none;
    border-bottom: 1px solid rgba(25, 27, 29, 0.1);
    border-radius: 0px;
    padding: 18px 55px 18px 0px;
    font-size: 28px;
    font-family: var(--font-family-base);
    font-weight: 400;
  }

  .dz-accordion.style-2 .accordion-item .accordion-header .accordion-button .toggle-close {
    background-color: transparent;
    color: #4B4B4B;
  }

  .dz-accordion.style-2 .accordion-item .accordion-header .accordion-button .toggle-close::after {
    font-size: 25px;
  }

  @media only screen and (max-width: 575px) {
    .dz-accordion.style-2 .accordion-item .accordion-header .accordion-button {
      font-size: 16px;
    }
  }

  .dz-accordion.style-2 .accordion-item .accordion-collapse .accordion-body {
    border-top: 1px solid rgba(25, 27, 29, 0.1);
    padding: 20px 0px 30px 0px;
  }

  @media only screen and (max-width: 575px) {
    .dz-accordion.style-2 .accordion-item .accordion-collapse .accordion-body {
      padding: 15px 0px 20px 0px;
    }
  }

  .dz-accordion.style-2 .accordion-item .accordion-collapse .accordion-body p {
    color: #999;
    font-size: 24px;
    font-family: var(--font-family-base);
  }

  @media only screen and (max-width: 575px) {
    .dz-accordion.style-2 .accordion-item .accordion-collapse .accordion-body p {
      font-size: 16px;
    }
  }

  .dz-accordion.style-3 .accordion-item .accordion-header {
    line-height: 50px;
    font-family: var(--font-family-base);
  }

  .dz-accordion.style-3 .accordion-item .accordion-header a {
    font-size: 28px;
  }

  @media only screen and (max-width: 767px) {
    .dz-accordion.style-3 .accordion-item .accordion-header a {
      padding: 10px 55px 10px 0px;
      font-size: 23px;
    }
  }

  @media only screen and (max-width: 575px) {
    .dz-accordion.style-3 .accordion-item .accordion-header a {
      font-size: 17px;
      line-height: 1.6;
    }
  }

  .dz-accordion.style-3 .accordion-item .accordion-body p {
    font-family: var(--font-family-base);
  }

  .dz-accordion.style-6 .accordion-item {
    background-color: #fff;
    border-color: #fff;
    margin-bottom: 15px;
    border-radius: 20px;
  }

  @media only screen and (max-width: 991px) {
    .dz-accordion.style-6 .accordion-item {
      border-radius: 15px;
    }
  }

  @media only screen and (max-width: 991px) {
    .dz-accordion.style-6 .accordion-item .accordion-header {
      line-height: 40px;
    }
  }

  .dz-accordion.style-6 .accordion-item .accordion-header .accordion-button {
    border-radius: 0;
    font-size: 24px;
    font-weight: 500;
    background-color: #fff;
    padding: 15px 55px 15px 40px;
    border-bottom: 1px solid rgba(25, 27, 29, 0.1);
  }

  @media only screen and (max-width: 991px) {
    .dz-accordion.style-6 .accordion-item .accordion-header .accordion-button {
      padding: 15px 55px 15px 30px;
    }
  }

  @media only screen and (max-width: 768px) {
    .dz-accordion.style-6 .accordion-item .accordion-header .accordion-button {
      font-size: 20px;
    }
  }

  @media only screen and (max-width: 575px) {
    .dz-accordion.style-6 .accordion-item .accordion-header .accordion-button {
      font-size: 16px;
      padding: 15px 40px 15px 20px;
      line-height: 1.5;
    }
  }

  @media only screen and (max-width: 575px) {
    .dz-accordion.style-6 .accordion-item .accordion-header .accordion-button .toggle-close {
      right: 0;
    }
  }

  .dz-accordion.style-6 .accordion-item .accordion-header .accordion-button .toggle-close::after {
    content: "\f105";
    font-weight: 900;
  }

  .dz-accordion.style-6 .accordion-item .accordion-header .accordion-button:not(.collapsed) .toggle-close::after {
    content: "\f107";
    font-weight: 900;
  }

  .dz-accordion.style-6 .accordion-item .accordion-collapse .accordion-body {
    border-bottom: none;
  }

  @media only screen and (max-width: 575px) {
    .dz-accordion.style-6 .accordion-item .accordion-collapse .accordion-body {
      padding: 20px 20px;
    }
  }

  .dz-accordion.style-6 .accordion-item .accordion-collapse .accordion-body p {
    color: var(--text-dark);
    font-size: 22px;
    line-height: 35px;
    font-weight: 400;
  }

  @media only screen and (max-width: 991px) {
    .dz-accordion.style-6 .accordion-item .accordion-collapse .accordion-body p {
      font-size: 18px;
    }
  }

  @media only screen and (max-width: 768px) {
    .dz-accordion.style-6 .accordion-item .accordion-collapse .accordion-body p {
      font-size: 20px;
      line-height: 1.4;
    }
  }

  @media only screen and (max-width: 575px) {
    .dz-accordion.style-6 .accordion-item .accordion-collapse .accordion-body p {
      font-size: 14px;
    }
  }

  .dz-accordion .accordion-item .accordion-header {
    line-height: 50px;
  }

  @media only screen and (max-width: 575px) {
    .dz-accordion .accordion-item .accordion-header {
      line-height: 50px;
    }
  }

  .dz-accordion .accordion-item .accordion-header .accordion-button {
    border: none;
    border-bottom: 1px solid rgba(25, 27, 29, 0.1);
    border-radius: 0px;
    padding: 20px 0px 20px 0px;
    font-size: 28px;
    font-weight: 400;
  }

  @media only screen and (max-width: 575px) {
    .dz-accordion .accordion-item .accordion-header .accordion-button {
      padding: 0px 0px 0px 0px;
    }
  }

  .dz-accordion .accordion-item .accordion-header .accordion-button .toggle-close {
    background-color: transparent;
    color: #4B4B4B;
  }

  .dz-accordion .accordion-item .accordion-header .accordion-button .toggle-close::after {
    font-size: 20px;
  }

  @media only screen and (max-width: 575px) {
    .dz-accordion .accordion-item .accordion-header .accordion-button .toggle-close::after {
      font-size: 16px;
    }
  }

  .dz-accordion .accordion-item .accordion-collapse .accordion-body {
    border-bottom: 1px solid rgba(25, 27, 29, 0.1);
  }

  .dz-accordion .accordion-item .accordion-collapse .accordion-body p {
    color: #999999;
    font-size: 24px;
    line-height: 35px;
  }

  @media only screen and (max-width: 991px) {
    .dz-accordion .accordion-item .accordion-collapse .accordion-body p {
      font-size: 20px;
      line-height: 30px;
    }
  }

  @media only screen and (max-width: 575px) {
    .dz-accordion .accordion-item .accordion-collapse .accordion-body p {
      font-size: 15px;
      line-height: 1.4;
    }
  }

  .dz-accordion.rounded .accordion-header .accordion-button {
    border-radius: 40px;
    box-shadow: none;
  }

  .dz-accordion.rounded .accordion-header .accordion-button.collapsed {
    box-shadow: none;
    background: var(--primary);
    color: #fff;
  }

  .dz-accordion.rounded .accordion-header .accordion-button.collapsed .toggle-close::after {
    color: #fff;
  }

  .pagination.style-1 {
    justify-content: end;
  }

  @media only screen and (max-width: 575px) {
    .pagination.style-1 li {
      margin: 0 3px;
    }


    .pagination.style-1 li .page-link {
      height: 35px;
      min-width: 35px;
      line-height: 35px;
      border-radius: var(--border-radius-base);
    }
  }

  .pagination.style-1 li .prev,
  .pagination.style-1 li .next {
    border-color: transparent;
    font-size: 16px;
    padding: 0 20px;
    border-radius: 0 !important;
    width: 65px !important;
    height: 38px !important;
  }

  .pagination.style-1 li .prev:hover,
  .pagination.style-1 li .next:hover {
    background-color: #F6F6F6;
    box-shadow: none;
    color: var(--title);
  }

  @media only screen and (max-width: 575px) {

    .pagination.style-1 li .prev,
    .pagination.style-1 li .next {
      min-width: 90px;
      font-size: 14px;
    }
  }

  .pagination.style-1.text-center {
    justify-content: center;
  }

  .pagination.style-1.rounded-0 .page-item .page-link {
    border-radius: 0;
  }

  @media only screen and (max-width: 767px) {
    .pagination.style-1 {
      justify-content: center;
    }
  }

  /* Scroll Button Styling */
  #scrollProgress {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    background-color: #000;
    /* or #f1f1f1 for light */
    color: #fff;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.5s ease;
    z-index: 999;
  }

  /* Show button on scroll */
  #scrollProgress.show {
    opacity: 1;
    pointer-events: auto;
  }

  /* Icon Styling */
  #scrollProgress .icon {
    position: relative;
    z-index: 2;
    font-size: 14px;
  }

  /* Progress Circle */
  .progress-ring {
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(-90deg);
    z-index: 1;
  }

  .progress-ring circle {
    stroke: white;
    stroke-width: 2;
    fill: none;
    stroke-linecap: round;
    stroke-dasharray: 106.76;
    stroke-dashoffset: 106.76;
    transition: stroke-dashoffset 0.3s ease;
  }

  .video-section {
    position: relative;
    z-index: 1;
  }

  .video-section .dz-features-wrapper {
    margin-top: -35px;
    background: var(--light-dark);
    border: 0;
  }

  .video-wrapper {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-radius: 10px;
    height: 650px;
    background-size: cover;
    margin: 0px 80px;
    background-position: top;
  }

  .video-wrapper img {
    height: 100%;
    object-fit: cover;
  }

  @media only screen and (max-width: 767px) {
    .video-wrapper {
      height: 400px !important;
    }
  }

  @media only screen and (max-width: 575px) {
    .video-wrapper {
      height: 320px !important;
    }
  }

  .video-wrapper.style-1 {
    height: 850px;
  }

  @media only screen and (max-width: 575px) {
    .video-wrapper.style-1 {
      height: 350px;
      background-repeat: no-repeat;
    }
  }

  @media (max-width: 1040px) {
    .video-wrapper.style-1 {
      height: 500px;
    }
  }

  @media only screen and (max-width: 1480px) {
    .video-wrapper {
      margin: 0px 0px;
    }
  }

  @media only screen and (max-width: 991px) {
    .video-wrapper {
      padding-top: 0px;
      padding-bottom: 40px;
    }
  }

  @media only screen and (max-width: 767px) {
    .video-wrapper {
      padding-top: 50px;
      padding-bottom: 50px;
    }
  }

  @media only screen and (max-width: 575px) {
    .video-wrapper {
      padding-top: 0;
      padding-bottom: 10px;
      height: 500px;
    }
  }

  .clip-left-animation {
    animation-name: clipLeftIn;
    animation-timing-function: cubic-bezier(0, 0.57, 0.55, 1);
  }

  @keyframes clipRightIn {
    0% {
      -webkit-clip-path: inset(0 100% 0 0);
      clip-path: inset(0 100% 0 0);
    }

    to {
      -webkit-clip-path: inset(0);
      clip-path: inset(0);
    }
  }

  @keyframes clipLeftIn {
    0% {
      -webkit-clip-path: inset(0 0 0 100%);
      clip-path: inset(0 0 0 100%);
    }

    to {
      -webkit-clip-path: inset(0);
      clip-path: inset(0);
    }
  }

  .dark .pxl-heading-scroll-effect {
    --heading-color-1: rgba(255, 255, 255, 0.2);
  }

  .dark .pxl-heading-scroll-effect .heading-text div {
    --pxl-heading: white;
  }

  .light .pxl-heading-scroll-effect {
    --heading-color-1: rgba(0, 0, 0, 0.2);
  }

  .light .pxl-heading-scroll-effect .heading-text div {
    --pxl-heading: black;
  }

  .pxl-heading-scroll-effect .heading-text div {
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    background: linear-gradient(to right, var(--pxl-heading) 50%, var(--heading-color-1) 50%) no-repeat;
    background-size: 200% 100%;
    background-position-x: 100%;
    transition: background-size cubic-bezier(0.1, 0.5, 0.5, 1) 0.75s;
  }

  .swiper-button-next,
  .swiper-button-prev {
    background-image: none !important;
  }

  .swiper-button-next2 {
    position: absolute;
    right: -44px;
    top: 18px;
  }

  @media (max-width: 1040px) {
    .swiper-button-next2 {
      right: -194px;
    }
  }

  @media only screen and (max-width: 991px) {
    .swiper-button-next2 {
      right: -85px;
    }
  }

  @media only screen and (max-width: 767px) {
    .swiper-button-next2 {
      right: -35px;
    }
  }

  @media only screen and (max-width: 575px) {
    .swiper-button-next2 {
      right: -24px;
      top: 58px;
    }
  }

  .swiper-button-prev2 {
    position: absolute;
    left: -44px;
    top: 18px;
  }

  @media (max-width: 1040px) {
    .swiper-button-prev2 {
      left: -194px;
    }
  }

  @media only screen and (max-width: 991px) {
    .swiper-button-prev2 {
      left: -85px;
    }
  }

  @media only screen and (max-width: 767px) {
    .swiper-button-prev2 {
      left: -35px;
    }
  }

  @media only screen and (max-width: 575px) {
    .swiper-button-prev2 {
      left: -24px;
      top: 58px;
    }
  }

  .swiper-design {
    padding-top: 10px;
  }

  .swiper-pagination3 {
    position: absolute;
    top: -240%;
    width: max-content !important;
    left: 120% !important;
    display: flex !important;
    font-size: 24px;
    color: #ffffff;
    line-height: 55px;
    font-weight: 300;
  }

  @media (max-width: 1280px) {
    .swiper-pagination3 {
      top: -271%;
      left: 115% !important;
    }
  }

  @media (max-width: 1040px) {
    .swiper-pagination3 {
      left: 165% !important;
    }
  }

  @media only screen and (max-width: 991px) {
    .swiper-pagination3 {
      left: 125% !important;
    }
  }

  @media only screen and (max-width: 767px) {
    .swiper-pagination3 {
      left: 105% !important;
      top: -181%;
    }
  }

  @media only screen and (max-width: 575px) {
    .swiper-pagination3 {
      left: 125% !important;
      top: -171%;
    }
  }

  .swiper-slide-prev .testimonial-thumb .thumb-logos img {
    transform: scale(1.3);
  }

  @media only screen and (max-width: 575px) {
    .swiper-slide-prev .testimonial-thumb .thumb-logos img {
      transform: scale(1);
    }
  }

  .swiper-slide-next .testimonial-thumb .thumb-logos img {
    transform: scale(1.3);
  }

  @media only screen and (max-width: 575px) {
    .swiper-slide-next .testimonial-thumb .thumb-logos img {
      transform: scale(1);
    }
  }

  .swiper-slide-thumb-active .testimonial-thumb .thumb-logos img {
    transform: scale(1.5);
  }

  @media only screen and (max-width: 575px) {
    .swiper-slide-thumb-active .testimonial-thumb .thumb-logos img {
      transform: scale(1);
    }
  }

  .swiper-slide-thumb-active .testimonial-thumb .thumb-info {
    opacity: 1 !important;
  }

  .client-swiper.style-1 {
    padding: 110px 0px 110px 0px;
  }

  @media only screen and (max-width: 1480px) {
    .client-swiper.style-1 {
      padding: 100px 0px 100px 0px;
    }
  }

  @media only screen and (max-width: 575px) {
    .client-swiper.style-1 {
      padding: 40px 0px 40px 0px;
    }
  }

  .categery-swiper {
    margin: 0px 520px 0px 520px;
  }

  @media only screen and (max-width: 1480px) {
    .categery-swiper {
      margin: 0px 320px 0px 320px;
    }
  }

  @media (max-width: 1280px) {
    .categery-swiper {
      margin: 0px 220px 0px 220px;
    }
  }

  @media (max-width: 1024px) {
    .categery-swiper {
      margin: 0px 100px 0px 100px;
    }
  }

  @media only screen and (max-width: 991px) {
    .categery-swiper {
      margin: auto;
    }
  }

  .categery-swiper .categery {
    text-align: center;
  }

  @media only screen and (max-width: 575px) {
    .categery-swiper .categery {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
  }

  .categery-swiper .categery .categery-media {
    margin-bottom: 10px;
  }

  .categery-swiper .categery .categery-media img {
    transform: rotate(0deg);
    transition: 0.3s all;
    border-radius: 50%;
  }

  .categery-swiper .categery .categery-media:hover img {
    transform: rotate(20deg);
  }

  @media only screen and (max-width: 575px) {
    .categery-swiper .categery .categery-media {
      width: 120px;
      margin-bottom: 10px;
    }
  }

  .categery-swiper .categery .catgery-info .title {
    font-weight: 500;
    font-size: 20px;
    line-height: 35px;
    color: var(--secondary);
    font-family: var(--font-family-base);
    text-transform: capitalize;
  }

  .categery-swiper .categery .catgery-info .title span {
    color: #999999;
    font-weight: 400;
    font-size: 15px;
  }

  .btn-next,
  .btn-prev {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--secondary);
    font-size: 18px;
    letter-spacing: 2px;
    z-index: 1;
    border-radius: 50%;
    margin: 0 5px;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
  }

  .btn-next svg path,
  .btn-prev svg path {
    stroke: var(--secondary);
  }

  .btn-next:hover svg path,
  .btn-prev:hover svg path {
    stroke: #777777;
  }

  .btn-next:hover i,
  .btn-prev:hover i {
    color: #ffffff;
  }

  .btn-next:after,
  .btn-prev:after {
    content: none;
  }

  .btn-next i,
  .btn-prev i {
    font-size: 24px;
  }

  @media only screen and (max-width: 575px) {

    .btn-next,
    .btn-prev {
      width: 40px;
      height: 40px;
      line-height: 38px;
    }
  }

  .client-info {
    max-width: 30 0px;
  }

  @media only screen and (max-width: 991px) {
    .client-info {
      max-width: 100%;
    }
  }

  .client-info .title,
  .client-info .text {
    color: var(--secondary);
    font-weight: 500;
    line-height: 35px;
    max-width: 230px;
    font-size: 28px;
  }

  @media (max-width: 1040px) {

    .client-info .title,
    .client-info .text {
      max-width: unset;
    }
  }

  @media only screen and (max-width: 991px) {

    .client-info .title,
    .client-info .text {
      max-width: unset;
      margin-bottom: 30px;
    }
  }

  @media only screen and (max-width: 575px) {

    .client-info .title,
    .client-info .text {
      max-width: 360px;
      font-size: 23px;
    }
  }

  .clients-swiper .clients-logo a .light {
    display: none;
  }

  .clients-swiper .clients-logo a .dark {
    opacity: 1;
  }

  .clients-swiper .clients-logo a svg {
    width: 100%;
    opacity: 0.5;
  }

  @media only screen and (max-width: 575px) {
    .clients-swiper .clients-logo a svg {
      width: 60%;
    }
  }

  .swiper-btn-center-lr {
    position: relative;
  }

  .swiper-btn-center-lr.portfolio-project .btn-prev {
    left: 100px;
  }

  .swiper-btn-center-lr.portfolio-project .btn-next {
    right: 100px;
  }

  @media only screen and (max-width: 1199px) {
    .swiper-btn-center-lr.portfolio-project .btn-prev {
      left: 50px;
    }

    .swiper-btn-center-lr.portfolio-project .btn-next {
      right: 50px;
    }
  }

  @media only screen and (max-width: 767px) {
    .swiper-btn-center-lr.portfolio-project .btn-prev {
      left: 20px;
    }

    .swiper-btn-center-lr.portfolio-project .btn-next {
      right: 20px;
    }
  }

  .swiper-btn-center-lr .btn-next,
  .swiper-btn-center-lr .btn-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  .swiper-btn-center-lr .btn-prev {
    left: -100px;
  }

  .swiper-btn-center-lr .btn-next {
    right: -100px;
  }

  @media only screen and (max-width: 1500px) {
    .swiper-btn-center-lr .btn-prev {
      left: -80px;
    }

    .swiper-btn-center-lr .btn-next {
      right: -80px;
    }
  }

  @media only screen and (max-width: 1480px) {
    .swiper-btn-center-lr .btn-prev {
      left: -80px;
    }

    .swiper-btn-center-lr .btn-next {
      right: -80px;
    }
  }

  @media only screen and (max-width: 1280px) {
    .swiper-btn-center-lr .btn-prev {
      left: -30px;
    }

    .swiper-btn-center-lr .btn-next {
      right: -30px;
    }
  }

  @media only screen and (max-width: 767px) {
    .swiper-btn-center-lr .btn-prev {
      left: -25px;
    }

    .swiper-btn-center-lr .btn-next {
      right: -25px;
    }
  }

  @media only screen and (max-width: 575px) {

    .swiper-btn-center-lr .btn-prev,
    .swiper-btn-center-lr .btn-next {
      display: none;
    }
  }

  .portfolio-gallery.swiper {
    position: sticky;
    top: 0;
  }

  .portfolio-gallery .swiper-slide .dz-media img {
    object-fit: cover;
  }

  .portfolio-gallery .swiper-slide .portfolio-box.style-2 .dz-content {
    height: auto;
    padding: 40px;
  }

  .portfolio-gallery .swiper-slide .portfolio-box.style-2 .dz-content .product-tag {
    margin-bottom: 10px;
  }

  .portfolio-gallery .swiper-slide .portfolio-box.style-2 .dz-content .title {
    font-size: 35px;
    width: 80%;
  }

  @media only screen and (max-width: 991px) {
    .portfolio-gallery .swiper-slide .portfolio-box.style-2 .dz-content .title {
      font-size: 24px;
      width: 100%;
    }
  }

  @media only screen and (max-width: 575px) {
    .portfolio-gallery .swiper-slide .portfolio-box.style-2 .dz-content .title {
      font-size: 18px;
    }
  }

  @media only screen and (max-width: 991px) {
    .portfolio-gallery .swiper-slide .portfolio-box.style-2 .dz-content {
      padding: 20px;
    }
  }

  @media only screen and (max-width: 767px) {
    .portfolio-gallery .swiper-slide .dz-media img {
      height: 70vh;
      object-fit: cover;
    }
  }

  @media only screen and (max-width: 575px) {
    .portfolio-gallery .swiper-slide .dz-media img {
      height: 50vh;
      object-fit: cover;
    }
  }

  .portfolio-thumb.swiper {
    width: 100%;
    height: auto;
    overflow: unset;
  }

  .portfolio-thumb .swiper-wrapper {
    height: unset;
    flex-wrap: wrap;
    transform: unset !important;
    width: 100% !important;
    display: flex;
  }

  .portfolio-thumb .swiper-wrapper .swiper-slide {
    width: 50% !important;
    height: auto;
    padding: 20px;
  }

  @media only screen and (max-width: 1199px) {
    .portfolio-thumb .swiper-wrapper .swiper-slide {
      width: 100% !important;
    }
  }

  @media only screen and (max-width: 767px) {
    .portfolio-thumb .swiper-wrapper .swiper-slide {
      width: 50% !important;
    }
  }

  @media only screen and (max-width: 575px) {
    .portfolio-thumb .swiper-wrapper .swiper-slide {
      width: 100% !important;
    }
  }

  .portfolio-thumb .swiper-wrapper .swiper-slide img {
    height: 100%;
    object-fit: cover;
    width: 100%;
  }

  @media only screen and (max-width: 991px) {
    .portfolio-thumb .swiper-wrapper .swiper-slide {
      padding: 8px;
    }
  }

  @media only screen and (max-width: 767px) {
    .portfolio-thumb .swiper-wrapper {
      margin: auto;
    }
  }

  .portfolio-gallery3 .swiper-wrapper .swiper-slide img {
    height: calc(100vh - 170px) !important;
    min-height: 600px;
    object-fit: cover;
  }

  @media only screen and (max-width: 1199px) {
    .portfolio-gallery3 .swiper-wrapper .swiper-slide img {
      height: calc(100vh - 200px) !important;
      min-height: auto;
    }
  }

  @media only screen and (max-width: 991px) {
    .portfolio-gallery3 .swiper-wrapper .swiper-slide img {
      height: 100vh;
    }
  }

  .portfolio-gallery3 .swiper-wrapper .swiper-slide .dz-content {
    padding: 40px;
  }

  .portfolio-gallery3 .swiper-wrapper .swiper-slide .dz-content .title {
    font-size: 28px;
    width: 100%;
  }

  @media only screen and (max-width: 991px) {
    .portfolio-gallery3 .swiper-wrapper .swiper-slide .dz-content .title {
      font-size: 24px;
      width: 100%;
    }
  }

  @media only screen and (max-width: 575px) {
    .portfolio-gallery3 .swiper-wrapper .swiper-slide .dz-content .title {
      font-size: 18px;
    }
  }

  @media only screen and (max-width: 991px) {
    .portfolio-gallery3 .swiper-wrapper .swiper-slide .dz-content {
      padding: 20px;
    }
  }

  .portfolio-gallery2 .swiper-wrapper .swiper-slide {
    width: 960px;
  }

  @media only screen and (max-width: 1199px) {
    .portfolio-gallery2 .swiper-wrapper .swiper-slide {
      width: 80%;
    }
  }

  .portfolio-gallery2 .swiper-wrapper .swiper-slide img {
    height: 80vh !important;
    min-height: 600px;
    object-fit: cover;
  }

  @media only screen and (max-width: 1199px) {
    .portfolio-gallery2 .swiper-wrapper .swiper-slide img {
      height: 75vh !important;
      min-height: auto;
    }
  }

  .portfolio-gallery2 .swiper-wrapper .swiper-slide .dz-content {
    padding: 40px;
  }

  .portfolio-gallery2 .swiper-wrapper .swiper-slide .dz-content .title {
    font-size: 35px;
    width: 75%;
  }

  @media only screen and (max-width: 991px) {
    .portfolio-gallery2 .swiper-wrapper .swiper-slide .dz-content .title {
      font-size: 24px;
      width: 100%;
    }
  }

  @media only screen and (max-width: 575px) {
    .portfolio-gallery2 .swiper-wrapper .swiper-slide .dz-content .title {
      font-size: 18px;
    }
  }

  @media only screen and (max-width: 991px) {
    .portfolio-gallery2 .swiper-wrapper .swiper-slide .dz-content {
      padding: 20px;
    }
  }

  .project-carousel .swiper-wrapper .swiper-slide img {
    height: 50vh;
    object-fit: cover;
  }

  @media only screen and (max-width: 767px) {
    .project-carousel .swiper-wrapper .swiper-slide img {
      height: 30vh;
    }
  }

  .swiper-visible {
    overflow: unset;
  }

  .swiper-visible .swiper-slide {
    opacity: 0;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
  }

  .swiper-visible .swiper-slide-active,
  .swiper-visible:not(.swiper-single) .swiper-slide-next,
  .swiper-visible:not(.swiper-single) .swiper-slide-visible:not(.swiper-slide-duplicate-prev) {
    opacity: 1;
  }

  .swiper-visible.swiper-item-4 .swiper-slide-next+.swiper-slide,
  .swiper-visible.swiper-item-4 .swiper-slide-next+.swiper-slide+.swiper-slide {
    opacity: 1;
  }

  .pxl-swiper-arrows.custom {
    display: flex;
  }

  .pxl-swiper-arrow {
    font-size: 20px;
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -khtml-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }

  .pxl-swiper-arrow.pxl-swiper-arrow-prev {
    left: 75px;
    position: absolute;
    z-index: 99;
  }

  @media only screen and (max-width: 1199px) {
    .pxl-swiper-arrow.pxl-swiper-arrow-prev {
      left: 200px;
    }
  }

  @media only screen and (max-width: 991px) {
    .pxl-swiper-arrow.pxl-swiper-arrow-prev {
      left: 100px;
    }
  }

  @media only screen and (max-width: 767px) {
    .pxl-swiper-arrow.pxl-swiper-arrow-prev {
      left: 25px;
    }
  }

  .pxl-swiper-arrow.pxl-swiper-arrow-next {
    right: 75px;
    position: absolute;
    z-index: 99;
  }

  @media only screen and (max-width: 1199px) {
    .pxl-swiper-arrow.pxl-swiper-arrow-next {
      right: 200px;
    }
  }

  @media only screen and (max-width: 991px) {
    .pxl-swiper-arrow.pxl-swiper-arrow-next {
      right: 100px;
    }
  }

  @media only screen and (max-width: 767px) {
    .pxl-swiper-arrow.pxl-swiper-arrow-next {
      right: 25px;
    }
  }

  .pxl-swiper-arrow:hover {
    color: var(--primary-color);
  }

  .pxl-swiper-arrow .pxl-icon {
    line-height: 1;
  }

  .pxl-swiper-arrow .pxl-icon span {
    -webkit-transition: all 0.3s ease;
    -khtml-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }

  .pxl-swiper-arrow.swiper-button-disabled {
    cursor: not-allowed;
  }

  .pxl-swiper-arrow-prev .cmli-noun-arrow {
    -webkit-transform: rotate(180deg);
    -khtml-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  .nav-in-vertical .pxl-swiper-arrow,
  .nav-out-vertical .pxl-swiper-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -khtml-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }

  .nav-in-vertical .pxl-swiper-arrow-prev {
    left: 30px;
  }

  .nav-in-vertical .pxl-swiper-arrow-next {
    right: 30px;
  }

  .nav-in-vertical.arrow-on-hover .pxl-swiper-arrow-prev {
    opacity: 0;
    -webkit-transform: translate(50px, -50%);
    -khtml-transform: translate(50px, -50%);
    -moz-transform: translate(50px, -50%);
    -ms-transform: translate(50px, -50%);
    -o-transform: translate(50px, -50%);
    transform: translate(50px, -50%);
    -webkit-transition: all 0.3s linear 0s;
    -khtml-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
  }

  .nav-in-vertical.arrow-on-hover .pxl-swiper-arrow-next {
    opacity: 0;
    -webkit-transform: translate(-50px, -50%);
    -khtml-transform: translate(-50px, -50%);
    -moz-transform: translate(-50px, -50%);
    -ms-transform: translate(-50px, -50%);
    -o-transform: translate(-50px, -50%);
    transform: translate(-50px, -50%);
    -webkit-transition: all 0.3s linear 0s;
    -khtml-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
  }

  .nav-out-vertical .pxl-swiper-arrow-prev {
    left: -23px;
  }

  @media (max-width: 1199px) {
    .nav-out-vertical .pxl-swiper-arrow-prev {
      left: 15px;
      opacity: 0;
      -webkit-transform: translate(-50px, -50%);
      -khtml-transform: translate(-50px, -50%);
      -moz-transform: translate(-50px, -50%);
      -ms-transform: translate(-50px, -50%);
      -o-transform: translate(-50px, -50%);
      transform: translate(-50px, -50%);
      -webkit-transition: all 0.3s linear 0s;
      -khtml-transition: all 0.3s linear 0s;
      -moz-transition: all 0.3s linear 0s;
      -ms-transition: all 0.3s linear 0s;
      -o-transition: all 0.3s linear 0s;
      transition: all 0.3s linear 0s;
    }
  }

  .nav-out-vertical .pxl-swiper-arrow-next {
    right: -23px;
  }

  .swiper-pagination-two {
    position: absolute;
    left: 35px !important;
    z-index: 1;
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%);
    z-index: 99;
    width: auto !important;
  }

  @media only screen and (max-width: 1199px) {
    .swiper-pagination-two {
      top: auto !important;
      bottom: 10px !important;
      display: flex;
      justify-content: center;
      transform: none;
    }

    .swiper-pagination-two:not(.style-2) {
      position: unset;
    }

    .swiper-pagination-two {
      padding-top: 20px;
      padding-bottom: 10px;
    }
  }

  @media only screen and (max-width: 575px) {
    .swiper-pagination-two {
      padding-top: 20px;
      padding-bottom: 20px;
    }
  }

  .swiper-pagination-two.style-1 {
    left: auto !important;
    right: 35px !important;
  }

  @media only screen and (max-width: 1199px) {
    .swiper-pagination-two.style-1 {
      right: 10px !important;
    }
  }

  .swiper-pagination-two.style-2 {
    top: auto !important;
    bottom: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0 !important;
  }

  .swiper-pagination-two.style-2 .swiper-pagination-bullet {
    margin: 6px 10px !important;
  }

  .swiper-pagination-two .swiper-pagination-bullet {
    background-color: rgba(255, 255, 255, 0.3);
    width: 6px;
    height: 6px;
    margin: 17px 0 !important;
    display: block;
    text-align: center;
    position: relative;
  }

  .swiper-pagination-two .swiper-pagination-bullet:after {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    line-height: 18px;
    border-radius: 50px;
    border: 1px solid transparent;
    background: transparent;
    left: -6px;
    top: -6px;
  }

  @media only screen and (max-width: 1199px) {
    .swiper-pagination-two .swiper-pagination-bullet {
      margin: 6px 10px !important;
    }
  }

  @media only screen and (max-width: 575px) {
    .swiper-pagination-two .swiper-pagination-bullet {
      display: inline-block;
      margin: 0 10px !important;
    }
  }

  .swiper-pagination-two .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: rgb(255, 255, 255);
  }

  .swiper-pagination-two .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
    border: 1px solid rgb(255, 255, 255);
  }

  .pxl-history-carousel.layout-1 .pxl-swiper-wrapper {
    position: relative;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: var(--z-index-2);
    margin-bottom: calc(var(--spacing) * -927);
    height: calc(var(--spacing) * 1580);
    overflow: visible;
  }

  @media (max-width: 1199px) {
    .pxl-history-carousel.layout-1 .pxl-swiper-wrapper {
      margin-bottom: calc(var(--spacing) * -966);
    }
  }

  @media (max-width: 991px) {
    .pxl-history-carousel.layout-1 .pxl-swiper-wrapper {
      margin-bottom: calc(var(--spacing) * -986);
    }
  }

  @media (max-width: 767px) {
    .pxl-history-carousel.layout-1 .pxl-swiper-wrapper {
      margin-bottom: calc(var(--spacing) * -1050);
      height: calc(var(--spacing) * 1500);
    }

    .pxl-history-carousel.layout-1 .pxl-swiper-wrapper .item-slide:nth-child(even) .item-image {
      opacity: 0 !important;
      transition: all 300ms ease-in-out 0s;
    }
  }

  .pxl-history-carousel.layout-1 .box-pev-next {
    position: absolute;
    bottom: 230px;
    left: 50%;
    z-index: 10;
    transform: translateX(-50%);
    text-align: center;
  }

  @media only screen and (max-width: 991px) {
    .pxl-history-carousel.layout-1 .box-pev-next {
      bottom: 250px;
    }
  }

  @media only screen and (max-width: 575px) {
    .pxl-history-carousel.layout-1 .box-pev-next {
      bottom: 150px;
    }
  }

  .pxl-history-carousel .box-pev-next .text-pev-next {
    background-color: var(--color-white);
    color: var(--color-lightgrey);
  }

  .pxl-history-carousel .box-pev-next .text-pev-next:where(.dark, .dark *) {
    background-color: var(--color-bodybg);
  }

  .pxl-history-carousel.layout-1 .box-pev-next .text-pev-next {
    position: relative;
    display: inline-block;
    border-radius: 0.25rem;
    padding-inline: calc(var(--spacing) * 6);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: 2;
    line-height: 2;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    text-transform: uppercase;
    z-index: 1;
  }

  .pxl-history-carousel.layout-1 .box-pev-next .text-pev-next::after {
    content: "";
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, 0);
    width: 158px;
    height: 1px;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 50.5%, rgba(0, 0, 0, 0) 100%);
    z-index: -1;
  }

  .pxl-history-carousel.layout-1 .box-pev-next .text-pev-next span {
    background: #fff;
    color: #999999;
    font-weight: 500;
    font-size: 12px;
    padding: 3px;
    border-radius: 5px;
  }

  .pxl-history-carousel.layout-1 .pxl-swiper-dots {
    margin-top: calc(var(--spacing) * 20);
    display: flex;
    justify-content: center;
  }

  .pxl-history-carousel.layout-1 .thumb-item {
    width: auto;
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
    opacity: 60%;
  }

  .pxl-history-carousel.layout-1 .thumb-item .item-year {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: calc(var(--spacing) * 30);
    line-height: calc(var(--spacing) * 30);
    color: color-mix(in srgb, #000 60%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .pxl-history-carousel.layout-1 .thumb-item .item-year {
      color: color-mix(in oklab, var(--color-black) 60%, transparent);
    }
  }

  .pxl-history-carousel.layout-1 .thumb-item .item-year:where(.dark, .dark *) {
    color: color-mix(in srgb, #fff 60%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .pxl-history-carousel.layout-1 .thumb-item .item-year:where(.dark, .dark *) {
      color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
  }

  @media (max-width: 575px) {
    .pxl-history-carousel.layout-1 .thumb-item .item-year {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }

  .pxl-history-carousel.layout-1 .thumb-item.active {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    opacity: 100%;
  }

  .pxl-history-carousel.layout-1 .thumb-item.active .item-year {
    font-size: 28px;
    color: var(--title);
  }

  @media (max-width: 575px) {
    .pxl-history-carousel.layout-1 .thumb-item.active .item-year {
      font-size: 24px;
    }
  }

  .pxl-history-carousel.layout-1 .pxl-thumbs-wrapper {
    gap: 25px;
  }

  .pxl-history-carousel.layout-1 .pxl-swiper-thumbs {
    max-width: 210px;
  }

  .pxl-history-carousel.layout-1 .pxl-swiper-slider-thumbs {
    margin-top: 14px;
  }

  .pxl-history-carousel.layout-1 .pxl-carousel-inner {
    padding-top: 78px;
    padding-bottom: 120px;
  }

  @media (max-width: 991px) {
    .pxl-history-carousel.layout-1 .pxl-carousel-inner {
      padding-top: 30px;
    }
  }

  @media (max-width: 575px) {
    .pxl-history-carousel.layout-1 .pxl-carousel-inner {
      padding-top: 0px;
    }
  }

  .clients-swiper .clients-logo {
    text-align: center;
  }

  .custom-separate {
    position: absolute;
    top: 78%;
    display: flex;
    width: 350px;
    justify-content: space-between;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
  }

  .custom-separate .pxl-swiper-arrow {
    position: unset;
  }

  @media only screen and (max-width: 575px) {
    .custom-separate {
      width: 300px;
    }
  }

  .widget {
    margin-bottom: 45px;
  }

  @media only screen and (max-width: 991px) {
    .widget {
      margin-bottom: 40px;
    }
  }

  .widget:last-child {
    margin-bottom: 0;
  }

  .widget-title {
    position: relative;
    margin-bottom: 25px;
    font-weight: 700;
  }

  .widget-title .title {
    margin-bottom: 0;
  }

  @-webkit-keyframes download1 {

    0%,
    10%,
    20%,
    50%,
    80%,
    100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }

    40% {
      -webkit-transform: translateY(-10px);
      transform: translateY(-10px);
    }

    60% {
      -webkit-transform: translateY(-10px);
      transform: translateY(-10px);
    }
  }

  @keyframes download1 {

    0%,
    10%,
    20%,
    50%,
    80%,
    100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }

    40% {
      -webkit-transform: translateY(-10px);
      transform: translateY(-10px);
    }

    60% {
      -webkit-transform: translateY(-10px);
      transform: translateY(-10px);
    }
  }


  .widget_categories ul,
  .widget_services ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    color: #5E626F;
  }


  .widget_categories ul li,
  .widget_services ul li {
    padding-bottom: 1.125rem;
    margin-bottom: 0.8125rem;
    position: relative;
    padding: 0.3rem 0rem 0.3rem 0;
    font-size: 15px;
    margin-bottom: 0;
    line-height: 1.25rem;
  }


  .widget_categories ul li a,
  .widget_services ul li a {
    color: var(--title);
    -webkit-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
    position: relative;
    display: inline-block;
  }


  .widget_categories ul li a:hover,
  .widget_services ul li a:hover {
    color: var(--primary);
  }


  .widget_categories ul li li,
  .widget_services ul li li {
    border-bottom: none;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    line-height: 1.375rem;
  }


  .widget_categories ul li li:last-child,
  .widget_services ul li li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
  }


  .widget_categories ul li li:before,
  .widget_services ul li li:before {
    top: 0.5rem;
    left: 0;
  }


  .widget_categories ul ul,
  .widget_services ul ul {
    padding-left: 1.125rem;
    margin-top: 0.5rem;
    margin-left: -0.9375rem;
  }


  .widget_categories li ul {
    margin-bottom: -0.625rem;
  }


  .widget_categories ul li {
    text-align: right;
    display: table;
    width: 100%;
    padding: 0.625rem 0rem 0.625rem 1rem !important;
    line-height: 1.3 !important;
  }


  .widget_categories li a {
    float: left;
    text-transform: capitalize;
    text-align: left;
  }


  ul cite {
    font-weight: 600;
    color: var(--title);
  }


  footer:not(.style-4) ul cite {
    color: #fff;
  }


  .tagcloud {
    clear: both;
    display: table;
  }


  .tagcloud a {
    position: relative;
    border: 1px solid #F1F1F1;
    border-radius: 0;
    padding: 8px 15px;
    display: inline-block;
    margin: 0px 10px 10px 0px;
    font-size: 14px;
    background-color: #F1F1F1;
    color: var(--title);
    line-height: 1.4;
  }


  .tagcloud a:hover {
    background-color: var(--secondary);
    border-color: var(--secondary);
    color: #fff;
  }

  .widget_categories ul li {
    padding: 8px 0rem 8px 0 !important;
  }

  .widget_categories.style-1 .cat-item {
    padding: 10px 0 10px 26px !important;
    font-family: "Roboto";
  }

  .widget_categories.style-1 .cat-item:before {
    content: "\e829";
    color: var(--primary);
    position: absolute;
    left: 0;
    font-family: "feather" !important;
    font-weight: 100;
    font-size: 18px;
    top: 8px;
  }

  .pagination.style-1 li {
    margin: 0;
  }

  .pagination.style-1 li .page-link {
    padding: 10px 15px;
    width: 38px;
    height: 38px;
    color: var(--title);
    line-height: 1;
    font-weight: 400;
    display: inline-flex;
    font-size: 14px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 0;
    margin-left: 10px;
    text-transform: uppercase;
  }

  .pagination.style-1 li .page-link img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: var(--border-radius-base);
  }

  .pagination.style-1 li .page-link i {
    font-size: 40px;
  }

  .pagination.style-1 li .page-link.prev img {
    margin-right: 15px;
  }

  .pagination.style-1 li .page-link.prev i {
    margin-right: 5px;
  }

  .pagination.style-1 li .page-link.next img {
    margin-left: 15px;
  }

  .pagination.style-1 li .page-link.next i {
    margin-left: 5px;
  }

  @media only screen and (max-width: 575px) {
    .pagination.style-1 li .page-link {
      padding: 10px 0;
    }

    .pagination.style-1 li .page-link img {
      width: 60px;
      height: 60px;
    }
  }

  .pagination.style-1 li .page-link.active,
  .pagination.style-1 li .page-link:hover {
    background-color: var(--primary);
    color: var(--title);
  }


  select {
    display: block;
    width: 100%;
    padding: 12px 20px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;
    color: #777777;
    border: 1px solid #ced4da;
    border-radius: var(--border-radius-base);
  }

  .comments-title,
  .comment-reply-title {
    position: relative;
    margin-bottom: 25px;
    text-transform: capitalize;
    color: var(--title);
    font-size: 1.125rem;
    font-family: var(--font-family-title);
    font-weight: 600;
    line-height: 1.4;
    display: block;
  }

  .nav-pills {
    border: 0;
    justify-content: space-between;
  }

  .nav-pills .nav-link {
    padding: 0;
    width: 100%;
  }

  .tab-content {
    margin-top: 0px;
    padding-bottom: 70px;
  }

  @media only screen and (max-width: 767px) {
    .tab-content {
      padding-bottom: 40px;
    }
  }

  .dz-tabs .nav-tabs {
    border: 0;
  }

  .dz-tabs .nav-tabs .nav-link {
    width: 100%;
    padding: 10px 20px;
    text-align: start;
    font-size: 16px;
    font-weight: 500;
    border-radius: 0;
    background-color: transparent;
    border: 0;
    border-bottom: 3px solid transparent;
    z-index: 2;
    position: relative;
    color: var(--secondary);
    box-shadow: unset;
    font-family: var(--font-family-base);
  }

  @media only screen and (max-width: 575px) {
    .dz-tabs .nav-tabs .nav-link {
      font-size: 14px;
    }
  }

  .dz-tabs .nav-tabs .nav-link .badge {
    color: var(--title);
    padding: 0 2px;
    border-radius: 20px;
    margin-left: 5px;
    width: 24px;
    height: 24px;
    line-height: 25px;
  }

  @media only screen and (max-width: 575px) {
    .dz-tabs .nav-tabs .nav-link .badge {
      width: 20px;
      height: 20px;
      line-height: 22px;
    }
  }

  .dz-tabs .nav-tabs .nav-link.active {
    border-color: var(--secondary);
    color: var(--secondary);
  }

  .dz-tabs .nav-tabs .nav-link.active .badge {
    background: var(--title);
    color: #fff;
  }

  .dz-tabs .nav-tabs.left {
    justify-content: left;
  }

  .dz-tabs .nav-tabs.center {
    justify-content: center;
  }

  .dz-tabs .nav-tabs.right {
    justify-content: right;
  }

  .dz-tabs .tab-content {
    padding-top: 50px;
  }

  @media only screen and (max-width: 991px) {
    .dz-tabs .tab-content {
      padding-top: 30px;
    }
  }

  @media only screen and (max-width: 575px) {
    .dz-tabs .tab-content {
      padding-top: 20px;
    }
  }

  .dz-tabs.style-1 .nav-pills {
    width: 100%;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 5px;
    text-align: center;
    margin-bottom: 50px;
    position: relative;
    border: 0;
  }

  .dz-tabs.style-1 .nav-pills::before {
    content: "";
    position: absolute;
    width: 100%;
    height: auto;
    transform: scaleX(100);
    border-bottom: 1px solid var(--border-color);
    bottom: 0;
  }

  .dz-tabs.style-1 .nav-pills .nav-item {
    display: inline-block;
    flex: auto;
  }

  .dz-tabs.style-1 .nav-pills .nav-item .nav-link {
    background-color: transparent;
    color: #000;
    padding: 0px 0px 10px 0px;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    border-radius: 10px;
    transition: 0.5s;
    border-radius: 0;
    text-align: center;
    color: #999999;
    margin-bottom: 1px;
  }

  @media only screen and (max-width: 991px) {
    .dz-tabs.style-1 .nav-pills .nav-item .nav-link {
      font-size: 17px;
    }
  }

  .dz-tabs.style-1 .nav-pills .nav-item .nav-link:hover,
  .dz-tabs.style-1 .nav-pills .nav-item .nav-link.active {
    border-bottom: 3px solid var(--primary);
    color: #000;
  }

  .dz-tabs .nav-tabs {
    border: 0;
    border-bottom: 1px solid var(--border-color);
  }

  .dz-social-icon ul {
    display: flex;
  }

  .dz-social-icon li {
    display: inline-block;
    margin-right: 5px;
  }

  .dz-social-icon li a {
    height: 40px;
    width: 40px;
    min-width: 40px;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    border-radius: 5px;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
  }

  .dz-social-icon li a i {
    color: var(--title);
  }

  .dz-social-icon.style-1 {
    display: flex;
  }

  .dz-social-icon.style-1 li {
    margin-right: 10px;
    color: #000;
  }

  .dz-social-icon.style-1 li a {
    color: var(--primary);
    background-color: rgba(255, 255, 255, 0.1);
    width: 44px;
    height: 44px;
    color: #fff;
    line-height: 44px;
    font-size: 20px;
    display: block;
  }

  .dz-social-icon.style-1 li a:hover {
    background-color: var(--primary);
    color: #fff;
  }

  @media only screen and (max-width: 1191px) {
    .dz-social-icon.style-1 {
      justify-content: center;
    }
  }

  .dz-social-icon.style-2 li {
    margin-right: 10px;
    color: #000;
  }

  .dz-social-icon.style-2 li a {
    color: #fff;
    width: 55px;
    height: 55px;
    line-height: 55px;
    font-size: 20px;
    border: 1px solid var(--border-color);
    border-radius: 50%;
    display: block;
    background: var(--secondary);
  }

  .dz-social-icon.style-2 li a i {
    color: #fff;
  }

  .dz-social-icon.style-2 li a:hover {
    background-color: var(--secondary);
    border-color: var(--secondary);
    color: #fff;
  }

  .dz-social-icon.style-2.white {
    color: #fff;
  }

  .dz-social-icon.style-2.white a {
    color: #fff;
    border: 1px solid rgb(255, 255, 255);
  }

  .dz-social-icon.style-2.white a i {
    color: #fff;
  }

  .dz-social-icon.style-2.white a:hover {
    background-color: #fff;
    border-color: #fff;
    color: var(--secondary);
  }

  .dz-social-icon.style-2.white a:hover i {
    color: var(--secondary);
  }

  @media only screen and (max-width: 1191px) {
    .dz-social-icon.style-2 {
      justify-content: center;
    }
  }

  .dz-social-icon.style-3 li {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: var(--border-radius-base);
  }

  .dz-social-icon.style-3 li:nth-child(1) {
    background-color: #3b5998;
  }

  .dz-social-icon.style-3 li:nth-child(2) {
    background-color: #1da1f2;
  }

  .dz-social-icon.style-3 li:nth-child(3) {
    background-color: #25d366;
  }

  .dz-social-icon.style-3 li:nth-child(4) {
    background-color: #db4439;
  }

  .dz-social-icon.style-3 li a {
    color: #ffffff;
    font-size: 16px;
    line-height: 1;
  }

  @media only screen and (max-width: 575px) {
    .dz-social-icon.style-3 {
      display: none;
    }
  }

  @-webkit-keyframes upToDown {
    49% {
      -webkit-transform: translateY(100%);
    }

    50% {
      opacity: 0;
      -webkit-transform: translateY(-100%);
    }

    51% {
      opacity: 1;
    }
  }

  @-moz-keyframes upToDown {
    49% {
      -moz-transform: translateY(100%);
    }

    50% {
      opacity: 0;
      -moz-transform: translateY(-100%);
    }

    51% {
      opacity: 1;
    }
  }

  @keyframes upToDown {
    49% {
      -webkit-transform: translateY(100%);
      transform: translateY(100%);
    }

    50% {
      opacity: 0;
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%);
    }

    51% {
      opacity: 1;
    }
  }

  @-webkit-keyframes upToRight {
    49% {
      -webkit-transform: translateX(100%);
    }

    50% {
      opacity: 0;
      -webkit-transform: translateX(-100%);
    }

    51% {
      opacity: 1;
    }
  }

  @-moz-keyframes upToRight {
    49% {
      -moz-transform: translateX(100%);
    }

    50% {
      opacity: 0;
      -moz-transform: translateX(-100%);
    }

    51% {
      opacity: 1;
    }
  }

  @keyframes upToRight {
    49% {
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
    }

    50% {
      opacity: 0;
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
    }

    51% {
      opacity: 1;
    }
  }

  @-webkit-keyframes leftToRight {
    49% {
      -webkit-transform: translateX(100%);
    }

    50% {
      opacity: 0;
      -webkit-transform: translateX(-100%);
    }

    51% {
      opacity: 1;
    }
  }

  @-moz-keyframes leftToRight {
    49% {
      -moz-transform: translateX(100%);
    }

    50% {
      opacity: 0;
      -moz-transform: translateX(-100%);
    }

    51% {
      opacity: 1;
    }
  }

  @keyframes leftToRight {
    49% {
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
    }

    50% {
      opacity: 0;
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
    }

    51% {
      opacity: 1;
    }
  }

  @keyframes movedelement {
    0% {
      -webkit-transform: translate(0);
      transform: translate(0);
    }

    25% {
      -webkit-transform: translate(10px, 10px);
      transform: translate(10px, 10px);
    }

    50% {
      -webkit-transform: translate(5px, 5px);
      transform: translate(5px, 5px);
    }

    75% {
      -webkit-transform: translate(10px, -5px);
      transform: translate(10px, -5px);
    }

    to {
      -webkit-transform: translate(0);
      transform: translate(0);
    }
  }

  @keyframes movedelement2 {
    0% {
      -webkit-transform: translate(0);
      transform: translate(0);
    }

    25% {
      -webkit-transform: translate(-10px, -10px);
      transform: translate(-10px, -10px);
    }

    50% {
      -webkit-transform: translate(-5px, -5px);
      transform: translate(-5px, -5px);
    }

    75% {
      -webkit-transform: translate(-10px, 5px);
      transform: translate(-10px, 5px);
    }

    to {
      -webkit-transform: translate(0);
      transform: translate(0);
    }
  }

  @keyframes movedelement3 {
    0% {
      -webkit-transform: translate(0);
      transform: translate(0);
    }

    25% {
      -webkit-transform: translate(15px, 15px);
      transform: translate(15px, 15px);
    }

    50% {
      -webkit-transform: translate(8px, 8px);
      transform: translate(8px, 8px);
    }

    75% {
      -webkit-transform: translate(15px, -8px);
      transform: translate(15px, -8px);
    }

    to {
      -webkit-transform: translate(0);
      transform: translate(0);
    }
  }

  @keyframes movedelement4 {
    0% {
      -webkit-transform: translate(0);
      transform: translate(0);
    }

    25% {
      -webkit-transform: translate(-15px, -15px);
      transform: translate(-15px, -15px);
    }

    50% {
      -webkit-transform: translate(-8px, -8px);
      transform: translate(-8px, -8px);
    }

    75% {
      -webkit-transform: translate(-15px, 8px);
      transform: translate(-15px, 8px);
    }

    to {
      -webkit-transform: translate(0);
      transform: translate(0);
    }
  }

  @keyframes movedelement5 {
    0% {
      -webkit-transform: translate(0px, -50%);
      transform: translate(0px, -50%);
    }

    25% {
      -webkit-transform: translate(10px, calc(-50% + 10px));
      transform: translate(10px, calc(-50% + 10px));
    }

    50% {
      -webkit-transform: translate(5px, calc(-50% + 5px));
      transform: translate(5px, calc(-50% + 5px));
    }

    75% {
      -webkit-transform: translate(10px, calc(-50% - 5px));
      transform: translate(10px, calc(-50% - 5px));
    }

    to {
      -webkit-transform: translate(0px, -50%);
      transform: translate(0px, -50%);
    }
  }

  @-moz-keyframes spin {
    100% {
      -moz-transform: translate(-50%, -50%) rotate(-45deg);
    }
  }

  @-webkit-keyframes spin {
    100% {
      -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    }
  }

  @keyframes spin {
    100% {
      -webkit-transform: translate(-50%, -50%) rotate(-45deg);
      transform: translate(-50%, -50%) rotate(-45deg);
    }
  }

  @-moz-keyframes spin2 {
    100% {
      -moz-transform: translate(-50%, -50%) rotate(45deg);
    }
  }

  @-webkit-keyframes spin2 {
    100% {
      -webkit-transform: translate(-50%, -50%) rotate(45deg);
    }
  }

  @keyframes spin2 {
    100% {
      -webkit-transform: translate(-50%, -50%) rotate(45deg);
      transform: translate(-50%, -50%) rotate(45deg);
    }
  }

  @keyframes shake {
    0% {
      transform: translate(1px, 1px) rotate(0deg);
    }

    10% {
      transform: translate(-1px, -2px) rotate(-1deg);
    }

    20% {
      transform: translate(-3px, 0px) rotate(1deg);
    }

    30% {
      transform: translate(3px, 2px) rotate(0deg);
    }

    40% {
      transform: translate(1px, -1px) rotate(1deg);
    }

    50% {
      transform: translate(-1px, 2px) rotate(-1deg);
    }

    60% {
      transform: translate(-3px, 1px) rotate(0deg);
    }

    70% {
      transform: translate(3px, 1px) rotate(-1deg);
    }

    80% {
      transform: translate(-1px, -1px) rotate(1deg);
    }

    90% {
      transform: translate(1px, 2px) rotate(0deg);
    }

    100% {
      transform: translate(1px, -2px) rotate(-1deg);
    }
  }

  .range-slider.style-1 span {
    margin-right: 15px;
  }

  .range-slider.style-1 .example-val {
    font-size: 14px;
    color: #000;
  }

  .dropdown-menu {
    background-color: #fff;
    border: 0;
    border-radius: 0;
    min-width: 200px;
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);
  }

  .dropdown-menu .dropdown-item {
    padding: 5px 20px;
    font-size: 14px;
  }

  .dropdown-menu .dropdown-footer {
    padding: 10px 20px 10px;
  }

  .dropdown-menu .dropdown-header {
    padding: 10px 20px 10px;
  }

  .dropdown-item:hover,
  .dropdown-item.active,
  .dropdown-item:active {
    background-color: var(--light);
    color: var(--primary);
  }

  .bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
  }

  .content-box.style-1 {
    padding: 30px;
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: var(--border-radius-base);
    -webkit-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
  }

  .content-box.style-1 .dz-info {
    margin-bottom: 30px;
  }

  .content-box.style-1 .dz-info .title {
    line-height: 1.2;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 20px;
    margin-bottom: 20px;
    -webkit-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
  }

  .content-box.style-1:hover {
    background-color: var(--primary);
    color: #fff;
  }

  .content-box.style-1:hover .dz-info .title {
    color: #fff;
  }

  .content-box.style-1:hover .dz-info .title a {
    color: inherit;
  }

  .content-box.style-2 .icon-bx .title {
    font-size: 60px;
    font-weight: 500;
    line-height: 30px;
    color: rgba(25, 27, 29, 0.2);
    margin-bottom: 40px;
  }

  .content-box.style-2 .icon-content p {
    font-size: 16px;
    color: #666666;
    line-height: 28px;
    max-width: 258px;
    font-weight: 400;
  }

  .service-box.style-1 .service-number {
    font-size: 60px;
    font-weight: 500;
    line-height: 1;
    color: rgba(25, 27, 29, 0.2);
    margin-bottom: 30px;
    font-family: var(--border-radius-base);
  }

  .service-box.style-1 .service-title {
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    color: var(--secondary);
    margin-bottom: 15px;
    font-family: var(--border-radius-base);
  }

  .service-box.style-1 .service-description {
    font-size: 18px;
    color: #666666;
    line-height: 28px;
    max-width: 298px;
    font-weight: 400;
  }

  @media only screen and (max-width: 767px) {
    #myContainer {
      height: 100vh;
      overflow-y: auto;
    }
  }

  .swiper-image.swiper-bg {
    background-repeat: no-repeat !important;
    position: relative;
    z-index: 1;
  }

  @media only screen and (max-width: 767px) {
    .swiper-image.swiper-bg {
      height: 500px;
    }
  }

  .swiper-image.swiper-bg.portfolio-box.style-2 .dz-content {
    padding: 40px;
    height: auto;
  }

  .swiper-image.swiper-bg.portfolio-box.style-2 .dz-content .product-tag {
    margin-bottom: 5px;
  }

  .swiper-image.swiper-bg.portfolio-box.style-2 .dz-content .title {
    font-size: 35px;
    width: 75%;
  }

  @media only screen and (max-width: 991px) {
    .swiper-image.swiper-bg.portfolio-box.style-2 .dz-content .title {
      font-size: 24px;
      width: 100%;
    }
  }

  @media only screen and (max-width: 575px) {
    .swiper-image.swiper-bg.portfolio-box.style-2 .dz-content .title {
      font-size: 18px;
    }
  }

  @media only screen and (max-width: 991px) {
    .swiper-image.swiper-bg.portfolio-box.style-2 .dz-content {
      padding: 20px;
    }
  }

  .swiper-image .swiper-content {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    height: 100%;
    padding: 50px;
    position: relative;
    max-width: 600px;
    overflow: unset;
    margin: auto;
  }

  @media only screen and (max-width: 1199px) {
    .swiper-image .swiper-content {
      padding: 0 30px;
    }
  }

  @media only screen and (max-width: 991px) {
    .swiper-image .swiper-content {
      padding: 30px;
    }
  }

  @media only screen and (max-width: 767px) {
    .swiper-image .swiper-content {
      padding: 20px;
    }

    .swiper-image .swiper-content img {
      object-fit: cover;
    }

    .swiper-image .swiper-content .portfolio-box {
      margin-left: auto;
      margin-right: auto;
    }
  }

  .split-area .swiper-pagination-two.style-1 {
    left: auto !important;
    right: 20px !important;
    z-index: 999;
    position: fixed;
    opacity: 1;
    width: auto;
    top: 50% !important;
    transform: translateY(-50%) !important;
    display: flex;
    bottom: auto !important;
    flex-direction: column;
  }

  @media only screen and (max-width: 1199px) {
    .split-area .swiper-pagination-two.style-1 {
      gap: 15px;
    }
  }

  @media only screen and (max-width: 767px) {
    .split-area .swiper-pagination-two.style-1 {
      right: 5px !important;
    }
  }

  .spilt-slider-wrapper .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    box-sizing: content-box;
  }

  .spilt-slider-wrapper .swiper-wrapper .swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    background-color: #fff;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .spilt-slider-wrapper .swiper-wrapper .swiper-slide.swiper-slide-active .swiper-image-left {
    -webkit-filter: sepia(0%);
    filter: sepia(0%);
  }

  @media only screen and (max-width: 767px) {
    .spilt-slider-wrapper .swiper-wrapper .swiper-slide {
      flex-direction: column;
      height: 100vh !important;
    }
  }

  .spilt-slider-wrapper .swiper-wrapper .swiper-slide .swiper-image {
    width: 100%;
    height: 100%;
    background-position: center !important;
    background-size: cover !important;
  }

  @media only screen and (max-width: 767px) {
    .spilt-slider-wrapper .swiper-wrapper .swiper-slide .swiper-image {
      width: 100%;
      height: calc(50vh - 40px);
    }
  }

  @media only screen and (max-width: 575px) {
    .spilt-slider-wrapper .swiper-wrapper .swiper-slide .swiper-image {
      background-size: contain !important;
    }
  }

  .spilt-slider-wrapper .swiper-wrapper .swiper-slide .swiper-image.swiper-bg {
    position: relative;
    z-index: 1;
  }

  @media only screen and (max-width: 767px) {
    .spilt-slider-wrapper .swiper-wrapper .swiper-slide .swiper-image.swiper-bg {
      height: calc(50vh - 25px);
    }
  }

  @media only screen and (max-width: 575px) {
    .spilt-slider-wrapper .swiper-wrapper .swiper-slide .swiper-image.swiper-bg {
      background-size: cover !important;
      background-position: top !important;
    }
  }

  .spilt-slider-wrapper .swiper-wrapper .swiper-slide .swiper-image.swiper-bg.portfolio-box.style-2 .dz-content {
    padding: 40px;
    height: auto;
    bottom: 0;
  }

  @media only screen and (max-width: 767px) {
    .spilt-slider-wrapper .swiper-wrapper .swiper-slide .swiper-image.swiper-bg.portfolio-box.style-2 .dz-content {
      bottom: 0;
    }
  }

  .spilt-slider-wrapper .swiper-wrapper .swiper-slide .swiper-image.swiper-bg.portfolio-box.style-2 .dz-content .product-tag {
    margin-bottom: 5px;
  }

  .spilt-slider-wrapper .swiper-wrapper .swiper-slide .swiper-image.swiper-bg.portfolio-box.style-2 .dz-content .title {
    font-size: 35px;
    width: 75%;
  }

  @media only screen and (max-width: 991px) {
    .spilt-slider-wrapper .swiper-wrapper .swiper-slide .swiper-image.swiper-bg.portfolio-box.style-2 .dz-content .title {
      font-size: 24px;
      width: 100%;
    }
  }

  @media only screen and (max-width: 575px) {
    .spilt-slider-wrapper .swiper-wrapper .swiper-slide .swiper-image.swiper-bg.portfolio-box.style-2 .dz-content .title {
      font-size: 18px;
    }
  }

  @media only screen and (max-width: 991px) {
    .spilt-slider-wrapper .swiper-wrapper .swiper-slide .swiper-image.swiper-bg.portfolio-box.style-2 .dz-content {
      padding: 20px;
    }
  }

  .spilt-slider-wrapper .swiper-wrapper .swiper-slide .swiper-image .swiper-content {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    height: 100%;
    padding: 50px;
    position: relative;
    max-width: 600px;
    overflow: unset;
    margin: auto;
  }

  @media only screen and (max-width: 1199px) {
    .spilt-slider-wrapper .swiper-wrapper .swiper-slide .swiper-image .swiper-content {
      padding: 0 30px;
    }
  }

  @media only screen and (max-width: 991px) {
    .spilt-slider-wrapper .swiper-wrapper .swiper-slide .swiper-image .swiper-content {
      padding: 30px;
    }
  }

  @media only screen and (max-width: 767px) {
    .spilt-slider-wrapper .swiper-wrapper .swiper-slide .swiper-image .swiper-content {
      padding: 20px;
    }

    .spilt-slider-wrapper .swiper-wrapper .swiper-slide .swiper-image .swiper-content img {
      object-fit: cover;
      width: 300px;
    }

    .spilt-slider-wrapper .swiper-wrapper .swiper-slide .swiper-image .swiper-content .portfolio-box {
      margin-left: auto;
      margin-right: auto;
    }
  }

  .spilt-slider-wrapper .swiper-container-no-flexbox .swiper-slide {
    float: left;
  }

  .spilt-slider-wrapper .swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .spilt-slider-wrapper .swiper-container-android .swiper-slide,
  .spilt-slider-wrapper .swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
  }

  .spilt-slider-wrapper .swiper-container-multirow>.swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .spilt-slider-wrapper .swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
  }

  .spilt-slider-wrapper .swiper-pagination {
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 99999;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  }

  .spilt-slider-wrapper .swiper-pagination span {
    display: block;
    font-size: 14px;
    color: #000;
    text-align: center;
    font-weight: 700;
    opacity: 0.3;
    padding: 5px 10px;
    text-shadow: 1px 2px 0px rgba(255, 255, 255, 0.5);
  }

  .spilt-slider-wrapper .swiper-pagination span:nth-child(1):after {
    content: "01";
  }

  .spilt-slider-wrapper .swiper-pagination span:nth-child(2):after {
    content: "02";
  }

  .spilt-slider-wrapper .swiper-pagination span:nth-child(3):after {
    content: "03";
  }

  .spilt-slider-wrapper .swiper-pagination span:nth-child(4):after {
    content: "04";
  }

  .spilt-slider-wrapper .swiper-pagination span:nth-child(5):after {
    content: "05";
  }

  .spilt-slider-wrapper .swiper-pagination span:nth-child(6):after {
    content: "06";
  }

  .spilt-slider-wrapper .swiper-pagination span:nth-child(7):after {
    content: "07";
  }

  .icon-bx-wraper {
    position: relative;
  }

  .icon-bx-wraper p:last-child {
    margin: 0;
  }

  .icon-bx-wraper.center {
    text-align: center;
  }

  .icon-bx-wraper.right {
    text-align: right;
  }

  .icon-content {
    overflow: hidden;
  }

  [class*=icon-bx-][class*=bg-] a,
  [class*=icon-bx-][class*=bg-] span {
    color: #ffffff;
  }

  [class*=icon-bx-].bg-white a {
    color: inherit;
  }

  [class*=icon-bx-][class*=border-] {
    display: table;
    line-height: normal;
    margin-left: auto;
    margin-right: auto;
  }


  .dz-info {
    position: relative;
  }


  .dz-info[class*=border-] {
    border-color: #eee;
  }


  .dz-info.border-2 {
    border-top: none;
  }


  .border-2 {
    border-style: solid;
  }

  .border-2 {
    border-width: 2px;
  }

  .dz-media {
    position: relative;
    overflow: hidden;
  }

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

  .icon-bx-wraper.style-3 {
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    padding: 20px 25px;
    display: flex;
    align-items: center;
  }

  .icon-bx-wraper.style-3 .icon-bx {
    min-width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .icon-bx-wraper.style-3 .icon-bx i {
    font-size: 46px;
    color: #ABABAB;
  }

  .icon-bx-wraper.style-3 .icon-content {
    margin-left: 20px;
    color: #000;
  }

  .icon-bx-wraper.style-3 .icon-content p {
    font-size: 14px;
  }

  .icon-bx-wraper.style-3 .icon-content .dz-title {
    color: #000;
  }

  .icon-bx-wraper.style-4 {
    display: flex;
    align-items: center;
  }

  .icon-bx-wraper.style-4 .icon-bx {
    min-width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
  }

  .icon-bx-wraper.style-4 .icon-bx i {
    font-size: 46px;
    color: #ABABAB;
  }

  .icon-bx-wraper.style-4 .info-content,
  .icon-bx-wraper.style-4 .icon-content {
    color: #000;
  }

  .icon-bx-wraper.style-4 .info-content p,
  .icon-bx-wraper.style-4 .icon-content p {
    font-size: 14px;
  }

  .icon-bx-wraper.style-4 .info-content span,
  .icon-bx-wraper.style-4 .icon-content span {
    font-size: 13px;
  }

  .icon-bx-wraper.style-4 .info-content .dz-title,
  .icon-bx-wraper.style-4 .icon-content .dz-title {
    color: #505050;
    font-size: 16px;
  }

  .icon-bx-wraper.style-5 {
    height: 100%;
  }

  .icon-bx-wraper.style-5 .icon-box {
    display: flex;
    transition: 0.5s;
    gap: 20px;
    padding: 40px;
    background-color: #fff;
    border-radius: 20px;
    align-items: center;
    border-width: 1px 1px 4px 1px;
    border-style: solid;
    border-color: transparent;
    height: 100%;
  }

  @media only screen and (max-width: 991px) {
    .icon-bx-wraper.style-5 .icon-box {
      flex-direction: column;
      align-items: start;
      justify-content: space-between;
    }
  }

  @media only screen and (max-width: 767px) {
    .icon-bx-wraper.style-5 .icon-box {
      padding: 30px 35px;
      border-radius: 15px;
    }
  }

  .icon-bx-wraper.style-5 .icon-box::before {
    content: none;
  }

  .icon-bx-wraper.style-5 .icon-box:hover {
    border-color: var(--primary);
  }

  .icon-bx-wraper.style-5 .icon-box .icon-content .title {
    font-size: 24px;
    font-weight: 500;
    font-family: var(--font-family-title);
    color: var(--secondary);
  }

  @media (max-width: 575px) {
    .icon-bx-wraper.style-5 .icon-box .icon-content .title {
      font-size: 20px;
    }
  }

  .icon-bx-wraper.style-5 .icon-box .icon-content .text {
    color: var(--text-dark);
    font-size: 18px;
    font-weight: 400;
  }

  @media only screen and (max-width: 991px) {
    .icon-bx-wraper.style-5 .icon-box .icon svg {
      width: 70px;
      height: 70px;
    }
  }

  @media only screen and (max-width: 991px) {
    .icon-bx-wraper.style-5 .icon-box {
      padding: 30px;
    }

    .icon-bx-wraper.style-5 .icon-content .title {
      font-size: 20px;
    }

    .icon-bx-wraper.style-5 .icon-content .text {
      font-size: 16px;
    }
  }

  @media only screen and (max-width: 575px) {
    .icon-bx-wraper.style-5 .icon-box {
      padding: 25px 25px;
      border-radius: 10px;
    }

    .icon-bx-wraper.style-5 .icon-box .icon svg {
      width: 60px;
      height: 60px;
    }

    .icon-bx-wraper.style-5 .icon-content .title {
      font-size: 18px;
    }

    .icon-bx-wraper.style-5 .icon-content .text {
      font-size: 14px;
    }
  }

  .icon-bx-wraper.style-6 {
    background-color: #fff;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
  }

  .icon-bx-wraper.style-6 .icon-box {
    display: flex;
    padding: 40px;
    transition: 0.5s;
    gap: 20px;
    align-items: center;
    border-bottom: 1px solid #ECECDE;
  }

  .icon-bx-wraper.style-6 .icon-box .icon.service-icon {
    display: block;
  }

  @media (max-width: 575px) {
    .icon-bx-wraper.style-6 .icon-box {
      flex-direction: column;
      align-items: flex-start;
      padding: 25px;
    }

    .icon-bx-wraper.style-6 .icon-box .icon.service-icon svg {
      width: 60px;
      height: 60px;
    }
  }

  .icon-bx-wraper.style-6 .icon-box::before {
    content: none;
  }

  .icon-bx-wraper.style-6 .icon-box .icon-content .title {
    font-size: 24px;
    font-weight: 500;
    font-family: var(--font-family-title);
    color: var(--secondary);
  }

  @media only screen and (max-width: 575px) {
    .icon-bx-wraper.style-6 .icon-box .icon-content .title {
      font-size: 22px;
    }
  }

  .icon-bx-wraper.style-6 .icon-box .icon-content .text {
    color: var(--text-dark);
    font-size: 18px;
    font-weight: 400;
  }

  @media only screen and (max-width: 575px) {
    .icon-bx-wraper.style-6 .icon-box .icon-content .text {
      font-size: 16px;
    }
  }

  .icon-bx-wraper.style-6 .icon-footer {
    display: flex;
    justify-content: center;
    padding: 30px;
  }

  @media only screen and (max-width: 1199px) {
    .icon-bx-wraper.style-6 .icon-footer {
      justify-content: end;
    }
  }

  @media only screen and (max-width: 575px) {
    .icon-bx-wraper.style-6 .icon-footer {
      padding: 10px;
      justify-content: start;
    }
  }

  .icon-bx-wraper.style-6 .icon-footer .icon-tags {
    display: flex;
    gap: 10px;
  }

  .icon-bx-wraper.style-6 .icon-footer .icon-tags a {
    padding: 5px 15px;
    border: 2px solid #ECECDE;
    color: var(--text-dark);
    font-weight: 500;
    border-radius: 10px;
  }

  .icon-bx-wraper.style-6 .icon-footer .icon-tags a:hover {
    background-color: var(--primary);
  }

  .icon-bx-wraper.style-6::before {
    position: absolute;
    font-size: 95px;
    line-height: 1.6;
    font-weight: 800;
    color: #ECECDE;
    bottom: -50px;
    left: 40px;
  }

  @media only screen and (max-width: 767px) {
    .icon-bx-wraper.style-6::before {
      bottom: 0px;
      font-size: 60px;
      left: 20px;
    }
  }

  @media only screen and (max-width: 575px) {
    .icon-bx-wraper.style-6::before {
      display: none;
    }
  }

  .dz-meta {
    margin-bottom: 10px;
  }

  .dz-meta ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }

  .dz-meta ul li {
    display: inline-flex;
    position: relative;
    font-size: 14px;
    font-weight: 400;
    margin-right: 10px;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
  }

  .dz-meta ul li i {
    font-size: 15px;
    margin-right: 2px;
    color: var(--secondary);
    position: relative;
    top: -1px;
  }

  @media only screen and (max-width: 575px) {
    .dz-meta ul li {
      margin-right: 10px;
      padding-right: 10px;
    }
  }

  .dz-card .dz-media img {
    width: 100%;
    object-fit: cover;
    height: 100%;
  }

  .dz-card.style-1 {
    margin-bottom: 30px;
  }

  @media only screen and (max-width: 991px) {
    .dz-card.style-1 {
      margin-top: 0px;
    }
  }

  @media only screen and (max-width: 767px) {
    .dz-card.style-1 {
      margin-top: 25px;
    }
  }

  @media only screen and (max-width: 575px) {
    .dz-card.style-1 {
      margin-top: 15px;
    }
  }

  .dz-card.style-1:hover .dz-info .dz-right {
    transform: translateX(0%) rotate(0deg);
    opacity: 1;
    transition: 0.4s all;
  }

  .dz-card.style-1:hover .dz-info .dz-left .dz-title:after {
    transform: scaleX(1);
    transform-origin: bottom left;
  }

  .dz-card.style-1 .dz-media {
    margin-bottom: 15px;
  }

  .dz-card.style-1 .dz-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .dz-card.style-1 .dz-info .dz-left .dz-title {
    font-weight: 500;
    color: var(--secondary);
    margin-bottom: 0px;
    font-family: var(--font-family-base);
    font-size: 28px;
  }

  @media only screen and (max-width: 575px) {
    .dz-card.style-1 .dz-info .dz-left .dz-title {
      line-height: 1;
      margin-bottom: 5px;
      font-size: 22px;
    }
  }

  .dz-card.style-1 .dz-info .dz-left p {
    color: rgba(25, 27, 29, 0.4);
    font-weight: 500;
    font-family: var(--font-family-base);
    font-size: 16px;
  }

  .dz-card.style-1 .dz-info .dz-left p a {
    color: rgba(25, 27, 29, 0.4);
  }

  @media only screen and (max-width: 575px) {
    .dz-card.style-1 .dz-info .dz-left p {
      font-size: 15px;
    }
  }

  .dz-card.style-1 .dz-info .dz-left p.date {
    font-size: 14px;
  }

  .dz-card.style-1 .dz-info .dz-left .dz-title {
    position: relative;
    margin-bottom: 0;
  }

  .dz-card.style-1 .dz-info .dz-left .dz-title:after {
    content: "";
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #191B1D;
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
  }

  .dz-card.style-1 .dz-info .dz-right {
    background-color: var(--primary);
    border-radius: 40px;
    transform: translateX(-130px);
    opacity: 0;
    transition: 0.4s all;
    transform: translateX(-100%) rotate(-360deg);
    width: 60px;
    height: 60px;
    align-items: center;
    justify-content: center;
    display: flex;
  }

  @media only screen and (max-width: 575px) {
    .dz-card.style-1 .dz-info .dz-right {
      height: 50px;
      width: 50px;
    }
  }

  .dz-card.style-2 .dz-info {
    background: #FAFAFA;
    display: flex;
    padding: 35px 50px 35px;
    align-items: end;
    justify-content: space-between;
  }

  @media only screen and (max-width: 767px) {
    .dz-card.style-2 .dz-info {
      padding: 30px;
    }
  }

  @media only screen and (max-width: 575px) {
    .dz-card.style-2 .dz-info {
      padding: 20px;
    }
  }

  @media only screen and (max-width: 575px) {
    .dz-card.style-2 .dz-info .dz-left {
      width: 100%;
    }
  }

  .dz-card.style-2 .dz-info .dz-left .dz-title {
    color: var(--secondary) !important;
    line-height: 50px;
    max-width: 340px;
    font-weight: 500;
    margin-bottom: 10px;
    font-size: 45px;
  }

  @media only screen and (max-width: 1199px) {
    .dz-card.style-2 .dz-info .dz-left .dz-title {
      max-width: 100%;
      width: 100%;
    }
  }

  @media only screen and (max-width: 575px) {
    .dz-card.style-2 .dz-info .dz-left .dz-title {
      font-size: 30px;
      max-width: 100%;
      line-height: 1;
    }
  }

  .dz-card.style-2 .dz-info .dz-left .dz-title a {
    color: var(--secondary);
  }

  .dz-card.style-2 .dz-info .dz-left p {
    font-weight: 400;
    font-size: 18px;
    color: #999999;
    max-width: 350px;
    line-height: 24px;
    margin-bottom: 40px;
  }

  @media only screen and (max-width: 1199px) {
    .dz-card.style-2 .dz-info .dz-left p {
      max-width: 100%;
      width: 100%;
    }
  }

  .dz-card.style-2 .dz-info .dz-left span {
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 35px;
    color: #999999;
  }

  .dz-card.style-2 .dz-info .dz-right {
    background: var(--primary);
    height: 60px;
    width: 60px;
    color: var(--secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 20px;
  }

  @media only screen and (max-width: 575px) {
    .dz-card.style-2 .dz-info .dz-right {
      height: 50px;
      width: 50px;
    }
  }

  .dz-card.style-3 {
    display: flex;
    background: #292D32;
  }

  @media only screen and (max-width: 575px) {
    .dz-card.style-3 {
      flex-direction: column;
    }
  }

  .dz-card.style-3 .dz-media {
    width: 340px;
    min-width: 340px;
    min-height: 380px;
    padding: 10px 10px 10px 0px;
  }

  @media (max-width: 1280px) {
    .dz-card.style-3 .dz-media {
      width: 310px;
      min-width: 290px;
      min-height: 300px;
    }
  }

  @media only screen and (max-width: 991px) {
    .dz-card.style-3 .dz-media {
      width: 260px;
      min-width: 310px;
      min-height: 310px;
    }
  }

  @media only screen and (max-width: 767px) {
    .dz-card.style-3 .dz-media {
      width: 210px;
      min-width: 200px;
      min-height: 310px;
    }
  }

  @media only screen and (max-width: 575px) {
    .dz-card.style-3 .dz-media {
      width: 100%;
      padding: 20px;
      height: 100%;
    }
  }

  .dz-card.style-3 .dz-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    mask-size: 100% 100%;
  }

  .dz-card.style-3 .dz-info {
    padding: 35px 50px;
    flex: 1;
  }

  @media only screen and (max-width: 767px) {
    .dz-card.style-3 .dz-info {
      padding: 25px 25px;
    }
  }

  @media only screen and (max-width: 575px) {
    .dz-card.style-3 .dz-info {
      padding: 20px 20px;
    }
  }

  .dz-card.style-3 .dz-info .dz-title {
    font-weight: 500;
    line-height: 41px;
    color: #ffffff;
    margin-bottom: 18px;
    font-family: var(--font-family-base);
  }

  .dz-card.style-3 .dz-info .dz-title a {
    color: #ffffff;
  }

  .dz-card.style-3 .dz-info p {
    line-height: 24px;
    font-size: 18px;
    font-weight: 400;
    color: #999999;
    margin-bottom: 130px;
  }

  @media only screen and (max-width: 991px) {
    .dz-card.style-3 .dz-info p {
      margin-bottom: 70px;
    }
  }

  @media (max-width: 1280px) {
    .dz-card.style-3 .dz-info p {
      margin-bottom: 66px;
    }
  }

  .dz-card.style-3 .dz-info span {
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 35px;
    color: #999999;
    position: absolute;
    bottom: 35px;
  }

  .dz-card.style-7 .dz-info {
    padding: 30px 25px 25px;
    border-radius: 0px 0px 30px 30px;
  }

  .dz-card.style-7 .dz-info .dz-meta ul li {
    font-size: 13px;
    color: #fff;
    padding: 5px 12px;
    margin-bottom: 3px;
  }

  .dz-card.style-7 .dz-info .dz-meta ul li.post-date {
    line-height: 1.2;
    font-weight: 500;
    display: inline-block;
    background: var(--secondary);
    border-radius: 5px;
  }

  @media only screen and (max-width: 991px) {
    .dz-card.style-7 .dz-info {
      padding: 20px;
    }

    .dz-card.style-7 .dz-info .dz-meta ul li {
      padding: 4px 10px;
    }

    .dz-card.style-7 .dz-info .dz-title {
      font-size: 18px;
    }
  }

  /* DZ Shine */
  .dz-card.style-1 .dz-media::before,
  .dz-card.style-2 .dz-media::before,
  .dz-card.style-3 .dz-media::before,
  .dz-card.style-4 .dz-media::before,
  .dz-card.style-5 .dz-media::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 0;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
  }

  .dz-card.style-1:hover .dz-media:before,
  .dz-card.style-2:hover .dz-media:before,
  .dz-card.style-3:hover .dz-media:before,
  .dz-card.style-4:hover .dz-media:before,
  .dz-card.style-5:hover .dz-media:before {
    -webkit-animation: dzShine 0.75s;
    animation: dzShine 0.75s;
  }

  @-webkit-keyframes dzShine {
    100% {
      left: 125%;
    }
  }

  @keyframes dzShine {
    100% {
      left: 125%;
    }
  }

  .card-content {
    margin-right: -30%;
    margin-left: -9%;
  }

  @media only screen and (max-width: 1480px) {
    .card-content {
      margin-right: -3%;
      margin-left: -6%;
    }
  }

  @media (max-width: 1040px) {
    .card-content {
      margin-right: 0%;
      margin-left: 0%;
    }
  }

  .dz-post-text {
    padding-bottom: 5px;
  }

  .dz-post-text:after {
    content: "";
    display: block;
    width: 100%;
    clear: both;
  }

  .dz-post-text .list-check-3 {
    margin-bottom: 10px;
  }

  .dz-post-text .list-check-3 li::before {
    content: "";
    display: inline-block;
    width: 0.375rem;
    height: 0.375rem;
    background: #444444;
    left: -0.938rem;
    position: absolute;
    top: 30px !important;
    border-radius: 4px;
  }

  @media only screen and (max-width: 575px) {
    .dz-post-text .list-check-3 li::before {
      top: 20px !important;
    }
  }

  .list-check-4 {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin-bottom: 30px;
  }

  .list-check-4 li {
    padding: 6px 8px 5px 50px !important;
    position: relative;
    align-items: center;
    display: flex;
    font-weight: 400;
    font-size: 20px !important;
    color: #999;
    font-family: var(--font-family-base);
    width: 50%;
  }

  .list-check-4 li:after {
    position: absolute;
    left: 5px;
    top: 50%;
    content: "\e83f";
    font-family: "feather" !important;
    font-weight: 300;
    font-size: 16px;
    width: 24px;
    height: 24px;
    text-align: center;
    transform: translateY(-50%);
  }

  .list-check-4.check-circle li:after {
    border-radius: 50%;
    background-color: var(--primary);
    color: var(--secondary);
    font-weight: 700;
  }

  @media only screen and (max-width: 1199px) {
    .list-check-4 li {
      padding: 12px 8px 12px 48px !important;
      font-size: 15px !important;
      width: 100%;
    }

    .list-check-4 li:after {
      width: 35px;
      height: 35px;
      line-height: 35px;
      font-size: 20px;
    }
  }

  @media only screen and (max-width: 767px) {
    .list-check-4 li {
      width: 100%;
    }
  }

  .pxl-swiper-wrapper .testimonial-thumb {
    position: relative;
  }

  .pxl-swiper-wrapper .testimonial-thumb .thumb-media {
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #fff;
    transition: all 350ms ease-in-out 0s;
    width: 70px;
    height: 70px;
    margin: auto;
    margin-bottom: 10px;
    transform: scale(0.5073);
  }

  .pxl-swiper-wrapper .testimonial-thumb .thumb-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .pxl-swiper-wrapper .testimonial-thumb .thumb-content {
    margin-top: 6px;
    display: flex;
    flex-direction: column;
    white-space: nowrap;
    opacity: 1;
    transition: all 350ms ease-in-out 0s;
    text-align: center;
  }

  .pxl-swiper-wrapper .testimonial-thumb .thumb-content .name {
    font-weight: 600;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 1;
    margin-bottom: 0;
  }

  .pxl-swiper-wrapper .testimonial-thumb .thumb-content .text {
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.5);
  }

  .pxl-swiper-slider-wrap .pxl-swiper-slide.swiper-slide-active .item-info-wrap>* {
    opacity: 1;
    transform: translateY(0);
  }

  .pxl-swiper-slider-wrap .pxl-swiper-slide.swiper-slide-active .thumb-media {
    transform: scale(1);
  }

  .pxl-swiper-slider-wrap .pxl-swiper-slide.swiper-slide-prev .thumb-media,
  .pxl-swiper-slider-wrap .pxl-swiper-slide.swiper-slide-next .thumb-media {
    transform: scale(0.7971);
  }

  .pxl-swiper-slider-wrap .pxl-swiper-slide .thumb-content {
    opacity: 0;
    display: none;
    margin: 0 -25px;
  }

  .pxl-swiper-slider-wrap .pxl-swiper-slide.swiper-slide-active .thumb-content {
    opacity: 1;
    display: block;
  }

  .pxl-swiper-slider-wrap .pxl-swiper-slide {
    transition: transform 0.25s ease, left 0.25s ease;
  }

  .pxl-swiper-slider-wrap .pxl-swiper-slide .item-image {
    transform: scale(0.7971);
  }

  .pxl-swiper-dots {
    position: absolute;
    top: 40px;
    right: 40px;
    left: auto !important;
    z-index: 999;
    width: auto !important;
    height: auto !important;
    font-size: 24px;
    color: #fff;
  }

  .pxl-swiper-slider-wrap {
    max-width: 430px;
    margin: 50px auto 37px;
    user-select: none;
  }

  @media only screen and (max-width: 767px) {
    .pxl-swiper-slider-wrap {
      margin: 20px auto 15px;
    }
  }

  .pxl-swiper-arrows {
    position: absolute;
    top: 39%;
    display: flex;
    width: 100%;
    justify-content: space-between;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999999;
  }

  @media only screen and (max-width: 1199px) {
    .pxl-swiper-arrows {
      top: 42%;
    }
  }

  @media only screen and (max-width: 991px) {
    .pxl-swiper-arrows {
      top: 41%;
    }
  }

  @media only screen and (max-width: 767px) {
    .pxl-swiper-arrows {
      top: 33%;
    }
  }

  .portfolio-box {
    position: relative;
    overflow: hidden;
  }

  .portfolio-box.style-1 {
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
  }

  .portfolio-box.style-1 .dz-media img {
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
  }

  .portfolio-box.style-1 .dz-content {
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
    padding: 20px;
    position: absolute;
    bottom: -60%;
    left: 0;
    width: 85%;
    border-radius: 0 20px;
    z-index: 1;
    background: var(--secondary);
  }

  .portfolio-box.style-1 .dz-content .product-tag .badge {
    font-weight: 500;
    font-size: 12px;
    margin-bottom: 9px;
  }

  .portfolio-box.style-1 .dz-content .title a {
    color: #fff;
  }

  .portfolio-box.style-1:hover .dz-content {
    bottom: 0%;
  }

  .portfolio-box.style-1:hover .dz-media img {
    transform: scale(1.2);
  }

  @media only screen and (max-width: 1199px) {
    .portfolio-box.style-1 .dz-content {
      width: 100%;
      padding: 12px;
    }
  }

  @media only screen and (max-width: 767px) {
    .portfolio-box.style-1 .dz-content .title {
      font-size: 16px;
    }
  }

  .portfolio-box.style-1 .dz-media::before,
  .portfolio-box.style-2 .dz-media::before,
  .portfolio-box.style-3 .dz-media::before,
  .portfolio-box.style-4 .dz-media::before {
    position: absolute;
    top: 0;
    left: -85%;
    z-index: 0;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
  }

  .portfolio-box.style-1:hover .dz-media:before,
  .portfolio-box.style-2:hover .dz-media:before,
  .portfolio-box.style-3:hover .dz-media:before,
  .portfolio-box.style-4:hover .dz-media:before {
    -webkit-animation: dzShine 0.75s;
    animation: dzShine 0.75s;
  }

  @-webkit-keyframes dzShine {
    100% {
      left: 125%;
    }
  }

  @keyframes dzShine {
    100% {
      left: 125%;
    }
  }

  .portfolio-thumb .swiper-wrapper.card-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
  }

  .portfolio-thumb .swiper-wrapper.card-columns .card-container {
    display: inline-block;
    width: 100%;
  }

  .pricingtable-head h2,
  .pricingtable-head .h2 {
    font-weight: 600;
    font-size: 70px;
    color: var(--secondary);
    line-height: 80px;
    margin: auto;
    max-width: 1055px;
    font-family: var(--font-family-title);
    margin-bottom: 68px;
  }

  @media only screen and (max-width: 991px) {

    .pricingtable-head h2,
    .pricingtable-head .h2 {
      font-size: 50px;
      line-height: 60px;
    }
  }

  @media only screen and (max-width: 767px) {

    .pricingtable-head h2,
    .pricingtable-head .h2 {
      font-size: 43px;
      line-height: 1;
      margin-bottom: 45px;
    }
  }

  @media only screen and (max-width: 575px) {

    .pricingtable-head h2,
    .pricingtable-head .h2 {
      font-size: 35px;
      line-height: 1;
      margin-bottom: 25px;
    }
  }

  .dz-pricingtable {
    padding: 100px 0 100px;
  }

  @media only screen and (max-width: 991px) {
    .dz-pricingtable {
      padding: 50px 0 50px;
    }

    .dz-pricingtable .pricingtable-wraper {
      justify-content: center;
    }
  }

  @media only screen and (max-width: 767px) {
    .dz-pricingtable {
      padding: 40px 0 10px;
    }
  }

  .pricingtable-wrapper {
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
  }

  .pricingtable-wrapper.active,
  .pricingtable-wrapper:hover {
    margin-top: 0;
  }

  @media only screen and (max-width: 767px) {
    .pricingtable-wrapper {
      margin-top: 0;
    }
  }

  .pricingtable-wrapper.style-1 {
    padding: 25px 35px;
    position: relative;
    z-index: 1;
    background: transparent;
    transition: 0.4s all;
  }

  .pricingtable-wrapper.style-1::after {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    background-image: url('data:image/svg+xml,<svg width="315" height="530" viewBox="0 0 315 530" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_16823_475" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="315" height="530"><path d="M0 0H315V530H0V0Z" fill="%23E3FF75"/></mask><g mask="url(%23mask0_16823_475)"><g opacity="0.1"><path fill-rule="evenodd" clip-rule="evenodd" d="M582.465 118.348H380.535L318.121 310.107L481.497 428.627L644.878 310.107L582.465 118.348ZM313 311.766L377.369 114H585.631L650 311.766L481.497 434L313 311.766Z" fill="black"/><path fill-rule="evenodd" clip-rule="evenodd" d="M588.215 110.094H374.791L308.822 312.718L481.503 437.944L654.183 312.718L588.215 110.094ZM305.206 315.148L304 314.273L371.809 106H591.203L659 314.273L481.503 443L305.206 315.148Z" fill="black"/><path fill-rule="evenodd" clip-rule="evenodd" d="M593.949 101.846H369.045L299.523 315.31L481.497 447.25L663.471 315.31L593.949 101.846ZM295 316.784L366.241 98H596.747L668 316.784L481.497 452L295 316.784Z" fill="black"/><path fill-rule="evenodd" clip-rule="evenodd" d="M599.7 94.5869H363.3L290.23 318.921L481.5 457.561L672.77 318.921L599.7 94.5869ZM286 320.286L360.68 91H602.32L677 320.286L481.5 462L286 320.286Z" fill="black"/><path fill-rule="evenodd" clip-rule="evenodd" d="M605.639 86.3335H358.361L281.932 321.523L481.997 466.872L682.068 321.523L605.639 86.3335ZM278 322.795L355.937 83H608.063L686 322.795L481.997 471L278 322.795Z" fill="black"/><path fill-rule="evenodd" clip-rule="evenodd" d="M611.382 78.0913H352.612L272.628 324.121L481.997 476.183L691.372 324.121L611.382 78.0913ZM269.904 325.963L269 325.301L350.378 75H613.628L695 325.301L481.997 480L269.904 325.963Z" fill="black"/><path fill-rule="evenodd" clip-rule="evenodd" d="M617.124 69.832H346.877L263.347 326.723L482 485.494L700.66 326.723L617.124 69.832ZM260 327.806L344.814 67H619.191L704 327.806L482 489L260 327.806Z" fill="black"/><path fill-rule="evenodd" clip-rule="evenodd" d="M709.959 329.33L622.874 61.5845H341.133L254.042 329.33L482 494.811L709.959 329.33ZM251.76 330.873L251 330.321L338.955 59.8922L339.249 59H624.751L713 330.321L482.76 497.453L482 498L251.76 330.873Z" fill="black"/><path fill-rule="evenodd" clip-rule="evenodd" d="M628.618 53.3311H335.381L244.748 331.926L482.003 504.116L719.251 331.926L628.618 53.3311ZM242 332.824L333.688 51H630.312L722 332.824L482.003 507L242 332.824Z" fill="black"/><path fill-rule="evenodd" clip-rule="evenodd" d="M634.357 45.0778H329.637L235.443 334.539L482 513.433L728.551 334.539L634.357 45.0778ZM233.611 335.777L233 335.339L327.885 43.7195L328.121 43H635.879L730.764 334.62L731 335.339L482 516L233.611 335.777Z" fill="black"/><path fill-rule="evenodd" clip-rule="evenodd" d="M640.108 37.8247H323.891L226.149 338.135L481.997 523.738L737.85 338.135L640.108 37.8247ZM224.536 339.223L224 338.831L322.353 36.6331L322.566 36H641.434L739.798 338.198L740 338.831L481.997 526L224.536 339.223Z" fill="black"/><path fill-rule="evenodd" clip-rule="evenodd" d="M747.133 340.741L645.851 29.5884H318.156L216.868 340.741L482 533.049L747.133 340.741ZM215.473 341.679L215 341.339L316.83 28.5525L317.009 28H646.997L748.821 340.792L749 341.339L482.467 534.655L482 535L215.473 341.679Z" fill="black"/><path fill-rule="evenodd" clip-rule="evenodd" d="M651.595 21.3294H312.405L207.562 343.343L481.997 542.366L756.432 343.343L651.595 21.3294ZM206.386 344.138L206 343.85L311.292 20.4662L311.436 20H652.558L757.856 343.395L758 343.85L481.997 544L206.386 344.138Z" fill="black"/><path fill-rule="evenodd" clip-rule="evenodd" d="M765.731 345.947L657.341 13.0762H306.665L198.269 345.947L482 551.665L765.731 345.947ZM197.323 346.586L197 346.35L305.76 12.3683L305.881 12H658.125L766.879 345.982L767 346.35L482.323 552.764L482 553L197.323 346.586Z" fill="black"/><path fill-rule="evenodd" clip-rule="evenodd" d="M775.02 349.161L663.081 4.81864H300.919L188.975 349.161L481.994 561.974L775.02 349.161ZM188.248 349.651L188 349.479L300.319 4H663.681L776 349.479L482.236 562.821L481.994 563L188.248 349.651Z" fill="black"/><path fill-rule="evenodd" clip-rule="evenodd" d="M294.753 -4L294.69 -3.79824L179 351.981L179.173 352.108L482 572L482.167 571.873L785 351.981L784.942 351.785L669.253 -4H294.753ZM179.675 351.762L295.18 -3.42931H668.826L784.325 351.762L482 571.279L179.675 351.762Z" fill="black"/></g></g></svg>');
    top: 0;
    right: 0;
    opacity: 0;
    background-position: right;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1;
  }

  .pricingtable-wrapper.style-1 .brand {
    position: absolute;
    right: 0;
    top: 0;
    background: var(--secondary);
    color: #ffffff;
    padding: 10px 16px;
    font-size: 12px;
    font-weight: 800;
    font-family: var(--font-family-title);
    opacity: 0;
    transition: 0.5s;
  }

  .pricingtable-wrapper.style-1 .pricingtable-inner .pricingtable-title {
    margin-bottom: 15px;
  }

  .pricingtable-wrapper.style-1 .pricingtable-inner .pricingtable-title .title {
    font-size: 28px;
    font-weight: 500;
    color: var(--secondary);
    font-family: var(--font-family-base);
  }

  @media only screen and (max-width: 767px) {
    .pricingtable-wrapper.style-1 .pricingtable-inner .pricingtable-title .title {
      font-size: 22px;
    }
  }

  .pricingtable-wrapper.style-1 .pricingtable-inner .pricingtable-title .text {
    margin-bottom: 0;
    color: #999999;
    line-height: 24px;
    font-weight: 400;
    font-family: var(--font-family-base);
    max-width: 270px;
    font-size: 18px;
  }

  .pricingtable-wrapper.style-1 .pricingtable-inner .pricingtable-bx {
    font-size: 60px;
    font-weight: 500;
    margin: 0 0 10px;
    color: var(--secondary);
    font-family: var(--font-family-base);
  }

  .pricingtable-wrapper.style-1 .pricingtable-inner .pricingtable-bx small,
  .pricingtable-wrapper.style-1 .pricingtable-inner .pricingtable-bx .small {
    font-size: 18px;
    font-weight: 400;
    color: #999999;
    padding-left: 10px;
  }

  .pricingtable-wrapper.style-1 .pricingtable-inner .pricingtable-button .btn {
    width: 100%;
    color: var(--title);
    color: var(--secondary);
  }

  .pricingtable-wrapper.style-1 .pricingtable-inner .pricingtable-list .pricingtable-features {
    padding: 15px 0px 30px 0px;
    text-align: left;
    list-style: none;
  }

  .pricingtable-wrapper.style-1 .pricingtable-inner .pricingtable-list .pricingtable-features li {
    padding: 6px 0 6px 30px;
    font-size: 16px;
    font-weight: 400;
    position: relative;
    color: #999999;
  }

  .pricingtable-wrapper.style-1 .pricingtable-inner .pricingtable-list .pricingtable-features li:after {
    content: "\f00c";
    font-family: "Font Awesome 6 Free";
    font-weight: 700;
    font-size: 12px;
    width: 20px;
    height: 20px;
    background: var(--primary);
    display: block;
    position: absolute;
    left: 0;
    color: var(--secondary);
    border-radius: 35px;
    text-align: center;
    top: 10px;
    line-height: 20px;
  }

  .pricingtable-wrapper.style-1 .pricingtable-inner .pricingtable-list .pricingtable-features li.disable {
    opacity: 0.5;
  }

  .pricingtable-wrapper.style-1 .pricingtable-inner .pricingtable-list .pricingtable-features li.disable:after {
    content: "\f00d";
    background: #D23636;
  }

  @media only screen and (max-width: 1199px) {
    .pricingtable-wrapper.style-1 .pricingtable-inner .pricingtable-title {
      margin-bottom: 10px;
    }

    .pricingtable-wrapper.style-1 .pricingtable-inner .pricingtable-title .text {
      font-size: 14px;
    }

    .pricingtable-wrapper.style-1 .pricingtable-inner .pricingtable-bx {
      font-size: 50px;
      margin: 0 0 20px;
    }

    .pricingtable-wrapper.style-1 .pricingtable-inner .pricingtable-button {
      margin-bottom: 30px;
    }
  }

  @media only screen and (max-width: 1199px) and (max-width: 575px) {
    .pricingtable-wrapper.style-1 .pricingtable-inner .pricingtable-button {
      margin-bottom: 0;
    }
  }

  @media only screen and (max-width: 1199px) {
    .pricingtable-wrapper.style-1 .pricingtable-inner .pricingtable-list .pricingtable-features {
      padding: 10px 0;
    }

    .pricingtable-wrapper.style-1 .pricingtable-inner .pricingtable-list .pricingtable-features li {
      padding: 8px 0 8px 30px;
      font-size: 15px;
    }

    .pricingtable-wrapper.style-1 .pricingtable-inner .pricingtable-list .pricingtable-features li:after {
      font-size: 10px;
      width: 18px;
      height: 18px;
      line-height: 18px;
    }
  }

  @media only screen and (max-width: 767px) {
    .pricingtable-wrapper.style-1 .pricingtable-inner .pricingtable-bx {
      text-align: start;
    }
  }

  .pricingtable-wrapper.style-1.active,
  .pricingtable-wrapper.style-1:hover {
    margin-top: -30px;
    transform: translateY(0);
    background-color: var(--primary);
    color: var(--secondary);
    border: 0px;
  }

  .pricingtable-wrapper.style-1.active::after,
  .pricingtable-wrapper.style-1:hover::after {
    opacity: 1;
  }

  .pricingtable-wrapper.style-1.active .brand,
  .pricingtable-wrapper.style-1:hover .brand {
    opacity: 1;
    transform: translateY(-15px);
  }

  .pricingtable-wrapper.style-1.active .pricingtable-type,
  .pricingtable-wrapper.style-1:hover .pricingtable-type {
    color: var(--secondary) !important;
  }

  .pricingtable-wrapper.style-1.active .pricingtable-bx,
  .pricingtable-wrapper.style-1:hover .pricingtable-bx {
    color: var(--secondary);
  }

  .pricingtable-wrapper.style-1.active .pricingtable-title .title,
  .pricingtable-wrapper.style-1:hover .pricingtable-title .title {
    color: var(--secondary) !important;
  }

  .pricingtable-wrapper.style-1.active .pricingtable-title .text,
  .pricingtable-wrapper.style-1:hover .pricingtable-title .text {
    color: var(--secondary);
  }

  .pricingtable-wrapper.style-1.active .pricingtable-list .pricingtable-features li,
  .pricingtable-wrapper.style-1:hover .pricingtable-list .pricingtable-features li {
    color: var(--secondary);
  }

  .pricingtable-wrapper.style-1.active .pricingtable-list .pricingtable-features li:after,
  .pricingtable-wrapper.style-1:hover .pricingtable-list .pricingtable-features li:after {
    background: rgba(25, 27, 29, 0.1);
    color: var(--secondary);
  }

  @media only screen and (max-width: 767px) {

    .pricingtable-wrapper.style-1.active,
    .pricingtable-wrapper.style-1:hover {
      transform: unset;
    }
  }

  .pricingtable-wrapper.style-1.active .pricingtable-inner .pricingtable-button .btn,
  .pricingtable-wrapper.style-1:hover .pricingtable-inner .pricingtable-button .btn {
    background: var(--secondary) !important;
    color: #fff;
  }

  @media only screen and (max-width: 1199px) {
    .pricingtable-wrapper.style-1 {
      padding: 42px 35px;
    }
  }

  @media only screen and (max-width: 1024px) {
    .pricingtable-wrapper.style-1 {
      padding: 35px 30px;
    }
  }

  @media only screen and (max-width: 767px) {

    .pricingtable-wrapper.style-1.active,
    .pricingtable-wrapper.style-1:hover {
      transform: translateY(0);
    }
  }

  @media only screen and (max-width: 575px) {
    .pricingtable-wrapper.style-1 {
      padding: 30px 20px;
    }
  }

  .dz-media.style-1 {
    z-index: 1;
    margin-right: 40px;
  }

  @media only screen and (max-width: 1199px) {
    .dz-media.style-1 {
      margin-right: 10px;
    }
  }

  @media only screen and (max-width: 991px) {
    .dz-media.style-1 {
      margin-right: 0;
    }
  }

  .dz-media.style-1 img {
    border-radius: 50% 50% 0 0;
  }

  .dz-media.style-2 {
    z-index: 1;
    margin-right: 20px;
    overflow: visible;
  }

  .dz-media.style-2:after {
    content: "";
    position: absolute;
    top: 50%;
    left: -60px;
    transform: translate(-60px, -50%);
    width: 100%;
    height: 80%;
    z-index: -1;
    background: #FFFAE4;
    border-radius: 50%;
  }

  @media only screen and (max-width: 1480px) {
    .dz-media.style-2:after {
      left: -35px;
      transform: translate(-35px, -50%);
    }
  }

  @media only screen and (max-width: 1199px) {
    .dz-media.style-2 {
      margin-right: 10px;
    }
  }

  .dz-media.style-2 img {
    border-radius: 30px;
  }

  @keyframes stroke {
    0% {
      fill: rgba(255, 255, 255, 0);
      stroke: rgb(255, 255, 255);
      stroke-dashoffset: 25%;
      stroke-dasharray: 0 50%;
      stroke-width: 2;
    }

    70% {
      fill: rgba(255, 255, 255, 0);
      stroke: rgb(255, 255, 255);
    }

    80% {
      fill: rgba(255, 255, 255, 0);
      stroke: rgb(255, 255, 255);
      stroke-width: 3;
    }

    100% {
      fill: rgb(255, 255, 255);
      stroke: rgba(255, 255, 255, 0);
      stroke-dashoffset: -25%;
      stroke-dasharray: 50% 0;
      stroke-width: 0;
    }
  }

  @keyframes updown-2 {
    0% {
      transform: translateY(0px);
    }

    50% {
      transform: translateY(4px);
    }

    100% {
      transform: translateY(0px);
    }
  }

  .testimonial-swiper .swiper-slide .about-box .about-img img {
    border-radius: 0 25% 0 0;
    transition: 0.5s;
    width: 100%;
  }

  .testimonial-swiper .swiper-slide.swiper-slide-active .about-box .about-img img {
    transition: 0.5s;
    border-radius: 25% 0 0 0;
  }

  .testimonial-swiper .swiper-slide.swiper-slide-next .about-box .about-img img {
    border-radius: 50% 50% 0 0;
    transition: 0.5s;
  }

  @keyframes explode {
    0% {
      transform: scale(0.7);
      opacity: 1;
    }

    100% {
      transform: scale(2) translateY(-30px);
      opacity: 0;
    }
  }

  @keyframes bounceShake {

    0%,
    100% {
      transform: translateY(0) rotate(0);
    }

    25% {
      transform: translateY(-20px) rotate(-10deg);
    }

    50% {
      transform: translateY(0) rotate(10deg);
    }

    75% {
      transform: translateY(-10px) rotate(-5deg);
    }
  }

  .banner-media.style-1 {
    width: 44vw;
    float: left;
    height: 770px;
  }

  .banner-media.style-1 img {
    height: 100%;
    object-fit: cover;
    width: 100%;
  }

  @media only screen and (max-width: 1480px) {
    .banner-media.style-1 {
      width: 60vw;
    }
  }

  @media only screen and (max-width: 1199px) {
    .banner-media.style-1 {
      width: 50vw;
      height: auto;
    }

    .banner-media.style-1 img {
      width: auto;
      height: auto;
    }
  }

  @media only screen and (max-width: 991px) {
    .banner-media.style-1 {
      width: 100%;
      height: 100%;
    }
  }

  .counter-bx {
    border-radius: 20px;
    margin-bottom: 15px;
    margin-right: 80px;
  }

  @media (max-width: 1040px) {
    .counter-bx {
      padding: 23px 30px;
      margin-right: 0px;
    }
  }

  @media only screen and (max-width: 767px) {
    .counter-bx {
      padding: 20px 20px;
    }
  }

  .counter-bx.style-2 .title {
    font-weight: 300;
    font-size: 120px;
    margin-bottom: 30px;
    line-height: 1;
    color: var(--secondary) !important;
    font-family: var(--font-family-base);
  }

  @media only screen and (max-width: 767px) {
    .counter-bx.style-2 .title {
      font-size: 80px;
    }
  }

  @media only screen and (max-width: 575px) {
    .counter-bx.style-2 .title {
      font-size: 50px;
    }
  }

  .counter-bx.style-2 p {
    padding: 17px 0px 0px 0px;
    border-top: 1px solid var(--secondary);
    color: var(--secondary);
    text-transform: uppercase;
    font-weight: 400;
    font-size: 20px;
  }

  @media only screen and (max-width: 575px) {
    .counter-bx.style-2 p {
      font-size: 17px;
      max-width: 100%;
    }
  }

  .dz-carticon,
  .dz-wishicon {
    padding: 0;
  }


  .dz-carticon .dz-heart-fill,
  .dz-wishicon .dz-heart-fill {
    display: none;
  }

  .active.btn.dz-carticon,
  .active.btn.dz-wishicon {
    background-color: var(--primary) !important;
  }


  .active.btn.dz-carticon .dz-heart-fill,
  .active.btn.dz-wishicon .dz-heart-fill {
    display: inline-block;
  }

  .shop-card {
    position: relative;
    z-index: 1;
  }

  .shop-card .shop-meta {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: end;
    gap: 5px;
    padding: 15px;
    -webkit-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
  }

  @media only screen and (max-width: 575px) {
    .shop-card .shop-meta {
      gap: 0;
      padding: 15px 10px;
    }
  }

  .shop-card .shop-meta .meta-icon.dz-wishicon,
  .shop-card .shop-meta .meta-icon.dz-carticon {
    width: 30px;
    min-width: 30px;
    height: 30px;
    background: var(--secondary);
    border-radius: 0;
    line-height: 28px;
    text-align: center;
    color: #fff;
    border: 0;
    gap: 0;
  }

  .shop-card .shop-meta .meta-icon.dz-wishicon.active,
  .shop-card .shop-meta .meta-icon.dz-carticon.active {
    background-color: var(--primary) !important;
    color: var(--secondary);
  }

  .shop-card .shop-meta>a:hover {
    background-color: var(--primary);
    border-color: var(--primary);
  }

  .shop-card .shop-meta .btn-bx {
    position: absolute;
    bottom: -60px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 13px;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
  }

  .shop-card .shop-meta .btn.btn-md {
    padding: 6px 15px;
    font-size: 13px;
    white-space: nowrap;
    border-radius: 0;
    font-weight: 600;
  }

  .shop-card:hover .shop-meta .btn-bx {
    bottom: 20px;
  }

  .shop-card .product-tag {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }

  .shop-card .product-tag .badge {
    padding: 2px 10px;
    background-color: var(--secondary);
    color: #fff;
    font-family: var(--font-family-title);
    font-size: 12px;
    min-width: 22px;
    min-height: 22px;
    line-height: 18px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 500;
    transition: 0.5s;
    border-radius: 0;
  }

  @media only screen and (max-width: 575px) {
    .shop-card .product-tag .badge {
      padding: 2px 8px;
      font-size: 10px;
    }
  }

  .shop-card .product-tag .badge2 {
    padding: 2px 10px;
    background-color: var(--primary);
    color: var(--secondary);
    font-family: var(--font-family-title);
    font-size: 12px;
    min-width: 22px;
    min-height: 22px;
    line-height: 18px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 500;
    transition: 0.5s;
    border-radius: 0;
  }

  @media only screen and (max-width: 575px) {
    .shop-card .product-tag .badge2 {
      padding: 2px 8px;
      font-size: 10px;
    }
  }

  .shop-card .dz-media {
    margin-bottom: 15px;
  }

  .shop-card .dz-content .title {
    font-size: 18px;
    font-weight: 400;
  }

  @media only screen and (max-width: 575px) {
    .shop-card .dz-content .title {
      font-size: 14px;
    }
  }

  .shop-card .dz-content .price {
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 10px;
  }

  .shop-card .dz-content .price del {
    color: #999;
    margin-right: 10px;
  }

  .shop-card.style-1 {
    text-align: center;
  }

  .shop-card.style-1 .dz-content {
    text-align: center;
  }

  .shop-card.style-1 .dz-rating {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
  }

  @keyframes rotate-360 {
    from {
      transform: rotate(0deg);
    }

    to {
      transform: rotate(359deg);
    }
  }

  @media only screen and (min-width: 1199px) {
    .adbox {
      width: 330px;
      max-width: 330px;
    }
  }

  .section-head.style-1 .title {
    font-size: 70px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: var(--font-family-title);
  }

  @media only screen and (max-width: 1199px) {
    .section-head.style-1 .title {
      font-size: 55px;
    }
  }

  @media only screen and (max-width: 767px) {
    .section-head.style-1 .title {
      font-size: 50px;
    }
  }

  @media only screen and (max-width: 575px) {
    .section-head.style-1 .title {
      font-size: 33px;
    }
  }

  .section-head.style-1 .text {
    max-width: 520px;
    font-weight: 400;
    font-size: 20px;
  }

  @media only screen and (max-width: 991px) {
    .section-head.style-1 .text {
      max-width: 100%;
    }
  }

  @media only screen and (max-width: 575px) {
    .section-head.style-1 .text {
      display: block;
      margin: unset;
      font-size: 15px;
      text-align: left;
    }
  }

  .section-head.style-1 .sub-title {
    font-size: 18px;
    color: var(--title);
  }

  .section-head.style-1 .inner-content {
    display: flex;
    gap: 15px;
    margin-top: 35px;
  }

  @media only screen and (max-width: 767px) {
    .section-head.style-1 .inner-content {
      flex-direction: column;
      gap: 0;
      margin-top: 10px;
    }
  }

  @media only screen and (max-width: 575px) {
    .section-head.style-1 .inner-content {
      margin-bottom: 15px;
    }
  }

  .section-head.style-1 .inner-content .sub-title {
    min-width: 80px;
    text-transform: capitalize;
  }

  .section-head.style-1 .inner-content .line {
    min-width: 80px;
    height: 1px;
    border-bottom: 1px solid #D9D9D9;
    margin: 15px 30px 0 0;
    display: flex;
  }

  @media (max-width: 1024px) {
    .section-head.style-1 .inner-content .line {
      margin: 15px 10px 0 0;
    }
  }

  @media only screen and (max-width: 767px) {
    .section-head.style-1 .inner-content .line {
      margin: 10px 0px 10px 0;
    }
  }

  .section-head.style-2 .title {
    font-size: 60px;
    font-weight: 500;
    text-transform: capitalize;
    font-family: var(--font-family-title);
  }

  @media only screen and (max-width: 767px) {
    .section-head.style-2 .title {
      font-size: 45px;
    }
  }

  @media only screen and (max-width: 575px) {
    .section-head.style-2 .title {
      font-size: 30px;
      display: flex;
    }
  }

  .section-head.style-2 .text {
    max-width: 500px;
    font-weight: 400;
    font-size: 20px;
  }

  @media only screen and (max-width: 575px) {
    .section-head.style-2 .text {
      display: flex;
      margin: unset;
      font-size: 15px;
      text-align: left;
    }
  }

  .section-head.style-3 .title {
    font-size: 50px;
    font-weight: 500;
    text-transform: capitalize;
  }

  @media only screen and (max-width: 767px) {
    .section-head.style-3 .title {
      font-size: 45px;
    }
  }

  @media only screen and (max-width: 575px) {
    .section-head.style-3 .title {
      font-size: 30px;
      display: flex;
    }
  }

  .section-head.style-3 .text {
    max-width: 500px;
    font-weight: 400;
    font-size: 20px;
  }

  @media only screen and (max-width: 575px) {
    .section-head.style-3 .text {
      display: block;
      margin: unset;
      font-size: 15px;
      text-align: left;
    }
  }

  .section-head.style-4 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: var(--font-family-title);
    padding-bottom: 50px;
  }

  @media only screen and (max-width: 991px) {
    .section-head.style-4 {
      flex-wrap: wrap;
    }
  }

  @media only screen and (max-width: 575px) {
    .section-head.style-4 {
      padding-bottom: 20px;
    }
  }

  .section-head.style-4 .left-content .title {
    font-size: 70px;
    font-weight: 600;
    line-height: 70px;
    color: #2D2D2C;
    max-width: 450px;
  }

  @media (max-width: 1440px) {
    .section-head.style-4 .left-content .title {
      max-width: 450px;
    }
  }

  @media (max-width: 1040px) {
    .section-head.style-4 .left-content .title {
      max-width: 380px;
    }
  }

  @media only screen and (max-width: 991px) {
    .section-head.style-4 .left-content .title {
      font-size: 55px;
      max-width: 380px;
    }
  }

  @media only screen and (max-width: 767px) {
    .section-head.style-4 .left-content .title {
      font-size: 50px;
      line-height: 50px;
    }
  }

  @media only screen and (max-width: 575px) {
    .section-head.style-4 .left-content .title {
      font-size: 36px;
      line-height: 1;
      margin-bottom: 15px;
    }
  }

  .section-head.style-4 .left-content .text {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    font-family: var(--font-family-base);
  }

  @media only screen and (max-width: 575px) {
    .section-head.style-4 .middle-content {
      margin-bottom: 15px;
    }
  }

  .section-head.style-4 .middle-content p {
    color: #888888;
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    max-width: 380px;
  }

  @media (max-width: 1440px) {
    .section-head.style-4 .middle-content p {
      max-width: 340px;
    }
  }

  @media (max-width: 1040px) {
    .section-head.style-4 .middle-content p {
      max-width: 280px;
    }
  }

  @media only screen and (max-width: 991px) {
    .section-head.style-4 .middle-content p {
      max-width: 280px;
      font-size: 20px;
      line-height: 1.5;
    }
  }

  @media only screen and (max-width: 767px) {
    .section-head.style-4 .middle-content p {
      max-width: 560px;
    }
  }

  @media only screen and (max-width: 575px) {
    .section-head.style-4 .middle-content p {
      font-size: 17px;
      line-height: 25px;
      max-width: 460px;
    }
  }

  .section-head.style-7 .title {
    font-size: 80px;
    font-weight: 800;
    font-family: var(--font-family-title);
  }

  @media only screen and (max-width: 1199px) {
    .section-head.style-7 .title {
      font-size: 55px;
    }
  }

  @media only screen and (max-width: 767px) {
    .section-head.style-7 .title {
      font-size: 50px;
    }
  }

  @media only screen and (max-width: 575px) {
    .section-head.style-7 .title {
      font-size: 33px;
      display: flex;
    }
  }

  .section-head.style-7 .text {
    font-family: var(--font-family-title);
    font-size: 24px;
    font-weight: 300;
  }

  @media only screen and (max-width: 575px) {
    .section-head.style-7 .text {
      font-size: 18px;
    }
  }

  .section-head .media1 {
    min-width: 315px;
    height: 100%;
  }

  .section-head .media1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .section-head-bottom {
    display: flex;
    gap: 40px;
    align-items: center;
  }

  @media only screen and (max-width: 575px) {
    .section-head-bottom {
      gap: 15px;
    }

    .section-head-bottom .dz-player a {
      height: 45px;
      width: 45px;
    }

    .section-head-bottom .dz-player a i {
      font-size: 12px;
    }

    .section-head-bottom .dz-player .video-text {
      font-size: 16px;
      margin-bottom: 5px;
      margin-top: 5px;
    }
  }

  .section-head-bottom .media1 {

    width: 315px;
    height: 100%;
  }

  .w-170px {
    width: 170px !important;
  }

  .section-head-bottom .media1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  @media only screen and (max-width: 575px) {
    .section-head-bottom .media1 {
      min-width: 200px;
      width: 315px;
    }
  }

  .section-head-bottom.style-1 {
    display: block;
  }

  .section-head-bottom.style-1 .media1 {
    width: 655px;
  }

  @media only screen and (max-width: 1199px) {
    .section-head-bottom.style-1 .media1 {
      width: 525px;
    }
  }

  @media only screen and (max-width: 991px) {
    .section-head-bottom.style-1 .media1 {
      width: 100%;
    }
  }

  .team-box {
    position: relative;
    margin-left: -60px;
  }

  @media (max-width: 1040px) {
    .team-box {
      margin-left: 0px;
    }
  }

  .team-box .dz-media.team-custmer1 {
    margin-bottom: 80px;
  }

  @media only screen and (max-width: 575px) {
    .team-box .dz-media.team-custmer1 {
      margin-bottom: 30px;
    }
  }

  .team-box .dz-media.team-custmer2 {
    position: absolute;
    top: 50%;
    z-index: 2;
    right: -105px;
    height: 350px;
    transform: translateY(-65%);
  }

  @media only screen and (max-width: 1480px) {
    .team-box .dz-media.team-custmer2 {
      right: -70px;
    }
  }

  @media (max-width: 1280px) {
    .team-box .dz-media.team-custmer2 {
      right: -40px;
      height: 260px;
    }
  }

  @media only screen and (max-width: 991px) {
    .team-box .dz-media.team-custmer2 {
      right: 0;
      height: auto;
    }
  }

  .team-box .dz-media.team-custmer3 {
    z-index: 3;
  }

  .team-box .dz-media {
    width: 350px;
    height: 100%;
  }

  @media (max-width: 1280px) {
    .team-box .dz-media {
      width: 250px;
    }
  }

  @media only screen and (max-width: 991px) {
    .team-box .dz-media {
      width: 60%;
      height: auto;
    }
  }

  @media only screen and (max-width: 991px) {
    .team-box .dz-media {
      width: 55%;
      height: auto;
    }
  }

  @media (min-width: 1040px) {
    .dz-player {
      margin-top: 15px;
    }
  }

  .dz-player a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    width: 60px;
    border-radius: 100%;
    background: var(--primary);
  }

  .dz-player .video-text {
    font-size: 18px;
    font-weight: 400;
    color: var(--secondary);
    margin-bottom: 40px;
    margin-top: 10px;
  }

  .dz-player p {
    color: #666666;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    max-width: 150px;
    margin-bottom: 0px;
  }

  .banner-media.style-2 {
    width: 50vw;
    float: inline-start;
    height: 700px;
    margin-top: 30px;
    padding-left: 50px;
  }

  .banner-media.style-2 img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
  }

  @media only screen and (max-width: 1480px) {
    .banner-media.style-2 {
      width: 60vw;
    }
  }

  @media only screen and (max-width: 1199px) {
    .banner-media.style-2 {
      width: 50vw;
      height: auto;
    }

    .banner-media.style-2 img {
      width: auto;
      height: auto;
    }
  }

  @media only screen and (max-width: 991px) {
    .banner-media.style-2 {
      width: 100%;
      height: 100%;
      padding-left: 0;
      margin-top: 0;
    }
  }

  .color-name {
    margin-bottom: 10px;
  }

  .color-name,
  .price-name {
    font-size: 14px;
    font-weight: 400;
    color: #999999;
  }

  del {
    font-family: var(--font-family-title);
    font-style: normal;
    font-weight: var(--headings-font-weight2);
    color: #999999;
    margin-bottom: 0;
  }

  @media only screen and (max-width: 575px) {
    del {
      font-size: 16px;
    }
  }

  .swiper-pagination.style-1 {
    position: unset;
    width: 230px !important;
    overflow: hidden;
    height: 55px;
  }

  .swiper-pagination.style-1 .swiper-pagination-bullet {
    height: auto;
    width: auto;
    transition: all 0.5s;
    margin: 0 15px;
    line-height: 3.5;
    background-color: transparent;
    transform: scale(0.9);
    color: var(--title);
    opacity: 0.4;
    z-index: 2;
    font-size: 18px;
    font-weight: 400;
  }

  @media only screen and (max-width: 575px) {
    .swiper-pagination.style-1 .swiper-pagination-bullet {
      margin: 0 8px;
    }
  }

  .swiper-pagination.style-1 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    color: #000;
    font-size: 28px;
    font-weight: 400;
    transform: scale(1.1);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
  }

  @media only screen and (max-width: 767px) {
    .swiper-pagination.style-1 .swiper-pagination-bullet.swiper-pagination-bullet-active {
      width: 40px;
      height: 40px;
      font-size: 14px;
    }
  }

  @media only screen and (max-width: 575px) {
    .swiper-pagination.style-1 .swiper-pagination-bullet.swiper-pagination-bullet-active {
      font-size: 12px;
      width: 35px;
      height: 35px;
    }
  }

  .swiper-horizontal>.swiper-pagination-bullets,
  .swiper-pagination-bullets.swiper-pagination-horizontal,
  .swiper-pagination-custom,
  .swiper-pagination-fraction {
    bottom: 10%;
    left: 42%;
    width: 100%;
  }

  @media only screen and (max-width: 1199px) {

    .swiper-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
      bottom: 8%;
    }
  }

  @media only screen and (max-width: 991px) {

    .swiper-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
      bottom: 40%;
      left: 38%;
    }
  }

  @media only screen and (max-width: 575px) {

    .swiper-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
      left: 20%;
      bottom: -1%;
    }
  }

  .swiper-horizontal .swiper-pagination-bullets {
    bottom: 15px !important;
    left: 50% !important;
    transform: translateX(-50%);
  }

  .dzSubscribe .form-group .input-group .form-control,
  .dzSubscribe .form-group .input-group .login input[type=text],
  .login .dzSubscribe .form-group .input-group input[type=text],
  .dzSubscribe .form-group .input-group .login input[type=password],
  .login .dzSubscribe .form-group .input-group input[type=password] {
    height: 55px !important;
    font-size: 18px;
    font-weight: 300;
    line-height: 24px;
    color: rgba(255, 255, 255, 0.6);
    border: 1px solid #ffffff;
    border-radius: 0 !important;
    padding: 20px 0;
  }

  .dzSubscribe .form-group .input-group .form-control::placeholder,
  .dzSubscribe .form-group .input-group .login input[type=text]::placeholder,
  .login .dzSubscribe .form-group .input-group input[type=text]::placeholder,
  .dzSubscribe .form-group .input-group .login input[type=password]::placeholder,
  .login .dzSubscribe .form-group .input-group input[type=password]::placeholder {
    color: var(--secondary);
  }

  .dzSubscribe .form-group .input-group .input-group-addon {
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 9;
    transform: translateY(-50%);
  }

  .dzSubscribe .form-group .input-group .input-group-addon .btn {
    text-align: center;
    width: 100%;
    border: 0;
    height: 50px;
    padding: 0;
  }

  .dzSubscribe .form-group .input-group .input-group-addon .btn span {
    display: block;
  }

  .dzSubscribe .form-group .input-group .input-group-addon .btn i {
    font-size: 18px;
    color: var(--primary);
  }

  .dzSubscribe .form-group .input-group .input-group-addon .btn:hover i,
  .dzSubscribe .form-group .input-group .input-group-addon .btn:hover svg {
    display: inline-block;
    -webkit-animation: toLeftFromRight 0.5s forwards;
    -moz-animation: toLeftFromRight 0.5s forwards;
    animation: toLeftFromRight 0.5s forwards;
  }

  .dzSubscribe.style-1 .input-group .form-control,
  .dzSubscribe.style-1 .input-group .login input[type=text],
  .login .dzSubscribe.style-1 .input-group input[type=text],
  .dzSubscribe.style-1 .input-group .login input[type=password],
  .login .dzSubscribe.style-1 .input-group input[type=password] {
    height: 45px;
    background: transparent;
    border: 0px;
    border-bottom: 2px solid #ffffff;
    color: rgba(255, 255, 255, 0.6);
    text-align: center;
    text-align: start;
    border-radius: 0 !important;
    box-shadow: none;
  }

  .dzSearch .form-group .input-group .form-control,
  .dzSearch .form-group .input-group .login input[type=text],
  .login .dzSearch .form-group .input-group input[type=text],
  .dzSearch .form-group .input-group .login input[type=password],
  .login .dzSearch .form-group .input-group input[type=password] {
    height: 60px;
    color: var(--title);
    border: 1px solid var(--secondary);
    border-radius: 10px !important;
  }

  .dzSearch .form-group .input-group .form-control::placeholder,
  .dzSearch .form-group .input-group .login input[type=text]::placeholder,
  .login .dzSearch .form-group .input-group input[type=text]::placeholder,
  .dzSearch .form-group .input-group .login input[type=password]::placeholder,
  .login .dzSearch .form-group .input-group input[type=password]::placeholder {
    color: var(--title);
  }

  .dzSearch .form-group .input-group .form-control:focus,
  .dzSearch .form-group .input-group .login input[type=text]:focus,
  .login .dzSearch .form-group .input-group input[type=text]:focus,
  .dzSearch .form-group .input-group .login input[type=password]:focus,
  .login .dzSearch .form-group .input-group input[type=password]:focus {
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.65);
  }

  .dzSearch .form-group .input-group .input-group-addon {
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 9;
    transform: translateY(-50%);
  }

  .dzSearch .form-group .input-group .input-group-addon .btn {
    text-align: center;
    width: 50px;
    border: 0;
    height: 50px;
    padding: 0;
  }

  .dzSearch .form-group .input-group .input-group-addon .btn span {
    display: block;
  }

  .dzSearch .form-group .input-group .input-group-addon .btn i {
    font-size: 20px;
  }

  .dz-features-wrapper {
    position: relative;
    z-index: 1000;
    padding-top: 98px;
  }

  .dz-features-wrapper .dz-features {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    animation: ticker 0s linear infinite 0s normal;
    animation-duration: 0s;
    animation-duration: 32.9528s;
  }

  .dz-features-wrapper .dz-features .item {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
  }

  @media only screen and (max-width: 1199px) {
    .dz-features-wrapper .dz-features .item {
      padding: 10px 25px;
    }
  }

  @media only screen and (max-width: 767px) {
    .dz-features-wrapper .dz-features .item {
      padding: 10px 20px;
    }
  }

  @media only screen and (max-width: 575px) {
    .dz-features-wrapper .dz-features .item {
      padding: 10px;
    }
  }

  .dz-features-wrapper:hover .dz-features {
    animation-play-state: paused;
  }

  @keyframes ticker {
    0% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }

    100% {
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
    }
  }

  .text-row {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 170px;
    height: 170px;
    background: transparent;
    border-radius: 100%;
    animation: identifier 20s linear infinite;
    text-align: center;
  }

  @media only screen and (max-width: 991px) {
    .text-row {
      width: 140px;
      height: 140px;
    }
  }

  @media only screen and (max-width: 575px) {
    .text-row {
      width: 120px;
      height: 120px;
    }
  }

  .text-row:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 50%;
  }

  .text-row.blur {
    padding: 10px;
    transform: scale(1.2);
  }

  .text-row.blur .text__char {
    font-size: 18px;
    font-weight: 400;
    padding-top: 0px;
    display: block;
    position: absolute;
    top: 0;
    left: calc(50% - 50px);
    height: 90px;
    width: 90px;
    font-weight: 500;
    font-size: 16px;
    transform-origin: bottom center;
    transform: rotate(var(--char-rotate));
    color: var(--title);
  }

  @media only screen and (max-width: 1480px) {
    .text-row.blur .text__char {
      left: calc(50% - 50px);
      height: 88px;
      width: 96px;
    }
  }

  @media only screen and (max-width: 991px) {
    .text-row.blur .text__char {
      height: 70px;
      width: 100px;
      font-size: 15px !important;
    }
  }

  @media only screen and (max-width: 767px) {
    .text-row.blur .text__char {
      height: 70px;
      width: 90px;
    }
  }

  @media only screen and (max-width: 575px) {
    .text-row.blur .text__char {
      height: 60px;
      width: 100px;
    }
  }

  .text-row.blur:after {
    content: "";
    filter: drop-shadow(0px 0px 100px rgba(0, 0, 0, 0.15));
    background-image: url('data:image/svg+xml,<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="100" cy="100" r="99.5" stroke="url(%23paint0_linear_204_3114)"/><defs><linearGradient id="paint0_linear_204_3114" x1="139" y1="181.5" x2="5.82438e-06" y2="71.09" gradientUnits="userSpaceOnUse"><stop stop-color="%23191B1D" stop-opacity="0"/><stop offset="1" stop-color="%23191B1D" stop-opacity="0.2"/></linearGradient></defs></svg>');
    backdrop-filter: blur(17px);
    top: 5px;
    left: -4px;
    width: 100%;
    height: 100%;
    background-size: cover;
    transform: scale(1.2);
  }

  @media only screen and (max-width: 991px) {
    .text-row.blur:after {
      top: 0px;
      left: 0px;
    }
  }

  @keyframes identifier {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }

    to {
      -webkit-transform: rotate(1turn);
      transform: rotate(1turn);
    }
  }

  .page-content .content-inner-4 .style-6 .dz-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .page-content .content-inner-4 .style-6 .dz-info .dz-left h2,
  .page-content .content-inner-4 .style-6 .dz-info .dz-left .h2 {
    font-weight: 500;
    color: var(--secondary);
  }

  .page-content .content-inner-4 .style-6 .dz-info .dz-left p {
    color: rgba(25, 27, 29, 0.4);
    font-weight: 500;
    font-size: 14px;
  }

  .page-content .content-inner-4 .style-7 {
    margin-top: 70px;
  }

  .page-content .video-section:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    background-image: url("../../images/background/bg3.jpg");
    height: calc(100% - 260px);
  }

  .image-tooltip-effect {
    position: relative;
  }

  .image-tooltip {
    position: absolute;
    opacity: 1;
    overflow: hidden;
    z-index: 8;
    width: 300px;
    height: 350px;
  }

  .image-tooltip img {
    scale: 1.2;
    object-fit: cover;
    opacity: 0;
    height: 100%;
    width: 100%;
    pointer-events: none;
  }

  .dz-tooltip-blog>div:first-child .dz-card {
    border-top: 1px solid #222;
  }

  .ovarlay-box.style-1 {
    position: relative;
    height: 100%;
  }

  .ovarlay-box.style-1.gallery {
    width: 460px;
    height: 580px;
  }

  @media only screen and (max-width: 1480px) {
    .ovarlay-box.style-1.gallery {
      width: 100%;
      height: 100%;
    }

    .ovarlay-box.style-1.gallery img {
      object-fit: unset;
    }
  }

  .ovarlay-box.style-1.gallery img {
    object-fit: cover;
    height: 100%;
    width: 100%;
  }

  @media (max-width: 1280px) {
    .ovarlay-box.style-1 {
      width: 100%;
    }

    .ovarlay-box.style-1 img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  }

  .ovarlay-box.style-1 .content .ovarlay-info {
    text-align: center;
  }

  .ovarlay-box.style-1 .content .ovarlay-info .title {
    font-size: 28px;
    font-weight: 800;
    line-height: 60px;
    font-family: var(--font-family-base);
    color: var(--secondary);
    margin-bottom: 0;
  }

  .ovarlay-box.style-1 .content .ovarlay-info .text {
    color: #4B4B4B;
  }

  .ovarlay-box.style-1 .content .ovarlay-info p {
    font-size: 18px;
    font-weight: 400;
    color: #999999;
    line-height: 1.2;
    margin-bottom: 50px;
    max-width: 380px;
  }

  @media (max-width: 1280px) {
    .ovarlay-box.style-1 .content .ovarlay-info p {
      margin-bottom: 30px;
    }
  }

  .dz-tooltip-blog>div:first-child .dz-card {
    border-top: 1px solid #222;
  }

  .pxl-thumbs-wrapper {
    align-items: baseline !important;
  }

  .num-pagination .pxl-swiper-slider-thumbs {
    width: 230px !important;
    overflow: hidden;
    transform: translate(-50%, 80%);
  }

  .num-pagination .pxl-swiper-slider-thumbs .thumb-item .item-year {
    font-size: 18px;
    font-family: var(--font-family-title);
    color: #999999;
    line-height: 1.5;
    transition: all 0.5s;
    margin: 0 18px;
    display: flex;
    text-align: center;
    background-color: transparent;
    justify-content: center;
  }

  .num-pagination .pxl-swiper-slider-thumbs .thumb-item.active .item-year {
    color: #191B1D;
    font-weight: 400;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    font-family: var(--font-family-title);
    font-size: 28px;
    text-align: center;
  }

  .num-pagination .swiper-content {
    position: relative;
  }

  .num-pagination .swiper-content .title {
    text-align: center;
    position: absolute;
    font-size: 14px;
    font-weight: 400;
    color: #666;
    z-index: 1;
    top: -50%;
    left: -50%;
    display: flex;
    margin: 60px 0 10px 0px;
    font-family: var(--font-faimly-title);
    align-items: center;
    transform: translate(-30%, -480%);
  }

  .num-pagination .swiper-content .title span {
    margin: 0 5px;
    font-size: 12px;
    font-family: var(--font-family-title);
    color: #4B4B4B;
    font-weight: 500;
  }

  .num-pagination .swiper-content .title::before {
    content: "";
    height: 1px;
    background: linear-gradient(90deg, rgba(25, 27, 29, 0) 0%, rgba(25, 27, 29, 0.4) 0%, rgba(25, 27, 29, 0) 100%);
    position: absolute;
    top: 50%;
    width: 50px;
    left: 100%;
  }

  .num-pagination .swiper-content .title::after {
    content: "";
    height: 1px;
    background: linear-gradient(90deg, rgba(25, 27, 29, 0) 0%, rgba(25, 27, 29, 0.4) 100%, rgba(25, 27, 29, 0) 100%);
    position: absolute;
    top: 50%;
    right: 100%;
    width: 50px;
  }

  .dz-theme-mode {
    position: relative;
    color: var(--primary);
    background-color: #F1F1F1;
    width: 48px;
    height: 48px !important;
    line-height: 1;
    margin-right: 1.125rem;
    border: 1px solid #F1F1F1;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .dz-theme-mode i {
    font-size: 1.2rem;
    color: var(--text);
  }

  .dz-theme-mode #icon-light {
    display: block;
  }

  .dz-theme-mode #icon-dark {
    display: none;
  }

  .dz-theme-mode.active #icon-light {
    display: none;
  }

  .dz-theme-mode.active #icon-dark {
    display: block;
  }

  .item-box {
    position: relative;
    padding: 23px 15px;
    transition: 0.5s;
    z-index: 1;
  }

  .item-box:first-child::after {
    content: "";
    width: 100%;
    position: absolute;
    border-top: 1px solid #D1CBD8;
    transform: scaleX(10);
    height: 100%;
    left: 0;
    top: 0;
  }

  .item-box:after {
    position: absolute;
    content: "";
    width: 100%;
    position: absolute;
    border-bottom: 1px solid var(--border-color);
    transform: scaleX(10);
    height: 100%;
    left: 0;
    top: 0;
  }

  @media only screen and (max-width: 991px) {
    .item-box {
      justify-content: space-between;
    }
  }

  .item-box:hover .item-social a {
    visibility: visible;
    opacity: 1;
    transform: translateY(0px);
  }

  .item-box:hover:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: var(--primary);
    transform: scaleX(10);
    z-index: -1;
    top: 0px;
    left: 0px;
  }

  .item-box:hover .more-btn a span {
    color: var(--title);
  }

  .item-box:hover .more-btn a svg {
    opacity: 1;
  }

  .item-box:hover .more-btn a svg path {
    stroke: var(--title);
  }

  .item-box .item-content {
    display: flex;
    align-items: baseline;
    gap: 10px;
  }

  @media only screen and (max-width: 575px) {
    .item-box .item-content {
      margin-bottom: 15px;
    }
  }

  .item-box .item-content .item-title {
    font-size: 40px;
    line-height: 70px;
    font-weight: 500;
    color: var(--secondary);
  }

  @media only screen and (max-width: 991px) {
    .item-box .item-content .item-title {
      font-size: 20px;
      line-height: normal;
    }
  }

  .item-box .item-content span {
    font-size: 18px;
    color: #999999;
    font-weight: 400;
  }

  @media only screen and (max-width: 575px) {
    .item-box .item-content span {
      font-size: 14px;
    }
  }

  @media only screen and (max-width: 991px) {
    .item-box .more-btn {
      display: flex;
    }
  }

  .item-box .more-btn a {
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: end;
    color: #999999;
    position: relative;
    z-index: 999;
  }

  .item-box .more-btn a span {
    color: #999999;
  }

  .item-box .item-social {
    display: flex;
    justify-content: center;
    gap: 10px;
  }

  @media only screen and (max-width: 991px) {
    .item-box .item-social {
      margin-bottom: 15px;
      justify-content: normal;
    }
  }

  .item-box .item-social a {
    border: 1px solid #191B1D;
    border-radius: 20%;
    width: 40px;
    height: 40px;
    align-items: center;
    display: flex;
    justify-content: center;
    visibility: hidden;
    transition: 0.5s;
    opacity: -1;
    pointer-events: visible;
    z-index: 2;
    position: relative;
    color: #000;
  }

  @media only screen and (max-width: 767px) {
    .item-box .item-social a {
      opacity: 1;
      visibility: visible;
    }
  }

  .item-box .item-social a:hover {
    background: var(--secondary);
    color: #ffffff;
  }

  .item-box .more-btn a span {
    color: #999999;
    font-size: 18px;
    line-height: 1;
  }

  .item-box .more-btn a svg {
    opacity: 0.6;
  }

  .item-box .more-btn a:hover span {
    color: var(--secondary);
  }

  .item-box .more-btn a:hover svg {
    opacity: 1;
  }

  .item-box .more-btn a:hover svg path {
    stroke: var(--secondary);
  }

  .project {
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 20px;
  }

  .project .box-item {
    max-width: 1320px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
    position: relative;
  }

  @media (min-width: 640px) {
    .project .box-item {
      padding: 40px 30px;
    }
  }

  .project .box-item .item-image {
    position: absolute;
    top: 50%;
    left: 330px;
    width: 300px;
    height: 350px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-50%);
  }

  .swiper-history-head {
    max-width: 450px;
    margin: auto;
  }

  .swiper-history-head h2,
  .swiper-history-head .h2 {
    font-size: 60px;
    font-weight: 600;
    line-height: 70px;
    color: var(--secondary);
    max-width: 390px;
  }

  @media only screen and (max-width: 575px) {

    .swiper-history-head h2,
    .swiper-history-head .h2 {
      font-size: 43px;
      line-height: 1.2;
    }
  }

  .pxl-history-carousel {
    position: relative;
    -webkit-user-select: none;
    user-select: none;
  }

  .pxl-history-carousel .pxl-carousel-inner {
    overflow: hidden;
  }

  @media only screen and (max-width: 1480px) {
    .pxl-history-carousel .pxl-carousel-inner {
      overflow: hidden;
    }
  }

  .pxl-history-carousel .pxl-carousel-inner .pxl-swiper-wrapper {
    overflow: visible;
    position: relative;
    top: 0;
    left: 0;
    margin-bottom: -927px;
    height: 1480px;
    display: flex;
    z-index: 1;
    box-sizing: content-box;
    width: 100%;
    transition-duration: 400ms;
  }

  @media only screen and (max-width: 575px) {
    .pxl-history-carousel .pxl-carousel-inner .pxl-swiper-wrapper {
      margin-bottom: -1040px;
    }
  }

  .pxl-history-carousel .pxl-carousel-inner .pxl-swiper-wrapper .pxl-swiper-slide {
    position: absolute;
    top: 64.5%;
    left: 50%;
    overflow: hidden;
    transform: translate(-50%, -50%);
    transition: width 1s, height 1s;
    display: flex;
    align-items: center;
    padding: 0;
    width: 460px;
    justify-content: center;
    height: auto;
  }

  .pxl-swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
  }

  [data-theme-version=dark] .pxl-heading-scroll-effect {
    --heading-color-1: rgba(255, 255, 255, 0.2);
  }

  [data-theme-version=light] .pxl-heading-scroll-effect {
    --heading-color-1: rgba(0, 0, 0, 0.2);
  }

  .pxl-heading-scroll-effect .heading-text div {
    background-clip: text;
    color: transparent;
    background: linear-gradient(to right, var(--pxl-heading) 50%, var(--heading-color-1) 50%) no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    background-size: 200% 100%;
    background-position-x: 100%;
    transition: background-size cubic-bezier(0.1, 0.5, 0.5, 1) 0.75s;
  }

  [data-theme-version=dark] .pxl-heading-scroll-effect .heading-text div {
    --pxl-heading: white;
  }

  [data-theme-version=light] .pxl-heading-scroll-effect .heading-text div {
    --pxl-heading: black;
  }

  .circle-sticky-content {
    margin-top: -100px;
    top: 100px;
    display: block;
  }

  @media (max-width: 1199px) {
    .circle-sticky-content {
      display: none;
    }
  }

  .service-info-area {
    width: 40vw;
    float: right;
  }

  @media (max-width: 1480px) {
    .service-info-area {
      width: 100%;
      float: right;
    }
  }

  @media (max-width: 1280px) {
    .service-info-area {
      width: fit-content;
    }
  }

  .service-info-area .circle-bx {
    position: absolute;
    inset: 0;
    border-radius: 100%;
  }

  .service-info-area .circle-bx::after {
    content: "";
    background-image: url(../../images/circle.png);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    background-size: cover;
  }

  @media (max-width: 1480px) {
    .service-info-area .circle-bx::after {
      width: 620px;
      height: 620px;
    }
  }

  .service-info-area .circle-bx .circle-content-bx {
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 30px;
    z-index: 99;
  }

  .service-info-area .circle-bx .circle-content-bx .circle-title {
    font-size: 60px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 25px;
    line-height: 1;
    text-align: center;
    max-width: 500px;
  }

  @media (max-width: 1480px) {
    .service-info-area .circle-bx .circle-content-bx .circle-title {
      font-size: 50px;
    }
  }

  .service-info-detail {
    width: 717px;
    height: 717px;
    position: relative;
  }

  @media (max-width: 1480px) {
    .service-info-detail {
      width: 620px;
      height: 620px;
      transform: scale(0.8);
    }
  }

  @media (max-width: 1400px) {
    .service-info-detail {
      transform: scale(0.8);
    }
  }

  .animated-circle-bx {
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 2;
    pointer-events: none;
  }

  .animated-circle-inner {
    border-radius: 100%;
    transition: all 0.5s ease-in-out;
  }

  .circle-content .step {
    position: absolute;
    height: 50px;
    width: 50px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #979797;
    background-color: #F3F6E9;
    font-weight: 600;
    transition: all 0.5s ease-in-out;
  }

  .circle-content .step.active {
    transform: scaleX(1.8) scaleY(1.8);
    background: var(--primary);
    color: #fff;
    font-size: 25px;
    font-weight: 800;
  }

  .service-card-box.active::before {
    color: var(--primary);
  }

  .service-icon {
    width: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
  }

  /* AFTER ELEMENT */
  .service-icon::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -35%);
    width: 310px;
    height: 310px;
    border-radius: 50%;
    z-index: -1;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(236, 236, 222, 0.5) 100%);
  }

  body {
    background-color: var(--bodybg);
  }

  .noice-overlay {
    position: relative;
    z-index: 1;
  }

  .noice-overlay::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-image: var(--background-image-noise);
    background-repeat: repeat;
    background-position: center;
    opacity: 1;
  }

  @font-face {
    font-family: juana;
    src: url(../fonts/juana/Fontspring-DEMO-juana-blackit.otf);
    font-weight: 800;
  }

  @font-face {
    font-family: juana;
    src: url(../fonts/juana/Fontspring-DEMO-juana-boldit.otf);
    font-weight: 700;
  }

  @font-face {
    font-family: juana;
    src: url(../fonts/juana/Fontspring-DEMO-juana-semiboldit.otf);
    font-weight: 600;
  }

  @font-face {
    font-family: juana;
    src: url(../fonts/juana/Fontspring-DEMO-juana-extralightit.otf);
    font-weight: 200;
  }

  @font-face {
    font-family: juana;
    src: url(../fonts/juana/Fontspring-DEMO-juana-lightit.otf);
    font-weight: 300;
  }

  @font-face {
    font-family: juana;
    src: url(../fonts/juana/Fontspring-DEMO-juana-mediumit.otf);
    font-weight: 500;
  }

  @font-face {
    font-family: juana;
    src: url(../fonts/juana/Fontspring-DEMO-juana-regularit.otf);
    font-weight: 400;
  }

  @font-face {
    font-family: juana;
    src: url(../fonts/juana/Fontspring-DEMO-juana-thinit.otf);
    font-weight: 100;
  }

  .btn-icon {
    display: inline-flex;
    align-items: center;
  }

  .main-banner.style-3 {
    position: relative;
    padding-top: 180px;
    padding-bottom: 0;
    margin-bottom: -250px;
    height: 1000px;
  }

  @media only screen and (max-width: 1680px) {
    .main-banner.style-3 {
      height: 900px;
    }
  }

  @media only screen and (max-width: 1480px) {
    .main-banner.style-3 {
      height: 800px;
    }
  }

  @media only screen and (max-width: 1199px) {
    .main-banner.style-3 {
      padding-top: 140px;
    }
  }

  @media only screen and (max-width: 575px) {
    .main-banner.style-3 {
      padding-top: 110px;
      margin-bottom: -110px;
      height: 480px;
    }
  }

  .counter-bx {
    border-radius: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .counter-bx.style-3 {
    padding: 0;
  }

  .animation-reverse {
    animation-direction: reverse !important;
  }

  .animate-rotate {
    animation: identifier 20s linear infinite;
  }

  .animation-btn {
    z-index: 999;
    width: 180px;
  }

  @media only screen and (max-width: 1680px) {
    .animation-btn {
      right: -14%;
    }
  }

  @media only screen and (max-width: 1199px) {
    .animation-btn {
      transform: scale(0.8);
      bottom: -25px;
    }
  }

  @media only screen and (max-width: 991px) {
    .animation-btn {
      right: 0;
    }
  }

  @media only screen and (max-width: 991px) {
    .animation-btn {
      bottom: 35px;
    }
  }

  @media only screen and (max-width: 575px) {
    .animation-btn {
      bottom: -35px;
      transform: scale(0.6);
    }
  }

  .animation-btn.style-1 {
    position: unset;
  }

  .animation-btn.style-1 .text-row {
    width: 180px;
    height: 180px;
  }

  .animation-btn.style-1 .text-row .text__char {
    font-family: "Inter";
    font-weight: 400;
    padding: 6px;
    color: #1C1A1B;
  }

  .animation-btn.style-2 {
    position: unset;
  }

  .text__char {
    display: block;
    position: absolute;
    top: 0;
    left: calc(50% - 90px);
    height: 90px;
    width: 180px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px !important;
    transform-origin: bottom center;
    transform: rotate(var(--char-rotate));
    color: var(--title);
    font-family: var(--font-family-base) !important;
    padding: 12px;
  }

  @keyframes rotate-line-2 {
    0% {
      transform: translate(-50%, -50%) scale(1.4) rotate(0);
    }

    100% {
      transform: translate(-50%, -50%) scale(1.4) rotate(1turn);
    }
  }

  .horizontal-wrapper {
    position: relative;
    z-index: 9;
  }

  @media only screen and (max-width: 1199px) {
    .horizontal-wrapper {
      flex-wrap: wrap;
    }
  }

  .dz-card .dz-media img {
    width: 100%;
  }

  .dz-card.style-2.light .dz-info {
    background: #FEEB9D;
  }

  .dz-card.style-2.light .dz-info .dz-meta ul li.post-date {
    background: var(--secondary);
    color: #fff;
  }

  .dz-card.style-2.light .dz-info .dz-title a {
    color: var(--title);
  }

  .dz-card.style-2 .dz-info .dz-meta ul li {
    font-size: 20px;
    color: rgba(25, 27, 29, 0.4);
    margin-bottom: 3px;
  }

  .dz-card.style-2 .dz-info .dz-meta ul li.post-date {
    font-weight: 500;
    font-family: var(--font-family-title);
    display: inline-block;
    border-radius: 5px;
  }

  .dz-card.style-2 .dz-info .dz-title {
    color: var(--secondary);
    font-size: 40px;
    font-family: var(--font-family-title);
    line-height: 50px;
    font-weight: 500;
  }

  @media only screen and (max-width: 767px) {
    .dz-card.style-2 .dz-info .dz-title {
      font-size: 35px;
      line-height: 1.2;
    }
  }

  @media only screen and (max-width: 575px) {
    .dz-card.style-2 .dz-info .dz-title {
      font-size: 25px;
    }
  }

  .testimonial-section-wrapper .swiper-controls {
    position: absolute;
    bottom: 8%;
    right: 39%;
    z-index: 1;
    display: flex;
    gap: 15px;
  }

  @media only screen and (max-width: 1199px) {
    .testimonial-section-wrapper .swiper-controls {
      right: 42%;
    }
  }

  @media only screen and (max-width: 767px) {
    .testimonial-section-wrapper .swiper-controls {
      right: 15%;
      bottom: 42%;
    }
  }

  .testimonial-section-wrapper .swiper-controls .swiper-button-next,
  .testimonial-section-wrapper .swiper-controls .swiper-button-prev {
    height: 40px;
    width: 40px;
  }

  .testimonial-section-wrapper .swiper-controls .swiper-button-next::after,
  .testimonial-section-wrapper .swiper-controls .swiper-button-prev::after {
    content: none !important;
  }

  @media only screen and (max-width: 575px) {

    .testimonial-section-wrapper .swiper-controls .swiper-button-next,
    .testimonial-section-wrapper .swiper-controls .swiper-button-prev {
      height: 30px;
      width: 30px;
    }
  }

  .testimonial-section-wrapper .swiper-pagination {
    bottom: 9%;
    left: 5%;
    text-align: start;
    width: max-content;
    transform: none;
  }

  @media only screen and (max-width: 767px) {
    .testimonial-section-wrapper .swiper-pagination {
      bottom: 43%;
      left: 8%;
    }
  }

  .testimonial-section-wrapper .swiper-pagination .swiper-pagination-bullet {
    background: #fff;
    transition: 0.4s;
    opacity: 1;
  }

  .testimonial-section-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 30px;
    border-radius: 6px;
    background: var(--primary);
  }

  .testimonial-section-wrapper .testimonial-rating-box {
    background-color: var(--primary);
    padding: 55px;
    text-align: center;
    border-radius: 8px;
    height: 100%;
    display: flex;
    flex-direction: column;
  }

  .testimonial-section-wrapper .testimonial-rating-box .top-head {
    margin-bottom: 60px;
  }

  .testimonial-section-wrapper .testimonial-rating-box .rating-content {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
  }

  .testimonial-section-wrapper .testimonial-rating-box .rating-content .rating-text {
    font-size: 18px;
    color: var(--secondary);
    font-weight: 500;
  }

  .testimonial-section-wrapper .testimonial-rating-box .rating-content .logo {
    width: 83px;
  }

  .testimonial-section-wrapper .testimonial-rating-box .title {
    font-size: 130px;
    line-height: 1;
    color: var(--secondary);
    margin-bottom: 0;
  }

  .testimonial-section-wrapper .testimonial-rating-box .text {
    font-size: 28px;
    margin-bottom: 26px;
    color: var(--secondary);
  }

  @media only screen and (max-width: 1480px) {
    .testimonial-section-wrapper .testimonial-rating-box {
      padding: 40px;
    }

    .testimonial-section-wrapper .testimonial-rating-box .title {
      font-size: 100px;
    }

    .testimonial-section-wrapper .testimonial-rating-box .text {
      font-size: 24px;
    }
  }

  .testimonial-swiper-wrapper {
    padding: 50px;
    background-color: var(--card-bg);
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    min-height: 480px;
    height: 100%;
    position: relative;
  }

  @media only screen and (max-width: 1199px) {
    .testimonial-swiper-wrapper {
      padding: 40px;
      min-height: 100%;
    }
  }

  @media only screen and (max-width: 575px) {
    .testimonial-swiper-wrapper {
      padding: 25px;
    }
  }

  .testimonial-swiper-wrapper .testimonial-swiper {
    width: 70%;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
  }

  @media only screen and (max-width: 1199px) {
    .testimonial-swiper-wrapper .testimonial-swiper {
      width: 65%;
    }
  }

  @media only screen and (max-width: 767px) {
    .testimonial-swiper-wrapper .testimonial-swiper {
      width: 100%;
      border: 0;
    }
  }

  .testimonial-swiper-wrapper .testimonial-swiper .testimonial-slide {
    padding-right: 70px;
    padding-bottom: 50px;
  }

  .testimonial-swiper-wrapper .testimonial-swiper .testimonial-slide .testimonial-stars {
    display: flex;
    margin-bottom: 10px;
  }

  .testimonial-swiper-wrapper .testimonial-swiper .testimonial-slide .testimonial-stars li i {
    color: #F9BC2F;
    font-size: 22px;
  }

  @media only screen and (max-width: 575px) {
    .testimonial-swiper-wrapper .testimonial-swiper .testimonial-slide .testimonial-stars li i {
      font-size: 18px;
    }
  }

  .testimonial-swiper-wrapper .testimonial-swiper .testimonial-slide .text {
    font-size: 28px;
    color: var(--white);
    line-height: 1.4;
  }

  @media only screen and (max-width: 1199px) {
    .testimonial-swiper-wrapper .testimonial-swiper .testimonial-slide {
      padding-right: 40px;
    }

    .testimonial-swiper-wrapper .testimonial-swiper .testimonial-slide .text {
      font-size: 24px;
    }
  }

  @media only screen and (max-width: 767px) {
    .testimonial-swiper-wrapper .testimonial-swiper .testimonial-slide {
      padding-right: 0;
      padding-bottom: 70px;
    }
  }

  @media only screen and (max-width: 575px) {
    .testimonial-swiper-wrapper .testimonial-swiper .testimonial-slide .text {
      font-size: 20px;
    }
  }

  .testimonial-swiper-wrapper .testimonial-thumbs {
    width: 30%;
  }

  @media only screen and (max-width: 1199px) {
    .testimonial-swiper-wrapper .testimonial-thumbs {
      width: 35%;
    }
  }

  @media only screen and (max-width: 767px) {
    .testimonial-swiper-wrapper .testimonial-thumbs {
      width: 100%;
    }
  }

  .testimonial-swiper-wrapper .testimonial-thumbs .testimonial-thumb {
    padding-left: 40px;
    height: 100%;
    display: flex;
    flex-direction: column;
  }

  @media only screen and (max-width: 767px) {
    .testimonial-swiper-wrapper .testimonial-thumbs .testimonial-thumb {
      padding-left: 0;
      gap: 15px;
    }
  }

  .testimonial-swiper-wrapper .testimonial-thumbs .testimonial-thumb .testimonial-info {
    margin-top: auto;
  }

  .testimonial-swiper-wrapper .testimonial-thumbs .testimonial-thumb .testimonial-info .dz-media {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    margin-bottom: 12px;
  }

  .testimonial-swiper-wrapper .testimonial-thumbs .testimonial-thumb .testimonial-info .dz-media img {
    border-radius: 50%;
    object-fit: cover;
  }

  .testimonial-swiper-wrapper .testimonial-thumbs .testimonial-thumb .testimonial-info .testimonial-info-content .testimonial-name {
    font-size: 20px;
    margin-bottom: 0;
    color: var(--white);
  }

  .testimonial-swiper-wrapper .testimonial-thumbs .testimonial-thumb .testimonial-info .testimonial-info-content .testimonial-position {
    font-size: 14px;
    color: #fff;
    opacity: 0.5;
  }

  @media only screen and (max-width: 575px) {
    .testimonial-swiper-wrapper .testimonial-thumbs .testimonial-thumb .testimonial-info {
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .testimonial-swiper-wrapper .testimonial-thumbs .testimonial-thumb .testimonial-info .testimonial-info-content .testimonial-name {
      font-size: 18px;
    }

    .testimonial-swiper-wrapper .testimonial-thumbs .testimonial-thumb .testimonial-info .testimonial-info-content .testimonial-position {
      font-size: 12px;
    }

    .testimonial-swiper-wrapper .testimonial-thumbs .testimonial-thumb .testimonial-info .dz-media {
      width: 55px;
      height: 55px;
      margin-bottom: 0;
    }
  }

  .site-footer.style-3 {
    position: relative;
    background-color: var(--white);
  }

  @media only screen and (min-width: 1680px) {

    .site-footer.style-3 .container-fluid {
      padding-left: 100px;
      padding-right: 100px;
    }
  }

  .site-footer.style-3 .footer-top {
    padding: 130px 0px 30px;
  }

  @media only screen and (max-width: 767px) {
    .site-footer.style-3 .footer-top {
      padding: 80px 0 30px;
    }
  }

  .site-footer.style-3 .footer-title {
    color: var(--secondary);
  }

  .site-footer.style-3 .footer-top-title {
    margin-bottom: 35px;
  }

  .site-footer.style-3 .footer-top-title .title {
    font-size: 100px;
    line-height: 1.1;
    letter-spacing: -0.05em;
    max-width: 800px;
    margin: 0;
  }

  .site-footer.style-3 .footer-top-title .title span {
    font-family: "Juana", Sans-serif;
    letter-spacing: 0;
  }

  @media only screen and (max-width: 1480px) {
    .site-footer.style-3 .footer-top-title .title {
      font-size: 70px;
    }
  }

  @media only screen and (max-width: 1199px) {
    .site-footer.style-3 .footer-top-title .title {
      font-size: 62px;
    }
  }

  @media only screen and (max-width: 575px) {
    .site-footer.style-3 .footer-top-title .title {
      font-size: 50px;
    }
  }

  .site-footer.style-3 .footer-title {
    font-weight: 400;
  }

  @media only screen and (max-width: 767px) {
    .site-footer.style-3 .footer-title {
      font-size: 20px;
      margin-bottom: 10px;
    }
  }

  .site-footer.style-3 .footer-bottom .fb-inner {
    display: flex;
    margin: 0;
    border-top: 1px solid rgba(23, 23, 23, 0.3);
  }

  @media only screen and (max-width: 767px) {
    .site-footer.style-3 .footer-bottom .fb-inner {
      flex-direction: column-reverse;
      justify-content: flex-start;
    }
  }

  .site-footer.style-3 .footer-bottom .fb-inner p {
    font-size: 16px;
    font-weight: 200;
    color: rgba(23, 23, 23, 0.5);
  }

  .site-footer.style-3 .footer-bottom .fb-inner p span {
    color: rgba(23, 23, 23, 0.5);
  }

  .site-footer.style-3 .footer-bottom .fb-inner p .current-year {
    font-size: 16px;
  }

  .site-footer.style-3 .footer-bottom .fb-inner .dark {
    display: none;
  }

  .site-footer.style-3 .widget_services ul.list-underline li a,
  .site-footer.style-3 .widget_contact-info ul.list-underline li a {
    text-decoration: underline;
  }

  .site-footer.style-3 .widget_services ul li a,
  .site-footer.style-3 .widget_contact-info ul li a {
    color: rgba(23, 23, 23, 0.7);
    font-weight: 400;
    font-size: 18px;
    font-family: var(--font-family-title);
  }

  @media only screen and (max-width: 767px) {

    .site-footer.style-3 .widget_services ul li,
    .site-footer.style-3 .widget_contact-info ul li {
      padding: 0.3rem 0rem 0.3rem 0;
      font-size: 16px;
      line-height: 1;
    }

    .site-footer.style-3 .widget_services ul li a,
    .site-footer.style-3 .widget_contact-info ul li a {
      font-size: 16px;
    }
  }

  .dz-accordion.style-4 .accordion-item .accordion-header {
    line-height: 50px;
  }

  .dz-accordion.style-4 .accordion-item .accordion-header a {
    font-size: 28px;
  }

  @media only screen and (max-width: 767px) {
    .dz-accordion.style-4 .accordion-item .accordion-header a {
      padding: 10px 55px 10px 0px;
      font-size: 23px;
    }
  }

  @media only screen and (max-width: 575px) {
    .dz-accordion.style-4 .accordion-item .accordion-header a {
      padding: 5px 10px 5px 0px;
      font-size: 14px;
    }
  }

  .dz-accordion.style-4 .accordion-item .accordion-header .accordion-button {
    background-color: var(--secondary);
    color: #D9EDD0;
    padding: 25px 65px 25px 35px;
    line-height: 1;
    font-size: 20px;
    border: 0;
    margin-bottom: 20px;
    border-radius: 4px;
  }

  @media only screen and (max-width: 1199px) {
    .dz-accordion.style-4 .accordion-item .accordion-header .accordion-button {
      padding: 25px 55px 25px 25px;
      font-size: 18px;
    }
  }

  .dz-accordion.style-4 .accordion-item .accordion-header .accordion-button .toggle-close {
    background-color: var(--primary);
    color: var(--secondary);
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-weight: 500;
    right: 35px;
  }

  .dz-accordion.style-4 .accordion-item .accordion-header .accordion-button .toggle-close::after {
    content: "\f107";
    font-weight: 900;
    color: var(--secondary);
  }

  .dz-accordion.style-4 .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    background-color: var(--primary);
    color: var(--secondary) !important;
    margin-bottom: 0;
    font-weight: 500;
  }

  .dz-accordion.style-4 .accordion-item .accordion-header .accordion-button:not(.collapsed) .toggle-close {
    background-color: var(--secondary);
    color: var(--title);
  }

  .dz-accordion.style-4 .accordion-item .accordion-header .accordion-button:not(.collapsed) .toggle-close::after {
    content: "\f106";
    color: #fff;
  }

  .dz-accordion.style-4 .accordion-item .accordion-collapse .accordion-body {
    padding: 15px 35px 40px 35px;
    border: 0;
  }

  .dz-accordion.style-4 .accordion-item .accordion-collapse .accordion-body p {
    font-size: 20px;
    opacity: 0.7;
  }

  @media only screen and (max-width: 1199px) {
    .dz-accordion.style-4 .accordion-item .accordion-collapse .accordion-body {
      padding: 15px 15px 20px 15px;
    }

    .dz-accordion.style-4 .accordion-item .accordion-collapse .accordion-body p {
      font-size: 16px;
      line-height: 1.4;
    }
  }

  @media only screen and (min-width: 1680px) {
    .faq-section .dz-media {
      margin-left: -100px;
      margin-right: 100px;
    }
  }

  .client-info.style-1 {
    border-right: 1px solid #000;
    min-height: 120px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  @media only screen and (max-width: 991px) {
    .client-info.style-1 {
      min-height: 100%;
      justify-content: start;
      border: 0;
    }
  }

  .client-info.style-1 .text {
    margin-bottom: 20px;
    max-width: 100%;
  }

  @media only screen and (max-width: 1480px) {
    .client-info.style-1 .text {
      max-width: 320px;
    }
  }

  @media only screen and (max-width: 991px) {
    .client-info.style-1 .text {
      max-width: 100%;
    }
  }

  .clients-swiper .clients-logo {
    text-align: end;
  }

  @media only screen and (max-width: 991px) {
    .clients-swiper .clients-logo {
      text-align: start;
    }
  }

  .dz-features-wrapper.style-1 {
    z-index: 1;
    background-color: unset;
  }

  .dz-features-wrapper.style-1 .dz-features {
    gap: 30px;
  }

  .dz-features-wrapper.style-1 .dz-features .item {
    display: contents;
  }

  .dz-features-wrapper.style-1 .dz-features .item .light {
    display: none;
  }

  .dz-features-wrapper.style-1 .dz-features .item img {
    width: 100%;
  }

  @media only screen and (max-width: 575px) {
    .dz-features-wrapper.style-1 .dz-features .item img {
      width: 50%;
    }
  }

  .error-section .error-page.style-1.light {
    background: #F1F6F1 !important;
  }

  .circle-progress circle.progress-ring {
    stroke-linecap: round;
    stroke-dasharray: 283;
    stroke-dashoffset: 283;
  }

  .progress-text {
    dominant-baseline: middle;
    text-anchor: middle;
  }

  .fill-white {
    fill: #ffffff;
  }

  .hidden {
    display: none;
  }

  .rocket-section {
    padding-bottom: 150px;
  }

  @media only screen and (max-width: 991px) {
    .rocket-section {
      padding-bottom: 60px;
    }
  }

  .stackCard {
    transform-origin: 50% -115%;
  }

  .banner-gradient1 {
    background: var(--bg-gradient);
  }

  .banner-gradient1 .text {
    color: #D4D4D4;
  }

  .banner-gradient3 {
    background: var(--bg-gradient3);
  }

  .client-info.style-2 .text {
    font-size: 20px;
    font-weight: 200;
    font-family: var(--font-family-title);
    position: relative;
  }

  .client-info.style-2 .text::after {
    content: "";
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 47.5%, rgba(255, 255, 255, 0) 100%);
    left: 0;
    bottom: -25px;
    position: absolute;
    height: 1px;
    width: 100%;
  }

  .main-banner.style-4 {
    padding-bottom: 20px;
  }

  .main-banner.style-4::after {
    display: none;
  }

  @media only screen and (max-width: 991px) {
    .main-banner.style-4 {
      padding-top: 150px;
      padding-bottom: 100px;
    }
  }

  @media only screen and (max-width: 575px) {
    .main-banner.style-4 {
      padding-top: 120px;
      padding-bottom: 40px;
    }
  }

  .main-banner.style-4 .banner-content .banner-subtitle {
    font-size: 24px;
    margin-bottom: 10px;
    font-weight: 500;
    color: var(--bodytext);
  }

  @media only screen and (max-width: 575px) {
    .main-banner.style-4 .banner-content .banner-subtitle {
      font-size: 20px;
    }
  }

  .main-banner.style-4 .banner-content .banner-subtitle span {
    position: relative;
    background: linear-gradient(264.53deg, #2DA7FF 4.86%, #45D675 96.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }

  .main-banner.style-4 .banner-content .banner-subtitle span:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 100%;
    height: 1px;
    background: linear-gradient(264.53deg, #2DA7FF 4.86%, #45D675 96.79%);
  }

  .main-banner.style-4 .banner-content .banner-title {
    position: relative;
    font-size: 85px;
    font-weight: 700;
    color: var(--secondary);
    padding-bottom: 50px;
  }

  @media only screen and (max-width: 1199px) {
    .main-banner.style-4 .banner-content .banner-title {
      font-size: 75px;
    }
  }

  @media only screen and (max-width: 767px) {
    .main-banner.style-4 .banner-content .banner-title {
      font-size: 58px;
    }
  }

  @media only screen and (max-width: 575px) {
    .main-banner.style-4 .banner-content .banner-title {
      font-size: 36px;
      padding-bottom: 20px;
    }
  }

  .main-banner.style-4 .banner-content .banner-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
  }

  .main-banner.style-4 .banner-content .banner-title span {
    color: var(--primary);
  }

  @media only screen and (max-width: 575px) {
    .main-banner.style-4 .banner-content .banner-title span img {
      width: 130px;
    }
  }

  .main-banner.style-4 .banner-content .banner-title span .seo-light {
    display: none;
  }

  .main-banner.style-4 .banner-content .team-sec {
    display: flex;
    gap: 110px;
    align-items: center;
  }

  @media only screen and (max-width: 1024px) {
    .main-banner.style-4 .banner-content .team-sec {
      margin-bottom: 50px;
    }
  }

  @media only screen and (max-width: 767px) {
    .main-banner.style-4 .banner-content .team-sec {
      gap: 10px;
    }
  }

  @media only screen and (max-width: 575px) {
    .main-banner.style-4 .banner-content .team-sec {
      flex-direction: column;
      align-items: flex-start;
      margin-bottom: 15px;
    }
  }

  .main-banner.style-4 .banner-content .team-sec .team-section {
    padding-top: 45px;
  }

  @media only screen and (max-width: 575px) {
    .main-banner.style-4 .banner-content .team-sec .team-section {
      padding-top: 30px;
    }
  }

  .main-banner.style-4 .banner-content .team-sec .team-section .team-title {
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    color: var(--secondary);
    margin-bottom: 15px;
  }

  @media only screen and (max-width: 575px) {
    .main-banner.style-4 .banner-content .team-sec .team-section .team-title {
      text-align: left;
    }
  }

  .main-banner.style-4 .banner-content .team-sec .team-section .team-flex {
    display: flex;
    gap: 15px;
  }

  .main-banner.style-4 .banner-content .team-sec .team-section .team-flex .team-card {
    background: #fff;
    padding: 5px;
    border-radius: 6px;
  }

  .main-banner.style-4 .banner-content .team-sec .team-section .team-flex .team-card .team-img img {
    border-radius: 4px;
  }

  .main-banner.style-4 .banner-content .team-sec .team-section .team-flex .team-card .team-name {
    font-size: 14px;
    font-weight: 700;
    color: var(--secondary);
    margin: 0;
    text-align: center;
  }

  .main-banner.style-4 .banner-content .team-sec .team-section .team-flex .team-card.rotate1 {
    transform: rotate(-3deg);
  }

  .main-banner.style-4 .banner-content .team-sec .team-section .team-flex .team-card.rotate2 {
    transform: rotate(3deg);
  }

  .main-banner.style-4 .banner-content .team-sec .team-section .team-flex .team-card.rotate3 {
    transform: rotate(-5deg);
  }

  .main-banner.style-4 .banner-content .team-sec .team-cta {
    position: relative;
  }

  .main-banner.style-4 .banner-content .team-sec .team-cta .arrow-shape .light-arrow {
    display: none;
  }

  .main-banner.style-4 .banner-content .team-sec .team-cta .arrow-shape {
    position: absolute;
    left: -120px;
    top: -20px;
  }

  @media only screen and (max-width: 767px) {
    .main-banner.style-4 .banner-content .team-sec .team-cta .arrow-shape {
      display: none;
    }
  }

  .main-banner.style-4 .banner-content .team-sec .team-cta .banner-btn {
    position: relative;
    font-size: 20px;
    font-weight: 700;
    font-family: var(--font-family-title);
    margin-top: 50px;
    padding: 18px 25px;
    border-radius: 10px;
    background-color: var(--secondary);
    color: var(--primary);
  }

  .main-banner.style-4 .banner-content .team-sec .team-cta .banner-btn .btn-text {
    padding: 0 10px;
    border-right: 1px solid #fff;
  }

  .main-banner.style-4 .banner-content .team-sec .team-cta .banner-btn span {
    padding-left: 10px;
  }

  @media only screen and (max-width: 767px) {
    .main-banner.style-4 .banner-content .team-sec .team-cta .banner-btn {
      padding: 18px 16px;
    }
  }

  @media only screen and (max-width: 575px) {
    .main-banner.style-4 .banner-content .team-sec .team-cta .banner-btn {
      margin-top: 20px;
      padding: 15px 13px;
      font-size: 18px;
    }
  }

  .main-banner.style-4 .banner-img {
    width: 50vw;
  }

  @media only screen and (max-width: 1199px) {
    .main-banner.style-4 .banner-img {
      width: 100%;
    }
  }

  .main-banner.style-4 .banner-img .banner-wrap {
    display: flex;
    gap: 20px;
  }

  @media only screen and (max-width: 1199px) {
    .main-banner.style-4 .banner-img .banner-wrap {
      justify-content: center;
    }
  }

  @media only screen and (max-width: 767px) {
    .main-banner.style-4 .banner-img .banner-wrap {
      flex-direction: column;
    }
  }

  @media only screen and (max-width: 575px) {
    .main-banner.style-4 .banner-img .banner-wrap {
      gap: 0px;
    }
  }

  .main-banner.style-4 .banner-img .banner-wrap .mask-content {
    position: relative;
  }

  @media only screen and (max-width: 575px) {
    .main-banner.style-4 .banner-img .banner-wrap .mask-content {
      height: 200px;
      width: 100%;
    }
  }

  .main-banner.style-4 .banner-img .banner-wrap .mask-content .mask-img {
    mask-image: url(../../images/mask-img/1.png);
  }

  @media only screen and (max-width: 575px) {
    .main-banner.style-4 .banner-img .banner-wrap .mask-content .mask-img {
      mask-image: unset;
      height: 100%;
    }
  }

  @media only screen and (max-width: 575px) {
    .main-banner.style-4 .banner-img .banner-wrap .mask-content .mask-img img {
      height: 100%;
      width: 100%;
      object-fit: cover;
      object-position: center;
    }
  }

  .main-banner.style-4 .banner-img .banner-wrap .mask-content .data-card {
    position: absolute;
    bottom: 130px;
    left: -140px;
    border-radius: 0px;
  }

  @media only screen and (max-width: 767px) {
    .main-banner.style-4 .banner-img .banner-wrap .mask-content .data-card {
      left: 0;
    }
  }

  @media only screen and (max-width: 575px) {
    .main-banner.style-4 .banner-img .banner-wrap .mask-content .data-card {
      display: none;
    }
  }

  .main-banner.style-4 .banner-img .banner-wrap .analytics-card {
    transform: translateY(-50px);
  }

  @media only screen and (max-width: 575px) {
    .main-banner.style-4 .banner-img .banner-wrap .analytics-card .bottom-img {
      height: 200px;
      width: 100%;
      margin-bottom: 30px;
    }

    .main-banner.style-4 .banner-img .banner-wrap .analytics-card .bottom-img img {
      height: 100%;
      width: 100%;
      object-fit: cover;
      object-position: top;
    }
  }

  @media only screen and (max-width: 575px) {
    .main-banner.style-4 .banner-img .banner-wrap .analytics-card {
      transform: translateY(0px);
    }
  }

  .main-banner.style-4 .banner-img .banner-wrap .apex-chart {
    background: #fff;
    margin-bottom: 30px;
    border-radius: 20px;
    transform: translateX(70px);
  }

  @media only screen and (max-width: 767px) {
    .main-banner.style-4 .banner-img .banner-wrap .apex-chart {
      transform: translateX(0px);
    }
  }

  .main-banner.style-4 .banner-img .banner-wrap .apex-chart .chart-content {
    display: flex;
    justify-content: space-between;
    padding: 35px 35px 0px 40px;
  }

  .main-banner.style-4 .banner-img .banner-wrap .apex-chart .chart-content .analytics-title {
    font-size: 18px;
    font-weight: 400;
    color: var(--text-dark);
  }

  .main-banner.style-4 .banner-img .banner-wrap .apex-chart .chart-content .analytics-period {
    font-weight: 700;
    font-size: 20px;
    color: var(--black);
  }

  .main-banner.style-4 .banner-img .banner-wrap .apex-chart .chart-content .analytics-growth {
    color: #38C069;
    font-size: 18px;
    font-weight: 500;
  }

  .dz-features-wrapper.style-2 {
    position: relative;
    background: transparent;
    overflow: hidden;
    padding-top: 40px;
  }

  .dz-features-wrapper.style-2:after {
    content: "";
    background: linear-gradient(90deg, #1F2E07 0%, rgba(31, 46, 7, 0) 30%, rgba(31, 46, 7, 0) 70%, #1F2E07 100%);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
  }

  .dz-features-wrapper.style-2 .dz-features {
    gap: 45px;
    padding-top: 0px;
  }

  .dz-features-wrapper.style-2 .dz-features .item {
    display: contents;
  }

  .dz-features-wrapper.style-2 .dz-features .item img {
    width: 100%;
    height: auto;
  }

  .business-card {
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 20px;
  }

  .business-card .media {
    display: flex;
    justify-content: center;
    background-color: #fff;
    object-fit: cover;
    align-items: center;
    height: 210px;
    border-radius: 15px;
  }

  .business-card .card-content {
    padding: 20px;
    margin: 0;
    text-align: center;
  }

  .business-card .card-content .title {
    font-size: 20px;
    font-family: var(--font-family-title);
    color: var(--secondary);
  }

  .business-card .card-content .text {
    font-size: 16px;
    font-family: var(--font-family-title);
    margin: 0;
    font-weight: 400;
    color: var(--text-dark);
  }

  .background-img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: -1;
  }

  .background-img img {
    width: 100%;
  }

  .seo-info-section {
    background-color: #fff;
  }

  .seo-info-section .about-left {
    border-right: 1px solid #ECECDE;
  }

  @media only screen and (max-width: 991px) {
    .seo-info-section .about-left {
      border-right: none;
      border-bottom: 1px solid #ECECDE;
      padding-bottom: 40px;
    }
  }

  .seo-info-section .seo-about-box {
    max-width: 400px;
    margin: auto;
    text-align: center;
  }

  .seo-info-section .seo-about-box .title {
    font-size: 34px;
    font-weight: 500;
    color: var(--black);
  }

  .seo-info-section .seo-about-box .text {
    font-size: 17px;
    font-weight: 600;
    color: #77775B;
  }

  @media only screen and (max-width: 767px) {
    .seo-info-section .seo-about-box .title {
      font-size: 30px;
    }

    .seo-info-section .seo-about-box .text {
      font-size: 15px;
    }
  }

  @media only screen and (max-width: 767px) {
    .seo-info-section .seo-about-box .title {
      font-size: 25px;
    }

    .seo-info-section .seo-about-box .text {
      font-size: 15px;
    }
  }

  .seo-Performanse-section .title {
    font-size: 60px;
    color: var(--secondary);
    font-weight: 500;
    text-transform: capitalize;
  }

  @media only screen and (max-width: 767px) {
    .seo-Performanse-section .title {
      font-size: 45px;
    }
  }

  @media only screen and (max-width: 575px) {
    .seo-Performanse-section .title {
      font-size: 30px;
    }
  }

  .counter-bx.style-3 .title {
    font-size: 50px;
    color: var(--primary);
    border-bottom: 1px solid rgba(28, 26, 27, 0.1);
    font-weight: 700;
  }

  .counter-bx.style-3 .text {
    font-size: 16px;
    color: var(--text-dark);
    font-weight: 400;
    padding-top: 10px;
  }

  @media only screen and (max-width: 767px) {
    .counter-bx.style-3 .title {
      font-size: 40px;
    }

    .counter-bx.style-3 .text {
      font-size: 15px;
      padding-top: 0px;
    }
  }

  @media only screen and (max-width: 575px) {
    .counter-bx.style-3 .title {
      font-size: 25px;
    }

    .counter-bx.style-3 .text {
      font-size: 13px;
      line-height: 1.4;
    }
  }

  .testimonial-rating-section {
    max-width: 1680px;
    margin: auto;
    position: relative;
    border-radius: 50px;
    z-index: 1;
  }

  @media only screen and (max-width: 991px) {
    .testimonial-rating-section {
      border-radius: 0px;
    }
  }

  .testimonial-rating-section .rating-content .text {
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    margin-bottom: 100px;
  }

  .testimonial-rating-section .rating-content .text span {
    color: var(--primary);
  }

  @media only screen and (max-width: 991px) {
    .testimonial-rating-section .rating-content .text {
      margin-bottom: 40px;
    }
  }

  .testimonial-rating-section .rating-bx {
    padding: 30px;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 15px;
  }

  .testimonial-rating-section .rating-bx .rating-divider {
    color: #fff;
  }

  .testimonial-rating-section .rating-bx .logo {
    background: #fff;
    padding: 11px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
  }

  .testimonial-rating-section .rating-bx .logo img {
    border-radius: 0;
  }

  .testimonial-rating-section .rating-bx .text-wraper {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .testimonial-rating-section .rating-bx .text-wraper .stars {
    display: flex;
  }

  .testimonial-rating-section .rating-bx .text-wraper .stars li i {
    color: #F9BC2F;
  }

  .testimonial-rating-section .rating-bx .text-wraper .text {
    font-size: 16px;
    color: #A6A6A6;
    font-weight: 500;
    margin: 0;
  }

  .testimonial-rating-section .background-img img {
    border-radius: 0px 0px 50px 50px;
  }

  .testimonial-section-wrapper.style-2 {
    margin-bottom: -200px;
  }

  .testimonial-section-wrapper.style-2 .testimonial-rating-box {
    background-color: var(--white);
  }

  .testimonial-section-wrapper.style-2 .testimonial-swiper-wrapper {
    background-color: var(--white);
  }

  .testimonial-section-wrapper.style-2 .testimonial-swiper-wrapper .testimonial-thumb .testimonial-info .testimonial-info-content .testimonial-name {
    color: var(--secondary) !important;
  }

  .testimonial-section-wrapper.style-2 .testimonial-swiper-wrapper .testimonial-thumb .testimonial-info .testimonial-info-content .testimonial-position {
    color: var(--text-dark);
    font-weight: 500;
  }

  .testimonial-section-wrapper.style-2 .testimonial-swiper .testimonial-slide .text {
    color: var(--secondary);
  }

  .testimonial-section-wrapper.style-2 .swiper-pagination .swiper-pagination-bullet {
    background: #D9D9D9;
  }

  .testimonial-section-wrapper.style-2 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--primary);
  }

  @media only screen and (max-width: 575px) {
    .testimonial-section-wrapper.style-2 .testimonial-rating-box {
      padding: 25px;
    }

    .testimonial-section-wrapper.style-2 .title {
      font-size: 75px;
    }

    .testimonial-section-wrapper.style-2 .text {
      font-size: 20px;
    }

    .testimonial-section-wrapper.style-2 .btn {
      padding: 14px 24px;
      font-size: 16px;
    }

    .testimonial-section-wrapper.style-2 .top-head {
      margin-bottom: 50px;
    }
  }

  .ranking-section {
    position: relative;
  }

  .ranking-section img {
    width: 100%;
    max-width: 100%;
  }

  .ranking-section .process-step {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
  }

  .ranking-section .process-step .info-box {
    width: 250px;
    padding: 12px 20px;
    background-color: #fff;
    box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    margin-top: 10px;
    visibility: hidden;
    transition: 0.5s;
    font-size: 16px;
    font-weight: 500;
    opacity: 0;
  }

  @media only screen and (max-width: 575px) {
    .ranking-section .process-step .info-box {
      width: 200px;
      padding: 10px 12px;
      font-size: 10px;
    }
  }

  .ranking-section .process-step .process-number {
    width: 45px;
    display: flex;
    font-size: 18px;
    color: var(--secondary);
    font-weight: 500;
    height: 45px;
    background: #FFFFFF;
    box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.1);
    align-items: center;
    justify-content: center;
    border-radius: 50%;
  }

  @media only screen and (max-width: 767px) {
    .ranking-section .process-step .process-number {
      width: 35px;
      height: 35px;
      font-size: 16px;
    }
  }

  @media only screen and (max-width: 575px) {
    .ranking-section .process-step .process-number {
      width: 24px;
      height: 24px;
      font-size: 12px;
    }
  }

  .ranking-section .process-step .process-label {
    padding: 5px 15px;
    background-color: #fff;
    color: var(--secondary);
    border-radius: 8px;
    font-size: 16px;
    font-weight: 800;
    transition: 0.5s;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  @media only screen and (max-width: 768px) {
    .ranking-section .process-step .process-label {
      display: none;
    }
  }

  .ranking-section .process-step.step1 {
    position: absolute;
    left: 21%;
    top: 44%;
    transform: translate(-50%, -100%);
  }

  .ranking-section .process-step.step1 .info1 {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
  }

  .ranking-section .process-step.step2 {
    position: absolute;
    left: 30%;
    top: 56%;
    transform: translate(-50%, -100%);
  }

  .ranking-section .process-step.step2 .info2 {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
  }

  .ranking-section .process-step.step3 {
    position: absolute;
    left: 40%;
    top: 33%;
    transform: translate(-50%, -100%);
  }

  .ranking-section .process-step.step3 .info3 {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
  }

  .ranking-section .process-step.step4 {
    position: absolute;
    left: 49%;
    top: 50%;
    transform: translate(-50%, -100%);
  }

  .ranking-section .process-step.step4 .info4 {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
  }

  .ranking-section .process-step.step5 {
    position: absolute;
    left: 59%;
    top: 23%;
    transform: translate(-50%, -100%);
  }

  .ranking-section .process-step.step5 .info5 {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
  }

  .ranking-section .process-step.step6 {
    position: absolute;
    left: 67%;
    top: 45%;
    transform: translate(-50%, -100%);
  }

  .ranking-section .process-step.step6 .info6 {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
  }

  .ranking-section .process-step:hover .info-box {
    visibility: visible;
    opacity: 1;
  }

  .ranking-section .process-step:hover .process-label {
    background-color: var(--primary);
  }

  .ranking-section .rocket {
    position: absolute;
    right: 5%;
    top: -15%;
    transform: translateX(-50%);
  }

  @media (max-width: 1024px) {
    .ranking-section .rocket {
      right: -10%;
      top: -33%;
    }
  }

  .ranking-section .rocket img {
    animation: rocketLaunch 10s ease-in-out infinite;
  }

  @media (max-width: 1024px) {
    .ranking-section .rocket img {
      width: 210px;
      height: auto;
    }
  }

  @media (max-width: 575px) {
    .ranking-section .rocket img {
      width: 115px;
    }
  }

  @media (max-width: 991px) {
    .ranking-section .rocket img {
      animation: none;
    }
  }

  .counter-reset {
    counter-reset: counter-item;
  }

  .counter-reset .counter-increment {
    position: relative;
    counter-increment: counter-item;
    transition: color 0.3s ease;
    height: -webkit-fill-available;
  }

  .counter-reset .counter-increment::before {
    content: "0" counter(counter-item);
    position: absolute;
  }

  .counter-reset .counter-increment:hover::before {
    color: var(--primary);
    opacity: 1;
  }

  .counter-reset .counter-increment:hover {
    color: var(--primary);
  }

  .counter-reset>*:nth-of-type(n + 10) .counter-increment::before {
    content: counter(counter-item);
  }

  .m-b30 {
    margin-bottom: 30px;
  }

  .client-area .client-capsule-wrapper {
    position: relative;
    overflow: hidden;
    pointer-events: none;
    margin-top: -180px;
    height: 400px;
  }

  .client-area .client-capsule-wrapper>* {
    position: absolute;
    display: inline-block;
    margin-bottom: 0;
    left: 0;
    top: 0;
    user-select: none;
    pointer-events: auto;
    transition: none;
  }

  .client-area .client-box {
    height: 50px;
    padding: 10px 20px;
    background-color: white;
    display: inline-flex;
    font-size: 1.25rem;
    font-weight: 500;
    color: #1a1a1a;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    transform: translate(-50%, -50%) rotate(0rad);
  }

  @media only screen and (max-width: 575px) {
    .client-area .client-box {
      height: 40px;
      font-size: 15px;
    }
  }

  textarea.form-control {
    resize: both !important;
    overflow: auto !important;
  }

  .letter {
    opacity: 0.1;
    display: inline-block;
    padding: 0;
  }

  @media only screen and (max-width: 991px) {
    div:has(> .business-card) {
      transform: none !important;
    }
  }

  .blog-single {
    margin-bottom: 3.125rem;
  }

  @media only screen and (max-width: 575px) {
    .blog-single {
      margin-bottom: 2rem;
    }
  }

  .blog-single h1,
  .blog-single .h1 {
    max-width: 625px;
    margin-bottom: 10px;
  }

  .blog-single h1.dz-title,
  .blog-single .dz-title.h1 {
    max-width: 100%;
  }

  .blog-single .dz-post-text {
    padding-bottom: 5px;
  }

  .blog-single .dz-post-text:after {
    content: "";
    display: block;
    width: 100%;
    clear: both;
  }

  .blog-single.dz-blog .post-tags {
    margin-bottom: 0;
  }

  .blog-single .dz-media {
    text-align: center;
  }

  .blog-single .dz-media img {
    width: auto;
    margin-bottom: 20px;
  }

  .blog-single.style-1 {
    margin: 130px 0 100px 0;
  }

  .blog-single.style-1 .dz-title {
    font-family: var(--font-family-title);
    font-style: normal;
    font-weight: 600;
    font-size: 70px;
    line-height: 80px;
    margin-bottom: 30px;
    max-width: 1000px;
  }

  @media only screen and (max-width: 1480px) {
    .blog-single.style-1 .dz-title {
      font-size: 60px;
    }
  }

  @media only screen and (max-width: 991px) {
    .blog-single.style-1 .dz-title {
      font-size: 50px;
      line-height: 1.1;
    }
  }

  @media only screen and (max-width: 767px) {
    .blog-single.style-1 .dz-title {
      font-size: 40px;
    }
  }

  @media only screen and (max-width: 575px) {
    .blog-single.style-1 .dz-title {
      font-size: 35px;
      margin-bottom: 15px;
    }
  }

  @media only screen and (max-width: 991px) {
    .blog-single.style-1 {
      margin: 80px 0 60px 0;
    }
  }

  @media only screen and (max-width: 991px) {
    .blog-single.style-1 {
      margin: 60px 0 25px 0;
    }
  }

  .blog-single.style-1 .dz-info .dz-meta ul li {
    color: #999999;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
  }

  @media only screen and (max-width: 575px) {
    .blog-single.style-1 .dz-info .dz-meta ul li {
      font-size: 14px;
    }
  }

  .blog-single.style-1 .dz-info .dz-meta ul li a {
    color: #999999;
  }

  .blog-single.style-1 .dz-info .dz-meta ul li.meta-divider {
    transform: rotate(15deg);
  }


  .dz-post-text .widget_categories li a,
  .dz-post-text blockquote a {
    box-shadow: none;
    text-decoration: none;
  }


  blockquote {
    padding: 1.25rem 2rem 1.25rem 1.875rem;
    font-size: 0.938rem;
    color: var(--title);
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
    line-height: 1.875rem;
    position: relative;
    clear: both;
    font-weight: 700;
    z-index: 1;
    font-family: var(--font-family-title);
    border: 1px solid var(--secondary);
    border-radius: 20px;
  }


  blockquote i {
    font-size: 65px;
  }

  @media only screen and (max-width: 575px) {


    blockquote i {
      font-size: 40px;
    }
  }


  blockquote i,
  blockquote svg {
    position: absolute;
    right: 24px;
    bottom: 25px;
  }

  @media only screen and (max-width: 991px) {


    blockquote {
      padding: 1.25rem 2.25rem 0.938rem 1.25rem;
      font-size: 0.813rem;
      margin-top: 1.5rem;
      margin-bottom: 1.5rem;
    }
  }

  @media only screen and (max-width: 575px) {


    blockquote {
      padding: 1.25rem 0.25rem 0.938rem 1.25rem;
    }
  }


  blockquote cite {
    font-style: normal;
    position: relative;
    display: block;
    margin-top: -0.3125rem;
    font-weight: 600;
    color: var(--secondary);
    line-height: 1.3;
  }


  blockquote cite:before {
    content: "";
    margin-right: 0.625rem;
    width: 36px;
    height: 2px;
    background: var(--secondary);
    display: inline-block;
    vertical-align: middle;
  }


  blockquote b,
  blockquote strong,
  blockquote .strong {
    color: inherit;
  }


  blockquote:after {
    content: "";
    width: 4px;
    border-radius: 2px;
    height: 80%;
    left: 0;
    top: 50%;
    background: var(--secondary);
    position: absolute;
    box-shadow: 0 0 30px 0 var(--rgba-primary-2);
    transform: translateY(-50%);
  }


  blockquote:before {
    content: "";
    z-index: -1;
    background-size: cover;
    left: 20px;
    background-image: var(--quote);
    background-position: center right;
    width: 90px;
    padding: 0;
    opacity: 0.1;
    background-repeat: no-repeat;
    height: 90px;
    top: 0px;
    position: absolute;
  }


  blockquote.style-1 {
    background: #f5f5f5;
    color: var(--primary);
    padding: 25px 40px;
  }


  blockquote.style-1 p {
    font-size: 18px;
    line-height: 1.5;
    color: var(--primary);
  }


  blockquote.style-1 h4,
  blockquote.style-1 .h4 {
    font-weight: 800;
  }


  blockquote.style-1:after {
    content: none;
  }


  blockquote.style-1:before {
    right: 70px;
    top: -10px;
    color: rgb(255, 255, 255);
    content: "\f11d";
    font-family: flaticon;
    height: auto;
    font-size: 180px;
    transform: rotate(180deg);
    width: auto;
    background: none;
    line-height: 1;
    opacity: 1;
  }


  blockquote.style-1 cite {
    color: var(--title);
  }


  blockquote.style-1 cite:before {
    background: var(--title);
  }


  blockquote.style-2 {
    padding: 10px 0 10px 25px;
  }


  blockquote.style-2:before {
    content: none;
  }


  blockquote.style-2 cite {
    color: #777777;
    font-size: 18px;
    font-family: var(--font-family-title);
  }


  blockquote.style-2 cite:before {
    background: #777777;
  }


  blockquote.style-3 {
    text-align: center;
    padding: 0 0;
  }


  blockquote.style-3:after {
    content: none;
  }


  blockquote.style-3:before {
    background: var(--primary);
    opacity: 1;
    color: #fff;
    content: "\f10e";
    height: 60px;
    width: 60px;
    border-radius: 60px;
    position: relative;
    left: 0;
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-size: 28px;
    line-height: 60px;
    margin-bottom: 15px;
  }


  blockquote.style-3 cite {
    font-size: 18px;
  }


  blockquote.style-3 cite:before {
    content: none;
  }


  blockquote.style-4 {
    background: var(--primary);
    padding: 30px 30px;
    border-radius: var(--border-radius-base);
  }


  blockquote.style-4 .title {
    color: #fff;
    margin-bottom: 20px;
  }


  blockquote.style-4 cite {
    color: #fff;
    font-size: 18px;
    font-family: var(--font-family-title);
  }


  blockquote.style-4 cite:before {
    background: #fff;
  }


  blockquote.style-4:after {
    content: none;
  }


  blockquote.style-4:before {
    left: 30%;
    top: -10px;
    color: rgb(255, 255, 255);
    content: "\f11d";
    font-family: flaticon;
    height: auto;
    font-size: 180px;
    transform: rotate(180deg) translateX(-50%);
    width: auto;
    background: none;
    line-height: 1;
    opacity: 0.1;
  }

  .dz-blog.blog-single .dz-post-text blockquote p,
  .dz-page-text blockquote p,
  blockquote p {
    line-height: 1.5;
    color: var(--title);
    margin-bottom: 1rem;
    font-weight: 500;
    font-size: 22px;
    font-family: var(--font-family-title);
    font-style: normal;
  }

  .dz-blog.blog-single .dz-post-text blockquote p cite,
  .dz-page-text blockquote p cite,
  blockquote p cite {
    margin-top: 20px;
  }

  @media only screen and (max-width: 991px) {

    .dz-blog.blog-single .dz-post-text blockquote p,
    .dz-page-text blockquote p,
    blockquote p {
      font-size: 1.125rem;
    }
  }

  .dz-page-text {
    padding-bottom: 30px !important;
  }

  .dz-blog.blog-single .dz-post-text blockquote.style-1 p,
  .dz-page-text blockquote.style-1 p,
  blockquote.style-1 p {
    color: var(--primary);
    margin-bottom: 1.5rem;
  }

  /* Gutenberg Css */
  .min-container,
  .dz-page-text,
  .dz-page-text+#comment-list {
    max-width: 53.125rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0.938rem;
    padding-right: 0.938rem;
  }

  .dz-blog.blog-single.sidebar+#comment-list {
    padding: 0;
    max-width: 100%;
  }


  .dz-page-text+#comment-list,
  .dz-page-text {
    padding: 0;
  }

  .dz-page-text.sidebar {
    width: 100%;
    padding: 0;
    max-width: 100%;
  }

  .dz-page-text>ol,
  .dz-page-text>ul,
  .dz-blog.blog-single .dz-post-text>ol,
  .dz-blog.blog-single .dz-post-text>ul,
  .dz-blog.blog-single .dz-post-text.text>ol,
  .dz-blog.blog-single .dz-post-text.text>ul {
    padding-left: 1.25rem;
  }

  .dz-page-text>ol ol,
  .dz-page-text>ol ul,
  .dz-page-text>ul ol,
  .dz-page-text>ul ul,
  .dz-blog.blog-single .dz-post-text>ol ol,
  .dz-blog.blog-single .dz-post-text>ol ul,
  .dz-blog.blog-single .dz-post-text>ul ol,
  .dz-blog.blog-single .dz-post-text>ul ul,
  .dz-blog.blog-single .dz-post-text.text>ol ol,
  .dz-blog.blog-single .dz-post-text.text>ol ul,
  .dz-blog.blog-single .dz-post-text.text>ul ol,
  .dz-blog.blog-single .dz-post-text.text>ul ul {
    padding-left: 1.563rem;
  }

  .dz-page-text>ol li,
  .dz-page-text>ul li,
  .dz-blog.blog-single .dz-post-text>ol li,
  .dz-blog.blog-single .dz-post-text>ul li,
  .dz-blog.blog-single .dz-post-text>ol li,
  .dz-blog.blog-single .dz-post-text>ul li,
  .dz-blog.blog-single .dz-post-text.text>ol li,
  .dz-blog.blog-single .dz-post-text.text>ul li {
    padding: 0.5rem 0.5rem;
    position: relative;
    list-style: inherit;
  }


  .alignfullwide {
    margin-left: calc(50% - 15px - (50vw - 30px) - var(--content-share-ml, 0px) / 2);
    width: calc(100vw - 30px);
    max-width: calc(100vw - 30px);
    box-sizing: border-box;
  }

  .dz-page-text h1,
  .dz-page-text .h1,
  .dz-post-text h1,
  .dz-post-text .h1 {
    margin-bottom: 1rem;
    font-weight: 600;
  }

  .dz-page-text h2,
  .dz-page-text .h2,
  .dz-post-text h2,
  .dz-post-text .h2 {
    margin-bottom: 1rem;
    font-weight: 600;
    font-size: 30px;
  }

  @media only screen and (max-width: 767px) {

    .dz-page-text h2,
    .dz-page-text .h2,
    .dz-post-text h2,
    .dz-post-text .h2 {
      font-size: 20px;
    }
  }

  .dz-page-text h3,
  .dz-page-text .h3,
  .dz-post-text h3,
  .dz-post-text .h3 {
    margin-bottom: 1rem;
    font-weight: 600;
  }

  .dz-page-text h4,
  .dz-page-text .h4,
  .dz-post-text h4,
  .dz-post-text .h4 {
    margin-bottom: 0.75rem;
    font-weight: 600;
  }

  .dz-page-text h5,
  .dz-page-text .h5,
  .dz-post-text h5,
  .dz-post-text .h5 {
    margin-bottom: 0.75rem;
  }

  .dz-page-text h6,
  .dz-page-text .h6,
  .dz-post-text h6,
  .dz-post-text .h6 {
    margin-bottom: 0.625rem;
  }


  pre {
    margin: 0 0 1.563rem;
    padding: 1.25rem;
    color: #fff;
    background-color: #212326;
    white-space: pre;
    font-size: 0.938rem;
    border-radius: 0.1875rem;
  }

  .dz-page-text,
  .dz-page-text ul li,
  .dz-page-text ol li,
  .dz-blog.blog-single .dz-post-text,
  .dz-blog.blog-single .dz-post-text ul li,
  .dz-blog.blog-single .dz-post-text ol li,
  .dz-blog.blog-single .dz-blog.blog-single .dz-post-text p:not(.has-text-color):not(.has-text-align-center):not(.has-text-align-left):not(.has-text-align-right) {
    font-size: 24px;
    line-height: 1;
    margin-bottom: 10px;
  }

  .dz-page-text ul li,
  .dz-page-text ol li,
  .dz-blog.blog-single .dz-post-text ul li,
  .dz-blog.blog-single .dz-post-text ol li {
    list-style: none;
    position: relative;
    font-weight: 300;
  }

  .dz-page-text ul>li:before,
  .dz-page-text ol>li:before,
  .dz-blog.blog-single .dz-post-text ul>li:before,
  .dz-blog.blog-single .dz-post-text ol>li:before {
    content: "";
    display: inline-block;
    width: 0.375rem;
    height: 0.375rem;
    background: #444444;
    left: -0.938rem;
    position: absolute;
    top: 1.05rem;
    border-radius: 4px;
  }

  .dz-page-text p,
  .dz-blog.blog-single .dz-post-text p {
    font-family: var(--font-family-base);
    color: #505050;
    font-size: 24px;
    line-height: 35px;
    font-weight: 300;
    margin-top: 20px;
    margin-bottom: 40px;
  }

  @media only screen and (max-width: 575px) {

    .dz-page-text p,
    .dz-blog.blog-single .dz-post-text p {
      margin-bottom: 15px;
      line-height: normal;
    }
  }

  .dz-post-text.style-1 .text-edit {
    font-size: 19px !important;
  }

  /* Gutenberg Gallery */


  .dz-page-text.sidebar .alignfullwide,
  .blog-single.dz-blog.sidebar .alignfullwide {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    max-width: initial;
  }

  .blog-single.dz-blog.sidebar {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .dz-post-text table,
  .dz-page-text table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
    font-size: 1rem;
    margin-bottom: 1.875rem;
  }


  .dz-post-text figcaption,
  .dz-page-text figcaption {
    font-size: 0.875rem;
    font-family: "Poppins", sans-serif;
    font-style: normal;
    margin-top: 0.625rem;
  }

  .dz-post-text table tbody tr:nth-of-type(odd),
  .dz-page-text table tbody tr:nth-of-type(odd) {
    background-color: #fafafa;
  }

  .dz-post-text td,
  .dz-post-text th,
  .dz-page-text td,
  .dz-page-text th {
    padding: 0.625rem 0.938rem;
    border: 0.0625rem solid #e4e4e4;
    border-right: 0;
    border-left: 0;
  }

  .dz-title-text {
    font-size: 14px;
    margin-bottom: 30px;
  }

  .dz-post-text .bootstrap-select .dropdown-menu li a,
  .dz-page-text .bootstrap-select .dropdown-menu li a {
    box-shadow: none;
    font-size: 0.875rem;
    font-family: "Poppins", sans-serif;
  }

  /* Admin Bar */

  /* Theme Unit Test */

  .comment-content.dz-page-text {
    max-width: 100%;
    padding-bottom: 0 !important;
  }

  .comment-content.dz-page-text> :last-child {
    margin-bottom: 0;
  }

  @media only screen and (max-width: 61.9375rem) {

    .dz-page-text,
    .dz-page-text ul li,
    .dz-page-text ol li,
    .dz-page-text p,
    .dz-blog.blog-single .dz-post-text,
    .dz-blog.blog-single .dz-post-text ul li,
    .dz-blog.blog-single .dz-post-text ol li,
    .dz-blog.blog-single .dz-post-text p {
      font-size: 20px;
    }
  }

  @media only screen and (max-width: 575px) {

    .dz-page-text,
    .dz-page-text ul li,
    .dz-page-text ol li,
    .dz-page-text p,
    .dz-blog.blog-single .dz-post-text,
    .dz-blog.blog-single .dz-post-text ul li,
    .dz-blog.blog-single .dz-post-text ol li,
    .dz-blog.blog-single .dz-post-text p {
      font-size: 16px;
    }
  }

  @media only screen and (max-width: 575px) {
    .comment-respond.style-1 .comment-reply-title {
      margin-bottom: 20px;
    }
  }

  .comment-reply-title:before {
    content: none;
  }

  @media only screen and (max-width: 767px) {
    .default-form {
      margin-bottom: 30px;
    }
  }

  .comments-area .comment-list {
    margin-bottom: 60px;
    padding: 0;
  }

  .comments-area .comment-list>.comment .comment-body {
    position: relative;
    padding: 2px 0 30px 100px;
    margin-bottom: 30px;
    min-height: 115px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }

  .comments-area .comment-list>.comment .comment-body .comment-author .avatar {
    position: absolute;
    left: 0;
    height: 85px;
    width: 85px;
    top: 0;
  }

  .comments-area .comment-list>.comment .comment-body .comment-author .fn {
    font-family: var(--font-family-title);
    font-size: 16px;
    line-height: 1.2;
    color: var(--title);
    font-weight: 600;
    font-style: normal;
    margin-bottom: 0px;
    display: block;
  }

  .comments-area .comment-list>.comment .comment-body p {
    font-size: 18px;
    font-family: var(--font-family-base);
    margin-bottom: 10px;
    color: #666666;
    margin-top: 5px;
  }

  .comments-area .comment-list>.comment .comment-body p:last-child {
    margin-bottom: 0;
  }

  .comments-area .comment-list>.comment .comment-body .reply {
    line-height: 1;
  }

  .comments-area .comment-list>.comment .comment-body .reply .comment-reply-link {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 12px;
    background: var(--secondary);
    color: #fff;
    padding: 3px 10px;
    display: inline-block;
    line-height: 1.3;
    -webkit-transition: all 0.8s;
    -ms-transition: all 0.8s;
    transition: all 0.8s;
    position: absolute;
    right: 0;
    top: 0;
    font-family: var(--font-family-title);
    border-radius: 4px;
  }

  .comments-area .comment-list>.comment .comment-body .reply .comment-reply-link i {
    margin-right: 8px;
  }

  .comments-area .comment-list>.comment>.children {
    padding-left: 50px;
  }

  @media only screen and (max-width: 575px) {
    .comments-area .comment-list>.comment>.children {
      padding-left: 0px;
    }
  }

  .comments-area .comment-list .default-form {
    margin-bottom: 30px;
    margin-top: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #E1E1F0;
  }

  @media only screen and (max-width: 991px) {
    .comments-area .comment-list {
      margin-bottom: 40px;
    }
  }

  .comments-area.style-1 .comment-list>.comment .comment-body .comment-author .avatar {
    border-radius: 50%;
  }

  .comments-area.style-1 .comment-list>.comment:last-child {
    border-bottom: 0;
    margin-bottom: 0;
  }

  .comments-area.style-2 .comment-list>.comment {
    border-bottom: 1px solid #D7D7D7;
    margin-bottom: 30px;
  }

  .comments-area.style-2 .comment-list>.comment .comment-body .comment-author .avatar {
    border-radius: 50%;
    box-shadow: 0 0px 10px 4px rgba(31, 66, 135, 0.1);
    border: 5px solid #ffffff;
  }

  .comments-area.style-2 .comment-list>.comment:last-child {
    border-bottom: 0;
    margin-bottom: 0;
  }

  .comments-area.style-3 .comment-list>.comment {
    margin-bottom: 30px;
  }

  .comments-area.style-3 .comment-list>.comment .comment-body .comment-author .avatar {
    border-radius: 5px;
    box-shadow: 0 0px 10px 4px rgba(31, 66, 135, 0.1);
    border: 5px solid #ffffff;
  }

  .comments-area.style-3 .comment-list>.comment:last-child {
    margin-bottom: 0;
  }

  .comment-reply-title a {
    font-size: 14px;
    font-weight: 500;
    color: var(--primary);
    margin-left: 10px;
  }

  .comment-respond .comment-form {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
  }

  .comment-respond .comment-form p {
    margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .comment-respond .comment-form p label {
    display: none;
  }

  .comment-respond .comment-form p.comment-form-author input,
  .comment-respond .comment-form p.comment-form-email input,
  .comment-respond .comment-form p textarea {
    width: 100%;
    height: 50px;
    padding: 10px 20px;
    position: relative;
    font-size: 15px;
    border: 1px solid var(--secondary);
    background: transparent;
  }

  .comment-respond .comment-form p.comment-form-comment textarea {
    height: 150px !important;
  }

  .comment-respond .comment-form p.form-submit {
    margin-bottom: 0;
  }

  .comment-respond .comment-form .comment-form-comment {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .comment-respond.style-1 .comment-form .comment-form-author,
  .comment-respond.style-1 .comment-form .comment-form-email,
  .comment-respond.style-3 .comment-form .comment-form-author,
  .comment-respond.style-3 .comment-form .comment-form-email {
    width: 50%;
  }

  .comment-respond.style-2 .comment-form .comment-form-author,
  .comment-respond.style-2 .comment-form .comment-form-email {
    width: 50%;
  }

  @media only screen and (max-width: 575px) {

    .comment-respond .comment-form .comment-form-author,
    .comment-respond .comment-form .comment-form-email {
      width: 100% !important;
    }
  }

  .dz-load-more i:before {
    -webkit-animation: unset !important;
    -moz-animation: unset !important;
    animation: unset !important;
  }

  .dz-share-post {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
  }

  .dz-share-post .post-tags span {
    color: #999999;
    font-size: 16px;
    font-weight: 400;
    margin-right: 15px;
    line-height: 35px;
  }

  .dz-share-post .post-tags strong {
    font-weight: 500;
    font-size: 14px;
    color: #24262B;
  }

  .dz-share-post .post-tags a {
    color: var(--secondary);
    border-radius: var(--border-radius-base);
    margin: 0 8px;
    font-size: 16px;
    font-weight: 400;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
  }

  .dz-share-post .post-tags a:hover {
    color: var(--primary);
  }

  .dz-share-post .post-tags a:last-child {
    margin-right: 0;
  }

  @media only screen and (max-width: 991px) {
    .dz-share-post {
      margin-bottom: 40px;
    }
  }

  .dz-share-post .dz-social-icon li {
    margin-right: 5px;
  }

  .dz-share-post .dz-social-icon li a {
    display: block;
    height: 35px;
    width: 35px;
    min-width: 35px;
    line-height: 35px;
    font-size: 16px;
  }

  @media only screen and (max-width: 767px) {
    .dz-share-post .post-tags a {
      margin: 0 3px;
    }
  }

  @media only screen and (max-width: 767px) {
    .dz-share-post .dz-social-icon+.post-tags {
      margin-top: 20px;
    }
  }

  @media only screen and (max-width: 575px) {
    .dz-share-post .post-tags a {
      margin: 0 5px;
    }
  }

  .post-swiper,
  .post-swiper-thumb,
  .service-swiper {
    position: relative;
  }

  .post-swiper .btn-next,
  .post-swiper .btn-prev,
  .post-swiper .prev-post-swiper-btn,
  .post-swiper .next-post-swiper-btn,
  .post-swiper .prev-service-swiper-btn,
  .post-swiper .next-service-swiper-btn,
  .post-swiper-thumb .btn-next,
  .post-swiper-thumb .btn-prev,
  .post-swiper-thumb .prev-post-swiper-btn,
  .post-swiper-thumb .next-post-swiper-btn,
  .post-swiper-thumb .prev-service-swiper-btn,
  .post-swiper-thumb .next-service-swiper-btn,
  .service-swiper .btn-next,
  .service-swiper .btn-prev,
  .service-swiper .prev-post-swiper-btn,
  .service-swiper .next-post-swiper-btn,
  .service-swiper .prev-service-swiper-btn,
  .service-swiper .next-service-swiper-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 50px;
    width: 50px;
    border-radius: var(--border-radius-base);
    text-align: center;
    line-height: 50px;
    font-size: 24px;
    background-color: #fff;
    color: var(--primary);
    z-index: 1;
    margin: 0 10px;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
  }

  .post-swiper .btn-next:hover,
  .post-swiper .btn-prev:hover,
  .post-swiper .prev-post-swiper-btn:hover,
  .post-swiper .next-post-swiper-btn:hover,
  .post-swiper .prev-service-swiper-btn:hover,
  .post-swiper .next-service-swiper-btn:hover,
  .post-swiper-thumb .btn-next:hover,
  .post-swiper-thumb .btn-prev:hover,
  .post-swiper-thumb .prev-post-swiper-btn:hover,
  .post-swiper-thumb .next-post-swiper-btn:hover,
  .post-swiper-thumb .prev-service-swiper-btn:hover,
  .post-swiper-thumb .next-service-swiper-btn:hover,
  .service-swiper .btn-next:hover,
  .service-swiper .btn-prev:hover,
  .service-swiper .prev-post-swiper-btn:hover,
  .service-swiper .next-post-swiper-btn:hover,
  .service-swiper .prev-service-swiper-btn:hover,
  .service-swiper .next-service-swiper-btn:hover {
    background-color: var(--primary);
    color: #fff;
  }

  @media only screen and (max-width: 767px) {

    .post-swiper .btn-next,
    .post-swiper .btn-prev,
    .post-swiper .prev-post-swiper-btn,
    .post-swiper .next-post-swiper-btn,
    .post-swiper .prev-service-swiper-btn,
    .post-swiper .next-service-swiper-btn,
    .post-swiper-thumb .btn-next,
    .post-swiper-thumb .btn-prev,
    .post-swiper-thumb .prev-post-swiper-btn,
    .post-swiper-thumb .next-post-swiper-btn,
    .post-swiper-thumb .prev-service-swiper-btn,
    .post-swiper-thumb .next-service-swiper-btn,
    .service-swiper .btn-next,
    .service-swiper .btn-prev,
    .service-swiper .prev-post-swiper-btn,
    .service-swiper .next-post-swiper-btn,
    .service-swiper .prev-service-swiper-btn,
    .service-swiper .next-service-swiper-btn {
      background-color: rgba(0, 0, 0, 0.5);
      color: #fff;
    }
  }

  @media only screen and (max-width: 575px) {

    .post-swiper .btn-next,
    .post-swiper .btn-prev,
    .post-swiper .prev-post-swiper-btn,
    .post-swiper .next-post-swiper-btn,
    .post-swiper .prev-service-swiper-btn,
    .post-swiper .next-service-swiper-btn,
    .post-swiper-thumb .btn-next,
    .post-swiper-thumb .btn-prev,
    .post-swiper-thumb .prev-post-swiper-btn,
    .post-swiper-thumb .next-post-swiper-btn,
    .post-swiper-thumb .prev-service-swiper-btn,
    .post-swiper-thumb .next-service-swiper-btn,
    .service-swiper .btn-next,
    .service-swiper .btn-prev,
    .service-swiper .prev-post-swiper-btn,
    .service-swiper .next-post-swiper-btn,
    .service-swiper .prev-service-swiper-btn,
    .service-swiper .next-service-swiper-btn {
      height: 40px;
      width: 40px;
      line-height: 40px;
      font-size: 18px;
    }
  }

  .post-swiper .btn-prev,
  .post-swiper .prev-post-swiper-btn,
  .post-swiper .prev-service-swiper-btn,
  .post-swiper-thumb .btn-prev,
  .post-swiper-thumb .prev-post-swiper-btn,
  .post-swiper-thumb .prev-service-swiper-btn,
  .service-swiper .btn-prev,
  .service-swiper .prev-post-swiper-btn,
  .service-swiper .prev-service-swiper-btn {
    left: 0;
  }

  .post-swiper .btn-next,
  .post-swiper .next-post-swiper-btn,
  .post-swiper .next-service-swiper-btn,
  .post-swiper-thumb .btn-next,
  .post-swiper-thumb .next-post-swiper-btn,
  .post-swiper-thumb .next-service-swiper-btn,
  .service-swiper .btn-next,
  .service-swiper .next-post-swiper-btn,
  .service-swiper .next-service-swiper-btn {
    right: 0;
  }

  .service-swiper {
    border-radius: var(--border-radius-base);
  }

  .service-swiper img {
    border-radius: var(--border-radius-base);
  }

  .post-share {
    width: max-content;
    position: sticky;
    top: 120px;
    left: 300px;
    padding-top: 80px;
  }

  @media (max-width: 1280px) {
    .post-share {
      left: -180px;
    }
  }

  @media (max-width: 1040px) {
    .post-share {
      position: unset;
      width: 100%;
    }

    .post-share ul {
      display: flex;
      gap: 15px;
      margin-bottom: 20px;
    }
  }

  @media only screen and (max-width: 991px) {
    .post-share {
      padding-top: 40px;
    }

    .post-share ul {
      margin-bottom: 0px;
    }
  }

  @media only screen and (max-width: 575px) {
    .post-share {
      padding-top: 30px;
    }

    .post-share ul {
      display: flex;
      gap: 15px;
      margin-bottom: 0px;
    }
  }

  .post-share h6,
  .post-share .h6 {
    color: #999999;
    font-weight: 400;
    font-size: 14px;
  }

  .post-share ul li a {
    font-size: 16px;
    font-weight: 400;
    line-height: 40px;
    text-transform: uppercase;
    color: var(--title);
    transition: 0.5s;
  }

  @media only screen and (max-width: 575px) {
    .post-share ul li a {
      font-size: 15px;
      line-height: 1;
    }
  }

  .post-share ul li a:hover {
    color: var(--secondary);
    border-bottom: 1px solid var(--secondary);
  }

  .blog-single .dz-media+.dz-info {
    padding: 70px 0 0;
  }

  .blog-single .dz-media+.dz-info.style-1 {
    padding: 30px 0 0;
  }

  @media only screen and (max-width: 575px) {
    .blog-single .dz-media+.dz-info {
      padding: 40px 0 0;
    }
  }

  .bypostauthor {
    font-size: normal;
  }

  @media only screen and (max-width: 575px) {
    .dz-blog.blog-single .embed-responsive iframe {
      width: 100%;
    }
  }

  .dz-post-text.style-1 h3,
  .dz-post-text.style-1 .h3 {
    font-size: 30px;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 20px;
    font-family: var(--font-family-base);
  }

  @media only screen and (max-width: 575px) {

    .dz-post-text.style-1 h3,
    .dz-post-text.style-1 .h3 {
      font-size: 22px;
    }
  }

  .post-share2 {
    z-index: 99;
    top: 60%;
  }

  @media only screen and (max-width: 1480px) {
    .post-share2 {
      display: none;
    }
  }

  .post-share2 ul li a {
    color: #999999;
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    transition: 0.5s;
  }

  .post-share2 ul li a:hover {
    color: var(--secondary);
    border-bottom: 1px solid var(--secondary);
  }

  .sidebar-sticky-wrap {
    transform: translate(-213px, 100px);
    width: max-content;
  }

  .list-check-2 li span {
    font-size: 24px;
    border-bottom: 1px solid #2D2D2C;
  }

  @media only screen and (max-width: 575px) {
    .list-check-2 li span {
      font-size: 20px;
    }
  }

  .list-check-3 li {
    line-height: 45px !important;
  }

  @media only screen and (max-width: 767px) {
    .list-check-3 li {
      line-height: 30px !important;
    }
  }

  .list-check-3 li span {
    font-weight: 500;
    color: #191B1D;
    font-size: 24px;
  }

  @media only screen and (max-width: 575px) {
    .list-check-3 li span {
      font-size: 16px;
    }
  }

  .countdown {
    display: flex;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    margin: 0 -30px;
  }

  @media only screen and (max-width: 1199px) {
    .countdown {
      margin: 0 -10px;
    }
  }

  .countdown .date {
    padding: 0 30px;
  }

  @media only screen and (max-width: 1199px) {
    .countdown .date {
      padding: 0 10px;
    }
  }

  .countdown .date .time {
    font-size: 65px;
    vertical-align: middle;
    color: var(--title);
    font-weight: 600;
    font-family: var(--font-family-title);
    line-height: 1.2;
  }

  @media only screen and (max-width: 1199px) {
    .countdown .date .time {
      font-size: 50px;
    }
  }

  .countdown .date .text {
    font-weight: 600;
    font-size: 15px;
    font-family: var(--font-family-title);
    color: var(--title);
    text-transform: uppercase;
    display: block;
  }

  @media only screen and (max-width: 1199px) {
    .countdown .date .text {
      font-size: 12px;
    }
  }

  .error-section {
    height: 100%;
    position: relative;
  }


  .error-section .big-404 {
    object-fit: cover;
    height: 100vh;
    width: 100%;
  }

  @media (max-width: 1280px) {


    .error-section .big-404 {
      object-fit: fill;
    }
  }

  .error-section .big-404 {
    display: block;
  }

  .error-section .error-page {
    position: relative;
  }

  .error-section .error-page.style-1 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 688px;
    margin: auto;
    background: #ffffff;
    padding: 91px 0px 94px 0px;
  }

  @media (max-width: 1280px) {
    .error-section .error-page.style-1 {
      width: 490px;
    }
  }

  @media only screen and (max-width: 991px) {
    .error-section .error-page.style-1 {
      width: 340px;
    }
  }

  @media only screen and (max-width: 767px) {
    .error-section .error-page.style-1 {
      padding: 40px 0px 40px 0px;
    }
  }

  @media only screen and (max-width: 575px) {
    .error-section .error-page.style-1 {
      padding: 45px 0px 50px 0px;
    }
  }

  .error-section .error-page.style-1 .error-inner {
    text-align: center;
  }

  @media (max-width: 1280px) {
    .error-section .error-page.style-1 .error-inner .error-inner .dz_error {
      font-size: 60px;
    }
  }

  .error-section .error-page.style-1 .error-inner .error-head {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 0px;
    color: var(--secondary);
    margin-bottom: 10px;
  }

  @media only screen and (max-width: 991px) {
    .error-section .error-page.style-1 .error-inner .error-head {
      font-size: 18px;
    }
  }

  @media only screen and (max-width: 767px) {
    .error-section .error-page.style-1 .error-inner .error-head {
      font-size: 18px;
    }
  }

  .error-section .error-page.style-1 .error-inner .dz_error {
    font-size: 100px;
    font-weight: 500;
    color: var(--secondary);
    line-height: 100px;
    margin-bottom: 50px;
    max-width: 750px;
    margin: auto;
  }

  @media (max-width: 1040px) {
    .error-section .error-page.style-1 .error-inner .dz_error {
      max-width: 450px;
      line-height: 90px;
    }
  }

  @media only screen and (max-width: 1199px) {
    .error-section .error-page.style-1 .error-inner .dz_error {
      font-size: 80px;
    }
  }

  @media only screen and (max-width: 991px) {
    .error-section .error-page.style-1 .error-inner .dz_error {
      font-size: 50px;
      max-width: 330px;
      line-height: 1;
    }
  }

  @media only screen and (max-width: 767px) {
    .error-section .error-page.style-1 .error-inner .dz_error {
      line-height: 1;
    }
  }

  @media only screen and (max-width: 575px) {
    .error-section .error-page.style-1 .error-inner .dz_error {
      font-size: 45px;
    }
  }

  .error-section .error-page.style-1 .error-inner .btn {
    font-size: 16px;
    background: var(--primary);
    color: var(--secondary);
    flex-direction: row-reverse;
    gap: 10px;
    margin-top: 40px;
  }

  .map-wrapper {
    position: relative;
  }

  .map-wrapper .location-wrap {
    z-index: 9;
    position: relative;
  }

  .map-wrapper .location-wrap:hover .box-inner {
    opacity: 1;
    transform: scale(1.1);
  }

  .map-wrapper .location-wrap.loaction-2 {
    bottom: 54%;
    position: absolute;
    left: 70%;
    transform: translateX(-78%);
  }

  @media only screen and (max-width: 1280px) {
    .map-wrapper .location-wrap.loaction-2 {
      transform: translateX(-62%);
    }
  }

  @media only screen and (max-width: 1024px) {
    .map-wrapper .location-wrap.loaction-2 {
      transform: translateX(-58%);
      bottom: 57%;
    }
  }

  @media only screen and (max-width: 767px) {
    .map-wrapper .location-wrap.loaction-2 {
      transform: translateX(-40%);
      bottom: 68%;
    }
  }

  @media only screen and (max-width: 575px) {
    .map-wrapper .location-wrap.loaction-2 {
      transform: translateX(-40%);
      bottom: 50%;
    }
  }

  .map-wrapper .location-wrap .map-marker {
    width: 15px;
    bottom: -145px;
    left: 95px;
    height: 15px;
    background-color: var(--secondary);
    transition: all 400ms cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
    border-radius: 50%;
    position: relative;
    border: 5px solid var(--primary);
    box-shadow: 0px 0px 30px var(--primary);
    z-index: 2;
  }

  @media only screen and (max-width: 991px) {
    .map-wrapper .location-wrap .map-marker {
      bottom: -130px;
      left: 94px;
    }
  }

  @media only screen and (max-width: 767px) {
    .map-wrapper .location-wrap .map-marker {
      bottom: -210px;
      left: 60px;
    }
  }

  @media only screen and (max-width: 575px) {
    .map-wrapper .location-wrap .map-marker {
      bottom: -80px;
      left: 40px;
    }
  }

  .map-wrapper .location-wrap .box-inner {
    display: inline-flex;
    background: #191B1D;
    justify-content: space-between;
    pointer-events: none;
    padding: 10px 30px 10px 10px;
    border-radius: 10px;
    transform: scale(1);
    transition: 0.5s all;
    gap: 15px;
  }

  @media only screen and (max-width: 991px) {
    .map-wrapper .location-wrap .box-inner {
      opacity: 0;
    }
  }

  @media only screen and (max-width: 767px) {
    .map-wrapper .location-wrap .box-inner {
      padding: 8px 8px 8px 8px;
      display: block;
    }
  }

  @media only screen and (max-width: 575px) {
    .map-wrapper .location-wrap .box-inner {
      padding: 6px 6px 6px 6px;
    }
  }

  .map-wrapper .location-wrap .box-inner:before {
    content: "";
    position: absolute;
    background: 0 0;
    border: 7px solid transparent;
    z-index: 10;
    margin-bottom: 0;
    top: auto;
    bottom: -14px;
    transition: 0.3s;
    left: auto;
    right: 50%;
    transform: translateX(50%);
    border-top-color: var(--heading-color);
  }

  .map-wrapper .location-wrap .box-inner .item-image img {
    border-radius: 4px;
  }

  @media only screen and (max-width: 991px) {
    .map-wrapper .location-wrap .box-inner .item-image img {
      width: 100%;
      height: 70px;
      object-fit: cover;
    }
  }

  .map-wrapper .location-wrap .box-inner .title-location {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .map-wrapper .location-wrap .box-inner .title-location .item-title {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 23px;
  }

  @media only screen and (max-width: 991px) {
    .map-wrapper .location-wrap .box-inner .title-location .item-title {
      margin-bottom: 10px;
      font-size: 15px;
    }
  }

  @media only screen and (max-width: 575px) {
    .map-wrapper .location-wrap .box-inner .title-location .item-title {
      margin-bottom: 5px;
      font-size: 12px;
    }
  }

  .map-wrapper .location-wrap .box-inner .title-location .item-number {
    color: #fff;
    font-size: 14px;
  }

  @media only screen and (max-width: 991px) {
    .map-wrapper .location-wrap .box-inner .title-location .item-number {
      font-size: 13px;
    }
  }

  @media only screen and (max-width: 575px) {
    .map-wrapper .location-wrap .box-inner .title-location .item-number {
      font-size: 11px;
    }
  }

  .map-wrapper .location-wrap .box-inner .title-location .item-email {
    margin-top: 3px;
    color: #fff;
    font-size: 14px;
  }

  @media only screen and (max-width: 991px) {
    .map-wrapper .location-wrap .box-inner .title-location .item-email {
      font-size: 13px;
    }
  }

  @media only screen and (max-width: 575px) {
    .map-wrapper .location-wrap .box-inner .title-location .item-email {
      font-size: 10px;
    }
  }

  @media only screen and (max-width: 991px) {
    .map-section .container {
      max-width: 100%;
    }
  }

  .contact-info.style-1 {
    position: relative;
  }

  .contact-info.style-1 .dz-media {
    margin-bottom: 90px;
    width: 48vw;
    float: inline-end;
    padding-right: 20px;
    height: 420px;
  }

  @media only screen and (max-width: 1480px) {
    .contact-info.style-1 .dz-media {
      padding-right: 0px;
      height: 100%;
    }
  }

  @media only screen and (max-width: 991px) {
    .contact-info.style-1 .dz-media {
      width: 100%;
      margin-bottom: 50px;
    }
  }

  .locations-box {
    position: relative;
  }

  .locations-box:after {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
    width: 1px;
    height: 100%;
    opacity: 20%;
  }

  @media only screen and (max-width: 991px) {
    .locations-box:after {
      top: auto;
      bottom: 0px;
      width: 100%;
      height: 1px;
      background: linear-gradient(270deg, rgba(0, 0, 0, 0) -1.52%, rgb(0, 0, 0) 59.42%, rgba(0, 0, 0, 0) 98.48%);
    }
  }

  .locations-box:last-child:after {
    content: none;
  }

  @media only screen and (max-width: 991px) {
    .locations-box:last-child {
      margin-bottom: 0;
      padding-bottom: 0;
    }

    .locations-box:last-child:after {
      content: none;
    }
  }

  .locations-box .locations-box-inner {
    padding: 0 40px;
  }

  @media only screen and (max-width: 1199px) {
    .locations-box .locations-box-inner {
      padding: 0 15px;
    }
  }

  @media only screen and (max-width: 991px) {
    .locations-box .locations-box-inner {
      padding-bottom: 15px;
    }
  }

  @media only screen and (max-width: 767px) {
    .locations-box .locations-box-inner {
      padding: 0;
      padding-bottom: 15px !important;
    }
  }

  .locations-box .locations-box-inner .dz-content .title {
    font-size: 22px;
    font-weight: 400;
  }

  .locations-box .locations-box-inner .dz-content .contact-info {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    padding: 0;
  }

  .locations-box .locations-box-inner .dz-content .contact-info ul li a {
    color: rgba(25, 27, 29, 0.6);
    font-size: 18px;
    font-weight: 400;
  }

  @media only screen and (max-width: 991px) {
    .locations-box .locations-box-inner .dz-content .contact-info ul li a {
      font-size: 15px;
    }
  }

  .locations-box .locations-box-inner .dz-content .contact-info ul li a:hover {
    color: var(--secondary);
    border-bottom: 1px solid var(--secondary);
  }

  @media only screen and (max-width: 991px) {
    .locations-box .locations-box-inner .dz-content .contact-info .contact-left {
      margin-bottom: 20px;
    }
  }

  .locations-box .locations-box-inner .dz-content .contact-info .contact-left .title {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 16px;
    font-family: var(--font-family-base);
  }

  @media only screen and (max-width: 767px) {
    .locations-box .locations-box-inner .dz-content .contact-info .contact-left .title {
      margin-bottom: 5px;
    }
  }

  @media only screen and (min-width: 1024px) and (max-width: 1199px) {
    .locations-box .locations-box-inner .dz-content .title {
      font-size: 20px;
      margin-bottom: 20px;
    }
  }

  .contact-section {
    position: relative;
    z-index: 1;
  }

  .contact-section:after {
    content: "";
    width: 44%;
    height: 1030px;
    position: absolute;
    background-color: var(--primary);
    top: 0;
    left: 0;
    z-index: -1;
  }

  @media only screen and (max-width: 1480px) {
    .contact-section:after {
      height: 1000px;
    }
  }

  @media only screen and (max-width: 991px) {
    .contact-section:after {
      display: none;
    }
  }

  .main-img {
    display: block;
  }

  .main-img2 {
    display: none;
  }

  .cart-detail {
    background: var(--secondary);
    color: #fff;
    padding: 35px 30px;
  }

  .cart-detail .save-text {
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    color: #fff;
  }

  .cart-detail .save-text i {
    font-size: 20px;
    color: #fff;
  }

  .cart-detail .save-text span {
    color: #fff;
    font-weight: 500;
    font-size: 16px;
  }

  .cart-detail table {
    width: 100% !important;
  }

  .cart-detail table tr {
    align-items: center;
  }

  .cart-detail table tr.total td {
    padding: 15px 0 20px;
  }

  .cart-detail table tr.total td.price,
  .cart-detail table tr.total td h6,
  .cart-detail table tr.total td .h6 {
    color: #fff;
  }

  .cart-detail table tr.total td.price {
    font-family: var(--font-family-title);
    font-weight: 500;
    font-size: 24px;
    text-align: end;
  }

  @media only screen and (max-width: 1280px) {
    .cart-detail {
      padding: 15px;
    }

    .cart-detail .icon-bx-wraper.style-4 {
      padding: 15px;
    }

    .cart-detail .icon-bx-wraper.style-4 .icon-content {
      margin-left: 10px;
    }

    .cart-detail .icon-bx-wraper.style-4 .dz-title {
      margin-bottom: 0;
    }

    .cart-detail .icon-bx-wraper.style-4 p {
      display: none;
    }

    .cart-detail .save-text {
      padding-bottom: 10px;
    }

    .cart-detail .save-text span {
      font-size: 14px;
    }

    .cart-detail table tr.total td {
      padding: 10px 0 10px;
    }

    .cart-detail table tr.total td.price {
      font-size: 20px;
    }
  }

  .extm {
    z-index: 1;
  }

  .shop-sidebar {
    position: fixed;
    top: 0;
    height: 100vh;
    overflow-y: auto;
    width: 320px;
    left: -320px;
    z-index: 999;
    transition: 0.3s all;
    background-color: #fff;
    padding: 30px;
  }

  .page {
    margin-top: 40px;
    align-items: center;
  }

  .page .page-text {
    color: var(--title);
    font-weight: 400;
    margin-bottom: 0;
    font-size: 14px;
  }

  @media only screen and (max-width: 767px) {
    .page {
      margin-top: 0;
      text-align: center;
    }

    .page .page-text {
      margin-bottom: 25px;
    }
  }

  .dz-shop-card {
    position: relative;
  }

  .dz-shop-card .product-tag {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .dz-shop-card.style-1 {
    display: flex;
    background-color: #ffffff;
    margin-bottom: 30px;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
  }

  @media only screen and (max-width: 575px) {
    .dz-shop-card.style-1 {
      display: block;
    }
  }

  .dz-shop-card.style-1 .dz-media {
    margin-right: 30px;
    margin-right: 30px;
    width: 300px;
    max-width: 300px;
    height: 340px;
  }

  .dz-shop-card.style-1 .dz-media img {
    object-fit: cover;
  }

  @media only screen and (max-width: 767px) {
    .dz-shop-card.style-1 .dz-media {
      margin-right: 15px;
      height: 300px;
    }

    .dz-shop-card.style-1 .dz-media img {
      height: 100%;
    }
  }

  @media only screen and (max-width: 575px) {
    .dz-shop-card.style-1 .dz-media {
      margin-right: 0;
      width: 100%;
      max-width: 100%;
      height: 100%;
    }
  }

  .dz-shop-card.style-1 .product-tag {
    position: absolute;
    top: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    left: 0;
  }

  .dz-shop-card.style-1 .dz-content {
    flex: 1;
    align-self: center;
  }

  @media only screen and (max-width: 575px) {
    .dz-shop-card.style-1 .dz-content {
      padding-top: 20px;
    }
  }

  .dz-shop-card.style-1 .dz-content .dz-rating {
    text-align: center;
    display: flex;
    justify-content: center;
  }

  .dz-shop-card.style-1 .dz-content .dz-rating li {
    margin: 0;
    line-height: 1;
  }

  .dz-shop-card.style-1 .dz-content .dz-rating li i {
    margin: 0px 3px;
    font-size: 18px;
  }

  .dz-shop-card.style-1 .dz-content .review-num {
    display: flex;
    margin-left: 18px;
    flex-direction: column;
    text-align: center;
    min-width: 100px;
  }

  @media only screen and (max-width: 767px) {
    .dz-shop-card.style-1 .dz-content .review-num {
      min-width: 90px;
      margin-left: 0;
    }
  }

  .dz-shop-card.style-1 .dz-content .review-num h4,
  .dz-shop-card.style-1 .dz-content .review-num .h4 {
    margin-bottom: 0;
  }

  .dz-shop-card.style-1 .dz-content .review-num span a {
    font-size: 13px;
    font-family: var(--font-family-base);
    color: #5E626F;
  }

  .dz-shop-card.style-1 .dz-content .dz-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  @media only screen and (max-width: 767px) {
    .dz-shop-card.style-1 .dz-content .dz-header {
      align-items: unset;
    }
  }

  .dz-shop-card.style-1 .dz-content .dz-header .title {
    font-weight: 500;
    font-size: 24px;
  }

  @media only screen and (max-width: 767px) {
    .dz-shop-card.style-1 .dz-content .dz-header .title {
      font-weight: 500;
      font-size: 17px;
    }
  }

  .dz-shop-card.style-1 .dz-content .dz-header .sub-title {
    font-weight: 400;
    font-size: 16px;
    color: #666666;
  }

  .dz-shop-card.style-1 .dz-content .dz-rating-box {
    display: flex;
  }

  @media only screen and (max-width: 767px) {
    .dz-shop-card.style-1 .dz-content .dz-rating-box {
      display: block;
    }
  }

  .dz-shop-card.style-1 .dz-content .meta-content {
    margin-right: 80px;
  }

  .dz-shop-card.style-1 .dz-content .meta-content .price {
    font-size: 24px;
    font-weight: 500;
    color: #191B1D;
  }

  .dz-shop-card.style-1 .dz-content .color-name,
  .dz-shop-card.style-1 .dz-content .price-name {
    font-size: 14px;
    font-weight: 400;
    color: #505050;
    display: flex;
  }

  .dz-shop-card.style-1 .dz-content .dz-body {
    margin-top: 15px;
  }

  @media only screen and (max-width: 991px) {
    .dz-shop-card.style-1 .dz-content .dz-body {
      display: block;
      margin-top: 10px;
    }
  }

  @media only screen and (max-width: 575px) {
    .dz-shop-card.style-1 .dz-content .dz-body {
      margin-top: 0;
    }
  }

  .dz-shop-card.style-1 .dz-content .dz-body .dz-para {
    font-size: 17px;
    font-weight: 400;
    padding-right: 30px;
    color: #505050;
  }

  @media only screen and (max-width: 991px) {
    .dz-shop-card.style-1 .dz-content .dz-body .dz-para {
      font-size: 14px;
      padding-right: 0;
      margin-bottom: 0;
    }
  }

  @media only screen and (max-width: 767px) {
    .dz-shop-card.style-1 .dz-content .dz-body .dz-para {
      font-size: 12px;
      line-height: 1.3;
    }
  }

  .dz-shop-card.style-1 .dz-content .dz-body .rate {
    display: flex;
    margin-top: 0;
    align-items: center;
    justify-content: space-between;
    font-weight: 400;
  }

  @media only screen and (max-width: 991px) {
    .dz-shop-card.style-1 .dz-content .dz-body .rate {
      margin-top: 10px;
      display: block;
    }
  }

  @media only screen and (max-width: 575px) {
    .dz-shop-card.style-1 .dz-content .dz-body .rate {
      display: flex;
    }

    .dz-shop-card.style-1 .dz-content .dz-body .rate .meta-content {
      margin-right: 30px;
    }

    .dz-shop-card.style-1 .dz-content .dz-body .rate .color-name {
      margin-bottom: 8px;
    }
  }

  @media only screen and (max-width: 767px) {

    .dz-shop-card.style-1 .dz-content .dz-body .rate .btn {
      padding-left: 12px;
      padding-right: 12px;
      font-size: 18px;
    }
  }

  @media only screen and (max-width: 575px) {

    .dz-shop-card.style-1 .dz-content .dz-body .rate .btn {
      padding-left: 10px;
      padding-right: 10px;
    }
  }

  @media only screen and (max-width: 575px) {
    .panel-close-btn {
      display: block;
      height: 40px;
      width: 0;
      background: transparent;
      z-index: 10001;
      left: auto;
      right: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      right: 0;
      top: 15px;
      padding: 30px;
    }

    .panel-close-btn svg {
      position: fixed;
    }

    .panel-close-btn.active {
      width: 40px;
    }
  }

  .toolbar .btn {
    color: #ffffff;
    background-color: var(--primary) !important;
    border: 1px solid var(--primary) !important;
  }

  .filter-wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
  }

  .filter-wrapper .filter-left-area,
  .filter-wrapper .filter-right-area {
    display: flex;
    align-items: center;
  }

  .filter-wrapper .filter-left-area span,
  .filter-wrapper .filter-right-area span {
    font-size: 14px;
    color: var(--title);
  }

  .filter-wrapper .filter-left-area {
    flex: 1;
  }

  .filter-wrapper .filter-right-area>div {
    border-left: 1px solid var(--border-color);
  }

  .filter-wrapper .filter-right-area>div:first-child {
    border-left: 0 !important;
  }

  .filter-wrapper .filter-right-area .form-group {
    display: flex;
    align-items: center;
    padding: 0;
    background: none;
  }

  .filter-wrapper .filter-right-area .form-group .btn {
    border-bottom: 0;
    padding: 7px 20px 7px 20px;
    border: 0;
    background: transparent;
    color: var(--secondary);
    font-size: 14px;
    font-weight: 400;
    display: flex;
    align-items: center;
    outline: none !important;
  }

  .filter-wrapper .filter-right-area .form-group .default-select,
  .filter-wrapper .filter-right-area .form-group .bootstrap-select {
    width: auto !important;
    left: 0;
  }

  .filter-wrapper .filter-right-area .form-group .default-select .dropdown-toggle:after,
  .filter-wrapper .filter-right-area .form-group .bootstrap-select .dropdown-toggle:after {
    content: "\f107";
    font-family: "Font Awesome 6 free";
    border: 0;
    font-weight: 700;
    margin-left: 18px;
    font-size: 14px;
    color: var(--title);
  }

  .filter-wrapper .shop-tab .nav .nav-item .nav-link {
    width: 40px;
    height: 40px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--secondary);
  }

  .filter-wrapper .shop-tab .nav .nav-item .nav-link i {
    font-size: 20px;
  }

  .filter-wrapper .shop-tab .nav .nav-item .nav-link.active {
    background-color: #fff;
  }

  .filter-wrapper .shop-tab .nav .nav-item .nav-link.active svg {
    filter: invert(1);
  }

  .filter-wrapper .shop-tab .nav .nav-item .nav-link.active i {
    color: var(--primary);
  }

  @media only screen and (max-width: 1199px) {

    .filter-wrapper .filter-left-area,
    .filter-wrapper .filter-right-area {
      padding: 8px 0;
    }

    .filter-wrapper .filter-left-area .panel-btn,
    .filter-wrapper .filter-right-area .panel-btn {
      margin-right: 16px;
    }

    .filter-wrapper .shop-tab {
      margin-left: auto;
    }
  }

  @media only screen and (max-width: 767px) {
    .filter-wrapper {
      display: block;
    }
  }

  @media only screen and (max-width: 575px) {
    .filter-wrapper .filter-right-area .Category {
      display: none;
    }
  }

  .filter-wrapper {
    /* @include custommq($max:420px , $min:340px){ */
  }

  @media only screen and (max-width: 767px) {

    .filter-wrapper .filter-right-area .shop-tab ul li:nth-child(3),
    .filter-wrapper .filter-right-area .shop-tab ul li:nth-child(4) {
      display: none;
    }
  }

  .filter-tag {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }

  .filter-tag li {
    padding: 5px 0;
  }

  .filter-tag li:last-child {
    margin-right: 70px;
  }

  @media only screen and (max-width: 1480px) {
    .filter-tag {
      display: none;
    }
  }

  .tag-btn {
    padding: 3px 10px;
    margin-right: 10px;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    border: 1px solid var(--border-color);
    color: var(--title);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
  }

  .tag-btn i {
    font-size: 16px;
    color: #505050;
  }

  .tag-btn svg {
    margin-bottom: 2px;
  }

  .widget_search .form-group {
    margin-bottom: 40px;
  }

  .widget_search .form-group .form-control,
  .widget_search .form-group .login input[type=text],
  .login .widget_search .form-group input[type=text],
  .widget_search .form-group .login input[type=password],
  .login .widget_search .form-group input[type=password] {
    border-radius: 0;
    background-color: #F6F6F6;
    border: 0;
    height: 50px;
    padding: 13px 22px;
    text-align: start;
    padding-right: 50px;
  }

  .widget_search .form-group .input-group-addon {
    position: absolute;
    right: 15px;
    top: 0;
    z-index: 9;
  }

  .widget_search .form-group .input-group-addon .btn {
    padding: 0;
    height: 50px;
    text-align: center;
  }

  .widget_search .form-group .input-group-addon .btn:active {
    border-color: transparent;
  }

  .product-size.btn-group {
    display: flex;
    flex-wrap: wrap;
  }

  .product-size .btn {
    padding: 0;
    height: 34px;
    width: 34px;
    line-height: 36px;
    font-size: 15px;
    font-weight: 400;
    border-radius: 0;
    background-color: #ffffff !important;
    justify-content: center;
    background: #efefef;
    border: 1px solid var(--border-color);
    color: var(--title);
    margin-right: 8px !important;
    flex: unset;
    margin-bottom: 8px;
  }

  .product-size .btn:hover {
    border-color: inherit;
  }

  .product-size .btn-check:checked+.btn {
    background: var(--secondary) !important;
    color: #fff;
    border-color: var(--secondary);
  }

  .product-size.style-1 .btn {
    padding: 0;
    font-size: 15px;
    font-weight: 400;
    border-radius: 0;
    background-color: #ffffff !important;
    justify-content: center;
    background: #efefef;
    border: 0;
    color: var(--title);
    margin-right: 0;
    flex: unset;
    margin: 0;
    width: auto;
    height: auto;
  }

  .product-size.style-1 .btn-check:checked+.btn {
    color: var(--secondary);
    background-color: transparent !important;
  }

  .shop-filter .widget.widget_search .form-group .input-group .input-group-addon button i {
    color: var(--secondary);
    font-size: 17px;
    font-weight: 600;
  }

  .dz-product-detail {
    background-color: #ffffff;
    margin-bottom: 30px;
  }

  .dz-product-detail.static-media .dz-media {
    margin-bottom: 30px;
  }

  @media only screen and (max-width: 1199px) {
    .dz-product-detail.static-media .dz-media {
      height: auto;
      margin-bottom: 15px;
    }
  }

  .dz-product-detail .swiper-btn-center-lr+.dz-content {
    padding-top: 25px;
  }

  @media only screen and (max-width: 1199px) {
    .dz-product-detail .dz-media {
      /* min-height: 280px; */
    }
  }

  @media only screen and (max-width: 767px) {
    .dz-product-detail .dz-media {
      height: 100%;
    }
  }

  .dz-product-detail .dz-content .title {
    font-weight: 500;
  }

  .dz-product-detail .dz-content .meta-content {
    margin-right: 0;
    text-align: right;
  }

  .dz-product-detail .dz-content .dz-rating {
    display: flex;
    justify-content: left;
  }

  .dz-product-detail .dz-content .dz-rating li i {
    margin: 0px 3px;
    font-size: 18px;
  }

  .dz-product-detail .dz-content .para-text {
    font-size: 15px;
    color: var(--secondary);
    font-weight: 400;
  }

  @media only screen and (max-width: 575px) {
    .dz-product-detail .dz-content .para-text {
      font-size: 14px;
    }
  }

  .dz-product-detail .dz-content .dz-rating {
    display: flex;
    line-height: 18px;
  }

  .dz-product-detail .dz-content .review-num {
    display: flex;
  }

  .dz-product-detail .dz-content .review-num a,
  .dz-product-detail .dz-content .review-num span {
    font-size: 13px;
    color: #505050;
    line-height: 20px;
  }

  .dz-product-detail .dz-content .dz-content-footer {
    display: flex;
    margin-bottom: 15px;
  }

  .dz-product-detail .dz-content .dz-content-footer .dz-content-start {
    flex: 1;
  }

  .dz-product-detail .dz-content .dz-content-footer .price-name {
    line-height: 1.5;
  }

  .dz-product-detail .swiper-btn-center-lr .btn-next,
  .dz-product-detail .swiper-btn-center-lr .btn-prev {
    background-color: transparent;
    border-radius: 0;
  }

  .dz-product-detail .swiper-btn-center-lr .btn-prev {
    left: 0;
  }

  .dz-product-detail .swiper-btn-center-lr .btn-next {
    right: 0;
  }

  .dz-product-detail .swiper-btn-center-lr .gallery-button-prev i,
  .dz-product-detail .swiper-btn-center-lr .gallery-button-next i {
    font-size: 26px;
  }

  .dz-product-detail .quick-modal-swiper,
  .dz-product-detail .product-gallery-swiper {
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
  }

  .dz-product-detail .quick-modal-swiper .swiper-slide,
  .dz-product-detail .product-gallery-swiper .swiper-slide {
    width: 45px !important;
    min-width: 45px !important;
    height: 45px;
  }

  .dz-product-detail .quick-modal-swiper .swiper-slide img,
  .dz-product-detail .product-gallery-swiper .swiper-slide img {
    border: 2px solid #ffffff;
    border-radius: 5px;
    box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.4);
  }

  .dz-product-detail .quick-modal-swiper .swiper-slide:last-child,
  .dz-product-detail .product-gallery-swiper .swiper-slide:last-child {
    margin-right: 0 !important;
  }

  .dz-product-detail .quick-modal-swiper .swiper-slide.swiper-slide-thumb-active img,
  .dz-product-detail .product-gallery-swiper .swiper-slide.swiper-slide-thumb-active img {
    border-color: var(--secondary);
  }

  .dz-product-detail .quick-modal-swiper.swiper-vertical,
  .dz-product-detail .product-gallery-swiper.swiper-vertical {
    position: absolute;
    top: 30px;
    bottom: auto;
    left: 30px;
    transform: unset;
  }

  .dz-product-detail .quick-modal-swiper.swiper-vertical .swiper-slide,
  .dz-product-detail .product-gallery-swiper.swiper-vertical .swiper-slide {
    margin-right: 0 !important;
    margin-bottom: 15px !important;
  }

  .dz-product-detail .quick-modal-swiper.swiper-vertical.vertical-center,
  .dz-product-detail .product-gallery-swiper.swiper-vertical.vertical-center {
    top: 50%;
    transform: translateY(-50%);
    left: -50px;
  }

  .dz-product-detail .quick-modal-swiper.thumb-swiper-lg .swiper-slide,
  .dz-product-detail .product-gallery-swiper.thumb-swiper-lg .swiper-slide {
    height: 110px;
    width: 80px !important;
    min-width: 80px !important;
  }

  .dz-product-detail .quick-modal-swiper.thumb-swiper-lg .swiper-slide img,
  .dz-product-detail .product-gallery-swiper.thumb-swiper-lg .swiper-slide img {
    box-shadow: unset;
    border-color: var(--border-color);
    border-radius: 0;
    height: 100%;
    object-fit: cover;
  }

  .dz-product-detail .quick-modal-swiper.thumb-swiper-lg .swiper-slide.swiper-slide-thumb-active img,
  .dz-product-detail .product-gallery-swiper.thumb-swiper-lg .swiper-slide.swiper-slide-thumb-active img {
    border-color: var(--secondary);
  }

  .dz-product-detail .quick-modal-swiper.thumb-sm,
  .dz-product-detail .product-gallery-swiper.thumb-sm {
    top: 15px;
    left: 15px;
  }

  .dz-product-detail .quick-modal-swiper.thumb-sm .swiper-slide,
  .dz-product-detail .product-gallery-swiper.thumb-sm .swiper-slide {
    height: 50px;
    width: 50px !important;
    min-width: 50px !important;
  }

  .dz-product-detail .quick-modal-swiper.thumb-sm .swiper-slide img,
  .dz-product-detail .product-gallery-swiper.thumb-sm .swiper-slide img {
    box-shadow: unset;
    border: 1px solid var(--border-color);
    border-radius: 0;
  }

  .dz-product-detail .quick-modal-swiper.thumb-sm .swiper-slide.swiper-slide-thumb-active img,
  .dz-product-detail .product-gallery-swiper.thumb-sm .swiper-slide.swiper-slide-thumb-active img {
    border-color: var(--secondary);
  }

  @media only screen and (max-width: 575px) {

    .dz-product-detail .quick-modal-swiper.swiper-vertical,
    .dz-product-detail .product-gallery-swiper.swiper-vertical {
      top: 15px;
      left: 15px;
    }

    .dz-product-detail .quick-modal-swiper.thumb-swiper-lg .swiper-slide,
    .dz-product-detail .product-gallery-swiper.thumb-swiper-lg .swiper-slide {
      height: 70px;
      width: 50px !important;
      min-width: 50px !important;
    }
  }

  .dz-product-detail .product-num {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 30px;
  }

  .dz-product-detail .product-num>div {
    margin-right: 45px;
  }

  .dz-product-detail .product-num>div:last-child {
    margin-right: 0;
  }

  @media only screen and (max-width: 991px) {
    .dz-product-detail .product-num>div {
      margin-right: 15px;
      margin-bottom: 15px;
    }
  }

  .dz-product-detail .product-num a span {
    margin-left: 15px;
  }

  .dz-product-detail.style-2 {
    max-width: 660px;
    padding-left: 30px;
  }

  .dz-product-detail.style-2 .dz-content .title {
    font-size: 35px;
  }

  .dz-product-detail.style-2 .dz-content .price {
    font-weight: 500;
    font-size: 24px;
    color: var(--secondary);
  }

  .dz-product-detail.style-2 .dz-content .price del {
    font-weight: 400;
    font-size: 18px;
    color: #505050;
    margin-left: 10px;
  }

  .dz-product-detail.style-2 .dz-content .meta-content {
    text-align: left;
  }

  .dz-product-detail.style-2 .dz-content .btn-group,
  .dz-product-detail.style-2 .dz-content .product-num {
    margin-bottom: 40px;
  }

  .dz-product-detail.style-2 .dz-content .cart-btn {
    flex-wrap: wrap;
    margin: 0 -5px 40px;
  }

  .dz-product-detail.style-2 .dz-content .cart-btn .btn {
    margin: 5px 5px;
    border-radius: 0;
  }

  @media only screen and (max-width: 1199px) {
    .dz-product-detail.style-2 {
      padding-left: 0;
      padding-top: 20px;
    }
  }

  @media only screen and (max-width: 991px) {
    .dz-product-detail.style-2 .dz-content .title {
      font-size: 30px;
    }

    .dz-product-detail.style-2 .dz-content .meta-content {
      margin-bottom: 10px;
    }

    .dz-product-detail.style-2 .dz-content .btn-group,
    .dz-product-detail.style-2 .dz-content .product-num {
      margin-bottom: 20px;
    }
  }

  @media only screen and (max-width: 575px) {
    .dz-product-detail.style-2 {
      padding-top: 0;
    }

    .dz-product-detail.style-2 .dz-content .title {
      font-size: 24px;
    }

    .dz-product-detail.style-2 .dz-content .meta-content {
      justify-content: space-between;
      margin-bottom: 5px;
    }

    .dz-product-detail.style-2 .dz-content .btn-group,
    .dz-product-detail.style-2 .dz-content .product-num {
      justify-content: space-between;
      margin-bottom: 15px;
    }
  }

  .dz-product-detail .dz-info {
    margin-bottom: 40px;
  }

  @media only screen and (max-width: 991px) {
    .dz-product-detail .dz-info {
      margin-bottom: 20px;
    }
  }

  @media only screen and (max-width: 575px) {
    .dz-product-detail .dz-info {
      margin-bottom: 0;
    }
  }

  .dz-product-detail .dz-info {
    border-top: 1px solid var(--border-color);
    padding-top: 20px;
  }

  .dz-product-detail .dz-info ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 10px;
  }

  .dz-product-detail .dz-info ul li {
    color: var(--secondary);
    font-size: 14px;
    margin-right: 10px;
  }

  .dz-product-detail .dz-info ul li a {
    color: var(--secondary);
  }

  .dz-product-detail .dz-info ul li strong {
    font-size: 15px;
    font-family: var(--font-family-title);
  }

  .dz-product-detail .dz-info ul.social-icon li {
    margin-right: 20px;
    font-size: 16px;
  }

  .dz-product-detail .dz-info.style-2 {
    display: flex;
    flex-wrap: wrap;
  }

  .dz-product-detail .dz-info.style-2 ul {
    margin-right: 15px;
  }

  @media only screen and (max-width: 575px) {
    .dz-product-detail .dz-info.style-2 ul {
      margin-right: unset;
    }
  }

  .dz-product-detail .dz-info.style-2 ul.social-icon {
    margin-left: auto;
    margin-right: 0;
  }

  .dz-product-detail .dz-info.style-2 ul.social-icon li:last-child {
    margin-right: 0;
  }

  @media only screen and (max-width: 1199px) {
    .dz-product-detail .dz-info.style-2 ul.social-icon {
      margin-left: unset;
    }
  }

  .dz-product-detail.style-3 {
    padding: 0;
    margin: 0;
    background: transparent;
  }

  @media only screen and (max-width: 767px) {
    .dz-product-detail.style-3 {
      margin-bottom: 30px;
    }
  }

  .dz-product-detail.style-3 .swiper-btn-center-lr {
    margin-left: -80px;
    padding-left: 130px;
  }

  @media only screen and (max-width: 1199px) {
    .dz-product-detail.style-3 .swiper-btn-center-lr {
      margin-left: 0;
      padding-left: 80px;
    }
  }

  @media only screen and (max-width: 991px) {
    .dz-product-detail.style-3 .swiper-btn-center-lr {
      padding-left: 50px;
    }
  }

  .dz-product-detail.style-3 .product-gallery-swiper.swiper-vertical {
    position: absolute;
    top: 50%;
    bottom: auto;
    left: 30px;
    transform: translateY(-50%);
  }

  @media only screen and (max-width: 1199px) {
    .dz-product-detail.style-3 .product-gallery-swiper.swiper-vertical {
      left: 0px;
    }
  }

  .dz-product-detail.style-3 .product-gallery-swiper2:after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 12%;
    width: 51%;
    height: 60%;
    background: white;
    border-radius: 50% 50% 0px 0px;
    z-index: -1;
  }

  .btn-quantity {
    margin-right: 45px;
  }

  .btn-quantity .bootstrap-touchspin {
    width: 160px;
    min-width: 160px;
    position: relative;
    height: 40px;
    display: block;
  }

  .btn-quantity input {
    width: auto;
    padding: 0;
    text-align: center;
    z-index: 1;
    height: 40px !important;
    border: 1px solid #D7D7D7 !important;
    background-color: transparent;
    border-radius: 0 !important;
    font-size: 15px;
    width: 60px !important;
    color: var(--title);
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .btn-quantity input:focus {
    box-shadow: unset;
  }

  .btn-quantity input:active {
    border-color: #D7D7D7;
  }

  .btn-quantity .input-group {
    margin-bottom: 0;
  }

  .btn-quantity.quantity-sm .bootstrap-touchspin {
    width: 120px;
    min-width: 120px;
    height: 30px;
  }

  .btn-quantity.quantity-sm input {
    width: 40px !important;
    height: 30px !important;
  }

  .btn-quantity.quantity-sm .btn {
    min-width: 30px;
    font-size: 14px;
  }

  .btn-quantity.light .btn {
    background-color: #F6F6F6;
    color: var(--title);
  }

  .detail-bx {
    padding-left: 30px;
    padding-right: 30px;
  }

  .detail-bx .para-text {
    margin-bottom: 40px;
    color: var(--secondary);
  }

  .detail-bx.style-1 {
    padding: 0;
  }

  .detail-bx.style-1 .para-text {
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 20px;
    color: #505050;
  }

  .detail-bx .feature-detail {
    display: flex;
    align-items: center;
    margin-bottom: 60px;
    flex-wrap: wrap;
    justify-content: center;
  }

  .detail-bx .feature-detail li {
    display: flex;
    align-items: center;
    padding: 10px 120px 10px 0;
    text-align: left;
  }

  .detail-bx .feature-detail li:last-child {
    padding-right: 0;
  }

  .detail-bx .feature-detail li i {
    font-size: 22px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--secondary);
    border-radius: 50%;
    width: 44px;
    min-width: 44px;
    margin-right: 10px;
    color: var(--secondary);
  }

  .detail-bx .feature-detail li h5,
  .detail-bx .feature-detail li .h5 {
    font-weight: 400;
    margin-bottom: 0;
  }

  .detail-bx .feature-detail li svg {
    margin-right: 10px;
  }

  @media only screen and (max-width: 991px) {
    .detail-bx {
      padding-left: 0;
      padding-right: 0;
    }

    .detail-bx .feature-detail {
      margin-bottom: 30px;
    }

    .detail-bx .feature-detail li {
      padding: 6px 20px 6px 0;
    }

    .detail-bx .feature-detail li svg {
      width: 30px;
      height: 30px;
    }

    .detail-bx .feature-detail li h5,
    .detail-bx .feature-detail li .h5 {
      font-size: 16px;
    }

    .detail-bx .para-text {
      margin-bottom: 20px;
    }
  }

  @media only screen and (max-width: 767px) {
    .detail-bx .para-text {
      text-align: justify;
    }
  }

  @media only screen and (max-width: 600px) {
    .detail-bx .para-text {
      font-size: 14px;
    }
  }

  @media only screen and (max-width: 575px) {
    .detail-bx .feature-detail {
      margin-bottom: 15px;
    }

    .detail-bx .feature-detail li h5,
    .detail-bx .feature-detail li .h5 {
      font-size: 14px;
    }
  }

  .category-swiper,
  .category-swiper2 {
    margin-bottom: 25px;
  }

  .category-swiper .shop-card .dz-content,
  .category-swiper2 .shop-card .dz-content {
    padding: 12px 0;
  }

  @media only screen and (max-width: 575px) {

    .category-swiper,
    .category-swiper2 {
      margin-bottom: 15px;
    }
  }

  .category-swiper2 {
    margin-bottom: 0;
  }

  .category-swiper2 .shop-card .dz-content {
    text-align: left;
  }

  /* WooCommerce END */


  .login input[type=text],
  .login input[type=password] {
    height: 50px;
  }

  /* Extra css */

  /* Mini Cart Start */

  .variations {
    margin-bottom: 10px;
  }

  .variations td,
  .variations th {
    padding: 5px 0;
    vertical-align: middle;
  }

  /* WooCommerce Start */
  .registration-media {
    text-align: right;
    position: relative;
    z-index: -1;
    margin: auto;
    margin-top: -90px;
  }

  @media (min-width: 1921px) {
    .registration-media {
      text-align: center;
    }
  }

  @media only screen and (max-width: 1480px) {
    .registration-media {
      margin-top: 0;
    }
  }

  @media only screen and (min-width: 300px) and (max-width: 991px) {
    .registration-media {
      position: absolute;
      margin-top: 0px;
      right: 10%;
      bottom: 0;
    }
  }

  @media only screen and (max-width: 575px) {
    .registration-media {
      right: 5%;
    }
  }

  @media only screen and (max-width: 1480px) {
    .registration-media img {
      height: 600px;
      width: 100%;
      object-fit: contain;
      object-position: bottom;
    }
  }

  @media only screen and (max-width: 991px) {
    .registration-media img {
      height: auto;
    }
  }

  @media only screen and (min-width: 300px) and (max-width: 991px) {
    .registration-media img {
      height: 280px;
      object-fit: contain;
    }
  }

  @media only screen and (max-width: 767px) {
    .registration-media img {
      height: 240px;
    }
  }

  .start-side-content {
    padding: 120px 80px 0 80px;
    position: relative;
    background: var(--primary);
    z-index: 1;
  }

  .start-side-content:after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 16%;
    width: 51%;
    height: 60%;
    background: rgb(0, 0, 0);
    border-radius: 50% 50% 0px 0px;
    z-index: -2;
  }

  @media only screen and (min-width: 300px) and (max-width: 991px) {
    .start-side-content {
      padding: 120px 80px 80px 80px;
      height: 400px;
      display: flex;
      align-items: center;
    }

    .start-side-content:after {
      left: auto;
      width: 200px;
      height: 250px;
      right: 12%;
    }
  }

  @media only screen and (max-width: 1199px) {
    .start-side-content {
      padding: 120px 20px 0px;
    }
  }

  @media only screen and (max-width: 991px) {
    .start-side-content {
      padding: 120px 15px 0px;
    }
  }

  @media only screen and (max-width: 767px) {
    .start-side-content {
      padding: 120px 30px 80px 30px;
      height: 330px;
    }

    .start-side-content .dz-bnr-inr-entry h1,
    .start-side-content .dz-bnr-inr-entry .h1 {
      font-size: 26px;
      line-height: 1.1;
    }

    .start-side-content:after {
      width: 160px;
      height: 218px;
      right: 4%;
    }
  }

  @media only screen and (max-width: 575px) {
    .start-side-content {
      padding: 120px 15px 80px 15px;
    }
  }

  .end-side-content {
    padding: 120px 80px 80px 80px;
    display: flex;
    flex-direction: column;
  }

  @media only screen and (min-width: 300px) and (max-width: 1024px) {
    .end-side-content {
      padding: 80px;
    }
  }

  @media only screen and (max-width: 767px) {
    .end-side-content {
      padding: 60px;
    }
  }

  @media only screen and (max-width: 575px) {
    .end-side-content {
      padding: 30px 15px 30px;
    }
  }

  .login-area,
  .forget-password-area {
    padding: 80px;
    max-width: 522px;
    margin: auto;
    border: 1px solid #D7D7D7;
    width: 100%;
  }

  @media only screen and (max-width: 1199px) {

    .login-area,
    .forget-password-area {
      padding: 30px;
    }
  }

  @media only screen and (max-width: 575px) {

    .login-area,
    .forget-password-area {
      padding: 15px;
    }
  }

  .login-area form .label-title,
  .forget-password-area form .label-title {
    margin-bottom: 5px;
    font-weight: 500;
    font-family: var(--font-family-title);
    font-size: 16px;
    color: var(--title);
  }

  .login-area .secure-input,
  .forget-password-area .secure-input {
    position: relative;
    z-index: 1;
  }

  .login-area .secure-input .show-pass,
  .forget-password-area .secure-input .show-pass {
    cursor: pointer;
    position: absolute;
    right: 0;
    height: auto;
    width: 40px;
    top: 50%;
    transform: translate(-20%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
  }

  .login-area .secure-input .show-pass i,
  .forget-password-area .secure-input .show-pass i {
    color: #000;
  }

  .login-area .secure-input .show-pass:after,
  .forget-password-area .secure-input .show-pass:after {
    content: "";
    height: 2px;
    width: 24px;
    background-color: #000;
    position: absolute;
    border-radius: 5px;
    transform: rotate(15deg);
    opacity: 1;
  }

  .login-area .secure-input .show-pass.active:after,
  .forget-password-area .secure-input .show-pass.active:after {
    opacity: 0;
  }

  .forget-password-area {
    display: none;
  }

  .forget-password-area.active {
    display: block;
  }

  .login-area.active {
    display: none;
  }

  .faq-head {
    margin-bottom: 60px;
  }

  .faq-head .title {
    margin-left: auto;
    margin-right: auto;
    font-size: 70px;
    font-weight: 500;
    color: var(--secondary);
    line-height: 75px;
    font-family: var(--font-family-title);
  }

  @media only screen and (max-width: 767px) {
    .faq-head .title {
      font-size: 60px;
      line-height: 70px;
    }
  }

  @media only screen and (max-width: 767px) {
    .faq-head .title {
      font-size: 36px;
      line-height: normal;
    }
  }

  .faq-head.style-1 {
    margin: 130px 0px 100px 0px;
  }

  @media only screen and (max-width: 767px) {
    .faq-head.style-1 {
      margin: 110px 0px 90px 0px;
    }
  }

  @media only screen and (max-width: 575px) {
    .faq-head.style-1 {
      margin: 90px 0px 50px 0px;
    }
  }

  .faq-head.style-1 h2,
  .faq-head.style-1 .h2 {
    text-align: center;
    font-size: 70px;
    max-width: 910px;
    width: 100%;
    line-height: 80px;
    font-weight: 500;
    margin-left: auto;
    margin-bottom: 20px;
    margin-right: auto;
    color: var(--secondary);
  }

  @media only screen and (max-width: 991px) {

    .faq-head.style-1 h2,
    .faq-head.style-1 .h2 {
      font-size: 55px;
      line-height: 1;
      width: 100% !important;
      margin: unset;
      margin-bottom: 15px;
    }
  }

  @media only screen and (max-width: 767px) {

    .faq-head.style-1 h2,
    .faq-head.style-1 .h2 {
      font-size: 35px;
    }
  }

  @media only screen and (max-width: 575px) {

    .faq-head.style-1 h2,
    .faq-head.style-1 .h2 {
      font-size: 40px;
      line-height: 1;
    }
  }

  .faq-head.style-1 p {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 35px;
    margin-left: auto;
    max-width: 560px;
    text-transform: uppercase;
    color: #888888;
    margin-right: auto;
  }

  .faq-head.style-1 p a {
    color: #888888;
  }

  @media only screen and (max-width: 575px) {
    .faq-head.style-1 p {
      font-size: 16px;
    }
  }

  .faq-head.style-2 {
    margin: 210px 0px 50px 0px;
  }

  @media only screen and (max-width: 767px) {
    .faq-head.style-2 {
      margin: 150px 0px 50px 0px;
    }
  }

  .faq-head.style-2 h1,
  .faq-head.style-2 .h1 {
    text-align: center;
    font-size: 70px;
    max-width: 910px;
    width: 100%;
    line-height: 80px;
    font-weight: 500;
    margin-left: auto;
    margin-bottom: 20px;
    margin-right: auto;
    color: var(--secondary);
  }

  @media only screen and (max-width: 991px) {

    .faq-head.style-2 h1,
    .faq-head.style-2 .h1 {
      font-size: 55px;
      line-height: 1;
      width: 100% !important;
      margin: unset;
      margin-bottom: 15px;
    }
  }

  @media only screen and (max-width: 767px) {

    .faq-head.style-2 h1,
    .faq-head.style-2 .h1 {
      font-size: 40px;
    }
  }

  @media only screen and (max-width: 575px) {

    .faq-head.style-2 h1,
    .faq-head.style-2 .h1 {
      font-size: 40px;
      line-height: 1;
    }
  }

  .faq-head.style-2 p {
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
    margin-left: auto;
    max-width: 565px;
    color: #888888;
    margin-right: auto;
  }

  @media only screen and (max-width: 575px) {
    .faq-head.style-2 p {
      font-size: 16px;
    }
  }

  .faq-head.style-3 {
    margin: 190px 0px 100px 0px;
  }

  @media only screen and (max-width: 991px) {
    .faq-head.style-3 {
      margin: 150px 0px 70px 0px;
    }
  }

  @media only screen and (max-width: 767px) {
    .faq-head.style-3 {
      margin: 150px 0px 50px 0px;
    }
  }

  .faq-head.style-3 h2,
  .faq-head.style-3 .h2 {
    text-align: center;
    font-size: 70px;
    max-width: 770px;
    width: 100%;
    line-height: 80px;
    font-weight: 500;
    margin-left: auto;
    margin-bottom: 10px;
    margin-right: auto;
    color: var(--secondary);
    font-family: var(--font-family-title);
  }

  @media only screen and (max-width: 991px) {

    .faq-head.style-3 h2,
    .faq-head.style-3 .h2 {
      font-size: 55px;
      line-height: 1;
      width: 100% !important;
      margin: unset;
      margin-bottom: 15px;
    }
  }

  @media only screen and (max-width: 575px) {

    .faq-head.style-3 h2,
    .faq-head.style-3 .h2 {
      font-size: 40px;
      line-height: 1;
    }
  }

  .faq-head.style-3 p {
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
    margin-left: auto;
    max-width: 565px;
    color: #888888;
    margin-right: auto;
  }

  @media only screen and (max-width: 575px) {
    .faq-head.style-3 p {
      font-size: 16px;
    }
  }

  .faq-head .input-group {
    max-width: 400px;
    margin: auto;
  }

  @media only screen and (max-width: 1199px) {
    .faq-head {
      margin-bottom: 30px;
    }
  }

  @media only screen and (max-width: 575px) {
    .faq-head {
      margin-bottom: 20px;
    }
  }

  .dz-slider1 .swiper-area {
    width: 68.5%;
    position: relative;
    z-index: 0;
  }

  @media only screen and (max-width: 1680px) {
    .dz-slider1 .swiper-area {
      width: 80%;
    }
  }

  @media only screen and (max-width: 1480px) {
    .dz-slider1 .swiper-area {
      width: 85%;
    }
  }

  @media only screen and (max-width: 1199px) {
    .dz-slider1 .swiper-area {
      width: 81%;
    }
  }

  @media only screen and (max-width: 991px) {
    .dz-slider1 .swiper-area {
      width: 74%;
    }
  }

  @media only screen and (max-width: 575px) {
    .dz-slider1 .swiper-area {
      width: 73%;
    }
  }

  .dz-slider1 .dz-main-swiper-thumb {
    position: relative;
    z-index: 1;
    padding-left: 40px;
  }

  .dz-slider1 .dz-main-swiper-thumb .swiper-wrapper {
    height: auto;
  }

  .dz-slider1 .dz-main-swiper-thumb .swiper-slide {
    width: 300px;
  }

  .dz-slider1 .swiper-slide {
    height: 100% !important;
    background-repeat: no-repeat;
    background-position: center bottom;
  }

  .dz-slider1 .dz-main-swiper {
    z-index: 2;
    overflow: hidden;
    position: relative;
  }

  .dz-slider1 .dz-main-swiper .swiper-slide {
    transition: 0.5s;
    opacity: 0 !important;
  }

  .dz-slider1 .dz-main-swiper .swiper-slide.swiper-slide-active {
    opacity: 1 !important;
  }

  .dz-slider1 .swiper-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity));
    padding-top: 70px;
    padding-left: 30px;
  }

  @media only screen and (max-width: 1680px) {
    .dz-slider1 .swiper-content {
      padding-top: 0;
      padding-left: 0;
    }
  }

  @media only screen and (max-width: 1199px) {
    .dz-slider1 .swiper-content {
      padding-top: 40px;
    }
  }

  .dz-slider1 .swiper-pagination-wrapper {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: 20px;
    z-index: 999;
    display: flex;
    justify-content: flex-end;
  }

  @media only screen and (max-width: 991px) {
    .dz-slider1 .swiper-pagination-wrapper {
      display: none;
    }
  }

  .dz-slider1 .banner-content .swiper-meta-items {
    margin-bottom: 40px;
    display: flex;
    align-items: center;
  }

  @media only screen and (max-width: 1480px) {
    .dz-slider1 .banner-content .swiper-meta-items {
      margin-bottom: 20px;
    }
  }

  .dz-slider1 .banner-content .swiper-meta-items .meta-content {
    margin-right: 90px;
  }

  @media only screen and (max-width: 767px) {
    .dz-slider1 .banner-content .swiper-meta-items .meta-content {
      margin-right: 10px;
    }
  }

  .dz-slider1 .banner-content .swiper-meta-items .meta-content span {
    display: block;
  }

  .dz-slider1 .banner-content .swiper-meta-items .meta-content .color-name {
    margin-bottom: 10px;
  }

  .dz-slider1 .banner-content .swiper-meta-items .meta-content .color-name,
  .dz-slider1 .banner-content .swiper-meta-items .meta-content .price-name {
    font-size: 14px;
    font-weight: 600;
    color: var(--title);
  }

  .dz-slider1 .banner-content .swiper-meta-items .meta-content .price-num {
    margin-bottom: 0px;
    font-size: 40px;
    font-weight: 600;
    font-family: var(--font-family-title);
  }

  @media only screen and (max-width: 767px) {
    .dz-slider1 .banner-content .swiper-meta-items .meta-content .price-num {
      font-size: 28px;
    }
  }

  .dz-slider1 .banner-content .swiper-meta-items .meta-content .product-size .btn,
  .dz-slider1 .banner-content .swiper-meta-items .meta-content .product-size .wp-block-button__link,
  .dz-slider1 .banner-content .swiper-meta-items .meta-content .product-size .woocommerce .widget_shopping_cart .buttons a,
  .woocommerce .widget_shopping_cart .buttons .dz-slider1 .banner-content .swiper-meta-items .meta-content .product-size a,
  .dz-slider1 .banner-content .swiper-meta-items .meta-content .product-size .woocommerce.widget_shopping_cart .buttons a,
  .woocommerce.widget_shopping_cart .buttons .dz-slider1 .banner-content .swiper-meta-items .meta-content .product-size a,
  .dz-slider1 .banner-content .swiper-meta-items .meta-content .product-size .woocommerce #review_form #respond .form-submit input,
  .woocommerce #review_form #respond .form-submit .dz-slider1 .banner-content .swiper-meta-items .meta-content .product-size input,
  .dz-slider1 .banner-content .swiper-meta-items .meta-content .product-size .woocommerce-cart-form .table tr .button,
  .woocommerce-cart-form .table tr .dz-slider1 .banner-content .swiper-meta-items .meta-content .product-size .button,
  .dz-slider1 .banner-content .swiper-meta-items .meta-content .product-size .woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
  .woocommerce-cart .wc-proceed-to-checkout .dz-slider1 .banner-content .swiper-meta-items .meta-content .product-size a.checkout-button,
  .dz-slider1 .banner-content .swiper-meta-items .meta-content .product-size .woocommerce #respond input#submit,
  .woocommerce #respond .dz-slider1 .banner-content .swiper-meta-items .meta-content .product-size input#submit,
  .dz-slider1 .banner-content .swiper-meta-items .meta-content .product-size .woocommerce a.button,
  .woocommerce .dz-slider1 .banner-content .swiper-meta-items .meta-content .product-size a.button,
  .dz-slider1 .banner-content .swiper-meta-items .meta-content .product-size .woocommerce button.button,
  .woocommerce .dz-slider1 .banner-content .swiper-meta-items .meta-content .product-size button.button,
  .dz-slider1 .banner-content .swiper-meta-items .meta-content .product-size .woocommerce input.button,
  .woocommerce .dz-slider1 .banner-content .swiper-meta-items .meta-content .product-size input.button,
  .dz-slider1 .banner-content .swiper-meta-items .meta-content .product-size .woocommerce #place_order,
  .woocommerce .dz-slider1 .banner-content .swiper-meta-items .meta-content .product-size #place_order {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 1px solid #000;
    margin-right: 10px !important;
    background-color: #fff !important;
  }

  .dz-slider1 .banner-content .swiper-meta-items .meta-content .product-size .btn-check:checked+.btn,
  .dz-slider1 .banner-content .swiper-meta-items .meta-content .product-size .btn-check:checked+.wp-block-button__link,
  .dz-slider1 .banner-content .swiper-meta-items .meta-content .product-size .woocommerce .widget_shopping_cart .buttons .btn-check:checked+a,
  .woocommerce .widget_shopping_cart .buttons .dz-slider1 .banner-content .swiper-meta-items .meta-content .product-size .btn-check:checked+a,
  .dz-slider1 .banner-content .swiper-meta-items .meta-content .product-size .woocommerce.widget_shopping_cart .buttons .btn-check:checked+a,
  .woocommerce.widget_shopping_cart .buttons .dz-slider1 .banner-content .swiper-meta-items .meta-content .product-size .btn-check:checked+a,
  .dz-slider1 .banner-content .swiper-meta-items .meta-content .product-size .woocommerce #review_form #respond .form-submit .btn-check:checked+input,
  .woocommerce #review_form #respond .form-submit .dz-slider1 .banner-content .swiper-meta-items .meta-content .product-size .btn-check:checked+input,
  .dz-slider1 .banner-content .swiper-meta-items .meta-content .product-size .woocommerce-cart-form .table tr .btn-check:checked+.button,
  .woocommerce-cart-form .table tr .dz-slider1 .banner-content .swiper-meta-items .meta-content .product-size .btn-check:checked+.button,
  .dz-slider1 .banner-content .swiper-meta-items .meta-content .product-size .woocommerce-cart .wc-proceed-to-checkout .btn-check:checked+a.checkout-button,
  .woocommerce-cart .wc-proceed-to-checkout .dz-slider1 .banner-content .swiper-meta-items .meta-content .product-size .btn-check:checked+a.checkout-button,
  .dz-slider1 .banner-content .swiper-meta-items .meta-content .product-size .woocommerce #respond .btn-check:checked+input#submit,
  .woocommerce #respond .dz-slider1 .banner-content .swiper-meta-items .meta-content .product-size .btn-check:checked+input#submit,
  .dz-slider1 .banner-content .swiper-meta-items .meta-content .product-size .woocommerce .btn-check:checked+a.button,
  .woocommerce .dz-slider1 .banner-content .swiper-meta-items .meta-content .product-size .btn-check:checked+a.button,
  .dz-slider1 .banner-content .swiper-meta-items .meta-content .product-size .woocommerce .btn-check:checked+button.button,
  .woocommerce .dz-slider1 .banner-content .swiper-meta-items .meta-content .product-size .btn-check:checked+button.button,
  .dz-slider1 .banner-content .swiper-meta-items .meta-content .product-size .woocommerce .btn-check:checked+input.button,
  .woocommerce .dz-slider1 .banner-content .swiper-meta-items .meta-content .product-size .btn-check:checked+input.button,
  .dz-slider1 .banner-content .swiper-meta-items .meta-content .product-size .woocommerce .btn-check:checked+#place_order,
  .woocommerce .dz-slider1 .banner-content .swiper-meta-items .meta-content .product-size .btn-check:checked+#place_order {
    background-color: var(--secondary) !important;
    color: #fff;
  }

  .dz-slider1 .banner-content .swiper-meta-items .meta-content del {
    font-family: var(--font-family-title);
    font-style: normal;
    font-weight: var(--headings-font-weight2);
    color: #E5CCB8;
    margin-bottom: 0;
    font-size: 18px;
    padding: 0 10px;
  }

  @media only screen and (max-width: 1199px) {

    .dz-slider1 .swiper-slide:after {
      width: 320px;
    }
  }

  @media only screen and (max-width: 991px) {

    .dz-slider1 .swiper-content {
      padding: 0px;
    }
  }

  @media only screen and (max-width: 767px) {

    .dz-slider1 .banner-content .swiper-meta-items {
      margin: 15px 0px 15px;
    }
  }

  @media only screen and (max-width: 575px) {

    .dz-slider1 .banner-content .swiper-content {
      max-width: 100%;
    }

    .dz-slider1 .banner-content .swiper-meta-items {
      margin: 15px 0px 10px;
    }
  }

  .dz-post-text hr {
    height: 4px;
    border-top: 4px solid;
    margin: 40px 0;
  }

  .modal.status-modal .status-pagination .swiper-pagination-bullet {
    height: 5px;
    background-color: rgba(255, 255, 255, 0.5);
    opacity: 1;
    width: 100%;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
  }

  .modal.status-modal .status-pagination .swiper-pagination-bullet::after {
    content: "";
    height: 100%;
    width: 0;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
  }

  .modal.status-modal .status-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
    width: 100%;
    transition: 3.5s linear;
  }

  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 30%;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0.3%, rgba(0, 0, 0, 0.6) 100%);
  }

  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    color: #fff;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 30px 20px 0px 20px;
  }

  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .post-date {
    font-size: 16px;
    color: #fff;
    opacity: 0.5;
  }

  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .title {
    font-size: 24px;
    color: white;
    font-family: "Roboto";
    font-weight: 800;
    margin-bottom: 0;
  }

  @media only screen and (max-width: 575px) {
    .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .title {
      font-size: 17px;
    }
  }

  @media only screen and (max-width: 575px) {
    .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn {
      display: flex;
      flex-direction: column;
      justify-content: end;
    }
  }

  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn.btn-sm,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-sm.wp-block-button__link,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .widget_shopping_cart .buttons a.btn-sm,
  .woocommerce .widget_shopping_cart .buttons .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn a.btn-sm,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce.widget_shopping_cart .buttons a.btn-sm,
  .woocommerce.widget_shopping_cart .buttons .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn a.btn-sm,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce #review_form #respond .form-submit input.btn-sm,
  .woocommerce #review_form #respond .form-submit .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn input.btn-sm,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart-form .table tr .btn-sm.button,
  .woocommerce-cart-form .table tr .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-sm.button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart .wc-proceed-to-checkout a.btn-sm.checkout-button,
  .woocommerce-cart .wc-proceed-to-checkout .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn a.btn-sm.checkout-button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce #respond input.btn-sm#submit,
  .woocommerce #respond .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn input.btn-sm#submit,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce a.btn-sm.button,
  .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn a.btn-sm.button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce button.btn-sm.button,
  .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn button.btn-sm.button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce input.btn-sm.button,
  .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn input.btn-sm.button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .btn-sm#place_order,
  .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-sm#place_order,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>.btn,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>.wp-block-button__link.btn,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .widget_shopping_cart .buttons .btn-group-sm>a.btn,
  .woocommerce .widget_shopping_cart .buttons .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.btn,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce.widget_shopping_cart .buttons .btn-group-sm>a.btn,
  .woocommerce.widget_shopping_cart .buttons .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.btn,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce #review_form #respond .form-submit .btn-group-sm>input.btn,
  .woocommerce #review_form #respond .form-submit .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input.btn,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart-form .table tr .btn-group-sm>.button.btn,
  .woocommerce-cart-form .table tr .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>.button.btn,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart .wc-proceed-to-checkout .btn-group-sm>a.checkout-button.btn,
  .woocommerce-cart .wc-proceed-to-checkout .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.checkout-button.btn,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce #respond .btn-group-sm>input#submit.btn,
  .woocommerce #respond .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input#submit.btn,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .btn-group-sm>a.button.btn,
  .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.button.btn,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .btn-group-sm>button.button.btn,
  .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>button.button.btn,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .btn-group-sm>input.button.btn,
  .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input.button.btn,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .btn-group-sm>#place_order.btn,
  .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>#place_order.btn,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>.btn.wp-block-button__link,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>.wp-block-button__link,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .widget_shopping_cart .buttons .btn-group-sm>a.wp-block-button__link,
  .woocommerce .widget_shopping_cart .buttons .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.wp-block-button__link,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce.widget_shopping_cart .buttons .btn-group-sm>a.wp-block-button__link,
  .woocommerce.widget_shopping_cart .buttons .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.wp-block-button__link,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce #review_form #respond .form-submit .btn-group-sm>input.wp-block-button__link,
  .woocommerce #review_form #respond .form-submit .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input.wp-block-button__link,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart-form .table tr .btn-group-sm>.button.wp-block-button__link,
  .woocommerce-cart-form .table tr .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>.button.wp-block-button__link,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart .wc-proceed-to-checkout .btn-group-sm>a.checkout-button.wp-block-button__link,
  .woocommerce-cart .wc-proceed-to-checkout .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.checkout-button.wp-block-button__link,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce #respond .btn-group-sm>input#submit.wp-block-button__link,
  .woocommerce #respond .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input#submit.wp-block-button__link,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .btn-group-sm>a.button.wp-block-button__link,
  .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.button.wp-block-button__link,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .btn-group-sm>button.button.wp-block-button__link,
  .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>button.button.wp-block-button__link,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .btn-group-sm>input.button.wp-block-button__link,
  .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input.button.wp-block-button__link,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .btn-group-sm>#place_order.wp-block-button__link,
  .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>#place_order.wp-block-button__link,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .widget_shopping_cart .buttons .btn-group-sm>a.btn,
  .woocommerce .widget_shopping_cart .buttons .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.btn,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .widget_shopping_cart .buttons .btn-group-sm>a.wp-block-button__link,
  .woocommerce .widget_shopping_cart .buttons .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.wp-block-button__link,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .widget_shopping_cart .buttons .btn-group-sm>a,
  .woocommerce .widget_shopping_cart .buttons .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce.widget_shopping_cart .widget_shopping_cart .buttons .btn-group-sm>a,
  .woocommerce.widget_shopping_cart .widget_shopping_cart .buttons .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart-form .table tr .woocommerce .widget_shopping_cart .buttons .btn-group-sm>a.button,
  .woocommerce-cart-form .table tr .woocommerce .widget_shopping_cart .buttons .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .widget_shopping_cart .buttons .woocommerce-cart-form .table tr .btn-group-sm>a.button,
  .woocommerce .widget_shopping_cart .buttons .woocommerce-cart-form .table tr .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart .wc-proceed-to-checkout .woocommerce .widget_shopping_cart .buttons .btn-group-sm>a.checkout-button,
  .woocommerce-cart .wc-proceed-to-checkout .woocommerce .widget_shopping_cart .buttons .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.checkout-button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .widget_shopping_cart .buttons .woocommerce-cart .wc-proceed-to-checkout .btn-group-sm>a.checkout-button,
  .woocommerce .widget_shopping_cart .buttons .woocommerce-cart .wc-proceed-to-checkout .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.checkout-button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .widget_shopping_cart .buttons .btn-group-sm>a.button,
  .woocommerce .widget_shopping_cart .buttons .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .widget_shopping_cart .buttons .btn-group-sm>a#place_order,
  .woocommerce .widget_shopping_cart .buttons .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a#place_order,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce.widget_shopping_cart .buttons .btn-group-sm>a.btn,
  .woocommerce.widget_shopping_cart .buttons .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.btn,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce.widget_shopping_cart .buttons .btn-group-sm>a.wp-block-button__link,
  .woocommerce.widget_shopping_cart .buttons .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.wp-block-button__link,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce.widget_shopping_cart .widget_shopping_cart .buttons .btn-group-sm>a,
  .woocommerce.widget_shopping_cart .widget_shopping_cart .buttons .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce.widget_shopping_cart .buttons .btn-group-sm>a,
  .woocommerce.widget_shopping_cart .buttons .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart-form .table tr .woocommerce.widget_shopping_cart .buttons .btn-group-sm>a.button,
  .woocommerce-cart-form .table tr .woocommerce.widget_shopping_cart .buttons .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce.widget_shopping_cart .buttons .woocommerce-cart-form .table tr .btn-group-sm>a.button,
  .woocommerce.widget_shopping_cart .buttons .woocommerce-cart-form .table tr .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart .wc-proceed-to-checkout .woocommerce.widget_shopping_cart .buttons .btn-group-sm>a.checkout-button,
  .woocommerce-cart .wc-proceed-to-checkout .woocommerce.widget_shopping_cart .buttons .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.checkout-button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce.widget_shopping_cart .buttons .woocommerce-cart .wc-proceed-to-checkout .btn-group-sm>a.checkout-button,
  .woocommerce.widget_shopping_cart .buttons .woocommerce-cart .wc-proceed-to-checkout .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.checkout-button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce.widget_shopping_cart .buttons .btn-group-sm>a.button,
  .woocommerce.widget_shopping_cart .buttons .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce.widget_shopping_cart .buttons .btn-group-sm>a#place_order,
  .woocommerce.widget_shopping_cart .buttons .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a#place_order,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce #review_form #respond .form-submit .btn-group-sm>input.btn,
  .woocommerce #review_form #respond .form-submit .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input.btn,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce #review_form #respond .form-submit .btn-group-sm>input.wp-block-button__link,
  .woocommerce #review_form #respond .form-submit .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input.wp-block-button__link,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce #review_form #respond .form-submit .btn-group-sm>input,
  .woocommerce #review_form #respond .form-submit .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart-form .table tr .woocommerce #review_form #respond .form-submit .btn-group-sm>input.button,
  .woocommerce-cart-form .table tr .woocommerce #review_form #respond .form-submit .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input.button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce #review_form #respond .form-submit .woocommerce-cart-form .table tr .btn-group-sm>input.button,
  .woocommerce #review_form #respond .form-submit .woocommerce-cart-form .table tr .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input.button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce #review_form #respond .form-submit .btn-group-sm>input#submit,
  .woocommerce #review_form #respond .form-submit .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input#submit,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce #review_form #respond .form-submit .btn-group-sm>input.button,
  .woocommerce #review_form #respond .form-submit .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input.button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce #review_form #respond .form-submit .btn-group-sm>input#place_order,
  .woocommerce #review_form #respond .form-submit .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input#place_order,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart-form .table tr .btn-group-sm>.btn.button,
  .woocommerce-cart-form .table tr .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>.btn.button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart-form .table tr .btn-group-sm>.wp-block-button__link.button,
  .woocommerce-cart-form .table tr .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>.wp-block-button__link.button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .widget_shopping_cart .buttons .woocommerce-cart-form .table tr .btn-group-sm>a.button,
  .woocommerce .widget_shopping_cart .buttons .woocommerce-cart-form .table tr .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart-form .table tr .woocommerce .widget_shopping_cart .buttons .btn-group-sm>a.button,
  .woocommerce-cart-form .table tr .woocommerce .widget_shopping_cart .buttons .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce.widget_shopping_cart .buttons .woocommerce-cart-form .table tr .btn-group-sm>a.button,
  .woocommerce.widget_shopping_cart .buttons .woocommerce-cart-form .table tr .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart-form .table tr .woocommerce.widget_shopping_cart .buttons .btn-group-sm>a.button,
  .woocommerce-cart-form .table tr .woocommerce.widget_shopping_cart .buttons .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce #review_form #respond .form-submit .woocommerce-cart-form .table tr .btn-group-sm>input.button,
  .woocommerce #review_form #respond .form-submit .woocommerce-cart-form .table tr .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input.button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart-form .table tr .woocommerce #review_form #respond .form-submit .btn-group-sm>input.button,
  .woocommerce-cart-form .table tr .woocommerce #review_form #respond .form-submit .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input.button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart-form .table tr .btn-group-sm>.button,
  .woocommerce-cart-form .table tr .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>.button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart .wc-proceed-to-checkout .woocommerce-cart-form .table tr .btn-group-sm>a.checkout-button.button,
  .woocommerce-cart .wc-proceed-to-checkout .woocommerce-cart-form .table tr .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.checkout-button.button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart-form .table tr .woocommerce-cart .wc-proceed-to-checkout .btn-group-sm>a.checkout-button.button,
  .woocommerce-cart-form .table tr .woocommerce-cart .wc-proceed-to-checkout .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.checkout-button.button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce #respond .woocommerce-cart-form .table tr .btn-group-sm>input#submit.button,
  .woocommerce #respond .woocommerce-cart-form .table tr .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input#submit.button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart-form .table tr .woocommerce #respond .btn-group-sm>input#submit.button,
  .woocommerce-cart-form .table tr .woocommerce #respond .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input#submit.button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .woocommerce-cart-form .table tr .btn-group-sm>a.button,
  .woocommerce .woocommerce-cart-form .table tr .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart-form .table tr .woocommerce .btn-group-sm>a.button,
  .woocommerce-cart-form .table tr .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .woocommerce-cart-form .table tr .btn-group-sm>button.button,
  .woocommerce .woocommerce-cart-form .table tr .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>button.button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart-form .table tr .woocommerce .btn-group-sm>button.button,
  .woocommerce-cart-form .table tr .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>button.button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .woocommerce-cart-form .table tr .btn-group-sm>input.button,
  .woocommerce .woocommerce-cart-form .table tr .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input.button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart-form .table tr .woocommerce .btn-group-sm>input.button,
  .woocommerce-cart-form .table tr .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input.button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .woocommerce-cart-form .table tr .btn-group-sm>#place_order.button,
  .woocommerce .woocommerce-cart-form .table tr .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>#place_order.button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart-form .table tr .woocommerce .btn-group-sm>#place_order.button,
  .woocommerce-cart-form .table tr .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>#place_order.button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart .wc-proceed-to-checkout .btn-group-sm>a.btn.checkout-button,
  .woocommerce-cart .wc-proceed-to-checkout .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.btn.checkout-button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart .wc-proceed-to-checkout .btn-group-sm>a.wp-block-button__link.checkout-button,
  .woocommerce-cart .wc-proceed-to-checkout .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.wp-block-button__link.checkout-button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .widget_shopping_cart .buttons .woocommerce-cart .wc-proceed-to-checkout .btn-group-sm>a.checkout-button,
  .woocommerce .widget_shopping_cart .buttons .woocommerce-cart .wc-proceed-to-checkout .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.checkout-button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart .wc-proceed-to-checkout .woocommerce .widget_shopping_cart .buttons .btn-group-sm>a.checkout-button,
  .woocommerce-cart .wc-proceed-to-checkout .woocommerce .widget_shopping_cart .buttons .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.checkout-button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce.widget_shopping_cart .buttons .woocommerce-cart .wc-proceed-to-checkout .btn-group-sm>a.checkout-button,
  .woocommerce.widget_shopping_cart .buttons .woocommerce-cart .wc-proceed-to-checkout .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.checkout-button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart .wc-proceed-to-checkout .woocommerce.widget_shopping_cart .buttons .btn-group-sm>a.checkout-button,
  .woocommerce-cart .wc-proceed-to-checkout .woocommerce.widget_shopping_cart .buttons .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.checkout-button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart-form .table tr .woocommerce-cart .wc-proceed-to-checkout .btn-group-sm>a.button.checkout-button,
  .woocommerce-cart-form .table tr .woocommerce-cart .wc-proceed-to-checkout .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.button.checkout-button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart .wc-proceed-to-checkout .woocommerce-cart-form .table tr .btn-group-sm>a.button.checkout-button,
  .woocommerce-cart .wc-proceed-to-checkout .woocommerce-cart-form .table tr .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.button.checkout-button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart .wc-proceed-to-checkout .btn-group-sm>a.checkout-button,
  .woocommerce-cart .wc-proceed-to-checkout .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.checkout-button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .woocommerce-cart .wc-proceed-to-checkout .btn-group-sm>a.button.checkout-button,
  .woocommerce .woocommerce-cart .wc-proceed-to-checkout .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.button.checkout-button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart .wc-proceed-to-checkout .woocommerce .btn-group-sm>a.button.checkout-button,
  .woocommerce-cart .wc-proceed-to-checkout .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.button.checkout-button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .woocommerce-cart .wc-proceed-to-checkout .btn-group-sm>a#place_order.checkout-button,
  .woocommerce .woocommerce-cart .wc-proceed-to-checkout .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a#place_order.checkout-button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart .wc-proceed-to-checkout .woocommerce .btn-group-sm>a#place_order.checkout-button,
  .woocommerce-cart .wc-proceed-to-checkout .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a#place_order.checkout-button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce #respond .btn-group-sm>input.btn#submit,
  .woocommerce #respond .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input.btn#submit,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce #respond .btn-group-sm>input.wp-block-button__link#submit,
  .woocommerce #respond .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input.wp-block-button__link#submit,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce #review_form #respond .form-submit .btn-group-sm>input#submit,
  .woocommerce #review_form #respond .form-submit .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input#submit,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart-form .table tr .woocommerce #respond .btn-group-sm>input.button#submit,
  .woocommerce-cart-form .table tr .woocommerce #respond .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input.button#submit,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce #respond .woocommerce-cart-form .table tr .btn-group-sm>input.button#submit,
  .woocommerce #respond .woocommerce-cart-form .table tr .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input.button#submit,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce #respond .btn-group-sm>input#submit,
  .woocommerce #respond .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input#submit,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce #respond .btn-group-sm>input.button#submit,
  .woocommerce #respond .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input.button#submit,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .btn-group-sm>a.btn.button,
  .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.btn.button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .btn-group-sm>a.wp-block-button__link.button,
  .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.wp-block-button__link.button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .widget_shopping_cart .buttons .btn-group-sm>a.button,
  .woocommerce .widget_shopping_cart .buttons .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce.widget_shopping_cart .buttons .btn-group-sm>a.button,
  .woocommerce.widget_shopping_cart .buttons .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart-form .table tr .woocommerce .btn-group-sm>a.button,
  .woocommerce-cart-form .table tr .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .woocommerce-cart-form .table tr .btn-group-sm>a.button,
  .woocommerce .woocommerce-cart-form .table tr .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart .wc-proceed-to-checkout .woocommerce .btn-group-sm>a.checkout-button.button,
  .woocommerce-cart .wc-proceed-to-checkout .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.checkout-button.button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .woocommerce-cart .wc-proceed-to-checkout .btn-group-sm>a.checkout-button.button,
  .woocommerce .woocommerce-cart .wc-proceed-to-checkout .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.checkout-button.button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .btn-group-sm>a.button,
  .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .btn-group-sm>a#place_order.button,
  .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a#place_order.button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .btn-group-sm>button.btn.button,
  .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>button.btn.button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .btn-group-sm>button.wp-block-button__link.button,
  .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>button.wp-block-button__link.button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart-form .table tr .woocommerce .btn-group-sm>button.button,
  .woocommerce-cart-form .table tr .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>button.button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .woocommerce-cart-form .table tr .btn-group-sm>button.button,
  .woocommerce .woocommerce-cart-form .table tr .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>button.button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .btn-group-sm>button.button,
  .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>button.button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .btn-group-sm>button#place_order.button,
  .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>button#place_order.button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .btn-group-sm>input.btn.button,
  .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input.btn.button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .btn-group-sm>input.wp-block-button__link.button,
  .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input.wp-block-button__link.button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce #review_form #respond .form-submit .btn-group-sm>input.button,
  .woocommerce #review_form #respond .form-submit .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input.button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart-form .table tr .woocommerce .btn-group-sm>input.button,
  .woocommerce-cart-form .table tr .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input.button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .woocommerce-cart-form .table tr .btn-group-sm>input.button,
  .woocommerce .woocommerce-cart-form .table tr .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input.button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce #respond .btn-group-sm>input#submit.button,
  .woocommerce #respond .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input#submit.button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .btn-group-sm>input.button,
  .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input.button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .btn-group-sm>input#place_order.button,
  .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input#place_order.button,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .btn-group-sm>.btn#place_order,
  .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>.btn#place_order,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .btn-group-sm>.wp-block-button__link#place_order,
  .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>.wp-block-button__link#place_order,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .widget_shopping_cart .buttons .btn-group-sm>a#place_order,
  .woocommerce .widget_shopping_cart .buttons .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a#place_order,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce.widget_shopping_cart .buttons .btn-group-sm>a#place_order,
  .woocommerce.widget_shopping_cart .buttons .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a#place_order,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce #review_form #respond .form-submit .btn-group-sm>input#place_order,
  .woocommerce #review_form #respond .form-submit .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input#place_order,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart-form .table tr .woocommerce .btn-group-sm>.button#place_order,
  .woocommerce-cart-form .table tr .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>.button#place_order,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .woocommerce-cart-form .table tr .btn-group-sm>.button#place_order,
  .woocommerce .woocommerce-cart-form .table tr .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>.button#place_order,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart .wc-proceed-to-checkout .woocommerce .btn-group-sm>a.checkout-button#place_order,
  .woocommerce-cart .wc-proceed-to-checkout .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.checkout-button#place_order,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .woocommerce-cart .wc-proceed-to-checkout .btn-group-sm>a.checkout-button#place_order,
  .woocommerce .woocommerce-cart .wc-proceed-to-checkout .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.checkout-button#place_order,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .btn-group-sm>a.button#place_order,
  .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.button#place_order,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .btn-group-sm>button.button#place_order,
  .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>button.button#place_order,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .btn-group-sm>input.button#place_order,
  .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input.button#place_order,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .btn-group-sm>#place_order,
  .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>#place_order {
    white-space: nowrap;
    padding: 6px 10px;
    border-radius: 5px;
  }

  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn.btn-sm:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-sm.wp-block-button__link:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .widget_shopping_cart .buttons a.btn-sm:hover,
  .woocommerce .widget_shopping_cart .buttons .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn a.btn-sm:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce.widget_shopping_cart .buttons a.btn-sm:hover,
  .woocommerce.widget_shopping_cart .buttons .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn a.btn-sm:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce #review_form #respond .form-submit input.btn-sm:hover,
  .woocommerce #review_form #respond .form-submit .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn input.btn-sm:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart-form .table tr .btn-sm.button:hover,
  .woocommerce-cart-form .table tr .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-sm.button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart .wc-proceed-to-checkout a.btn-sm.checkout-button:hover,
  .woocommerce-cart .wc-proceed-to-checkout .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn a.btn-sm.checkout-button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce #respond input.btn-sm#submit:hover,
  .woocommerce #respond .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn input.btn-sm#submit:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce a.btn-sm.button:hover,
  .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn a.btn-sm.button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce button.btn-sm.button:hover,
  .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn button.btn-sm.button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce input.btn-sm.button:hover,
  .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn input.btn-sm.button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .btn-sm#place_order:hover,
  .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-sm#place_order:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>.btn:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>.wp-block-button__link.btn:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .widget_shopping_cart .buttons .btn-group-sm>a.btn:hover,
  .woocommerce .widget_shopping_cart .buttons .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.btn:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce.widget_shopping_cart .buttons .btn-group-sm>a.btn:hover,
  .woocommerce.widget_shopping_cart .buttons .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.btn:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce #review_form #respond .form-submit .btn-group-sm>input.btn:hover,
  .woocommerce #review_form #respond .form-submit .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input.btn:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart-form .table tr .btn-group-sm>.button.btn:hover,
  .woocommerce-cart-form .table tr .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>.button.btn:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart .wc-proceed-to-checkout .btn-group-sm>a.checkout-button.btn:hover,
  .woocommerce-cart .wc-proceed-to-checkout .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.checkout-button.btn:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce #respond .btn-group-sm>input#submit.btn:hover,
  .woocommerce #respond .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input#submit.btn:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .btn-group-sm>a.button.btn:hover,
  .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.button.btn:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .btn-group-sm>button.button.btn:hover,
  .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>button.button.btn:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .btn-group-sm>input.button.btn:hover,
  .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input.button.btn:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .btn-group-sm>#place_order.btn:hover,
  .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>#place_order.btn:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>.btn.wp-block-button__link:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>.wp-block-button__link:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .widget_shopping_cart .buttons .btn-group-sm>a.wp-block-button__link:hover,
  .woocommerce .widget_shopping_cart .buttons .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.wp-block-button__link:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce.widget_shopping_cart .buttons .btn-group-sm>a.wp-block-button__link:hover,
  .woocommerce.widget_shopping_cart .buttons .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.wp-block-button__link:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce #review_form #respond .form-submit .btn-group-sm>input.wp-block-button__link:hover,
  .woocommerce #review_form #respond .form-submit .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input.wp-block-button__link:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart-form .table tr .btn-group-sm>.button.wp-block-button__link:hover,
  .woocommerce-cart-form .table tr .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>.button.wp-block-button__link:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart .wc-proceed-to-checkout .btn-group-sm>a.checkout-button.wp-block-button__link:hover,
  .woocommerce-cart .wc-proceed-to-checkout .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.checkout-button.wp-block-button__link:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce #respond .btn-group-sm>input#submit.wp-block-button__link:hover,
  .woocommerce #respond .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input#submit.wp-block-button__link:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .btn-group-sm>a.button.wp-block-button__link:hover,
  .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.button.wp-block-button__link:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .btn-group-sm>button.button.wp-block-button__link:hover,
  .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>button.button.wp-block-button__link:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .btn-group-sm>input.button.wp-block-button__link:hover,
  .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input.button.wp-block-button__link:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .btn-group-sm>#place_order.wp-block-button__link:hover,
  .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>#place_order.wp-block-button__link:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .widget_shopping_cart .buttons .btn-group-sm>a.btn:hover,
  .woocommerce .widget_shopping_cart .buttons .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.btn:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .widget_shopping_cart .buttons .btn-group-sm>a.wp-block-button__link:hover,
  .woocommerce .widget_shopping_cart .buttons .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.wp-block-button__link:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .widget_shopping_cart .buttons .btn-group-sm>a:hover,
  .woocommerce .widget_shopping_cart .buttons .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce.widget_shopping_cart .widget_shopping_cart .buttons .btn-group-sm>a:hover,
  .woocommerce.widget_shopping_cart .widget_shopping_cart .buttons .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart-form .table tr .woocommerce .widget_shopping_cart .buttons .btn-group-sm>a.button:hover,
  .woocommerce-cart-form .table tr .woocommerce .widget_shopping_cart .buttons .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .widget_shopping_cart .buttons .woocommerce-cart-form .table tr .btn-group-sm>a.button:hover,
  .woocommerce .widget_shopping_cart .buttons .woocommerce-cart-form .table tr .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart .wc-proceed-to-checkout .woocommerce .widget_shopping_cart .buttons .btn-group-sm>a.checkout-button:hover,
  .woocommerce-cart .wc-proceed-to-checkout .woocommerce .widget_shopping_cart .buttons .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.checkout-button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .widget_shopping_cart .buttons .woocommerce-cart .wc-proceed-to-checkout .btn-group-sm>a.checkout-button:hover,
  .woocommerce .widget_shopping_cart .buttons .woocommerce-cart .wc-proceed-to-checkout .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.checkout-button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .widget_shopping_cart .buttons .btn-group-sm>a.button:hover,
  .woocommerce .widget_shopping_cart .buttons .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .widget_shopping_cart .buttons .btn-group-sm>a#place_order:hover,
  .woocommerce .widget_shopping_cart .buttons .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a#place_order:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce.widget_shopping_cart .buttons .btn-group-sm>a.btn:hover,
  .woocommerce.widget_shopping_cart .buttons .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.btn:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce.widget_shopping_cart .buttons .btn-group-sm>a.wp-block-button__link:hover,
  .woocommerce.widget_shopping_cart .buttons .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.wp-block-button__link:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce.widget_shopping_cart .widget_shopping_cart .buttons .btn-group-sm>a:hover,
  .woocommerce.widget_shopping_cart .widget_shopping_cart .buttons .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce.widget_shopping_cart .buttons .btn-group-sm>a:hover,
  .woocommerce.widget_shopping_cart .buttons .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart-form .table tr .woocommerce.widget_shopping_cart .buttons .btn-group-sm>a.button:hover,
  .woocommerce-cart-form .table tr .woocommerce.widget_shopping_cart .buttons .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce.widget_shopping_cart .buttons .woocommerce-cart-form .table tr .btn-group-sm>a.button:hover,
  .woocommerce.widget_shopping_cart .buttons .woocommerce-cart-form .table tr .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart .wc-proceed-to-checkout .woocommerce.widget_shopping_cart .buttons .btn-group-sm>a.checkout-button:hover,
  .woocommerce-cart .wc-proceed-to-checkout .woocommerce.widget_shopping_cart .buttons .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.checkout-button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce.widget_shopping_cart .buttons .woocommerce-cart .wc-proceed-to-checkout .btn-group-sm>a.checkout-button:hover,
  .woocommerce.widget_shopping_cart .buttons .woocommerce-cart .wc-proceed-to-checkout .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.checkout-button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce.widget_shopping_cart .buttons .btn-group-sm>a.button:hover,
  .woocommerce.widget_shopping_cart .buttons .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce.widget_shopping_cart .buttons .btn-group-sm>a#place_order:hover,
  .woocommerce.widget_shopping_cart .buttons .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a#place_order:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce #review_form #respond .form-submit .btn-group-sm>input.btn:hover,
  .woocommerce #review_form #respond .form-submit .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input.btn:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce #review_form #respond .form-submit .btn-group-sm>input.wp-block-button__link:hover,
  .woocommerce #review_form #respond .form-submit .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input.wp-block-button__link:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce #review_form #respond .form-submit .btn-group-sm>input:hover,
  .woocommerce #review_form #respond .form-submit .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart-form .table tr .woocommerce #review_form #respond .form-submit .btn-group-sm>input.button:hover,
  .woocommerce-cart-form .table tr .woocommerce #review_form #respond .form-submit .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input.button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce #review_form #respond .form-submit .woocommerce-cart-form .table tr .btn-group-sm>input.button:hover,
  .woocommerce #review_form #respond .form-submit .woocommerce-cart-form .table tr .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input.button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce #review_form #respond .form-submit .btn-group-sm>input#submit:hover,
  .woocommerce #review_form #respond .form-submit .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input#submit:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce #review_form #respond .form-submit .btn-group-sm>input.button:hover,
  .woocommerce #review_form #respond .form-submit .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input.button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce #review_form #respond .form-submit .btn-group-sm>input#place_order:hover,
  .woocommerce #review_form #respond .form-submit .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input#place_order:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart-form .table tr .btn-group-sm>.btn.button:hover,
  .woocommerce-cart-form .table tr .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>.btn.button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart-form .table tr .btn-group-sm>.wp-block-button__link.button:hover,
  .woocommerce-cart-form .table tr .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>.wp-block-button__link.button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .widget_shopping_cart .buttons .woocommerce-cart-form .table tr .btn-group-sm>a.button:hover,
  .woocommerce .widget_shopping_cart .buttons .woocommerce-cart-form .table tr .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart-form .table tr .woocommerce .widget_shopping_cart .buttons .btn-group-sm>a.button:hover,
  .woocommerce-cart-form .table tr .woocommerce .widget_shopping_cart .buttons .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce.widget_shopping_cart .buttons .woocommerce-cart-form .table tr .btn-group-sm>a.button:hover,
  .woocommerce.widget_shopping_cart .buttons .woocommerce-cart-form .table tr .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart-form .table tr .woocommerce.widget_shopping_cart .buttons .btn-group-sm>a.button:hover,
  .woocommerce-cart-form .table tr .woocommerce.widget_shopping_cart .buttons .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce #review_form #respond .form-submit .woocommerce-cart-form .table tr .btn-group-sm>input.button:hover,
  .woocommerce #review_form #respond .form-submit .woocommerce-cart-form .table tr .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input.button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart-form .table tr .woocommerce #review_form #respond .form-submit .btn-group-sm>input.button:hover,
  .woocommerce-cart-form .table tr .woocommerce #review_form #respond .form-submit .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input.button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart-form .table tr .btn-group-sm>.button:hover,
  .woocommerce-cart-form .table tr .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>.button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart .wc-proceed-to-checkout .woocommerce-cart-form .table tr .btn-group-sm>a.checkout-button.button:hover,
  .woocommerce-cart .wc-proceed-to-checkout .woocommerce-cart-form .table tr .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.checkout-button.button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart-form .table tr .woocommerce-cart .wc-proceed-to-checkout .btn-group-sm>a.checkout-button.button:hover,
  .woocommerce-cart-form .table tr .woocommerce-cart .wc-proceed-to-checkout .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.checkout-button.button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce #respond .woocommerce-cart-form .table tr .btn-group-sm>input#submit.button:hover,
  .woocommerce #respond .woocommerce-cart-form .table tr .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input#submit.button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart-form .table tr .woocommerce #respond .btn-group-sm>input#submit.button:hover,
  .woocommerce-cart-form .table tr .woocommerce #respond .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input#submit.button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .woocommerce-cart-form .table tr .btn-group-sm>a.button:hover,
  .woocommerce .woocommerce-cart-form .table tr .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart-form .table tr .woocommerce .btn-group-sm>a.button:hover,
  .woocommerce-cart-form .table tr .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .woocommerce-cart-form .table tr .btn-group-sm>button.button:hover,
  .woocommerce .woocommerce-cart-form .table tr .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>button.button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart-form .table tr .woocommerce .btn-group-sm>button.button:hover,
  .woocommerce-cart-form .table tr .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>button.button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .woocommerce-cart-form .table tr .btn-group-sm>input.button:hover,
  .woocommerce .woocommerce-cart-form .table tr .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input.button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart-form .table tr .woocommerce .btn-group-sm>input.button:hover,
  .woocommerce-cart-form .table tr .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input.button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .woocommerce-cart-form .table tr .btn-group-sm>#place_order.button:hover,
  .woocommerce .woocommerce-cart-form .table tr .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>#place_order.button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart-form .table tr .woocommerce .btn-group-sm>#place_order.button:hover,
  .woocommerce-cart-form .table tr .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>#place_order.button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart .wc-proceed-to-checkout .btn-group-sm>a.btn.checkout-button:hover,
  .woocommerce-cart .wc-proceed-to-checkout .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.btn.checkout-button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart .wc-proceed-to-checkout .btn-group-sm>a.wp-block-button__link.checkout-button:hover,
  .woocommerce-cart .wc-proceed-to-checkout .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.wp-block-button__link.checkout-button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .widget_shopping_cart .buttons .woocommerce-cart .wc-proceed-to-checkout .btn-group-sm>a.checkout-button:hover,
  .woocommerce .widget_shopping_cart .buttons .woocommerce-cart .wc-proceed-to-checkout .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.checkout-button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart .wc-proceed-to-checkout .woocommerce .widget_shopping_cart .buttons .btn-group-sm>a.checkout-button:hover,
  .woocommerce-cart .wc-proceed-to-checkout .woocommerce .widget_shopping_cart .buttons .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.checkout-button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce.widget_shopping_cart .buttons .woocommerce-cart .wc-proceed-to-checkout .btn-group-sm>a.checkout-button:hover,
  .woocommerce.widget_shopping_cart .buttons .woocommerce-cart .wc-proceed-to-checkout .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.checkout-button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart .wc-proceed-to-checkout .woocommerce.widget_shopping_cart .buttons .btn-group-sm>a.checkout-button:hover,
  .woocommerce-cart .wc-proceed-to-checkout .woocommerce.widget_shopping_cart .buttons .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.checkout-button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart-form .table tr .woocommerce-cart .wc-proceed-to-checkout .btn-group-sm>a.button.checkout-button:hover,
  .woocommerce-cart-form .table tr .woocommerce-cart .wc-proceed-to-checkout .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.button.checkout-button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart .wc-proceed-to-checkout .woocommerce-cart-form .table tr .btn-group-sm>a.button.checkout-button:hover,
  .woocommerce-cart .wc-proceed-to-checkout .woocommerce-cart-form .table tr .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.button.checkout-button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart .wc-proceed-to-checkout .btn-group-sm>a.checkout-button:hover,
  .woocommerce-cart .wc-proceed-to-checkout .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.checkout-button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .woocommerce-cart .wc-proceed-to-checkout .btn-group-sm>a.button.checkout-button:hover,
  .woocommerce .woocommerce-cart .wc-proceed-to-checkout .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.button.checkout-button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart .wc-proceed-to-checkout .woocommerce .btn-group-sm>a.button.checkout-button:hover,
  .woocommerce-cart .wc-proceed-to-checkout .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.button.checkout-button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .woocommerce-cart .wc-proceed-to-checkout .btn-group-sm>a#place_order.checkout-button:hover,
  .woocommerce .woocommerce-cart .wc-proceed-to-checkout .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a#place_order.checkout-button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart .wc-proceed-to-checkout .woocommerce .btn-group-sm>a#place_order.checkout-button:hover,
  .woocommerce-cart .wc-proceed-to-checkout .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a#place_order.checkout-button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce #respond .btn-group-sm>input.btn#submit:hover,
  .woocommerce #respond .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input.btn#submit:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce #respond .btn-group-sm>input.wp-block-button__link#submit:hover,
  .woocommerce #respond .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input.wp-block-button__link#submit:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce #review_form #respond .form-submit .btn-group-sm>input#submit:hover,
  .woocommerce #review_form #respond .form-submit .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input#submit:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart-form .table tr .woocommerce #respond .btn-group-sm>input.button#submit:hover,
  .woocommerce-cart-form .table tr .woocommerce #respond .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input.button#submit:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce #respond .woocommerce-cart-form .table tr .btn-group-sm>input.button#submit:hover,
  .woocommerce #respond .woocommerce-cart-form .table tr .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input.button#submit:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce #respond .btn-group-sm>input#submit:hover,
  .woocommerce #respond .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input#submit:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce #respond .btn-group-sm>input.button#submit:hover,
  .woocommerce #respond .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input.button#submit:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .btn-group-sm>a.btn.button:hover,
  .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.btn.button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .btn-group-sm>a.wp-block-button__link.button:hover,
  .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.wp-block-button__link.button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .widget_shopping_cart .buttons .btn-group-sm>a.button:hover,
  .woocommerce .widget_shopping_cart .buttons .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce.widget_shopping_cart .buttons .btn-group-sm>a.button:hover,
  .woocommerce.widget_shopping_cart .buttons .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart-form .table tr .woocommerce .btn-group-sm>a.button:hover,
  .woocommerce-cart-form .table tr .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .woocommerce-cart-form .table tr .btn-group-sm>a.button:hover,
  .woocommerce .woocommerce-cart-form .table tr .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart .wc-proceed-to-checkout .woocommerce .btn-group-sm>a.checkout-button.button:hover,
  .woocommerce-cart .wc-proceed-to-checkout .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.checkout-button.button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .woocommerce-cart .wc-proceed-to-checkout .btn-group-sm>a.checkout-button.button:hover,
  .woocommerce .woocommerce-cart .wc-proceed-to-checkout .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.checkout-button.button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .btn-group-sm>a.button:hover,
  .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .btn-group-sm>a#place_order.button:hover,
  .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a#place_order.button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .btn-group-sm>button.btn.button:hover,
  .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>button.btn.button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .btn-group-sm>button.wp-block-button__link.button:hover,
  .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>button.wp-block-button__link.button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart-form .table tr .woocommerce .btn-group-sm>button.button:hover,
  .woocommerce-cart-form .table tr .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>button.button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .woocommerce-cart-form .table tr .btn-group-sm>button.button:hover,
  .woocommerce .woocommerce-cart-form .table tr .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>button.button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .btn-group-sm>button.button:hover,
  .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>button.button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .btn-group-sm>button#place_order.button:hover,
  .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>button#place_order.button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .btn-group-sm>input.btn.button:hover,
  .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input.btn.button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .btn-group-sm>input.wp-block-button__link.button:hover,
  .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input.wp-block-button__link.button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce #review_form #respond .form-submit .btn-group-sm>input.button:hover,
  .woocommerce #review_form #respond .form-submit .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input.button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart-form .table tr .woocommerce .btn-group-sm>input.button:hover,
  .woocommerce-cart-form .table tr .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input.button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .woocommerce-cart-form .table tr .btn-group-sm>input.button:hover,
  .woocommerce .woocommerce-cart-form .table tr .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input.button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce #respond .btn-group-sm>input#submit.button:hover,
  .woocommerce #respond .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input#submit.button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .btn-group-sm>input.button:hover,
  .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input.button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .btn-group-sm>input#place_order.button:hover,
  .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input#place_order.button:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .btn-group-sm>.btn#place_order:hover,
  .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>.btn#place_order:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .btn-group-sm>.wp-block-button__link#place_order:hover,
  .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>.wp-block-button__link#place_order:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .widget_shopping_cart .buttons .btn-group-sm>a#place_order:hover,
  .woocommerce .widget_shopping_cart .buttons .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a#place_order:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce.widget_shopping_cart .buttons .btn-group-sm>a#place_order:hover,
  .woocommerce.widget_shopping_cart .buttons .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a#place_order:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce #review_form #respond .form-submit .btn-group-sm>input#place_order:hover,
  .woocommerce #review_form #respond .form-submit .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input#place_order:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart-form .table tr .woocommerce .btn-group-sm>.button#place_order:hover,
  .woocommerce-cart-form .table tr .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>.button#place_order:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .woocommerce-cart-form .table tr .btn-group-sm>.button#place_order:hover,
  .woocommerce .woocommerce-cart-form .table tr .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>.button#place_order:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce-cart .wc-proceed-to-checkout .woocommerce .btn-group-sm>a.checkout-button#place_order:hover,
  .woocommerce-cart .wc-proceed-to-checkout .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.checkout-button#place_order:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .woocommerce-cart .wc-proceed-to-checkout .btn-group-sm>a.checkout-button#place_order:hover,
  .woocommerce .woocommerce-cart .wc-proceed-to-checkout .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.checkout-button#place_order:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .btn-group-sm>a.button#place_order:hover,
  .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>a.button#place_order:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .btn-group-sm>button.button#place_order:hover,
  .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>button.button#place_order:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .btn-group-sm>input.button#place_order:hover,
  .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>input.button#place_order:hover,
  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .woocommerce .btn-group-sm>#place_order:hover,
  .woocommerce .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .btn-group-sm>#place_order:hover {
    background-color: #ebebeb;
    color: #000;
  }

  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide .status-top-box .status-btn .volume-icon {
    width: 44px;
    height: 44px;
    position: relative;
    background: rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    float: right;
  }

  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide {
    height: unset;
  }

  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide img {
    height: 100vh;
    width: 100%;
    object-fit: cover;
  }

  .modal.status-modal .modal-content .status-wrapper .status-swiper .swiper-slide video {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    object-fit: cover;
    z-index: -1;
  }

  .main-banner.style-2 {
    padding-top: 110px;
    padding-bottom: 30px;
    position: relative;
    height: 990px;
    z-index: 1;
  }

  @media only screen and (max-width: 1680px) {
    .main-banner.style-2 {
      padding-top: 100px;
      height: 100% !important;
    }
  }

  .main-banner.style-2:after {
    content: "";
    position: absolute;
    top: 30px;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: url(../../branding-agency/images/bg8.png);
    z-index: -9;
    background-repeat: no-repeat;
    background-position: bottom center;
  }

  .main-banner.style-2::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background-image: url(../../branding-agency/images/background/bgwhite.png);
    background-repeat: no-repeat;
    background-position: inherit;
    top: 0;
    left: 50%;
    z-index: -1;
    transform: translate(-50%, 0) scale(1);
    background-size: cover;
  }

  @keyframes pxlkeywordrotatingout {
    0% {
      transform: translate(-50%, -50%) rotateX(0);
      opacity: 1;
    }

    100% {
      transform: translate(-50%, -115%) rotateX(90deg);
      opacity: 0;
    }
  }

  @keyframes pxlkeywordrotatingin {
    0% {
      transform: translateY(65%) rotateX(-95deg);
    }

    100% {
      transform: translateY(0) rotateX(0);
      opacity: 1;
    }
  }

  .main-banner.style-2 .avatar {
    width: 55px;
    aspect-ratio: 1/1;
  }

  @media only screen and (max-width: 1199px) {
    .main-banner.style-2 .avatar {
      width: 48px;
    }
  }

  .counter-bx.style-1 {
    padding: 38px 45px;
    background-color: #fff;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: 0.4s;
    margin-bottom: 0px;
    margin-right: 0px;
  }

  @media only screen and (max-width: 575px) {
    .counter-bx.style-1 {
      padding: 35px;
    }
  }

  .counter-bx.style-1.active,
  .counter-bx.style-1:hover {
    background-color: var(--secondary-light);
  }

  .pxl-heading-scroll-effect {
    max-width: 873px;
    color: rgba(25, 27, 29, 0.2);
  }

  .pxl-heading-scroll-effect .heading-text {
    margin-bottom: 0;
  }

  .pxl-heading-scroll-effect .heading-text div {
    background-clip: text;
    color: transparent;
    background: linear-gradient(to right, var(--secondary) 50%, rgba(25, 27, 29, 0.2) 50%) no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    background-size: 200% 100%;
    background-position-x: 100%;
    transition: background-size cubic-bezier(0.1, 0.5, 0.5, 1) 0.75s;
  }

  .heading-text {
    font-family: "Space Grotesk", Sans-serif;
    font-size: 40px;
    font-weight: 500;
    text-transform: none;
    line-height: 50px;
  }

  @media only screen and (max-width: 991px) {
    .heading-text {
      font-size: 34px;
      line-height: 45px;
    }
  }

  @media only screen and (max-width: 767px) {
    .heading-text {
      font-size: 25px;
      line-height: 40px;
    }
  }

  .pxl-text-trail {
    position: relative;
    overflow: hidden;
    height: 780px;
  }

  @media only screen and (max-width: 1480px) {
    .pxl-text-trail {
      height: 500px;
    }
  }

  @media only screen and (max-width: 1024px) {
    .pxl-text-trail {
      height: 420px;
    }
  }

  @media only screen and (max-width: 991px) {
    .pxl-text-trail {
      height: 100%;
    }
  }

  .pxl-text-trail .box-inner {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    background-position: left;
    background-size: cover;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    right: 0;
    bottom: -80px;
  }

  .pxl-text-trail .mask-img img {
    width: 100%;
    object-fit: cover;
  }

  .pxl-text-trail .item-text {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    will-change: transform;
    font-size: 40px;
    line-height: 45px;
    color: var(--secondary);
    text-transform: uppercase;
    padding: 10px 20px 10px 20px;
    background-color: var(--light);
    border-radius: 50px;
  }

  .pxl-text-trail .item-text.brand {
    background-color: var(--secondary);
    color: #fff;
  }

  .pxl-text-trail .item-text.design {
    background-color: #fff;
    color: var(--secondary);
  }

  @media only screen and (max-width: 575px) {
    .pxl-text-trail .item-text {
      font-size: 20px;
    }
  }

  .dz-card.style-4 .dz-info {
    padding: 35px 45px 35px;
    border-radius: 0px 0px 30px 30px;
  }

  .dz-card.style-4 .dz-info .dz-meta {
    margin-top: auto;
    margin-bottom: 0;
  }

  .dz-card.style-4 .dz-info .dz-meta ul li {
    font-size: 16px;
    margin: 0;
    color: #999999;
    font-family: var(--font-family-base);
    text-transform: uppercase !important;
  }

  .dz-card.style-4 .dz-info .dz-meta ul li.post-date {
    line-height: 1.2;
    font-weight: 500;
    display: inline-block;
    background: var(--secondary);
    border-radius: 5px;
    color: #999999;
  }

  .dz-card.style-4 .dz-info .dz-meta ul li a {
    color: #999999;
  }

  .dz-card.style-4 .dz-info .dz-meta ul li.meta-divider {
    font-size: 16px;
    padding: 0 10px;
    text-transform: uppercase;
    font-weight: 300;
    transform: rotate(15deg);
  }

  @media only screen and (max-width: 991px) {
    .dz-card.style-4 .dz-info {
      padding: 20px;
    }

    .dz-card.style-4 .dz-info .dz-meta ul li {
      padding: 4px 10px;
    }

    .dz-card.style-4 .dz-info .dz-title {
      font-size: 18px;
    }
  }

  .dz-card.style-2.dz-light .dz-info {
    border-radius: 0px 0px 30px 30px;
    background-color: var(--bg-card) !important;
  }

  .dz-card.style-2.dz-light .dz-info .dz-left .dz-title a {
    color: var(--title);
  }

  .dz-card.style-2.light .dz-info {
    background: #FEEB9D;
  }

  .dz-card.style-2.light .dz-info .dz-meta ul li.post-date {
    background: var(--secondary);
    color: #fff;
  }

  .dz-card.style-2.light .dz-info .dz-title a {
    color: var(--title);
  }

  .dz-card.style-2 .dz-info .dz-meta ul li {
    font-size: 20px;
    color: rgba(25, 27, 29, 0.4);
    margin-bottom: 3px;
  }

  .dz-card.style-2 .dz-info .dz-meta ul li.post-date {
    font-weight: 500;
    font-family: var(--font-family-base);
    display: inline-block;
    text-transform: uppercase;
    border-radius: 5px;
  }

  .dz-card.style-2 .dz-info .dz-title {
    color: var(--secondary);
    font-size: 40px;
    line-height: 50px;
    font-weight: 500;
    font-family: var(--font-family-base);
  }

  @media only screen and (max-width: 767px) {
    .dz-card.style-2 .dz-info .dz-title {
      font-size: 35px;
      line-height: 1.2;
    }
  }

  @media only screen and (max-width: 575px) {
    .dz-card.style-2 .dz-info .dz-title {
      font-size: 25px;
    }
  }

  @media only screen and (min-width: 1680px) {
    .company-logo-wraper .company-logo-swiper .swiper-slide {
      width: auto !important;
    }
  }

  @media only screen and (max-width: 991px) {
    .site-header.header-sidenav-1.mo-left {
      height: auto !important;
    }

    .site-header.header-sidenav-1.mo-left .header-nav {
      overflow-y: scroll;
      position: fixed;
      width: 100%;
      left: -100%;
      height: 100vh !important;
      transition: all 0.5s;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -o-transition: all 0.5s;
      top: 0;
      background-color: #fff;
      margin: 0;
      z-index: 99;
    }

    .site-header.header-sidenav-1.mo-left .header-nav .mega-menu ul li a,
    .site-header.header-sidenav-1.mo-left .header-nav .sub-menu ul li a {
      font-size: 16px;
      color: #999999;
      padding: 7px 0;
    }

    .site-header.header-sidenav-1.mo-left .header-nav.show {
      left: 0;
      transition: all 0.8s;
      -webkit-transition: all 0.8s;
      -moz-transition: all 0.8s;
      -o-transition: all 0.8s;
      margin: 0;
      width: 100%;
    }

    .site-header.header-sidenav-1.mo-left .header-nav .logo-header {
      display: block;
      float: none;
      height: auto !important;
      max-width: 100%;
      padding: 30px 20px;
      width: 100% !important;
    }
  }

  @media only screen and (max-width: 991px) and (max-width: 575px) {
    .site-header.header-sidenav-1.mo-left .header-nav .logo-header {
      padding: 30px 0px;
    }
  }

  @media only screen and (max-width: 991px) {
    .site-header.header-sidenav-1.mo-left .header-nav .logo-header img {
      max-width: unset;
      width: 180px;
      height: auto;
      vertical-align: middle;
    }
  }

  @media only screen and (max-width: 991px) and (max-width: 575px) {
    .site-header.header-sidenav-1.mo-left .header-nav .logo-header img {
      width: 130px;
    }
  }

  @media only screen and (max-width: 991px) {
    .site-header.header-sidenav-1.mo-left .header-nav li.open a {
      position: relative;
    }

    .site-header.header-sidenav-1.mo-left .navbar-toggler.open {
      z-index: 999;
    }

    .site-header.header-sidenav-1.mo-left .navbar-toggler.open a {
      font-size: 16px;
    }

    .site-header.header-sidenav-1.mo-left .navbar-toggler.open span {
      background: #fff;
    }
  }

  .site-header.header-sidenav-1.header-transparent .main-bar {
    background: transparent;
  }

  .site-header.header-sidenav-1.header-transparent+.page-content .dz-bnr-inr .dz-bnr-inr-entry {
    padding-top: 100px;
  }

  .site-header.header-sidenav-1.header-transparent .nav>li>a {
    padding: 10px 0;
    position: relative;
    display: block;
  }

  @media only screen and (max-width: 991px) {
    .site-header.header-sidenav-1.header-transparent .nav>li>a {
      border-bottom: 1px solid #eee;
    }
  }

  .site-header.header-sidenav-1.header-transparent .nav>li>a i {
    display: none;
  }

  .site-header.header-sidenav-1 .is-fixed .main-bar {
    background: #fff;
  }

  .site-header.header-sidenav-1 .is-fixed .menu-btn {
    background-color: var(--primary);
  }

  .site-header.header-sidenav-1 .is-fixed .menu-btn span {
    background: #fff;
  }

  .site-header.header-sidenav-1 .is-fixed .menu-btn.open {
    background-color: #fff;
  }

  .site-header.header-sidenav-1 .is-fixed .menu-btn.open span {
    background: var(--secondary);
  }

  .site-header.header-sidenav-1 .is-fixed nav li a {
    color: #444444;
  }

  .site-header.header-sidenav-1 .header-nav .nav>li .mega-menu,
  .site-header.header-sidenav-1 .header-nav .nav>li .sub-menu {
    background-color: transparent;
  }

  @media only screen and (max-width: 991px) {

    .site-header.header-sidenav-1 .header-nav .nav>li .mega-menu,
    .site-header.header-sidenav-1 .header-nav .nav>li .sub-menu {
      border-bottom: 1px solid #eee;
    }
  }

  .site-header.header-sidenav-1 .header-nav .nav>li .sub-menu li>.sub-menu {
    left: auto;
    margin: 0;
    padding: 0;
    top: auto;
  }

  .site-header.header-sidenav-1 .header-nav .nav .sub-menu {
    left: auto;
    top: auto;
  }

  @media only screen and (min-width: 320px) {
    .site-header.header-sidenav-1 .header-nav .nav .sub-menu-down>a:after {
      content: "\f054";
      vertical-align: middle;
      font-weight: 900;
      font-family: "Font Awesome 5 Free";
      font-size: 22px;
      position: absolute;
      right: 20px;
      margin-left: 10px;
      top: 18px;
      transform: translateY(10%);
      transition: all 0.5s;
    }

    .site-header.header-sidenav-1 .header-nav .nav .sub-menu-down>a.dz-open:after {
      transform: translateY(0%) rotate(90deg);
      line-height: 30px;
    }
  }

  @media only screen and (max-width: 991px) {
    .site-header.header-sidenav-1 .header-nav .nav .sub-menu-down>a:after {
      display: none;
    }
  }

  @media only screen and (max-width: 991px) {
    .site-header.header-sidenav-1 .header-nav .nav .sub-menu-down>a i {
      display: block;
      background-color: var(--secondary);
      color: #fff;
      height: 30px;
      line-height: 30px;
      right: 0;
      text-align: center;
      width: 30px;
      z-index: 3;
      float: right;
      font-size: 11px;
      margin: 0;
    }

    .site-header.header-sidenav-1 .header-nav .nav .sub-menu-down>a i::before {
      content: "\f054";
    }

    .site-header.header-sidenav-1 .header-nav .nav .sub-menu-down>a.dz-open i::before {
      content: "\f078";
    }
  }

  @media only screen and (max-width: 767px) {
    .site-header.header-sidenav-1 .header-nav .nav .sub-menu-down .sub-menu-down>a:before {
      content: "\f078";
      vertical-align: middle;
      font-weight: 900;
      font-family: "Font Awesome 5 Free";
      background-color: var(--rgba-primary-1);
      color: var(--primary);
      height: 30px;
      line-height: 30px;
      right: 0px;
      text-align: center;
      width: 30px;
      z-index: 3;
      float: right;
      font-size: 14px;
      margin: 0px;
    }

    .site-header.header-sidenav-1 .header-nav .nav .sub-menu-down .sub-menu-down>a.dz-open:before {
      transform: rotate(-90deg);
    }
  }

  @media only screen and (max-width: 575px) {
    .site-header.header-sidenav-1 .logo-header img {
      max-width: 110px;
    }
  }

  .site-header.header-sidenav-1 .container-fluid {
    padding-left: 75px;
    padding-right: 75px;
  }

  @media only screen and (max-width: 1480px) {

    .site-header.header-sidenav-1 .container-fluid {
      padding-left: 40px;
      padding-right: 40px;
    }
  }

  @media only screen and (max-width: 575px) {

    .site-header.header-sidenav-1 .container-fluid {
      padding-left: 15px;
      padding-right: 15px;
    }
  }

  .site-header.header-sidenav-1 .extra-nav {
    padding-left: 80px;
  }

  @media only screen and (max-width: 1200px) {
    .site-header.header-sidenav-1 .extra-nav {
      padding-left: 15px;
    }
  }

  @media only screen and (max-width: 991px) {
    .site-header.header-sidenav-1 .extra-nav {
      z-index: 99999;
    }
  }

  .site-header.header-sidenav-1 .extra-nav .extra-cell ul {
    gap: 5px;
  }

  @media only screen and (max-width: 575px) {
    .site-header.header-sidenav-1 .extra-nav .extra-cell ul .menu-btn {
      padding: 0px 40px;
    }
  }

  .site-header.header-sidenav-1 .menu-btn {
    height: 45px;
    width: 92px;
    border-radius: 50px;
    background: #fff;
    display: inline-block;
    position: relative;
    vertical-align: middle;
  }

  .site-header.header-sidenav-1 .menu-btn span {
    background: var(--secondary);
    left: 50%;
    display: block;
    position: absolute;
    height: 2px;
    -webkit-transform: rotate(0deg) translateX(-50%);
    -moz-transform: rotate(0deg) translateX(-50%);
    -o-transform: rotate(0deg) translateX(-50%);
    transform: rotate(0deg) translateX(-50%);
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
  }

  .site-header.header-sidenav-1 .menu-btn span:nth-child(1) {
    top: 17px;
    width: 19PX;
    left: 52px;
  }

  .site-header.header-sidenav-1 .menu-btn span:nth-child(2) {
    top: 25px;
    width: 28px;
  }

  .site-header.header-sidenav-1 .menu-btn.open span:nth-child(1) {
    top: 20px;
    width: 35px;
    left: 30px;
    transform: rotate(45deg);
  }

  .site-header.header-sidenav-1 .menu-btn.open span:nth-child(2) {
    top: 20px;
    width: 35px;
    left: 30px;
    transform: rotate(-45deg);
  }

  @media only screen and (max-width: 575px) {
    .site-header.header-sidenav-1 .menu-btn {
      height: 50px;
      width: 50px;
    }

    .site-header.header-sidenav-1 .menu-btn span {
      height: 2px;
      right: 10px;
    }

    .site-header.header-sidenav-1 .menu-btn span:nth-child(1) {
      top: 20px;
      width: 19PX;
      left: 45px;
    }

    .site-header.header-sidenav-1 .menu-btn span:nth-child(2) {
      top: 29.5px;
    }

    .site-header.header-sidenav-1 .menu-btn span:nth-child(3) {
      top: 35px;
    }

    .site-header.header-sidenav-1 .menu-btn.open span:nth-child(3) {
      top: 25px;
    }
  }

  .full-sidenav {
    position: fixed;
    height: 100vh;
    width: 100%;
    left: 0;
    top: 0;
    padding-top: 150px !important;
    padding-bottom: 50px !important;
    display: flex !important;
    opacity: 0 !important;
    visibility: hidden;
    background: rgba(0, 0, 0, 0.7);
    transition: all 0.5s ease;
  }

  @media only screen and (max-width: 991px) {
    .full-sidenav {
      padding-top: 0px !important;
      padding-bottom: 30px !important;
    }
  }

  .full-sidenav:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 45%;
    background: rgba(25, 27, 29, 0.1);
    width: 2px;
    height: 100%;
    transform: translate(-45%, -50%);
    z-index: -1;
  }

  @media only screen and (max-width: 1199px) {
    .full-sidenav:before {
      display: none;
    }
  }

  .full-sidenav.show {
    visibility: visible;
    opacity: 1 !important;
    align-items: center;
  }

  .full-sidenav .container {
    height: 100%;
  }

  .full-sidenav .container::-webkit-scrollbar-track {
    background: #e9e9e9;
    border-radius: 8px;
  }

  .full-sidenav .container::-webkit-scrollbar {
    width: 8px;
  }

  .full-sidenav .container::-webkit-scrollbar-thumb {
    background-color: #a8a8a8;
    border-radius: 8px;
  }

  .full-sidenav .row {
    width: 100%;
    height: 100%;
  }

  .full-sidenav.header-nav .nav>li .mega-menu,
  .full-sidenav.header-nav .nav>li .sub-menu {
    opacity: 1;
  }

  @media only screen and (min-width: 991px) {
    .full-sidenav .navbar-nav {
      max-height: 500px;
      overflow-y: auto;
      display: block;
      float: unset;
    }

    .full-sidenav .navbar-nav li a {
      display: block;
      padding: 10px 0;
      font-size: 35px;
      font-weight: 700;
    }

    .full-sidenav .navbar-nav>li.is-active>a {
      color: var(--secondary) !important;
    }

    .full-sidenav .navbar-nav>li>a {
      color: rgba(0, 0, 0, 0.3);
    }

    .full-sidenav .navbar-nav>li>a::before {
      position: absolute;
      left: -30px;
      top: 10px;
      font-weight: 500;
      font-size: 13px;
      content: "0" counter(count);
      counter-increment: count;
      color: rgba(113, 113, 114, 0.4);
    }

    .full-sidenav .navbar-nav>li .mega-menu>li>a {
      color: var(--secondary) !important;
    }

    .full-sidenav .navbar-nav>li .sub-menu,
    .full-sidenav .navbar-nav>li .mega-menu {
      position: relative;
      visibility: visible;
      width: 100%;
      margin: 0;
      opacity: 1;
      box-shadow: none;
      transition: none !important;
      display: block;
      padding: 6px 0;
    }

    .full-sidenav .navbar-nav>li .sub-menu>li,
    .full-sidenav .navbar-nav>li .mega-menu>li {
      width: 100%;
      padding: 0;
    }

    .full-sidenav .navbar-nav>li .sub-menu>li ul,
    .full-sidenav .navbar-nav>li .mega-menu>li ul {
      margin: 10px 0px 20px;
    }

    .full-sidenav .navbar-nav>li .sub-menu li a,
    .full-sidenav .navbar-nav>li .mega-menu li a {
      font-size: 20px;
      padding: 10px 20px 10px 10px;
      color: #999999;
      font-weight: 500;
    }

    .full-sidenav .navbar-nav>li .sub-menu li a:after,
    .full-sidenav .navbar-nav>li .mega-menu li a:after {
      top: 22px;
    }
  }

  @media only screen and (max-width: 991px) {
    .full-sidenav {
      width: 300px;
      left: -300px;
      padding-top: 0;
      padding-bottom: 30px;
      background: #fff;
      display: block !important;
      -webkit-transition: all 1s;
      -ms-transition: all 1s;
      transition: all 1s;
    }

    .full-sidenav.show {
      left: 0;
    }

    .full-sidenav .row {
      margin: 0;
    }

    .full-sidenav .col-lg-6 {
      padding: 0;
    }

    .full-sidenav .container {
      height: auto;
      overflow-y: hidden;
    }

    .full-sidenav .nav {
      padding: 0;
    }

    .full-sidenav .navbar-nav {
      display: block;
      float: unset;
    }

    .full-sidenav .navbar-nav li a {
      display: block;
      padding: 10px 0;
      font-size: 18px;
      font-weight: 400;
    }
  }

  @media only screen and (max-width: 991px) and (max-width: 991px) {
    .full-sidenav .navbar-nav li a {
      color: #444444;
    }
  }

  .contact-left .title {
    font-size: 24px;
    color: var(--secondary) !important;
    font-weight: 500;
    margin: 0px 0px 23px 0px;
  }

  .contact-left ul li a {
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 400;
    color: var(--secondary);
  }

  @keyframes ticker {
    0% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }

    100% {
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
    }
  }

  /* dz-features-wrapper  */
  .dz-features-wrapper {
    position: relative;
    background: var(--bg-light);
    padding-top: 125px;
    z-index: -1;
  }

  @media only screen and (max-width: 767px) {
    .dz-features-wrapper {
      padding-top: 100px;
    }
  }

  @media only screen and (max-width: 575px) {
    .dz-features-wrapper {
      padding-top: 60px;
    }
  }

  .dz-features-wrapper .dz-features {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    animation: ticker 0s linear infinite 0s normal;
    animation-duration: 0s;
    animation-duration: 10s;
    padding: 0;
    gap: 140px;
  }

  .dz-features-wrapper .dz-features .item {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
  }

  @media only screen and (max-width: 1199px) {
    .dz-features-wrapper .dz-features .item {
      padding: 10px 25px;
    }
  }

  @media only screen and (max-width: 767px) {
    .dz-features-wrapper .dz-features .item {
      padding: 10px 20px;
    }
  }

  @media only screen and (max-width: 575px) {
    .dz-features-wrapper .dz-features .item {
      padding: 10px;
    }
  }

  @media only screen and (max-width: 991px) {
    .dz-features-wrapper .dz-features {
      gap: 30px;
    }
  }

  @media only screen and (max-width: 991px) {
    .dz-features-wrapper .dz-features {
      gap: 10px;
    }
  }

  .dz-features-wrapper:hover .dz-features {
    animation-play-state: paused;
  }

  .dzSubscribe.style-2 .form-group .input-group .form-control,
  .dzSubscribe.style-2 .form-group .input-group .login input[type=text],
  .login .dzSubscribe.style-2 .form-group .input-group input[type=text],
  .dzSubscribe.style-2 .form-group .input-group .login input[type=password],
  .login .dzSubscribe.style-2 .form-group .input-group input[type=password] {
    height: 50px;
    color: var(--secondary);
    border: 1px solid #ffffff;
    border-radius: 0 !important;
  }

  .dzSubscribe.style-2 .form-group .input-group .form-control::placeholder,
  .dzSubscribe.style-2 .form-group .input-group .login input[type=text]::placeholder,
  .login .dzSubscribe.style-2 .form-group .input-group input[type=text]::placeholder,
  .dzSubscribe.style-2 .form-group .input-group .login input[type=password]::placeholder,
  .login .dzSubscribe.style-2 .form-group .input-group input[type=password]::placeholder {
    color: var(--secondary);
  }

  .dzSubscribe.style-2 .form-group .input-group .form-control:focus,
  .dzSubscribe.style-2 .form-group .input-group .login input[type=text]:focus,
  .login .dzSubscribe.style-2 .form-group .input-group input[type=text]:focus,
  .dzSubscribe.style-2 .form-group .input-group .login input[type=password]:focus,
  .login .dzSubscribe.style-2 .form-group .input-group input[type=password]:focus {
    box-shadow: 0 0 0 0.25rem rgba(13, 119, 94, 0.65);
  }

  .dzSubscribe.style-2 .form-group .input-group .input-group-addon {
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 9;
    transform: translateY(-50%);
  }

  .dzSubscribe.style-2 .form-group .input-group .input-group-addon .btn {
    text-align: center;
    width: 50px;
    border: 0;
    height: 50px;
    padding: 0;
  }

  .dzSubscribe.style-2 .form-group .input-group .input-group-addon .btn span {
    display: block;
  }

  .dzSubscribe.style-2 .form-group .input-group .input-group-addon .btn i {
    font-size: 22px;
    color: var(--secondary);
  }

  .dzSubscribe.style-2 .form-group .input-group .input-group-addon .btn:hover i,
  .dzSubscribe.style-2 .form-group .input-group .input-group-addon .btn:hover svg {
    display: inline-block;
    -webkit-animation: toLeftFromRight 0.5s forwards;
    -moz-animation: toLeftFromRight 0.5s forwards;
    animation: toLeftFromRight 0.5s forwards;
  }

  .dzSubscribe.style-2 .input-group .form-control,
  .dzSubscribe.style-2 .input-group .login input[type=text],
  .login .dzSubscribe.style-2 .input-group input[type=text],
  .dzSubscribe.style-2 .input-group .login input[type=password],
  .login .dzSubscribe.style-2 .input-group input[type=password] {
    height: 45px;
    background: transparent;
    border-bottom: 1px solid #000;
    color: #000;
    text-align: center;
    border-radius: 0 !important;
  }

  .site-footer {
    --space: 150px;
  }

  @media only screen and (max-width: 1480px) {
    .site-footer {
      --space: 70px;
    }
  }

  @media only screen and (max-width: 575px) {
    .site-footer {
      --space: 50px;
    }
  }

  .site-footer.style-2 {
    position: relative;
    z-index: 1;
    background-color: var(--bg-light);
  }

  @media only screen and (max-width: 1480px) {
    .site-footer.style-2 {
      padding: 0 60px;
    }
  }

  @media only screen and (max-width: 575px) {
    .site-footer.style-2 {
      padding: 0 15px;
    }
  }

  .site-footer.style-2:before {
    content: "";
    position: absolute;
    height: 100%;
    width: calc(100% - 150px);
    background-image: url(../../branding-agency/images/background/bgwhite.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -2;
    left: 50%;
    top: calc(50% + var(--space));
    border-radius: 80px;
    transform: translate(-50%, -50%);
  }

  @media only screen and (max-width: 1480px) {
    .site-footer.style-2:before {
      width: calc(100% - 60px);
    }
  }

  @media only screen and (max-width: 1280px) {
    .site-footer.style-2:before {
      width: calc(100% - 40px);
    }
  }

  @media only screen and (max-width: 1024px) {
    .site-footer.style-2:before {
      border-radius: 50px;
    }
  }

  @media only screen and (max-width: 1199px) {
    .site-footer.style-2:before {
      width: calc(100% - 60px);
    }
  }

  @media only screen and (max-width: 767px) {
    .site-footer.style-2:before {
      border-radius: 30px;
    }
  }

  @media only screen and (max-width: 575px) {
    .site-footer.style-2:before {
      width: calc(100% - 20px);
    }
  }

  .site-footer.style-2:after {
    content: "";
    position: absolute;
    top: var(--space);
    left: 50%;
    height: 100%;
    background: var(--bg-white);
    z-index: -99;
    width: calc(100% - 150px);
    height: calc(100% - var(--space));
    transform: translatex(-50%);
    border-radius: 80px;
    padding-top: var(--space);
  }

  @media only screen and (max-width: 1480px) {
    .site-footer.style-2:after {
      width: calc(100% - 60px);
    }
  }

  @media only screen and (max-width: 1280px) {
    .site-footer.style-2:after {
      width: calc(100% - 40px);
    }
  }

  @media only screen and (max-width: 1024px) {
    .site-footer.style-2:after {
      border-radius: 50px;
    }
  }

  @media only screen and (max-width: 1199px) {
    .site-footer.style-2:after {
      width: calc(100% - 60px);
    }
  }

  @media only screen and (max-width: 767px) {
    .site-footer.style-2:after {
      border-radius: 30px;
    }
  }

  @media only screen and (max-width: 575px) {
    .site-footer.style-2:after {
      width: calc(100% - 20px);
    }
  }

  .site-footer.style-2 .footer-top {
    padding: calc(135px + var(--space)) 0 20px;
  }

  @media only screen and (max-width: 1199px) {
    .site-footer.style-2 .footer-top {
      padding: calc(105px + var(--space)) 0 20px;
    }
  }

  @media only screen and (max-width: 991px) {
    .site-footer.style-2 .footer-top {
      padding: calc(50px + var(--space)) 0 20px;
    }
  }

  @media only screen and (max-width: 767px) {
    .site-footer.style-2 .footer-top {
      padding: calc(50px + var(--space)) 0 0px;
    }
  }

  @media only screen and (max-width: 575px) {
    .site-footer.style-2 .footer-top {
      padding: calc(35px + var(--space)) 0 0px;
    }
  }

  .site-footer.style-2 .footer-top .scroltop {
    position: absolute;
    right: 15%;
    bottom: -4%;
    width: 92px;
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 130px;
    padding: 20px;
  }

  @media only screen and (max-width: 1199px) {
    .site-footer.style-2 .footer-top .scroltop {
      width: 85px;
      height: 140px;
    }
  }

  @media only screen and (max-width: 991px) {
    .site-footer.style-2 .footer-top .scroltop {
      width: 70px;
      height: 120px;
    }
  }

  @media only screen and (max-width: 767px) {
    .site-footer.style-2 .footer-top .scroltop {
      width: 65px;
      height: 100px;
    }
  }

  @media only screen and (max-width: 575px) {
    .site-footer.style-2 .footer-top .scroltop {
      right: 4%;
      bottom: -6%;
      width: 40px;
      height: 70px;
      padding: 10px;
    }
  }

  @media only screen and (max-width: 767px) {
    .site-footer.style-2 .footer-top .scroltop svg {
      width: 35px;
    }
  }

  @media only screen and (max-width: 575px) {
    .site-footer.style-2 .footer-top .scroltop svg {
      width: 25px;
    }
  }

  .site-footer.style-2 .footer-bottom .fb-inner {
    padding: 15px 0 65px;
    border-top: none;
  }

  .site-footer.style-2 .footer-bottom .fb-inner .copyright-text,
  .site-footer.style-2 .footer-bottom .fb-inner .current-year {
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    color: #8C8D8E;
    text-transform: uppercase;
  }

  @media only screen and (max-width: 767px) {

    .site-footer.style-2 .footer-bottom .fb-inner .copyright-text,
    .site-footer.style-2 .footer-bottom .fb-inner .current-year {
      font-size: 16px;
      text-align: center;
    }
  }

  @media only screen and (max-width: 767px) {

    .site-footer.style-2 .footer-bottom .fb-inner .copyright-text,
    .site-footer.style-2 .footer-bottom .fb-inner .current-year {
      font-size: 14px;
    }
  }

  @media only screen and (max-width: 575px) {
    .site-footer.style-2 .footer-bottom .fb-inner {
      padding: 15px 0 35px;
    }
  }

  @media only screen and (max-width: 575px) {
    .site-footer.style-2 .widget_contact-info ul li {
      font-size: 14px;
    }

    .site-footer.style-2 .footer-title {
      margin-bottom: 5px;
      font-size: 16px;
    }

    .site-footer.style-2 .widget_services ul li {
      padding: 0.4rem 0rem 0.4rem 0;
    }
  }

  /* Scroll Button Styling */
  #Progressscroll {
    position: absolute;
    bottom: -4%;
    right: 16%;
    width: 92px;
    height: 160px;
    background-color: #000;
    /* or #f1f1f1 for light */
    color: #fff;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 130px;
    padding: 20px;
    opacity: 1;
    pointer-events: none;
    transition: opacity 0.5s ease;
    z-index: 999;
  }

  @media only screen and (max-width: 1199px) {
    #Progressscroll {
      width: 85px;
      height: 140px;
    }
  }

  @media only screen and (max-width: 991px) {
    #Progressscroll {
      width: 70px;
      height: 120px;
    }
  }

  @media only screen and (max-width: 767px) {
    #Progressscroll {
      width: 65px;
      height: 100px;
    }
  }

  @media only screen and (max-width: 575px) {
    #Progressscroll {
      bottom: -5%;
      width: 40px;
      height: 60px;
      padding: 10px;
    }
  }

  @media only screen and (max-width: 767px) {
    #Progressscroll .icon svg {
      width: 35px;
      height: auto;
    }
  }

  @media only screen and (max-width: 575px) {
    #Progressscroll .icon svg {
      width: 18px;
    }
  }

  /* Show button on scroll */
  #Progressscroll.show {
    opacity: 1;
    pointer-events: auto;
  }

  @media (max-width: 1040px) {
    .dz-player {
      margin-top: 15px;
    }
  }

  .dz-player .video-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    width: 60px;
    border-radius: 100%;
  }

  .item-box.bg-light .item-content span {
    color: #4B4B4B;
  }

  .item-box.bg-light .item-social a {
    border-radius: 50%;
  }

  .item-box.bg-light .more-btn a span {
    color: #4B4B4B;
  }

  .item-box.bg-light:hover:before {
    background-color: #fff;
  }

  .item-box.bg-light:hover .more-btn a span {
    color: var(--secondary);
  }

  .dz-tabs.style-2 .nav-pills {
    width: 100%;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 5px;
    text-align: center;
    margin-bottom: 50px;
    position: relative;
    border: 0;
  }

  .dz-tabs.style-2 .nav-pills::before {
    content: "";
    position: absolute;
    width: 100%;
    height: auto;
    transform: scaleX(100);
    border-bottom: 1px solid var(--border-color);
    bottom: 0;
  }

  .dz-tabs.style-2 .nav-pills .nav-item {
    display: inline-block;
    flex: auto;
  }

  .dz-tabs.style-2 .nav-pills .nav-item .nav-link {
    background-color: transparent;
    color: #000;
    padding: 0px 0px 10px 0px;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    border-radius: 10px;
    transition: 0.5s;
    border-radius: 0;
    text-align: center;
    color: #4B4B4B;
    margin-bottom: 1px;
  }

  @media only screen and (max-width: 991px) {
    .dz-tabs.style-2 .nav-pills .nav-item .nav-link {
      font-size: 17px;
    }
  }

  .dz-tabs.style-2 .nav-pills .nav-item .nav-link:hover,
  .dz-tabs.style-2 .nav-pills .nav-item .nav-link.active {
    border-bottom: 3px solid var(--secondary);
    color: var(--secondary);
  }

  .contact-section.style-1 {
    position: relative;
    z-index: 1;
  }

  .contact-section.style-1:after {
    content: "";
    width: 44%;
    height: 1030px;
    position: absolute;
    background-color: #fff;
    top: 0;
    left: 0;
    z-index: -1;
  }

  @media only screen and (max-width: 1480px) {
    .contact-section.style-1:after {
      height: 1000px;
    }
  }

  @media only screen and (max-width: 991px) {
    .contact-section.style-1:after {
      display: none;
    }
  }

  .pricingtable-wrapper.style-2 {
    padding: 25px 35px;
    position: relative;
    z-index: 1;
    background: #fff;
    transition: 0.5s all;
    border-radius: 10px;
  }

  .pricingtable-wrapper.style-2 .brand {
    position: absolute;
    right: 0;
    top: 0;
    background: var(--primary);
    color: var(--secondary);
    padding: 10px 16px;
    font-size: 12px;
    font-weight: 800;
    opacity: 0;
    transition: 0.5s;
  }

  .pricingtable-wrapper.style-2 .pricingtable-title {
    margin-bottom: 15px;
  }

  .pricingtable-wrapper.style-2 .pricingtable-title .title {
    font-size: 18px;
    font-weight: 600;
    color: var(--secondary);
    font-family: var(--font-family-base);
  }

  @media only screen and (max-width: 767px) {
    .pricingtable-wrapper.style-2 .pricingtable-title .title {
      font-size: 22px;
    }
  }

  .pricingtable-wrapper.style-2 .pricingtable-title .text {
    margin-bottom: 0;
    color: #4B4B4B;
    line-height: 24px;
    font-weight: 400;
    font-family: var(--font-family-base);
    max-width: 270px;
    font-size: 18px;
  }

  .pricingtable-wrapper.style-2 .pricingtable-inner .pricingtable-bx {
    font-size: 30px;
    font-weight: 800;
    margin: 0 0 10px;
    display: grid;
    font-family: var(--font-family-base);
    color: var(--secondary);
  }

  .pricingtable-wrapper.style-2 .pricingtable-inner .pricingtable-bx small,
  .pricingtable-wrapper.style-2 .pricingtable-inner .pricingtable-bx .small {
    font-size: 18px;
    font-weight: 600;
    color: #999999;
  }

  .pricingtable-wrapper.style-2 .pricingtable-inner .pricingtable-button .btn {
    width: 100%;
    color: var(--title);
    color: var(--secondary);
  }

  .pricingtable-wrapper.style-2 .pricingtable-inner .pricingtable-list .pricingtable-features {
    padding: 15px 0px 30px 0px;
    text-align: left;
    list-style: none;
  }

  .pricingtable-wrapper.style-2 .pricingtable-inner .pricingtable-list .pricingtable-features li {
    padding: 6px 0 6px 30px;
    font-size: 16px;
    font-weight: 400;
    position: relative;
    color: #4B4B4B;
    font-family: var(--font-family-base);
  }

  .pricingtable-wrapper.style-2 .pricingtable-inner .pricingtable-list .pricingtable-features li:after {
    content: "\f00c";
    font-family: "Font Awesome 6 Free";
    font-weight: 700;
    font-size: 12px;
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    left: 0;
    color: var(--secondary);
    border-radius: 35px;
    text-align: center;
    top: 10px;
    line-height: 20px;
  }

  .pricingtable-wrapper.style-2 .pricingtable-inner .pricingtable-list .pricingtable-features li.disable {
    opacity: 0.5;
  }

  .pricingtable-wrapper.style-2 .pricingtable-inner .pricingtable-list .pricingtable-features li.disable:after {
    content: "\f00d";
    background: #D23636;
  }

  @media only screen and (max-width: 1199px) {
    .pricingtable-wrapper.style-2 .pricingtable-inner .pricingtable-title {
      margin-bottom: 10px;
    }

    .pricingtable-wrapper.style-2 .pricingtable-inner .pricingtable-title .text {
      font-size: 14px;
    }

    .pricingtable-wrapper.style-2 .pricingtable-inner .pricingtable-bx {
      font-size: 50px;
      margin: 0 0 20px;
    }

    .pricingtable-wrapper.style-2 .pricingtable-inner .pricingtable-button {
      margin-bottom: 30px;
    }
  }

  @media only screen and (max-width: 1199px) and (max-width: 575px) {
    .pricingtable-wrapper.style-2 .pricingtable-inner .pricingtable-button {
      margin-bottom: 0;
    }
  }

  @media only screen and (max-width: 1199px) {
    .pricingtable-wrapper.style-2 .pricingtable-inner .pricingtable-list .pricingtable-features {
      padding: 10px 0;
    }

    .pricingtable-wrapper.style-2 .pricingtable-inner .pricingtable-list .pricingtable-features li {
      padding: 8px 0 8px 30px;
      font-size: 15px;
    }

    .pricingtable-wrapper.style-2 .pricingtable-inner .pricingtable-list .pricingtable-features li:after {
      font-size: 10px;
      width: 18px;
      height: 18px;
      line-height: 18px;
    }
  }

  @media only screen and (max-width: 767px) {
    .pricingtable-wrapper.style-2 .pricingtable-inner .pricingtable-bx {
      text-align: start;
    }
  }

  .pricingtable-wrapper.style-2.active,
  .pricingtable-wrapper.style-2:hover {
    margin-top: -30px;
    background-color: var(--secondary);
    color: #fff;
    border: 0px;
  }

  .pricingtable-wrapper.style-2.active::after,
  .pricingtable-wrapper.style-2:hover::after {
    opacity: 1;
  }

  .pricingtable-wrapper.style-2.active .pricingtable-type,
  .pricingtable-wrapper.style-2:hover .pricingtable-type {
    color: #fff !important;
  }

  .pricingtable-wrapper.style-2.active .pricingtable-bx,
  .pricingtable-wrapper.style-2:hover .pricingtable-bx {
    color: #fff;
  }

  .pricingtable-wrapper.style-2.active .pricingtable-title .title,
  .pricingtable-wrapper.style-2:hover .pricingtable-title .title {
    color: #fff !important;
  }

  .pricingtable-wrapper.style-2.active .pricingtable-title .text,
  .pricingtable-wrapper.style-2:hover .pricingtable-title .text {
    color: #fff;
  }

  .pricingtable-wrapper.style-2.active .pricingtable-list .pricingtable-features li,
  .pricingtable-wrapper.style-2:hover .pricingtable-list .pricingtable-features li {
    color: #fff;
  }

  .pricingtable-wrapper.style-2.active .pricingtable-list .pricingtable-features li:after,
  .pricingtable-wrapper.style-2:hover .pricingtable-list .pricingtable-features li:after {
    color: #fff;
  }

  @media only screen and (max-width: 767px) {

    .pricingtable-wrapper.style-2.active,
    .pricingtable-wrapper.style-2:hover {
      transform: unset;
    }
  }

  .pricingtable-wrapper.style-2.active .pricingtable-inner .pricingtable-button .btn,
  .pricingtable-wrapper.style-2:hover .pricingtable-inner .pricingtable-button .btn {
    background: #fff;
    color: var(--secondary) !important;
  }

  @media only screen and (max-width: 1199px) {
    .pricingtable-wrapper.style-2 {
      padding: 42px 35px;
    }
  }

  @media only screen and (max-width: 1024px) {
    .pricingtable-wrapper.style-2 {
      padding: 35px 30px;
    }
  }

  @media only screen and (max-width: 767px) {

    .pricingtable-wrapper.style-2.active,
    .pricingtable-wrapper.style-2:hover {
      transform: translateY(0);
    }
  }

  @media only screen and (max-width: 575px) {
    .pricingtable-wrapper.style-2 {
      padding: 30px 20px;
    }
  }

  .bg-light {
    background-color: var(--bg-light) !important;
  }

  .section-head.style-5 .title {
    font-size: 70px;
    font-weight: 500;
    text-align: center;
    font-family: var(--font-family-title);
    color: var(--secondary);
    line-height: 1.2;
    text-transform: uppercase;
  }

  @media only screen and (max-width: 1480px) {
    .section-head.style-5 .title {
      font-size: 60px;
    }
  }

  @media only screen and (max-width: 1280px) {
    .section-head.style-5 .title {
      font-size: 50px;
      max-width: 100%;
    }
  }

  @media only screen and (max-width: 991px) {
    .section-head.style-5 .title {
      font-size: 40px;
    }
  }

  @media only screen and (max-width: 575px) {
    .section-head.style-5 .title {
      font-size: 25px;
    }
  }

  .section-head.style-5 .sub-title {
    font-size: 18px;
    font-weight: 400;
    text-align: start;
    color: #4B4B4B;
  }

  @media only screen and (max-width: 575px) {
    .section-head.style-5 .sub-title {
      font-size: 16px;
      margin-top: 40px;
    }
  }

  .section-head.style-5 .line {
    width: 70px;
    height: 1px;
    display: block;
    background: rgba(25, 27, 29, 0.2);
    margin: 13px 15px 0px 20px;
  }

  @media only screen and (max-width: 767px) {
    .section-head.style-5 .line {
      width: 100%;
      margin: 11px 10px 5px 0px;
    }
  }

  .section-head.style-5 .text {
    font-weight: 400;
    font-size: 20px;
    line-height: 1.4;
    text-align: start;
    max-width: 720px;
    color: #4B4B4B;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 0;
    margin-right: 0;
  }

  @media only screen and (max-width: 767px) {
    .section-head.style-5 .text {
      padding: 0px;
    }
  }

  @media only screen and (max-width: 575px) {
    .section-head.style-5 .text {
      font-size: 16px;
    }
  }

  .section-head.style-6 .title {
    font-size: 90px;
    font-family: var(--font-family-title);
    font-weight: 400;
    line-height: 110px;
    text-align: center;
    max-width: 1024px;
    margin-bottom: 80px;
    margin-left: auto;
    margin-right: auto;
  }

  @media only screen and (max-width: 1024px) {
    .section-head.style-6 .title {
      font-size: 70px;
    }
  }

  @media only screen and (max-width: 991px) {
    .section-head.style-6 .title {
      font-size: 45px;
      line-height: 1.2;
    }
  }

  @media only screen and (max-width: 767px) {
    .section-head.style-6 .title {
      font-size: 35px;
      margin-bottom: 40px;
    }
  }

  @media only screen and (max-width: 575px) {
    .section-head.style-6 .title {
      font-size: 27px;
      margin-bottom: 25px;
    }
  }

  .dz-card.style-6 {
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
    border-radius: 20px;
  }

  .dz-card.style-6 .dz-info {
    padding: 30px 30px 15px;
    background-color: var(--bg-light);
    border-radius: 20px 0px 0px 0px;
    width: calc(40% + 15px);
    right: 0;
    position: absolute;
    bottom: 0;
  }

  @media only screen and (max-width: 991px) {
    .dz-card.style-6 .dz-info {
      width: calc(50% + 15px);
    }
  }

  @media only screen and (max-width: 767px) {
    .dz-card.style-6 .dz-info {
      position: unset;
      width: 100%;
      padding: 15px;
    }
  }

  .dz-card.style-6 .dz-info .dz-title {
    font-weight: 400;
    line-height: 1.4;
    font-size: 40px;
    font-family: var(--font-family-base);
    color: #191B1D;
    text-transform: uppercase;
  }

  @media only screen and (max-width: 1280px) {
    .dz-card.style-6 .dz-info .dz-title {
      font-size: 25px;
      line-height: 1.3;
    }
  }

  .dz-card.style-6 .dz-info .text {
    font-weight: 400;
    font-size: 18px;
    color: #4B4B4B;
    line-height: 1.5;
  }

  @media only screen and (max-width: 1280px) {
    .dz-card.style-6 .dz-info .text {
      font-size: 16px;
      line-height: 1.3;
    }
  }

  .swiper.blog-swiper {
    position: relative;
    overflow: visible;
  }

  @media only screen and (max-width: 991px) {
    .swiper.blog-swiper {
      margin-top: 80px;
    }
  }

  .swiper.blog-swiper::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 160px;
    left: 0;
    bottom: 0;
    background-color: var(--bg-light);
    z-index: 1;
  }

  @media only screen and (max-width: 1280px) {
    .swiper.blog-swiper::after {
      height: 130px;
    }
  }

  .swiper.blog-swiper .swiper-slide {
    transition: transform 0.3s ease, padding 0.3s ease;
  }

  @media (min-width: 576px) {
    .swiper.blog-swiper .swiper-slide.swiper-slide-active {
      transform: translateY(-120px);
    }
  }

  @media (min-width: 576px) {

    .swiper.blog-swiper .swiper-slide.swiper-slide-next,
    .swiper.blog-swiper .swiper-slide.swiper-slide-prev {
      transform: translateY(-60px);
    }
  }

  .shop-card.style-1 .product-tag .badge2.light {
    background-color: #fff;
  }

  .border-top {
    color: #BCB7C4 !important;
  }

  .stackCard {
    transform-origin: 50% -115%;
  }

  .logo-header {
    display: flex;
    align-items: center;
    float: left;
    vertical-align: middle;
    padding: 0;
    color: #EFBB20;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    width: 180px;
    height: 80px;
    position: relative;
    z-index: 9;
  }

  @media only screen and (max-width: 1199px) {
    .logo-header {
      width: 135px;
    }
  }

  @media only screen and (max-width: 575px) {
    .logo-header {
      height: 82px;
    }
  }

  @media only screen and (max-width: 1199px) {
    .logo-header {
      margin-right: 8px !important;
    }
  }

  @media only screen and (max-width: 991px) {
    .logo-header {
      margin-right: 0 !important;
    }
  }

  .logo-header a {
    display: table-cell;
    vertical-align: middle;
  }

  .logo-header img {
    object-fit: contain;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
  }

  /* Client Logos Grayscale Styling */
  .dz-features .item img {
    filter: grayscale(100%);
    opacity: 0.6;
    transition: opacity 0.3s ease;
  }

  .dz-features .item img:hover {
    opacity: 0.8;
    /* Slight brightness increase on hover, but remains gray */
    filter: grayscale(100%) !important;
  }

  .contact-page .logo-header img {
    filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.5));
  }

  .logo-header .logo-dark {
    display: block;
  }

  .logo-header .logo-light {
    display: none;
  }

  .site-header {
    position: relative;
    z-index: 999;
  }

  .site-header .main-bar {
    background: #fff;
    width: 100%;
    position: relative;
  }

  @media only screen and (min-width: 991px) {
    .site-header .main-bar .inner-bar {
      display: flex;
      align-items: baseline;
    }
  }

  .site-header .container {
    position: relative;
  }

  .site-header .extra-nav {
    float: right;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 9;
    height: 80px;
    padding-left: 30px;
    color: var(--title);
  }

  .site-header .extra-nav .extra-cell {
    display: flex;
    align-items: center;
  }

  .site-header .extra-nav .extra-cell>* {
    margin-left: 20px;
    display: flex;
    align-items: center;
    flex-direction: inherit;
  }

  @media only screen and (max-width: 991px) {
    .site-header .extra-nav .extra-cell>* {
      margin-left: 15px;
    }
  }

  .site-header .extra-nav .extra-cell ul li button,
  .site-header .extra-nav .extra-cell ul li a {
    min-width: 40px;
    display: flex;
    align-content: center;
    justify-content: center;
    vertical-align: middle;
    position: relative;
    line-height: 1;
  }

  @media only screen and (max-width: 1480px) {

    .site-header .extra-nav .extra-cell ul li button,
    .site-header .extra-nav .extra-cell ul li a {
      padding: 13px 10px;
    }
  }

  @media only screen and (max-width: 991px) {

    .site-header .extra-nav .extra-cell ul li button,
    .site-header .extra-nav .extra-cell ul li a {
      margin: 0;
    }
  }

  .site-header .extra-nav .extra-cell ul li button i,
  .site-header .extra-nav .extra-cell ul li a i {
    font-size: 20px;
    color: var(--title);
  }

  .site-header .extra-nav .extra-cell ul li button .badge,
  .site-header .extra-nav .extra-cell ul li a .badge {
    position: absolute;
    top: -4px;
    right: 2px;
    font-size: 11px;
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 18px;
    min-width: 18px;
    font-weight: 700;
  }

  @media only screen and (max-width: 991px) {
    .site-header .extra-nav {
      height: 80px;
    }
  }

  @media only screen and (max-width: 1680px) {
    .site-header .extra-nav {
      padding-left: 0;
    }
  }

  @media only screen and (max-width: 575px) {

    .site-header .extra-nav .btn {
      padding-left: 15px;
      padding-right: 15px;
    }
  }

  .site-header .extra-nav ul li {
    display: inline-block;
  }

  .xmenu-toggler {
    border: 0 solid #efbb20;
    font-size: 16px;
    line-height: 24px;
    margin: 40px 0 39px 15px;
    padding: 0;
    float: right;
    outline: none !important;
  }

  @media only screen and (max-width: 991px) {
    .xmenu-toggler {
      margin: 18px 0px 16px 10px;
    }
  }

  @media only screen and (max-width: 575px) {
    .xmenu-toggler {
      margin: 17px 0px 10px 10px;
    }
  }

  .navicon {
    width: 45px;
    height: 45px;
    background: #212529;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    cursor: pointer;
    border-radius: var(--radius-sm);
  }

  @media only screen and (min-width: 991px) {
    .navicon {
      display: none;
    }
  }

  .navicon span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    border-radius: 1px;
    opacity: 1;
    background: #fff;
    left: 10px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
  }

  .navicon span:nth-child(1) {
    top: 13px;
    width: 22px;
  }

  .navicon span:nth-child(2) {
    top: 22px;
    width: 25px;
  }

  .navicon span:nth-child(3) {
    top: 32px;
    width: 20px;
  }

  .navicon.open span:nth-child(1) {
    top: 23px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
  }

  .navicon.open span:nth-child(2) {
    opacity: 0;
    left: -60px;
  }

  .navicon.open span:nth-child(3) {
    top: 23px;
    width: 23px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }

  .header-nav {
    padding: 0;
  }

  .header-nav::-webkit-scrollbar {
    display: none !important;
  }

  @media only screen and (max-width: 991px) {
    .header-nav {
      overflow-y: scroll;
      position: fixed;
      width: 60px;
      height: 100vh !important;
      -webkit-transition: all 0.5s;
      -ms-transition: all 0.5s;
      transition: all 0.5s;
      top: 0;
      background-color: #ffffff;
      margin: 0;
      z-index: 99;
    }
  }

  @media only screen and (max-width: 991px) {
    .header-nav.show {
      -webkit-transition: all 1s;
      -ms-transition: all 1s;
      transition: all 1s;
      margin: 0;
      width: 280px;
    }
  }

  .header-nav .logo-header {
    display: none;
  }

  @media only screen and (max-width: 991px) {
    .header-nav .logo-header {
      padding: 30px 20px;
      float: none;
      height: auto;
      width: 240px;
    }
  }

  .header-nav .dz-social-icon {
    text-align: center;
    display: none;
  }

  .header-nav .dz-social-icon li {
    display: inline-block;
    margin: 0 2px;
  }

  .header-nav .dz-social-icon a {
    width: 40px;
    height: 40px;
    padding: 0;
    border: 1px solid rgba(0, 0, 0, 0.1);
    line-height: 38px;
    text-align: center;
    border-radius: 0;
    color: #000;
  }

  @media only screen and (max-width: 991px) {
    .header-nav .dz-social-icon {
      display: block;
      padding: 20px;
    }
  }

  .is-fixed .main-bar {
    position: fixed;
    top: 0;
    left: 0;
    background: #ffffff;
    transition: all 0.5s;
  }

  @media only screen and (max-width: 991px) {

    .mo-left {
      overflow-y: scroll;
      position: fixed;
      width: 280px;
      height: 100vh !important;
      transition: all 0.5s;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -o-transition: all 0.5s;
      top: 0;
      background-color: #fff;
      margin: 0;
      z-index: 99999;
    }

    .mo-left.show {
      transition: all 0.5s;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -o-transition: all 0.5s;
      margin: 0;
      transition-delay: 0.2s;
    }

    .mo-left .logo-header {
      display: block;
      float: none;
      height: auto !important;
      max-width: 100%;
      padding: 25px 20px;
      width: 100% !important;
    }

    .mo-left .logo-header img {
      max-width: unset;
      width: 150px;
      height: auto;
      vertical-align: middle;
    }

    .mo-left li.open a {
      position: relative;
    }

    .mo-left {
      left: -280px;
    }

    .mo-left.show {
      left: -1px;
    }
  }

  .main-bar {
    -webkit-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
    -khtml-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
    -moz-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
    -o-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
    transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
  }

  .is-fixed .main-bar {
    -webkit-animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
    -khtml-animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
    -moz-animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
    -ms-animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
    -o-animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
    animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
  }

  @-moz-keyframes headerSlideDown {
    0% {
      margin-top: -150px;
    }

    100% {
      margin-top: 0;
    }
  }

  @-ms-keyframes headerSlideDown {
    0% {
      margin-top: -150px;
    }

    100% {
      margin-top: 0;
    }
  }

  @-webkit-keyframes headerSlideDown {
    0% {
      margin-top: -150px;
    }

    100% {
      margin-top: 0;
    }
  }

  @keyframes headerSlideDown {
    0% {
      margin-top: -150px;
    }

    100% {
      margin-top: 0;
    }
  }

  .quick-search {
    border: 0;
    background-color: transparent;
    cursor: pointer;
    height: 50px;
    width: 50px;
    padding: 0;
    display: flex;
    align-items: center;
    min-width: 50px;
  }

  .xmenu-search {
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
  }

  .xmenu-search .form-control,
  .xmenu-search .login input[type=text],
  .login .xmenu-search input[type=text],
  .xmenu-search .login input[type=password],
  .login .xmenu-search input[type=password] {
    border-radius: 0;
    height: 55px;
    padding: 15px 20px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    width: 100%;
  }

  .xmenu-search .form-control:hover,
  .xmenu-search .login input[type=text]:hover,
  .login .xmenu-search input[type=text]:hover,
  .xmenu-search .login input[type=password]:hover,
  .login .xmenu-search input[type=password]:hover,
  .xmenu-search .form-control:focus,
  .xmenu-search .login input[type=text]:focus,
  .login .xmenu-search input[type=text]:focus,
  .xmenu-search .login input[type=password]:focus,
  .login .xmenu-search input[type=password]:focus,
  .xmenu-search .form-control:active,
  .xmenu-search .login input[type=text]:active,
  .login .xmenu-search input[type=text]:active,
  .xmenu-search .login input[type=password]:active,
  .login .xmenu-search input[type=password]:active {
    box-shadow: none;
    border-color: #E3FF75;
  }

  .header-transparent {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }


  .header-transparent .main-bar {
    background: transparent;
    box-shadow: none;
  }

  .header-transparent .container-fluid {
    padding-left: 80px;
    padding-right: 80px;
  }

  @media only screen and (max-width: 1280px) {

    .header-transparent .container-fluid {
      padding-left: 30px;
      padding-right: 30px;
    }
  }

  @media only screen and (max-width: 1199px) {

    .header-transparent .container-fluid {
      padding-left: 15px;
      padding-right: 15px;
    }
  }

  .header-transparent .navbar-toggler span {
    background: #ffffff;
  }

  .header-transparent .is-fixed .nav>li>a {
    color: #444444;
  }

  .header-transparent .is-fixed .extra-nav .extra-cell .header-right i {
    color: var(--secondary);
  }

  .header-transparent .is-fixed .extra-nav .extra-cell .header-right .nav-item svg path,
  .header-transparent .is-fixed .extra-nav .extra-cell .header-right .nav-item circle {
    stroke: var(--secondary);
  }

  .header-transparent .is-fixed .extra-nav .extra-cell .header-right .nav-item .cart-btn svg path {
    stroke: unset;
    fill: var(--secondary);
  }

  @media only screen and (min-width: 991px) {
    .header-nav.xmenu {
      flex-basis: auto;
      flex-grow: 1;
      display: flex;
    }
  }

  @media only screen and (max-width: 991px) {
    .header-nav.xmenu .logo-header {
      margin-right: 0 !important;
    }
  }

  .header-nav.xmenu>.nav {
    flex-direction: row;
  }

  .header-nav.xmenu>.nav>li {
    margin: 0px;
    font-weight: 400;
    position: relative;
    display: inline-block;
  }

  @media only screen and (max-width: 991px) {
    .header-nav.xmenu>.nav>li {
      border-bottom: 1px solid #eee;
      width: 100%;
    }
  }


  .header-nav.xmenu>.nav>li.sub-menu-down .sub-menu-down>a {
    position: relative;
  }


  .header-nav.xmenu>.nav>li.sub-menu-down .sub-menu-down>a:after {
    content: "\f054";
    display: inline-block;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    font-size: 10px;
    float: right;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
  }

  @media only screen and (max-width: 991px) {


    .header-nav.xmenu>.nav>li.sub-menu-down .sub-menu-down>a:after {
      background-color: var(--secondary);
      opacity: 0.8;
      color: #fff;
      height: 30px;
      line-height: 30px;
      right: 0;
      text-align: center;
      width: 30px;
      z-index: 3;
      float: right;
      font-size: 11px;
      margin-top: -5px;
    }
  }


  .header-nav.xmenu>.nav>li.sub-menu-down .sub-menu-down.open>a:after {
    content: "\f078";
  }


  .header-nav.xmenu>.nav>li.sub-menu-down>a:after {
    content: "\e842";
    margin-left: 5px;
    margin-top: -5px;
    display: inline-block;
    width: 12px;
    font-family: "feather" !important;
    height: 12px;
  }

  @media only screen and (max-width: 991px) {


    .header-nav.xmenu>.nav>li.sub-menu-down>a:after {
      display: none;
    }
  }


  .header-nav.xmenu>.nav>li.sub-menu-down>a i.tabindex {
    display: none;
  }

  @media only screen and (max-width: 991px) {


    .header-nav.xmenu>.nav>li.sub-menu-down>a i.tabindex {
      display: block;
      font-size: 9px;
      margin-left: 5px;
      margin-top: 0;
      vertical-align: middle;
      font-weight: 900;
      font-family: "Font Awesome 5 Free";
    }
  }

  @media only screen and (max-width: 991px) and (max-width: 991px) {


    .header-nav.xmenu>.nav>li.sub-menu-down>a i.tabindex {
      background-color: var(--secondary);
      color: #fff;
      height: 30px;
      line-height: 30px;
      right: 0;
      text-align: center;
      width: 30px;
      z-index: 3;
      float: right;
      font-size: 11px;
      margin: 0;
    }


    .header-nav.xmenu>.nav>li.sub-menu-down>a i.tabindex:before {
      content: "\f054";
    }
  }

  @media only screen and (max-width: 991px) {


    .header-nav.xmenu>.nav>li.sub-menu-down.open>a i.tabindex:before {
      content: "\f078";
    }
  }

  .header-nav.xmenu>.nav>li>a {
    color: var(--white);
    font-size: 20px;
    padding: 45px 15px;
    font-family: var(--font-family-title);
    cursor: pointer;
    font-weight: 400;
    display: inline-block;
    position: relative;
    line-height: 24px;
  }

  @media only screen and (max-width: 1199px) {
    .header-nav.xmenu>.nav>li>a {
      padding-left: 8px;
      padding-right: 8px;
      font-size: 16px;
    }
  }

  @media only screen and (max-width: 991px) {
    .header-nav.xmenu>.nav>li>a {
      padding: 8px 0;
      display: block;
      line-height: 30px;
      font-size: 16px;
    }
  }

  .header-nav.xmenu>.nav>li>a span {
    display: inline-block;
  }

  .header-nav.xmenu>.nav>li .mega-menu,
  .header-nav.xmenu>.nav>li .sub-menu {
    background-color: #fff;
    display: block;
    left: 0;
    list-style: none;
    opacity: 0;
    padding: 20px 0;
    position: absolute;
    visibility: hidden;
    z-index: 10;
    margin-top: 0px;
    text-align: left;
    -webkit-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05);
    pointer-events: none;
  }

  @media only screen and (max-width: 991px) {

    .header-nav.xmenu>.nav>li .mega-menu,
    .header-nav.xmenu>.nav>li .sub-menu {
      display: none;
      position: static;
      visibility: visible;
      width: auto;
      background: transparent;
      box-shadow: none;
      margin: 0;
      border-top: 1px solid #eee;
      padding: 15px 0;
      -webkit-transition: none;
      -ms-transition: none;
      transition: none;
    }

    .header-nav.xmenu>.nav>li .mega-menu>li>a i.tabindex,
    .header-nav.xmenu>.nav>li .sub-menu>li>a i.tabindex {
      color: #fff !important;
      height: 30px;
      line-height: 30px;
      right: 0;
      text-align: center;
      width: 30px;
      z-index: 3;
      font-size: 14px !important;
      margin: 0 !important;
      background: #eee;
    }
  }

  @media only screen and (max-width: 991px) {

    .header-nav.xmenu>.nav>li .mega-menu,
    .header-nav.xmenu>.nav>li .sub-menu {
      display: none;
      position: static;
      visibility: visible;
      width: auto;
      background: transparent;
      box-shadow: none;
      margin: 0;
      border-top: 1px solid #eee;
      padding: 15px 0;
      -webkit-transition: none;
      -ms-transition: none;
      transition: none;
      opacity: 1;
    }

    .header-nav.xmenu>.nav>li .mega-menu>li>a i.tabindex,
    .header-nav.xmenu>.nav>li .sub-menu>li>a i.tabindex {
      display: none;
    }


    .header-nav.xmenu>.nav>li .mega-menu>li>a i.tabindex,
    .header-nav.xmenu>.nav>li .sub-menu>li>a i.tabindex {
      color: #fff !important;
      font-size: 14px;
      content: "\f054";
      height: 30px;
      line-height: 30px;
      right: 0;
      text-align: center;
      width: 30px;
      font-family: "Font Awesome 5 Free";
      z-index: 3;
      margin: 0 !important;
      background: var(--primary);
      border-radius: var(--border-radius-base);
      font-weight: 900;
      float: right;
    }
  }

  .header-nav.xmenu>.nav>li .mega-menu li,
  .header-nav.xmenu>.nav>li .sub-menu li {
    position: relative;
  }

  .header-nav.xmenu>.nav>li .mega-menu li a,
  .header-nav.xmenu>.nav>li .sub-menu li a {
    color: #999999;
    display: block;
    font-size: 16px;
    padding: 5px 0;
    line-height: 20px;
    text-transform: capitalize;
    position: relative;
    transition: all 0.15s linear;
    -webkit-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    font-weight: 400;
  }

  .header-nav.xmenu>.nav>li .mega-menu li:hover>a,
  .header-nav.xmenu>.nav>li .sub-menu li:hover>a {
    color: var(--secondary);
  }

  .header-nav.xmenu>.nav>li .mega-menu li .name a,
  .header-nav.xmenu>.nav>li .sub-menu li .name a {
    font-size: 15px;
    font-weight: 500;
    color: inherit;
    padding: 0;
  }

  .header-nav.xmenu>.nav>li .mega-menu li>.sub-menu,
  .header-nav.xmenu>.nav>li .sub-menu li>.sub-menu {
    left: 210px;
  }

  @media only screen and (max-width: 991px) {

    .header-nav.xmenu>.nav>li .mega-menu li>.sub-menu,
    .header-nav.xmenu>.nav>li .sub-menu li>.sub-menu {
      display: none;
    }
  }

  @media only screen and (max-width: 991px) {

    .header-nav.xmenu>.nav>li .mega-menu .mega-menu,
    .header-nav.xmenu>.nav>li .mega-menu .sub-menu,
    .header-nav.xmenu>.nav>li .sub-menu .mega-menu,
    .header-nav.xmenu>.nav>li .sub-menu .sub-menu {
      border-top: 0;
      padding-left: 20px;
    }
  }

  .header-nav.xmenu>.nav>li .sub-menu {
    width: 220px;
  }

  @media only screen and (max-width: 991px) {
    .header-nav.xmenu>.nav>li .sub-menu {
      width: 100%;
      padding: 0;
    }
  }

  .header-nav.xmenu>.nav>li .sub-menu li>a {
    padding: 5px 30px;
  }

  @media only screen and (max-width: 991px) {
    .header-nav.xmenu>.nav>li .sub-menu li>a {
      padding: 10px 0;
      border-bottom: 1px solid #eee;
    }
  }

  .header-nav.xmenu>.nav>li .sub-menu li>a>i.tabindex {
    color: inherit;
    display: block;
    float: right;
    font-size: 18px;
    opacity: 1;
    margin-top: 0px;
  }

  @media only screen and (max-width: 991px) {
    .header-nav.xmenu>.nav>li .sub-menu li>a>i.tabindex {
      display: none;
    }
  }

  .header-nav.xmenu>.nav>li .mega-menu {
    right: 0px;
    z-index: 9;
    padding: 50px;
  }

  .header-nav.xmenu>.nav>li .mega-menu>li {
    display: block;
    padding: 15px 0 15px;
    position: relative;
    vertical-align: top;
    width: 25%;
  }

  @media only screen and (max-width: 991px) {
    .header-nav.xmenu>.nav>li .mega-menu>li {
      width: 100%;
      padding: 0;
    }
  }

  .header-nav.xmenu>.nav>li .mega-menu>li>a {
    color: var(--title);
    display: block;
    padding: 0 15px;
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 15px;
    font-family: var(--font-family-title);
  }

  .header-nav.xmenu>.nav>li .mega-menu>li>a>i.tabindex {
    font-size: 14px;
    margin-right: 5px;
    text-align: center;
    width: 15px;
  }

  @media only screen and (max-width: 991px) {
    .header-nav.xmenu>.nav>li .mega-menu>li>a {
      display: none;
    }
  }

  .header-nav.xmenu>.nav>li .mega-menu>li:last-child:after {
    display: none;
  }

  .header-nav.xmenu>.nav>li .mega-menu>li:hover>a {
    background-color: transparent;
  }

  .header-nav.xmenu>.nav>li .mega-menu>li li i.tabindex {
    font-size: 14px;
    margin-right: 5px;
    text-align: center;
    width: 15px;
  }

  @media only screen and (max-width: 1199px) {
    .header-nav.xmenu>.nav>li .mega-menu {
      padding: 30px;
    }
  }

  @media only screen and (max-width: 991px) {
    .header-nav.xmenu>.nav>li .mega-menu {
      display: none;
      padding: 10px 0;
    }
  }

  .header-nav.xmenu>.nav>li.active>a,
  .header-nav.xmenu>.nav>li:hover>a {
    color: var(--title);
  }

  .header-nav.xmenu>.nav>li.active>.mega-menu,
  .header-nav.xmenu>.nav>li.active>.sub-menu,
  .header-nav.xmenu>.nav>li:hover>.mega-menu,
  .header-nav.xmenu>.nav>li:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
    z-index: 11;
    pointer-events: unset;
  }

  @media only screen and (max-width: 991px) {

    .header-nav.xmenu>.nav>li.active>.mega-menu,
    .header-nav.xmenu>.nav>li.active>.sub-menu,
    .header-nav.xmenu>.nav>li:hover>.mega-menu,
    .header-nav.xmenu>.nav>li:hover>.sub-menu {
      -webkit-transition: none;
      -ms-transition: none;
      transition: none;
    }
  }

  .header-nav.xmenu>.nav>li.active>.mega-menu li.active>.sub-menu,
  .header-nav.xmenu>.nav>li.active>.mega-menu li:hover>.sub-menu,
  .header-nav.xmenu>.nav>li.active>.sub-menu li.active>.sub-menu,
  .header-nav.xmenu>.nav>li.active>.sub-menu li:hover>.sub-menu,
  .header-nav.xmenu>.nav>li:hover>.mega-menu li.active>.sub-menu,
  .header-nav.xmenu>.nav>li:hover>.mega-menu li:hover>.sub-menu,
  .header-nav.xmenu>.nav>li:hover>.sub-menu li.active>.sub-menu,
  .header-nav.xmenu>.nav>li:hover>.sub-menu li:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
    top: -1px;
    pointer-events: unset;
  }

  .header-nav.xmenu>.nav>li.open .mega-menu,
  .header-nav.xmenu>.nav>li.open .sub-menu {
    display: block;
    opacity: 1;
    -webkit-transition: none;
    -ms-transition: none;
    transition: none;
  }

  .header-nav.xmenu>.nav>li.open .open>.mega-menu,
  .header-nav.xmenu>.nav>li.open .open>.sub-menu {
    display: block;
    opacity: 1;
    -webkit-transition: none;
    -ms-transition: none;
    transition: none;
  }

  @media only screen and (max-width: 1480px) {

    .header-nav.xmenu>.nav>li:nth-last-child(4) .sub-menu .sub-menu,
    .header-nav.xmenu>.nav>li:nth-last-child(3) .sub-menu .sub-menu,
    .header-nav.xmenu>.nav>li:nth-last-child(2) .sub-menu .sub-menu,
    .header-nav.xmenu>.nav>li:last-child .sub-menu .sub-menu {
      left: -220px;
    }
  }

  @media only screen and (max-width: 991px) {
    .header-nav.xmenu>.nav {
      float: none;
      padding: 0 20px;
    }
  }

  .xmenu.xmenu-end {
    justify-content: flex-end;
  }

  .xmenu .badge {
    font-size: 10px;
    padding: 2px 5px;
  }

  .xmenu .mega-menu {
    max-width: 1200px;
    width: 1200px;
    left: 80px !important;
    height: auto;
    overflow-y: auto;
    max-height: calc(100vh - 80px);
  }

  @media only screen and (min-width: 1191px) and (max-width: 1280px) {
    .xmenu .mega-menu {
      max-width: 1080px;
      width: 1080px;
    }
  }

  @media only screen and (max-width: 1191px) {
    .xmenu .mega-menu {
      left: 0 !important;
      max-width: 100%;
    }
  }

  @media only screen and (max-width: 991px) {
    .xmenu .mega-menu {
      max-height: unset;
      overflow-y: unset;
    }
  }

  .xmenu .mega-menu ul {
    margin-bottom: 15px;
  }

  @media only screen and (max-width: 991px) {
    .xmenu .mega-menu ul {
      margin-bottom: 0;
    }
  }

  .xmenu .mega-menu>ul {
    margin: 0 -15px;
    flex-wrap: wrap;
  }

  @media only screen and (min-width: 991px) {
    .xmenu .mega-menu>ul {
      display: flex;
    }
  }

  .xmenu .mega-menu>ul>li {
    padding: 0 15px;
    flex: 1 0 0%;
    min-width: 180px;
  }

  .xmenu .menu-close {
    position: absolute;
    right: 20px;
    top: 25px;
    background-color: #000;
    width: 25px;
    height: 25px;
    text-align: center;
    align-items: center;
    justify-content: center;
    color: #fff;
    display: none;
  }

  @media only screen and (max-width: 991px) {
    .xmenu .menu-close {
      display: flex;
      z-index: 999;
    }
  }

  .menu-close {
    position: fixed;
    top: 0;
    background-color: #000;
    width: 0;
    height: 100%;
    opacity: 0.5;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    z-index: 999;
  }

  .menu-close.fade-overlay {
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
  }

  .xmenu-toggler.open~.menu-close.fade-overlay {
    opacity: 0.5;
    visibility: visible;
  }

  .xmenu-end.header-nav .nav>li>.mega-menu {
    right: 80px;
    left: auto !important;
  }

  @media only screen and (max-width: 1199px) {
    .xmenu-end.header-nav .nav>li>.mega-menu {
      right: 0;
    }
  }

  .justify-content-end.header-nav .nav>li>.mega-menu {
    right: 80px;
    left: auto !important;
  }

  @media only screen and (max-width: 1199px) {
    .justify-content-end.header-nav .nav>li>.mega-menu {
      right: 0;
    }
  }

  body.fixed {
    overflow: hidden;
  }

  .navbar-nav.nav>li>a .badge:not(.badge-drop) {
    transform: translateY(-2px);
  }

  @media only screen and (max-width: 991px) {
    .navbar-nav.nav>li>a .badge {
      transform: translateY(-2px);
    }
  }

  @keyframes animatedgradient {
    0% {
      background-position: 0% 50%;
    }

    50% {
      background-position: 100% 50%;
    }

    100% {
      background-position: 0% 50%;
    }
  }

  @keyframes toTopFromBottom {
    49% {
      transform: translateX(100%);
    }

    50% {
      opacity: 0;
      transform: translateX(-100%);
    }

    51% {
      opacity: 1;
    }
  }

  .show-focus-outline li:focus-within>.mega-menu,
  .show-focus-outline li:focus-within>.sub-menu {
    opacity: 1 !important;
    visibility: visible !important;
    margin-top: 0 !important;
  }

  .show-focus-outline .sub-menu-down a:focus {
    outline: 2px solid #000 !important;
  }

  .show-focus-outline .sub-menu-down a:after:focus {
    outline: 2px solid #000 !important;
  }

  .site-header.style-1 .navbar-nav {
    margin-left: 120px;
    position: relative;
    z-index: 1;
  }

  @media only screen and (max-width: 1480px) {
    .site-header.style-1 .navbar-nav {
      margin-left: 80px;
    }
  }

  @media only screen and (max-width: 991px) {
    .site-header.style-1 .navbar-nav {
      margin-left: 0;
    }
  }

  .site-header.style-1 .navbar-nav:after {
    content: "";
    position: absolute;
    top: 50%;
    left: -60px;
    height: 60%;
    width: 1px;
    background: var(--light);
    transform: translateY(-50%);
  }

  @media only screen and (max-width: 1480px) {
    .site-header.style-1 .navbar-nav:after {
      left: -40px;
    }
  }

  .site-header.style-1.is-fixed .main-bar {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    transition: all 0.5s;
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);
  }

  .site-header.style-2 .is-fixed .extra-nav .extra-cell>* {
    --title: var(--secondary);
    --white: var(--secondary);
  }

  .site-header.style-2 .mega-menu {
    left: 0 !important;
  }

  .site-header.style-2 .main-bar {
    box-shadow: none;
    padding: 5px 0;
    border: 0;
  }

  @media only screen and (min-width: 991px) {
    .site-header.style-2 .main-bar .logo-header {
      display: none;
    }
  }

  @media only screen and (min-width: 991px) {
    .site-header.style-2 .main-bar .header-nav .nav>li>a {
      padding: 18px 8px;
    }
  }

  @media only screen and (min-width: 1200px) {
    .site-header.style-2 .main-bar .header-nav .nav>li>a {
      padding: 18px 12px;
    }
  }

  @media only screen and (min-width: 991px) {
    .site-header.style-2 .main-bar .extra-nav {
      height: 60px;
    }
  }

  .site-header.style-2 .extra-nav .info-box .nav-link {
    display: flex;
    gap: 10px;
    align-items: center;
  }

  .site-header.style-2 .extra-nav .info-box span {
    font-size: 13px;
    font-weight: 600;
  }

  .site-header.style-3 .main-bar .dz-theme-mode {
    margin-right: 0;
  }

  .site-header.style-3.is-fixed .main-bar {
    background-color: #bbffb9;
  }

  @media only screen and (max-width: 767px) {

    .site-header.style-3 .extra-nav .extra-cell .btn {
      display: none;
    }
  }

  .site-header.style-3 .full-sidenav {
    padding-top: 50px !important;
    padding-bottom: 0px !important;
  }

  .site-header.style-3 .full-sidenav .container {
    height: 69%;
    overflow: hidden;
  }

  @media only screen and (max-width: 1199px) {
    .site-header.style-3 .full-sidenav .container {
      height: 100%;
      overflow: unset;
    }
  }

  .site-header.style-3 .full-sidenav::before {
    background: none;
  }

  .site-header.style-3 .extra-nav {
    z-index: 0;
  }

  .site-header.style-3 .contact-left .title {
    color: #fff;
  }

  .site-header.style-3 .contact-left ul li a {
    color: #858585;
  }

  .site-header.style-3 .dz-theme-mode {
    width: 100px;
    transform: 0.5s;
    height: 55px;
    display: flex;
    background: var(--secondary);
    justify-content: space-between;
    gap: 5px;
    border-radius: 50px;
    padding: 5px 5px;
  }

  .site-header.style-3 .dz-theme-mode #icon-dark,
  .site-header.style-3 .dz-theme-mode #icon-light {
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
  }

  .site-header.style-3 .dz-theme-mode #icon-dark {
    background-color: var(--white);
  }

  .site-header.style-3 .dz-theme-mode.active #icon-light {
    background-color: var(--secondary);
  }

  .site-header.style-3 .close {
    position: absolute;
    right: 50px;
    top: 50px;
  }

  @media only screen and (max-width: 1199px) {
    .site-header.style-3 .close {
      right: 30px;
      top: 15px;
    }
  }

  @media only screen and (min-width: 991px) {
    .site-header.style-3 .full-sidenav .navbar-nav {
      max-height: 500px;
      overflow-y: auto;
      display: block;
      float: unset;
    }

    .site-header.style-3 .full-sidenav .navbar-nav li a {
      display: block;
      padding: 5px 0;
      font-size: 35px;
      font-weight: 700;
    }

    .site-header.style-3 .full-sidenav .navbar-nav>li.is-active>a {
      color: var(--white);
    }

    .site-header.style-3 .full-sidenav .navbar-nav>li>a {
      color: rgba(0, 0, 0, 0.3);
    }

    .site-header.style-3 .full-sidenav .navbar-nav>li>a::before {
      position: absolute;
      left: -30px;
      top: 10px;
      font-weight: 500;
      font-size: 13px;
      content: "0" counter(count);
      counter-increment: count;
      color: rgba(113, 113, 114, 0.4);
    }

    .site-header.style-3 .full-sidenav .navbar-nav>li .mega-menu>li>a {
      color: var(--white) !important;
    }

    .site-header.style-3 .full-sidenav .navbar-nav>li .sub-menu,
    .site-header.style-3 .full-sidenav .navbar-nav>li .mega-menu {
      position: relative;
      visibility: visible;
      width: 100%;
      margin: 0;
      opacity: 1;
      box-shadow: none;
      transition: none !important;
      display: block;
      padding: 6px 0;
    }

    .site-header.style-3 .full-sidenav .navbar-nav>li .sub-menu>li,
    .site-header.style-3 .full-sidenav .navbar-nav>li .mega-menu>li {
      width: 100%;
      padding: 0;
    }

    .site-header.style-3 .full-sidenav .navbar-nav>li .sub-menu>li ul,
    .site-header.style-3 .full-sidenav .navbar-nav>li .mega-menu>li ul {
      margin: 10px 0px 20px;
    }

    .site-header.style-3 .full-sidenav .navbar-nav>li .sub-menu li a,
    .site-header.style-3 .full-sidenav .navbar-nav>li .mega-menu li a {
      font-size: 20px;
      padding: 10px 20px 10px 10px;
      color: #999999;
      font-weight: 500;
    }

    .site-header.style-3 .full-sidenav .navbar-nav>li .sub-menu li a:after,
    .site-header.style-3 .full-sidenav .navbar-nav>li .mega-menu li a:after {
      top: 22px;
    }
  }

  .site-header.style-4.is-fixed .main-bar {
    background: rgba(255, 255, 255, 0.35);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  }

  .site-header.style-4 .header-nav.xmenu>.nav>li .sub-menu {
    background-color: #fff;
  }

  @media only screen and (min-width: 991px) {
    .site-header.style-4 .header-nav.xmenu>.nav>li .sub-menu {
      border-radius: 14px;
      border: 1px solid #c6c6ce;
    }
  }

  .site-header.style-4 .header-nav.xmenu>.nav>li .sub-menu li a {
    color: var(--secondary);
    font-weight: 400;
  }

  .site-header.style-4 .header-nav.xmenu>.nav>li>a {
    color: var(--secondary);
  }

  .site-header.style-4 .header-nav.xmenu>.nav>li>a:hover {
    color: var(--primary);
  }

  .site-header.style-4 .header-nav.xmenu>.nav>li>a:hover::after {
    color: var(--primary);
  }

  @media only screen and (max-width: 991px) {
    .site-header.style-4 .extra-nav .extra-cell .header-right {
      gap: 10px;
    }
  }

  .site-header.style-4 .extra-nav .extra-cell .header-right .nav-link a {
    display: flex;
    align-items: center;
    border: 2px solid var(--primarydark);
    border-radius: 10px;
    font-size: 18px;
    font-weight: 500;
    height: 50px;
    width: 141px;
    color: var(--primarydark);
  }

  @media only screen and (max-width: 600px) {
    .site-header.style-4 .extra-nav .extra-cell .header-right .nav-link a {
      display: none;
    }
  }

  .site-header.style-4 .extra-nav .extra-cell .header-right .nav-link :hover {
    background-color: var(--primary);
    border: 2px solid var(--primary);
  }

  .site-header.style-4 .extra-nav .extra-cell .header-right .dz-theme-mode {
    border: 2px solid var(--primarydark);
    border-radius: 10px;
  }

  .site-header.style-4 .extra-nav .extra-cell .header-right .dz-theme-mode a :hover {
    background: transparent;
  }

  .dz-bnr-inr {
    --dz-banner-height: 350px;
    min-height: var(--dz-banner-height);
    background-size: cover;
    background-position: top;
    background-color: #fbfbfb;
    position: relative;
    z-index: 2;
    width: 100%;
  }

  @media only screen and (max-width: 991px) {
    .dz-bnr-inr {
      --dz-banner-height: 300px;
    }
  }

  @media only screen and (max-width: 575px) {
    .dz-bnr-inr {
      --dz-banner-height: 230px;
    }
  }

  .dz-bnr-inr.bg-secondary h1,
  .dz-bnr-inr.bg-secondary .h1 {
    color: #fff;
  }

  .dz-bnr-inr.bg-secondary .breadcrumb-row ul li {
    color: #fff;
  }

  .dz-bnr-inr.bg-secondary .breadcrumb-row ul li:before {
    color: #fff;
  }

  .dz-bnr-inr.bg-secondary .breadcrumb-row ul li a {
    color: #ffffff;
  }

  .dz-bnr-inr .container {
    display: table;
    height: 100%;
  }

  .dz-bnr-inr .dz-bnr-inr-entry {
    height: var(--dz-banner-height);
    vertical-align: middle;
    display: table-cell;
    text-align: center;
    padding: 100px 0 80px 0;
  }

  @media only screen and (max-width: 767px) {
    .dz-bnr-inr .dz-bnr-inr-entry {
      text-align: center;
    }

    .dz-bnr-inr .dz-bnr-inr-entry .breadcrumb-row {
      display: inline-block;
    }
  }

  @media only screen and (max-width: 575px) {
    .dz-bnr-inr .dz-bnr-inr-entry {
      padding: 80px 0 40px 0;
    }
  }

  .dz-bnr-inr h1,
  .dz-bnr-inr .h1 {
    font-size: 70px;
    margin-bottom: 10px;
    line-height: 1.2;
    color: var(--title);
    text-transform: capitalize;
  }

  @media only screen and (max-width: 991px) {

    .dz-bnr-inr h1,
    .dz-bnr-inr .h1 {
      font-size: 40px;
    }
  }

  @media only screen and (max-width: 767px) {

    .dz-bnr-inr h1,
    .dz-bnr-inr .h1 {
      font-size: 30px;
    }
  }

  @media only screen and (max-width: 575px) {

    .dz-bnr-inr h1,
    .dz-bnr-inr .h1 {
      font-size: 24px;
    }
  }

  .dz-bnr-inr p {
    color: #fff;
    font-size: 18px;
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
  }

  @media only screen and (max-width: 575px) {
    .dz-bnr-inr p {
      font-size: 14px;
    }
  }

  .dz-bnr-inr.dz-bnr-inr-sm {
    --dz-banner-height: 350px;
  }

  @media only screen and (max-width: 767px) {
    .dz-bnr-inr.dz-bnr-inr-sm {
      --dz-banner-height: 200px;
    }
  }

  .dz-bnr-inr .breadcrumb-row ul {
    margin-bottom: 0;
  }

  .dz-bnr-inr .kanbern-bnr .swiper-slide>div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    transition: 20s !important;
    background-position: center;
    background-size: 100%;
  }

  .dz-bnr-inr .kanbern-bnr .swiper-slide.swiper-slide-active>div {
    background-size: 150%;
  }

  .breadcrumb-row ul {
    padding: 0;
    display: inline-block;
  }

  .breadcrumb-row ul li {
    padding: 0;
    margin-right: 3px;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    color: var(--title);
  }

  .breadcrumb-row ul li.active {
    color: var(--title);
  }

  .breadcrumb-row ul li a {
    color: var(--title);
  }

  .breadcrumb-row ul .breadcrumb-item+.breadcrumb-item::before {
    content: "\f105";
    float: left;
    color: var(--title);
    font-weight: 700;
    font-family: "Font Awesome 5 Free";
    font-size: 16px;
    padding-right: 12px;
    top: 0px;
    position: relative;
  }

  @media only screen and (max-width: 767px) {
    .breadcrumb-row ul .breadcrumb-item+.breadcrumb-item::before {
      top: 2px;
      font-size: 13px;
    }
  }

  @media only screen and (max-width: 767px) {
    .breadcrumb-row ul li {
      font-size: 14px;
    }
  }

  .dz-bnr-inr.style-1 {
    background-image: url("images/banner/bnr3.png");
  }

  .dz-bnr-inr.style-1 h3,
  .dz-bnr-inr.style-1 .h3 {
    font-weight: 700;
    font-size: 40px;
  }

  .dz-bnr-inr.style-1 .dz-bnr-inr-entry {
    text-align: center;
  }

  footer {
    background-image: url();
  }

  @media only screen and (max-width: 767px) {
    footer .row {
      --bs-gutter-x: 10px;
    }
  }

  footer .footer-title {
    margin: 0;
    font-weight: 500;
    margin-bottom: 20px;
    position: relative;
    font-size: 24px;
    color: #fff;
  }

  @media only screen and (max-width: 575px) {
    footer .footer-title {
      font-size: 18px;
      margin-bottom: 15px;
    }
  }

  footer .footer-top {
    padding: 70px 0px 30px;
  }

  footer .footer-top .widget {
    margin-bottom: 30px;
  }

  @media only screen and (max-width: 767px) {
    footer .footer-top {
      padding: 50px 0 0;
    }
  }

  footer .footer-bottom span,
  footer .footer-bottom p {
    margin-bottom: 0;
    font-weight: 300;
    font-size: 18px;
    color: rgba(255, 255, 255, 0.6);
  }

  footer .footer-bottom .text-start,
  footer .footer-bottom .text-end {
    padding: 0;
  }

  footer .footer-bottom .heart {
    width: 60px;
    height: 60px;
    display: inline-block;
    background: url(../images/like.png);
    cursor: pointer;
    margin: -25px -15px;
  }

  footer .footer-bottom .heart.heart-blast {
    background-position: -1680px 0 !important;
    transition: background 1s steps(28);
  }

  footer .fb-inner {
    padding: 28px 0;
    color: var(--title);
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    font-weight: 500;
    font-size: 15px;
  }

  footer .fb-inner .copyright-text a {
    color: inherit;
    color: var(--primary);
  }

  @media only screen and (max-width: 575px) {
    footer .fb-inner {
      padding: 20px 0;
      font-size: 14px;
    }
  }

  @media only screen and (max-width: 991px) {
    footer .footer-top {
      padding: 50px 0px 20px;
    }

    footer .footer-bottom .text-start,
    footer .footer-bottom .text-end {
      text-align: center !important;
    }

    footer .footer-bottom .text-end {
      margin-top: 15px;
    }
  }

  @media only screen and (max-width: 575px) {
    footer .footer-top {
      padding: 45px 0px 0px;
    }
  }

  footer .widget_services ul li {
    font-size: 18px;
    font-weight: 300;
  }

  @media only screen and (max-width: 575px) {
    footer .widget_services ul li {
      font-size: 16px;
    }
  }

  footer .widget_services ul li a {
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
    color: rgba(255, 255, 255, 0.6);
  }

  footer .widget_services ul li a:hover {
    color: var(--primary);
    text-decoration: underline;
  }

  .site-footer.style-1 {
    position: relative;
    z-index: 1;
    overflow: hidden;
    background: var(--secondary);
  }

  .site-footer.style-1 .footer-top {
    padding: 90px 0px 90px;
  }

  @media only screen and (max-width: 991px) {
    .site-footer.style-1 .footer-top {
      padding: 50px 0px 20px;
    }
  }

  @media only screen and (max-width: 767px) {
    .site-footer.style-1 .footer-top {
      padding: 50px 0 0;
    }
  }

  .site-footer.style-4 {
    background-color: var(--white);
  }

  @media only screen and (max-width: 768px) {
    .site-footer.style-4 .animation-btn {
      display: none;
    }
  }

  .site-footer.style-4 .footer-top-title {
    padding-bottom: 45px;
  }

  @media only screen and (max-width: 575px) {
    .site-footer.style-4 .footer-top-title {
      padding-bottom: 30px;
    }
  }

  .site-footer.style-4 .footer-top-title .title {
    color: var(--secondary);
    font-size: 90px;
    font-weight: 500;
    line-height: 1.1;
    font-family: var(--font-family-title);
  }

  @media only screen and (max-width: 768px) {
    .site-footer.style-4 .footer-top-title .title {
      font-size: 75px;
    }
  }

  @media only screen and (max-width: 575px) {
    .site-footer.style-4 .footer-top-title .title {
      font-size: 45px;
    }
  }

  .site-footer.style-4 .text-row {
    background-color: var(--primarylight);
  }

  .site-footer.style-4 .footer-title {
    color: var(--secondary);
  }

  @media only screen and (max-width: 575px) {
    .site-footer.style-4 .footer-title {
      margin-bottom: 10px;
    }
  }

  .site-footer.style-4 .widget_services ul li a,
  .site-footer.style-4 .widget_contact-info ul li a {
    color: var(--text-dark);
    font-weight: 400;
  }

  @media only screen and (max-width: 767px) {

    .site-footer.style-4 .widget_services ul li a,
    .site-footer.style-4 .widget_contact-info ul li a {
      font-size: 16px;
    }
  }

  .site-footer.style-4 .widget_contact-info ul li {
    padding-bottom: 10px;
  }

  .site-footer.style-4 .footer-form-wrapper {
    padding-left: 50px;
  }

  @media only screen and (max-width: 1199px) {
    .site-footer.style-4 .footer-form-wrapper {
      padding-left: 0;
    }
  }

  @media only screen and (max-width: 575px) {
    .site-footer.style-4 .footer-form-wrapper {
      margin-bottom: 10px;
    }
  }

  .site-footer.style-4 .footer-form-wrapper .title-head .title {
    color: var(--secondary);
    font-size: 28px;
    font-weight: 800;
  }

  .site-footer.style-4 .footer-form-wrapper .form-control,
  .site-footer.style-4 .footer-form-wrapper .login input[type=text],
  .login .site-footer.style-4 .footer-form-wrapper input[type=text],
  .site-footer.style-4 .footer-form-wrapper .login input[type=password],
  .login .site-footer.style-4 .footer-form-wrapper input[type=password] {
    font-size: 16px;
    background: transparent;
    color: var(--secondary);
    border: 1px solid #E3E3E3;
    border-radius: 10px;
  }

  .site-footer.style-4 .footer-form-wrapper .form-control::placeholder,
  .site-footer.style-4 .footer-form-wrapper .login input[type=text]::placeholder,
  .login .site-footer.style-4 .footer-form-wrapper input[type=text]::placeholder,
  .site-footer.style-4 .footer-form-wrapper .login input[type=password]::placeholder,
  .login .site-footer.style-4 .footer-form-wrapper input[type=password]::placeholder {
    color: var(--text-dark);
  }

  .site-footer.style-4 .footer-form-wrapper .form-control:focus,
  .site-footer.style-4 .footer-form-wrapper .login input[type=text]:focus,
  .login .site-footer.style-4 .footer-form-wrapper input[type=text]:focus,
  .site-footer.style-4 .footer-form-wrapper .login input[type=password]:focus,
  .login .site-footer.style-4 .footer-form-wrapper input[type=password]:focus {
    border-color: var(--primary);
  }

  .site-footer.style-4 .footer-form-wrapper .form-control:focus::placeholder,
  .site-footer.style-4 .footer-form-wrapper .login input[type=text]:focus::placeholder,
  .login .site-footer.style-4 .footer-form-wrapper input[type=text]:focus::placeholder,
  .site-footer.style-4 .footer-form-wrapper .login input[type=password]:focus::placeholder,
  .login .site-footer.style-4 .footer-form-wrapper input[type=password]:focus::placeholder {
    color: var(--secondary);
  }

  .site-footer.style-4 .fb-inner {
    background: var(--bg-gradient2);
    padding: 40px 40px;
    border-radius: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  @media only screen and (max-width: 768px) {
    .site-footer.style-4 .fb-inner {
      padding: 20px 20px;
    }
  }

  @media only screen and (max-width: 575px) {
    .site-footer.style-4 .fb-inner {
      flex-direction: column;
      align-items: flex-start;
    }
  }

  .site-footer.style-4 .fb-inner .title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #fff;
  }

  @media only screen and (max-width: 768px) {
    .site-footer.style-4 .fb-inner .title {
      font-size: 20px;
    }


  }

  @media only screen and (max-width: 575px) {
    .site-footer.style-4 .fb-inner .title {
      margin-bottom: 10px;
    }
  }

  .site-footer.style-4 .fb-inner .btn {
    min-width: fit-content;
  }

  .site-footer.style-4 .footer-bottom .fb-content {
    background: transparent;
    padding: 20px 40px;
  }

  @media only screen and (max-width: 575px) {
    .site-footer.style-4 .footer-bottom .fb-content {
      padding: 20px 20px;
    }
  }

  .site-footer.style-4 .footer-bottom .fb-content .copyright-text,
  .site-footer.style-4 .footer-bottom .fb-content span {
    font-size: 16px;
    color: #77775B;
  }

  .site-footer.style-4 .footer-bottom .fb-content .copyright-text a:hover,
  .site-footer.style-4 .footer-bottom .fb-content span a:hover {
    color: var(--primary) !important;
  }

  @media only screen and (max-width: 575px) {
    .site-footer.style-4 .widget_services ul li {
      font-size: 14px;
    }
  }

  .site-footer .footer-title h2,
  .site-footer .footer-title .h2 {
    font-size: 80px;
    font-weight: 500;
    line-height: 83px;
    color: #ffffff;
    margin-bottom: 70px;
  }

  @media only screen and (max-width: 575px) {

    .site-footer .footer-title h2,
    .site-footer .footer-title .h2 {
      font-size: 40px !important;
      line-height: 45px !important;
      margin-bottom: 40px;
    }
  }

  @media only screen and (max-width: 767px) {

    .site-footer .footer-title h2,
    .site-footer .footer-title .h2 {
      font-size: 50px;
      font-weight: 500;
      line-height: 60px;
    }
  }

  @media (max-width: 1400px) {

    .site-footer .footer-title h2,
    .site-footer .footer-title .h2 {
      font-size: 60px;
      font-weight: 500;
      line-height: 70px;
    }
  }

  #bg {
    background-attachment: fixed;
    background-size: cover;
  }

  .boxed .swiper-btn-center-lr {
    position: relative;
  }

  .boxed .swiper-btn-center-lr .btn-next,
  .boxed .swiper-btn-center-lr .btn-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  .boxed .swiper-btn-center-lr .btn-prev {
    left: 0px;
  }

  .boxed .swiper-btn-center-lr .btn-next {
    right: 0px;
  }

  .boxed .swiper-btn-center-lr:hover .btn-prev {
    left: 0px;
  }

  .boxed .swiper-btn-center-lr:hover .btn-next {
    right: 0px;
  }

  /* Frame */

  [data-theme-version=dark] {
    --secondary: #191B1D;
    --title: #fff;
    --white: #fff;
    background: var(--secondary);
  }

  [data-theme-version=dark] h1,
  [data-theme-version=dark] .h1,
  [data-theme-version=dark] h2,
  [data-theme-version=dark] .h2,
  [data-theme-version=dark] h3,
  [data-theme-version=dark] .h3,
  [data-theme-version=dark] h4,
  [data-theme-version=dark] .h4,
  [data-theme-version=dark] h5,
  [data-theme-version=dark] .h5,
  [data-theme-version=dark] h6,
  [data-theme-version=dark] .h6 {
    color: #ffffff !important;
  }

  [data-theme-version=dark] h1 a,
  [data-theme-version=dark] .h1 a,
  [data-theme-version=dark] h2 a,
  [data-theme-version=dark] .h2 a,
  [data-theme-version=dark] h3 a,
  [data-theme-version=dark] .h3 a,
  [data-theme-version=dark] h4 a,
  [data-theme-version=dark] .h4 a,
  [data-theme-version=dark] h5 a,
  [data-theme-version=dark] .h5 a,
  [data-theme-version=dark] h6 a,
  [data-theme-version=dark] .h6 a {
    color: #ffffff !important;
  }

  [data-theme-version=dark] .dz-bnr-inr.style-1.dz-bnr-inr-sm {
    background-image: url("../../images/banner/bnr4.png") !important;
  }

  [data-theme-version=dark] .swiper-pagination.style-1 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    color: #ffffff;
  }

  [data-theme-version=dark] .item-social a {
    color: var(--secondary);
  }

  [data-theme-version=dark] .item-social a:hover {
    color: #ffffff !important;
    background-color: var(--secondary);
  }

  @media only screen and (max-width: 991px) {
    [data-theme-version=dark] .header-nav .dz-social-icon a {
      color: var(--secondary);
    }
  }

  [data-theme-version=dark] .is-fixed .extra-nav .extra-cell .header-right .extra-cell .nav-link i {
    color: white !important;
  }

  [data-theme-version=dark] .main-banner.style-1:after {
    display: none;
  }

  [data-theme-version=dark] .main-banner:after {
    content: "";
    position: absolute;
    background-image: url(../../web-design-agency/images/moves/1.png);
    background-repeat: no-repeat;
    width: 34%;
    height: 95%;
    left: 0px;
    bottom: -170px;
    z-index: -1;
    opacity: 0.7;
    mix-blend-mode: lighten;
    background-repeat: no-repeat;
  }

  @media only screen and (max-width: 575px) {
    [data-theme-version=dark] .main-banner:after {
      width: 70%;
      height: 80%;
      left: 0px;
      bottom: -160px;
    }
  }

  [data-theme-version=dark] .main-banner .banner-inner .hero-content .customers-box ul .customer-text {
    color: #ffffff;
  }

  [data-theme-version=dark] .dz-card.style-1 .dz-info .dz-left h2:after,
  [data-theme-version=dark] .dz-card.style-1 .dz-info .dz-left .h2:after {
    background-color: #ffffff;
  }

  [data-theme-version=dark] .dz-card.style-1 .dz-info .dz-left p {
    color: rgba(255, 255, 255, 0.4);
  }

  [data-theme-version=dark] .dz-card.style-1 .dz-info .dz-right {
    background-color: #ffffff;
  }

  [data-theme-version=dark] .dz-card.style-1 .dz-info .dz-right svg path .fill {
    color: black;
  }

  [data-theme-version=dark] .dz-card.style-4 .dz-info h2 a,
  [data-theme-version=dark] .dz-card.style-4 .dz-info .h2 a {
    color: #ffffff;
  }

  [data-theme-version=dark] .dz-card.style-5 .dz-info h2 a,
  [data-theme-version=dark] .dz-card.style-5 .dz-info .h2 a {
    color: #ffffff;
  }

  [data-theme-version=dark] .section-head.style-4 .left-content h2,
  [data-theme-version=dark] .section-head.style-4 .left-content .h2 {
    color: #ffffff;
  }

  [data-theme-version=dark] .section-head.style-2 h2,
  [data-theme-version=dark] .section-head.style-2 .h2 {
    color: #ffffff;
  }

  [data-theme-version=dark] .section-head.style-3 .right-content a {
    background-color: transparent;
    border: 1px solid var(--primary);
    color: var(--primary);
  }

  [data-theme-version=dark] .section-head.style-6 h1,
  [data-theme-version=dark] .section-head.style-6 .h1 {
    color: #ffffff;
  }

  [data-theme-version=dark] .section-head.style-7 p {
    color: #ffffff;
  }

  [data-theme-version=dark] .section-head.style-7 .line {
    background: #D9D9D9;
  }

  [data-theme-version=dark] .section-head.style-7 .text {
    color: #999999 !important;
  }

  [data-theme-version=dark] .custmize {
    background: var(--secondary) !important;
  }

  [data-theme-version=dark] .client-info .text {
    color: #000 !important;
  }

  [data-theme-version=dark] .swiper-four .clients-logo a svg path .fill {
    color: #000000;
  }

  [data-theme-version=dark] .dark-swiper .clients-logo a svg path .fill {
    color: #777777;
  }

  [data-theme-version=dark] .list-check-4 li {
    color: #999999;
  }

  [data-theme-version=dark] .clients-swiper .clients-logo a svg path {
    fill: #777777;
    stroke: #777777;
  }

  [data-theme-version=dark] .dz-accordion .accordion-header .accordion-button {
    color: #ffffff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  }

  [data-theme-version=dark] .dz-accordion .accordion-collapse .accordion-body {
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
  }

  [data-theme-version=dark] .dz-accordion .accordion-collapse .accordion-body p {
    color: #999999 !important;
  }

  [data-theme-version=dark] .categery-swiper .categery .catgery-info p {
    color: #ffffff;
  }

  [data-theme-version=dark] .is-fixed .main-bar {
    background-color: #000 !important;
  }

  [data-theme-version=dark] .testimonial-bx .thub-swiper .testimonial-1 .testimonial-detail .testimonial-info h5,
  [data-theme-version=dark] .testimonial-bx .thub-swiper .testimonial-1 .testimonial-detail .testimonial-info .h5 {
    color: var(--secondary) !important;
  }

  [data-theme-version=dark] .service-box.style-1 .service-number {
    color: rgba(25, 27, 29, 0.2) !important;
  }

  [data-theme-version=dark] .service-box.style-1 .service-title {
    color: var(--secondary) !important;
  }

  [data-theme-version=dark] .border-top {
    border-top: var(--bs-border-width) var(--bs-border-style) rgba(255, 255, 255, 0.1) !important;
  }

  [data-theme-version=dark] .post-share h6,
  [data-theme-version=dark] .post-share .h6 {
    color: #999999 !important;
  }

  [data-theme-version=dark] .dz-page-text p.blog-single .dz-post-text.style-1 p,
  [data-theme-version=dark] .dz-blog.blog-single .dz-post-text.style-1 p {
    color: #D9D9D9;
  }

  [data-theme-version=dark] .dz-page-text ul li,
  [data-theme-version=dark] .dz-page-text ol li,
  [data-theme-version=dark] .dz-blog.blog-single .dz-post-text ul li,
  [data-theme-version=dark] .dz-blog.blog-single .dz-post-text ol li {
    color: #ffffff;
  }

  [data-theme-version=dark] .dz-page-text ul>li:before,
  [data-theme-version=dark] .dz-page-text ol>li:before,
  [data-theme-version=dark] .dz-blog.blog-single .dz-post-text ul>li:before,
  [data-theme-version=dark] .dz-blog.blog-single .dz-post-text ol>li:before {
    content: "";
    background-color: #ffffff;
  }

  [data-theme-version=dark] .list-check-2 li span {
    color: var(--primary);
  }

  [data-theme-version=dark] .list-check-3 li span {
    color: #ffffff;
  }

  [data-theme-version=dark] .dz-share-post {
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
  }

  [data-theme-version=dark] .dz-share-post .post-tags a {
    color: #ffffff;
  }

  [data-theme-version=dark] .form-box.style-1 .form-head p {
    color: #999999;
  }

  [data-theme-version=dark] .form-box.style-1 .form-div .dz-form .input-group input {
    border-bottom: 1px solid #373A3E;
    color: #fff;
  }

  [data-theme-version=dark] .form-box.style-1 .form-div .dz-form .input-group .textarea {
    border: 1px solid #373A3E;
    color: #fff;
  }

  [data-theme-version=dark] .form-box.style-2 {
    background: transparent;
    border: 1px solid #292B2E;
  }

  [data-theme-version=dark] .form-box.style-2 .form-head p {
    color: #999999;
  }

  [data-theme-version=dark] .form-box.style-2 .form-div .input-group .form-control,
  [data-theme-version=dark] .form-box.style-2 .form-div .input-group .login input[type=text],
  .login [data-theme-version=dark] .form-box.style-2 .form-div .input-group input[type=text],
  [data-theme-version=dark] .form-box.style-2 .form-div .input-group .login input[type=password],
  .login [data-theme-version=dark] .form-box.style-2 .form-div .input-group input[type=password] {
    border-bottom: 1px solid #373A3E !important;
  }

  [data-theme-version=dark] .form-box.style-2 .form-div .input-group .form-control::placeholder,
  [data-theme-version=dark] .form-box.style-2 .form-div .input-group .login input[type=text]::placeholder,
  .login [data-theme-version=dark] .form-box.style-2 .form-div .input-group input[type=text]::placeholder,
  [data-theme-version=dark] .form-box.style-2 .form-div .input-group .login input[type=password]::placeholder,
  .login [data-theme-version=dark] .form-box.style-2 .form-div .input-group input[type=password]::placeholder {
    color: #999999 !important;
  }

  [data-theme-version=dark] .input-group .form-control input ::placeholder,
  [data-theme-version=dark] .input-group .login input[type=text] input ::placeholder,
  .login [data-theme-version=dark] .input-group input[type=text] input ::placeholder,
  [data-theme-version=dark] .input-group .login input[type=password] input ::placeholder,
  .login [data-theme-version=dark] .input-group input[type=password] input ::placeholder {
    color: rgb(41, 43, 46);
  }

  [data-theme-version=dark] .dz-player span {
    color: #ffffff;
  }

  [data-theme-version=dark] .ovarlay-box.style-1 .content p {
    color: #999999;
  }

  [data-theme-version=dark] .ovarlay-box.style-1 .content .text {
    color: #999999;
  }

  [data-theme-version=dark] .item-box .more-btn a span {
    color: #999999;
  }

  [data-theme-version=dark] .item-box .more-btn a svg path {
    stroke: #999999;
  }

  [data-theme-version=dark] .item-box:hover .item-content .item-title {
    color: var(--secondary) !important;
  }

  [data-theme-version=dark] .item-box:hover .item-content span {
    color: rgba(0, 0, 0, 0.7) !important;
  }

  [data-theme-version=dark] .item-box:hover .more-btn a span {
    color: var(--secondary);
  }

  [data-theme-version=dark] .item-box:hover .more-btn a svg path {
    stroke: var(--secondary);
  }

  [data-theme-version=dark] .item-box:after {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  }

  [data-theme-version=dark] .item-box:first-child::after {
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
  }

  [data-theme-version=dark] .btn-blob:hover {
    color: #fff;
  }

  [data-theme-version=dark] .hero-content.style-2 .dooted-bx-inner .customers-box.border-bottom {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
  }

  [data-theme-version=dark] .hero-content.style-2 .dooted-bx-inner .customer-text {
    color: #ffffff !important;
  }

  [data-theme-version=dark] .pricingtable-wrapper.style-1 .pricingtable-bx .pricingtable-type {
    color: #999999;
  }

  [data-theme-version=dark] .pricingtable-wrapper.style-1:hover .brand {
    color: var(--secondary);
    background-color: #ffffff;
  }

  [data-theme-version=dark] .pricingtable-wrapper.style-1:hover .pricingtable-bx {
    color: var(--secondary) !important;
  }

  [data-theme-version=dark] .pricingtable-wrapper.style-1:hover .pricingtable-bx .pricingtable-type {
    color: var(--secondary) !important;
  }

  [data-theme-version=dark] .pricingtable-wrapper.style-1:hover .pricingtable-title h3,
  [data-theme-version=dark] .pricingtable-wrapper.style-1:hover .pricingtable-title .h3 {
    color: var(--secondary) !important;
  }

  [data-theme-version=dark] .pricingtable-wrapper.style-1:hover .pricingtable-title p {
    color: var(--secondary) !important;
  }

  [data-theme-version=dark] .pricingtable-wrapper.style-1:hover .pricingtable-list .pricingtable-features li {
    color: var(--secondary) !important;
  }

  [data-theme-version=dark] .pricingtable-wrapper.style-1 .pricingtable-inner .pricingtable-list .pricingtable-features li {
    color: #ffffff;
  }

  [data-theme-version=dark] .pricingtable-wrapper.style-1 .pricingtable-inner .pricingtable-title .text {
    color: #999999;
  }

  [data-theme-version=dark] .pricingtable-wrapper.style-1 .pricingtable-inner .pricingtable-button a {
    background: var(--primary);
    color: var(--secondary);
  }

  [data-theme-version=dark] .counter-bx.style-2 h2,
  [data-theme-version=dark] .counter-bx.style-2 .h2 {
    color: var(--secondary) !important;
  }

  [data-theme-version=dark] .contact-section:after {
    background-color: #232628;
  }

  [data-theme-version=dark] .start-side-content {
    background-color: rgb(40, 43, 45);
  }

  [data-theme-version=dark] .locations-box .locations-box-inner .dz-content .contact-info .contact-left ul li {
    color: rgba(255, 255, 255, 0.6);
  }

  [data-theme-version=dark] .map-wrapper .location-wrap .box-inner {
    background: #424547;
  }

  [data-theme-version=dark] .dz-tabs .nav-tabs .nav-link:hover,
  [data-theme-version=dark] .dz-tabs .nav-tabs .nav-link.active {
    border-color: var(--primary) !important;
    color: #ffffff !important;
  }

  [data-theme-version=dark] .dz-title a:hover {
    color: #ffffff;
  }

  [data-theme-version=dark] .dz-theme-mode {
    background: #2C2E30;
    border: 1px solid #2C2E30;
  }

  [data-theme-version=dark] .dz-theme-mode i {
    color: #fff !important;
  }

  [data-theme-version=dark] .num-pagination .swiper-content .title:before {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 0%, rgba(253, 253, 253, 0) 100%) !important;
  }

  [data-theme-version=dark] .num-pagination .swiper-content .title::after {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 0%, rgba(253, 253, 253, 0) 100%) !important;
  }

  [data-theme-version=dark] .num-pagination .pxl-swiper-slider-thumbs .thumb-item.active .item-year {
    color: #ffffff !important;
  }

  [data-theme-version=dark] .num-pagination .pxl-swiper .portfolio-button-prev svg path {
    stroke: #444444;
  }

  [data-theme-version=dark] .site-header .extra-nav .extra-cell ul li button i,
  [data-theme-version=dark] .site-header .extra-nav .extra-cell ul li a i {
    color: #000;
  }

  [data-theme-version=dark] .dz-tabs.style-1 .nav-pills::before {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }

  [data-theme-version=dark] .filter-wrapper .shop-tab .nav .nav-item a svg path {
    fill: #fff;
  }

  [data-theme-version=dark] .range-slider.style-1 .example-val {
    color: #fff;
  }

  [data-theme-version=dark] .form-check span:after {
    border: 1px solid rgb(255, 255, 255);
  }

  [data-theme-version=dark] .product-size .btn {
    background-color: transparent !important;
    background: #efefef;
    border: 1px solid #fff;
    color: var(--title);
  }

  [data-theme-version=dark] .product-size .btn-check:checked+.btn {
    background: #000 !important;
    color: #fff;
    border: 1px solid #fff !important;
    border-color: var(--secondary);
  }


  [data-theme-version=dark] .tagcloud a {
    color: #000;
  }


  [data-theme-version=dark] .tagcloud a,
  [data-theme-version=dark] .tag-btn:hover {
    color: #fff;
    background-color: var(--secondary);
  }

  [data-theme-version=dark] .pagination.style-1 li .page-link.active,
  [data-theme-version=dark] .pagination.style-1 li .page-link:hover {
    color: #000;
  }

  [data-theme-version=dark] .pagination.style-1 li .page-link.active,
  [data-theme-version=dark] .pagination.style-1 li .page-link:hover {
    color: #000 !important;
  }

  [data-theme-version=dark] .check-tbl tbody .product-item-price strong,
  [data-theme-version=dark] .product-item-name,
  [data-theme-version=dark] .product-item-totle,
  [data-theme-version=dark] .check-tbl thead th {
    color: #fff;
  }


  [data-theme-version=dark] .cart-detail {
    background: #000;
  }

  [data-theme-version=dark] .btn-secondary {
    background-color: #000;
    border-color: #000;
  }

  [data-theme-version=dark] .pagination.style-1 li .page-link {
    color: #000;
  }

  [data-theme-version=dark] .dz-shop-card.style-1 {
    background-color: transparent;
  }

  [data-theme-version=dark] .main-banner .banner-inner .hero-content .dooted-bx-inner p,
  [data-theme-version=dark] .dz-product-detail .dz-info ul li a,
  [data-theme-version=dark] .dz-product-detail.style-2 .dz-content .price,
  [data-theme-version=dark] .detail-bx .para-text,
  [data-theme-version=dark] .detail-bx.style-1 .para-text,
  [data-theme-version=dark] .dz-tabs .nav-tabs .nav-link,
  [data-theme-version=dark] .dz-product-detail .dz-info ul li,
  [data-theme-version=dark] .dz-product-detail .dz-info ul li strong,
  [data-theme-version=dark] .color-name,
  [data-theme-version=dark] .price-name,
  [data-theme-version=dark] .price,
  [data-theme-version=dark] .dz-product-detail .dz-content .para-text,
  [data-theme-version=dark] .dz-shop-card.style-1 .dz-content .color-name,
  [data-theme-version=dark] .dz-shop-card.style-1 .dz-content .price-name,
  [data-theme-version=dark] .dz-shop-card.style-1 .dz-content .dz-body .dz-para,
  [data-theme-version=dark] .dz-shop-card.style-1 .dz-content .dz-header .sub-title {
    color: #fff;
  }

  [data-theme-version=dark] .detail-bx .feature-detail li i {
    border: 1px solid #fff;
    color: #fff;
  }

  [data-theme-version=dark] .dz-product-detail {
    background-color: transparent;
  }

  [data-theme-version=dark] .logo-header .logo-dark {
    display: none;
  }

  [data-theme-version=dark] .logo-header .logo-light {
    display: block;
  }

  [data-theme-version=dark] .error-section .big-404 {
    display: none;
  }

  [data-theme-version=dark] .error-section .error-page.style-1 {
    background: #000 !important;
  }

  [data-theme-version=dark] .error-section .error-page.style-1 .error-inner .dz_error,
  [data-theme-version=dark] .error-section .error-page.style-1 .error-inner .error-head {
    color: #FFF !important;
  }

  [data-theme-version=dark] .tag-btn i {
    color: #fff;
  }

  [data-theme-version=dark] .dz-product-detail .dz-content .review-num a,
  [data-theme-version=dark] .dz-product-detail .dz-content .review-num span {
    font-size: 13px;
    color: #fff !important;
    line-height: 20px;
  }

  [data-theme-version=dark] .icon-bx-wraper.style-4 .icon-bx svg path {
    fill: #fff;
  }

  [data-theme-version=dark] .icon-bx-wraper.style-4 .info-content span,
  [data-theme-version=dark] .icon-bx-wraper.style-4 .icon-content span {
    font-size: 13px;
    color: #fff;
  }

  [data-theme-version=dark] .comments-area .comment-list>.comment .comment-body .reply .comment-reply-link {
    background: white;
    color: var(--secondary);
  }

  [data-theme-version=dark] .comment-respond .comment-form p.comment-form-email input,
  [data-theme-version=dark] .comment-respond .comment-form p textarea {
    border: 1px solid #fff;
    color: #fff;
  }

  [data-theme-version=dark] .comment-respond .comment-form p.comment-form-email input,
  [data-theme-version=dark] .comment-respond .comment-form p textarea#placeholder {
    border: 1px solid #fff;
    color: #fff;
  }

  [data-theme-version=dark] .comment-respond .comment-form p.comment-form-email input:focus,
  [data-theme-version=dark] .comment-respond .comment-form p textarea:focus {
    border: 1px solid #fff;
    color: #fff;
  }

  [data-theme-version=dark] .comment-respond .comment-form p input:-webkit-autofill,
  [data-theme-version=dark] .comment-respond .comment-form p textarea:-webkit-autofill {
    -webkit-text-fill-color: #fff;
    caret-color: #fff;
    transition: background-color 9999s ease-in-out 0s;
  }

  [data-theme-version=dark] .form-check .form-check-input:checked+span:after {
    transform: translate(-50%, -50%) scale(1);
    border: 1px solid rgb(255, 255, 255);
  }

  [data-theme-version=dark] .filter-wrapper .filter-right-area span {
    font-size: 14px;
    color: #000;
  }

  [data-theme-version=dark] .filter-wrapper .filter-left-area span {
    font-size: 14px;
    color: #fff;
  }

  [data-theme-version=dark] .dz-shop-card.style-1 .dz-content .meta-content .price {
    font-size: 24px;
    font-weight: 500;
    color: #fff;
  }

  [data-theme-version=dark] .icon-bx-wraper.style-3 .icon-content .dz-title {
    color: #000 !important;
  }

  [data-theme-version=dark] .comments-area .comment-list>.comment .comment-body {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }

  [data-theme-version=dark] .comments-area .comment-list>.comment .comment-body {
    color: #fff;
  }

  [data-theme-version=dark] .comment-respond .comment-form p.comment-form-author input {
    border: 1px solid #fff;
    color: #fff;
  }

  [data-theme-version=dark] .locations-box .locations-box-inner .dz-content .contact-info ul li a {
    color: rgba(255, 255, 255, 0.8);
  }

  [data-theme-version=dark] .main-img {
    display: none;
  }

  [data-theme-version=dark] .main-img2 {
    display: block;
  }

  [data-theme-version=dark] .comments-area .comment-list>.comment .comment-body p {
    color: white;
  }

  @media only screen and (max-width: 991px) {

    [data-theme-version=dark] .header-nav.xmenu>.nav>li.active>a,
    [data-theme-version=dark] .header-nav.xmenu>.nav>li:hover>a,
    [data-theme-version=dark] .header-nav.xmenu>.nav>li>a {
      color: #000;
    }
  }

  [data-theme-version=dark] .shop-sidebar {
    background-color: #000;
  }

  [data-theme-version=dark] .video-section {
    background: var(--secondary);
  }

  [data-theme-version=dark] .main-banner {
    background: var(--secondary);
  }

  @media only screen and (min-width: 991px) {

    [data-theme-version=dark] .header-nav.xmenu>.nav>li .mega-menu li a,
    [data-theme-version=dark] .header-nav.xmenu>.nav>li .sub-menu li a {
      color: #fff;
    }

    [data-theme-version=dark] .header-nav.xmenu>.nav>li .mega-menu li a,
    [data-theme-version=dark] .header-nav.xmenu>.nav>li .sub-menu li a {
      color: rgba(255, 255, 255, 0.6);
    }

    [data-theme-version=dark] .header-nav.xmenu>.nav>li .mega-menu li:hover>a,
    [data-theme-version=dark] .header-nav.xmenu>.nav>li .sub-menu li:hover>a {
      color: #fff;
    }

    [data-theme-version=dark] .header-nav.xmenu>.nav>li .mega-menu,
    [data-theme-version=dark] .header-nav.xmenu>.nav>li .sub-menu {
      background-color: #000;
    }
  }

  [data-theme-version=dark] .pxl-history-carousel.layout-1 .box-pev-next .text-pev-next::after {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 50.5%, rgba(255, 255, 255, 0) 100%);
  }

  [data-theme-version=dark] .pxl-history-carousel.layout-1 .box-pev-next .text-pev-next span {
    background: var(--secondary);
  }

  [data-theme-version=dark] .dz-title-text {
    color: #fff;
  }

  [data-theme-version=dark] .pxl-swiper-wrapper .testimonial-thumb .thumb-media {
    border-color: #000;
  }

  [data-theme-version=dark] .post-share2 ul li a:hover {
    color: var(--primary);
  }

  [data-theme-version=dark] .dz-card.style-1 .dz-info .dz-left p a {
    color: #fff;
  }

  [data-theme-version=dark] .dz-card.style-2 .dz-info .dz-left .dz-title a {
    color: var(--secondary) !important;
  }

  [data-theme-version=dark] .clients-swiper .clients-logo a svg {
    opacity: 1;
  }

  @media only screen and (max-width: 991px) {
    [data-theme-version=dark] .site-header.header-sidenav-1.mo-left .header-nav {
      background-color: var(--secondary);
    }
  }

  [data-theme-version=dark] .site-header.header-sidenav-1.header-transparent .nav>li>a {
    color: #fff !important;
  }

  [data-theme-version=dark] .site-header.header-sidenav-1 .is-fixed .menu-btn {
    background-color: #fff;
  }

  [data-theme-version=dark] .site-header.header-sidenav-1 .is-fixed .menu-btn span {
    background: var(--secondary);
  }

  @media only screen and (max-width: 991px) {
    [data-theme-version=dark] .site-header.header-sidenav-1 .main-bar {
      background: var(--secondary) !important;
    }
  }

  [data-theme-version=dark] .main-banner.style-2::after {
    width: 100%;
    background-image: url(../../branding-agency/images/bgwhite.png);
    height: 100%;
  }

  [data-theme-version=dark] .main-banner.style-2::before {
    background-image: url(../../branding-agency/images/background/bglight.png);
  }

  [data-theme-version=dark] .dz-card.style-2.dz-light .dz-info .dz-left .dz-title a {
    color: #fff !important;
  }

  [data-theme-version=dark] .pxl-heading-scroll-effect .heading-text div {
    background: linear-gradient(to right, #ffffff 50%, rgba(255, 255, 255, 0.2) 50%) no-repeat;
    background-clip: text;
    background-size: 200% 100%;
  }

  [data-theme-version=dark] .site-footer.style-2:before {
    background-image: url(../../branding-agency/images/background/bg3.png);
  }

  [data-theme-version=dark] .site-footer.style-2 .footer-bottom .fb-inner .copyright-text,
  [data-theme-version=dark] .site-footer.style-2 .footer-bottom .fb-inner .current-year {
    color: #959697;
  }

  [data-theme-version=dark] .site-footer.style-2 .footer-bottom .fb-inner .copyright-text a,
  [data-theme-version=dark] .site-footer.style-2 .footer-bottom .fb-inner .current-year a {
    color: #fff !important;
  }

  [data-theme-version=dark] .site-footer.style-2 #Progressscroll {
    background-color: #fff;
  }

  [data-theme-version=dark] .site-footer.style-2 #Progressscroll svg {
    filter: brightness(0.1);
  }

  [data-theme-version=dark] .dz-card.style-1 .dz-info .dz-left .dz-title:after {
    background-color: #fff;
  }

  [data-theme-version=dark] .dz-card.style-1 .dz-info .dz-left P a {
    color: rgba(255, 255, 255, 0.4) !important;
  }

  [data-theme-version=dark] .dz-card.style-2 .dz-info .dz-meta ul li {
    color: #999999;
  }

  [data-theme-version=dark] .form-box.style-2 {
    background: #292B2E;
  }

  [data-theme-version=dark] .form-box.style-2 button {
    background-color: #fff;
    color: var(--secondary) !important;
  }

  [data-theme-version=dark] .form-box.style-2 button img {
    filter: brightness(0.1);
  }

  [data-theme-version=dark] .section-head.style-5 .line {
    background: #D9D9D9;
  }

  [data-theme-version=dark] .section-head.style-5 .text {
    color: #999999;
  }

  [data-theme-version=dark] .pricingtable-wrapper.style-2 .pricingtable-title .title {
    color: var(--secondary) !important;
  }

  [data-theme-version=dark] .pricingtable-wrapper.style-2 .pricingtable-inner .pricingtable-price .pricingtable-bx {
    color: var(--secondary) !important;
  }

  [data-theme-version=dark] .pricingtable-wrapper.style-2 .pricingtable-inner .pricingtable-button a {
    color: #fff;
  }

  [data-theme-version=dark] .pricingtable-wrapper.style-2:hover {
    background-color: #000;
  }

  [data-theme-version=dark] .pricingtable-wrapper.style-2:hover .pricingtable-title .title {
    color: #fff !important;
  }

  [data-theme-version=dark] .pricingtable-wrapper.style-2:hover .pricingtable-inner .pricingtable-price .pricingtable-bx {
    color: #fff !important;
  }

  [data-theme-version=dark] .form-box.style-1 button {
    background-color: #fff !important;
    color: var(--secondary) !important;
  }

  [data-theme-version=dark] .form-box.style-1 button img {
    filter: brightness(0.1);
  }

  [data-theme-version=dark] .contact-info.style-1 .contact-info .contact-left .title {
    color: #fff !important;
  }

  [data-theme-version=dark] .error-section {
    background-color: var(--bg-light);
  }

  [data-theme-version=dark] .dz-tabs.style-2 .nav-pills:before {
    border-bottom: 1px solid #303234;
  }

  [data-theme-version=dark] .dz-tabs.style-2 .nav-pills .nav-item .nav-link:hover,
  [data-theme-version=dark] .dz-tabs.style-2 .nav-pills .nav-item .nav-link.active {
    border-bottom: 3px solid #fff !important;
  }

  [data-theme-version=dark] .contact-left .title {
    color: #fff !important;
  }

  [data-theme-version=dark] .contact-left ul li a {
    color: #fff;
  }

  [data-theme-version=dark] .error-section .error-page.style-1 .error-inner a {
    background: #fff !important;
    color: #000;
  }

  [data-theme-version=dark] .btn-tag {
    color: #ffffff !important;
    display: flex;
    justify-content: end;
    align-items: center;
  }

  [data-theme-version=dark] .dz-features-wrapper.style-1 .dz-features .item .light {
    display: block;
  }

  [data-theme-version=dark] .dz-features-wrapper.style-1 .dz-features .item .dark {
    display: none;
  }

  [data-theme-version=dark] .section-head.style-1 .sub-title {
    color: #fff;
  }

  [data-theme-version=dark] .site-footer.style-3 {
    background-color: var(--bodybg);
  }

  [data-theme-version=dark] .site-footer.style-3 .widget_services ul li a,
  [data-theme-version=dark] .site-footer.style-3 .widget_contact-info ul li a {
    color: var(--white);
  }

  [data-theme-version=dark] .site-footer.style-3 .footer-bottom .fb-inner .dark {
    display: block;
  }

  [data-theme-version=dark] .site-footer.style-3 .footer-bottom .fb-inner .light {
    display: none;
  }

  [data-theme-version=dark] .site-footer.style-3 .footer-bottom .fb-inner p {
    color: var(--white);
  }

  [data-theme-version=dark] .site-footer.style-3 .footer-bottom .fb-inner p span {
    color: var(--white);
  }

  [data-theme-version=dark] .main-banner.style-3:after {
    background-image: none;
  }

  [data-theme-version=dark] .clients-swiper .clients-logo a .light {
    display: block;
  }

  [data-theme-version=dark] .clients-swiper .clients-logo a .dark {
    display: none;
  }

  [data-theme-version=dark] .contact-section.style-1.style-2::after {
    background: var(--banner-gradient);
    position: absolute;
    right: 0;
    left: auto;
    width: 55%;
  }

  [data-theme-version=dark] .contact-section.style-1 .form-head .title {
    color: var(--title) !important;
  }

  [data-theme-version=dark] .btn.btn-icon.btn-lg {
    color: #fff;
  }

  [data-theme-version=dark] .site-header.style-3 .header-sidenav-1 .main-bar.is-fixed {
    background-color: #bbffb9 !important;
  }

  [data-theme-version=dark] .site-header.style-3 .main-bar .dz-theme-mode {
    background: #fff;
    border: 1px solid #fff;
  }

  [data-theme-version=dark] .site-header.style-3.is-fixed .main-bar {
    background-color: #3c7f3a !important;
  }

  [data-theme-version=dark] .btn-icon.btn-outline-light {
    color: var(--white);
    border-color: var(--white);
  }

  [data-theme-version=dark] .btn-icon:hover.btn-outline-light {
    color: var(--secondary);
  }

  [data-theme-version=dark] .form-box.style-2 .form-label {
    color: var(--white);
  }

  [data-theme-version=dark] .testimonial-section-wrapper .testimonial-rating-box .title,
  [data-theme-version=dark] .testimonial-section-wrapper .testimonial-rating-box .text {
    color: var(--secondary) !important;
  }

  [data-theme-version=dark] .login-area form .label-title {
    color: #fff;
  }

  [data-theme-version=dark] .form-label {
    color: #fff;
  }

  [data-theme-version=dark] .clients-swiper.swiper1 .clients-logo a svg path {
    fill: #fff;
    stroke: #fff;
  }

  @media only screen and (min-width: 991px) {
    [data-theme-version=dark] .site-header.style-4 .header-nav.xmenu>.nav>li .sub-menu {
      background-color: var(--primarydark);
      color: #fff;
    }

    [data-theme-version=dark] .site-header.style-4 .header-nav.xmenu>.nav>li .sub-menu li a {
      color: #fff;
    }
  }

  @media only screen and (min-width: 991px) {
    [data-theme-version=dark] .site-header.style-4 .header-nav.xmenu>.nav>li>a {
      color: var(--white);
    }

    [data-theme-version=dark] .site-header.style-4 .header-nav.xmenu>.nav>li>a :hover {
      color: var(--primary);
    }
  }

  [data-theme-version=dark] .site-header.style-4 .extra-nav .extra-cell .header-right .dz-theme-mode {
    border: 2px solid var(--white);
  }

  [data-theme-version=dark] .site-header.style-4 .extra-nav .extra-cell .header-right .nav-link a {
    border: 2px solid var(--white);
    color: var(--white);
  }

  [data-theme-version=dark] .site-header.style-4.is-fixed .main-bar {
    background: rgba(0, 20, 0, 0.35) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  }

  [data-theme-version=dark] .main-banner.style-4::after {
    display: none;
  }

  [data-theme-version=dark] .main-banner.style-4 {
    background-color: var(--bodybg);
  }

  [data-theme-version=dark] .main-banner.style-4 .banner-content .banner-title span .seo-light {
    display: inline-block;
  }

  [data-theme-version=dark] .main-banner.style-4 .banner-content .banner-title span .seo-dark {
    display: none;
  }

  [data-theme-version=dark] .main-banner.style-4 .banner-content .banner-title::after {
    content: "";
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
  }

  [data-theme-version=dark] .main-banner.style-4 .banner-content .team-sec .team-cta .arrow-shape .dark-arrow {
    display: none;
  }

  [data-theme-version=dark] .main-banner.style-4 .banner-content .team-sec .team-cta .arrow-shape .light-arrow {
    display: block;
  }

  [data-theme-version=dark] .main-banner.style-4 .banner-content .team-sec .team-cta .banner-btn {
    background-color: #fff;
    color: var(--secondary);
  }

  [data-theme-version=dark] .main-banner.style-4 .banner-content .team-sec .team-cta .banner-btn .btn-text {
    border-right: 1px solid #77775B;
  }

  [data-theme-version=dark] .main-banner.style-4 .banner-content .team-sec .team-cta .banner-btn span svg {
    filter: invert(1);
  }

  [data-theme-version=dark] .main-banner.style-4 .banner-content .team-sec .team-section .team-flex .team-card .team-name {
    color: var(--secondary) !important;
  }

  [data-theme-version=dark] .main-banner.style-4 .banner-img .banner-wrap .analytics-card .apex-chart .chart-content .analytics-period {
    color: var(--secondary) !important;
  }

  [data-theme-version=dark] .business-card .card-content .title {
    color: var(--title) !important;
  }

  [data-theme-version=dark] .icon-bx-wraper.style-5 .icon-content .title {
    color: var(--secondary) !important;
  }

  [data-theme-version=dark] .client-info.style-2 .text {
    color: #fff !important;
  }

  [data-theme-version=dark] .dz-accordion.style-6 .accordion-item .accordion-header .accordion-button {
    color: var(--secondary) !important;
    border-bottom: 1px solid #dcdbdb !important;
  }

  [data-theme-version=dark] .site-footer.style-4 {
    background-color: #343B27;
  }

  [data-theme-version=dark] .site-footer.style-4 .widget_services ul li a,
  [data-theme-version=dark] .site-footer.style-4 .widget_contact-info ul li a {
    color: rgba(255, 255, 255, 0.5);
  }

  [data-theme-version=dark] .site-footer.style-4 .footer-bottom .fb-content .copyright-text,
  [data-theme-version=dark] .site-footer.style-4 .footer-bottom .fb-content span {
    color: rgba(255, 255, 255, 0.5);
  }

  [data-theme-version=dark] .site-footer.style-4 .footer-form-wrapper .form-control,
  [data-theme-version=dark] .site-footer.style-4 .footer-form-wrapper .login input[type=text],
  .login [data-theme-version=dark] .site-footer.style-4 .footer-form-wrapper input[type=text],
  [data-theme-version=dark] .site-footer.style-4 .footer-form-wrapper .login input[type=password],
  .login [data-theme-version=dark] .site-footer.style-4 .footer-form-wrapper input[type=password] {
    color: #fff;
  }

  [data-theme-version=dark] .site-footer.style-4 .footer-form-wrapper .form-control::placeholder,
  [data-theme-version=dark] .site-footer.style-4 .footer-form-wrapper .login input[type=text]::placeholder,
  .login [data-theme-version=dark] .site-footer.style-4 .footer-form-wrapper input[type=text]::placeholder,
  [data-theme-version=dark] .site-footer.style-4 .footer-form-wrapper .login input[type=password]::placeholder,
  .login [data-theme-version=dark] .site-footer.style-4 .footer-form-wrapper input[type=password]::placeholder {
    color: rgba(255, 255, 255, 0.5);
  }

  [data-theme-version=dark] .service-icon::after {
    background: linear-gradient(180deg, rgba(41, 48, 28, 0.5) 0%, rgba(27, 32, 18, 0.5) 100%);
  }

  [data-theme-version=dark] .circle-content .step {
    background-color: #353C29;
  }

  [data-theme-version=dark] .circle-content .step.active {
    background-color: var(--primary);
  }

  [data-theme-version=dark] .pxl-history-carousel.layout-1.light .thumb-item.active .item-year {
    color: var(--white);
  }

  [data-theme-version=dark] .seo-info-section {
    background-color: #343C27;
  }

  [data-theme-version=dark] .seo-info-section .seo-about-box .text {
    color: #BDBDBD;
  }

  [data-theme-version=dark] .form-box.style-1.light form button {
    background-color: var(--primary) !important;
    color: #fff !important;
  }

  [data-theme-version=dark] .form-box.style-1.light form button img {
    filter: grayscale(1);
  }

  [data-theme-version=dark] .form-box.style-2.light {
    background: #131f00;
  }

  [data-theme-version=dark] .form-box.style-2.light .input-group .form-control,
  [data-theme-version=dark] .form-box.style-2.light .input-group .login input[type=text],
  .login [data-theme-version=dark] .form-box.style-2.light .input-group input[type=text],
  [data-theme-version=dark] .form-box.style-2.light .input-group .login input[type=password],
  .login [data-theme-version=dark] .form-box.style-2.light .input-group input[type=password] {
    color: #fff;
  }

  [data-theme-version=dark] {
    --bs-white-rgb: var(--bodybg);
    --bg-white: var(--bs-white-rgb);
    --bg-light: var(--bodybg);
    --text-light: var(--white);
    --banner-gradient: linear-gradient(180deg, #6EFF6E 1.92%, #9DFF8C 67.76%, rgba(140, 250, 121, 0) 100%);
  }

  [data-theme-version=dark] .tag-btn,
  [data-theme-version=dark] .product-size .btn,
  [data-theme-version=dark] .widget_categories ul li a,
  [data-theme-version=dark] .btn-quantity input {
    color: #fff;
  }

  [data-theme-version=dark] .filter-wrapper .filter-right-area .form-group .dropdown-toggle:after {
    color: #fff;
  }