@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%; }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto; }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%; }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%; }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.33333%; }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%; }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%; }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.66667%; }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto; }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333%; }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66667%; }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%; }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333%; }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66667%; }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%; }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333%; }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66667%; }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%; }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333%; }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66667%; }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%; }
  .offset-sm-0 {
    margin-left: 0; }
  .offset-sm-1 {
    margin-left: 8.33333%; }
  .offset-sm-2 {
    margin-left: 16.66667%; }
  .offset-sm-3 {
    margin-left: 25%; }
  .offset-sm-4 {
    margin-left: 33.33333%; }
  .offset-sm-5 {
    margin-left: 41.66667%; }
  .offset-sm-6 {
    margin-left: 50%; }
  .offset-sm-7 {
    margin-left: 58.33333%; }
  .offset-sm-8 {
    margin-left: 66.66667%; }
  .offset-sm-9 {
    margin-left: 75%; }
  .offset-sm-10 {
    margin-left: 83.33333%; }
  .offset-sm-11 {
    margin-left: 91.66667%; }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0; }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0; }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem; }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem; }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem; }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem; }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem; }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem; }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem; }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem; }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem; }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem; } }

@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%; }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto; }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%; }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%; }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.33333%; }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%; }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%; }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.66667%; }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto; }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333%; }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66667%; }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%; }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333%; }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66667%; }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%; }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333%; }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66667%; }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%; }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333%; }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66667%; }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%; }
  .offset-md-0 {
    margin-left: 0; }
  .offset-md-1 {
    margin-left: 8.33333%; }
  .offset-md-2 {
    margin-left: 16.66667%; }
  .offset-md-3 {
    margin-left: 25%; }
  .offset-md-4 {
    margin-left: 33.33333%; }
  .offset-md-5 {
    margin-left: 41.66667%; }
  .offset-md-6 {
    margin-left: 50%; }
  .offset-md-7 {
    margin-left: 58.33333%; }
  .offset-md-8 {
    margin-left: 66.66667%; }
  .offset-md-9 {
    margin-left: 75%; }
  .offset-md-10 {
    margin-left: 83.33333%; }
  .offset-md-11 {
    margin-left: 91.66667%; }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0; }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0; }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem; }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem; }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem; }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem; }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem; }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem; }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem; }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem; }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem; }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem; } }

@media (min-width: 992px) {
    .review .d-none-rsp{
        margin-left: 5px;
    }
  .col-lg {
    flex: 1 0 0%; }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto; }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%; }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%; }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.33333%; }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%; }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%; }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.66667%; }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto; }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333%; }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66667%; }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%; }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333%; }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66667%; }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%; }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333%; }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66667%; }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%; }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333%; }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66667%; }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%; }
  .offset-lg-0 {
    margin-left: 0; }
  .offset-lg-1 {
    margin-left: 8.33333%; }
  .offset-lg-2 {
    margin-left: 16.66667%; }
  .offset-lg-3 {
    margin-left: 25%; }
  .offset-lg-4 {
    margin-left: 33.33333%; }
  .offset-lg-5 {
    margin-left: 41.66667%; }
  .offset-lg-6 {
    margin-left: 50%; }
  .offset-lg-7 {
    margin-left: 58.33333%; }
  .offset-lg-8 {
    margin-left: 66.66667%; }
  .offset-lg-9 {
    margin-left: 75%; }
  .offset-lg-10 {
    margin-left: 83.33333%; }
  .offset-lg-11 {
    margin-left: 91.66667%; }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0; }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0; }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem; }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem; }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem; }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem; }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem; }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem; }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem; }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem; }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem; }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem; } }

@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%; }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto; }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%; }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%; }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.33333%; }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%; }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%; }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.66667%; }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto; }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333%; }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66667%; }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%; }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333%; }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66667%; }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%; }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333%; }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66667%; }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%; }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333%; }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66667%; }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%; }
  .offset-xl-0 {
    margin-left: 0; }
  .offset-xl-1 {
    margin-left: 8.33333%; }
  .offset-xl-2 {
    margin-left: 16.66667%; }
  .offset-xl-3 {
    margin-left: 25%; }
  .offset-xl-4 {
    margin-left: 33.33333%; }
  .offset-xl-5 {
    margin-left: 41.66667%; }
  .offset-xl-6 {
    margin-left: 50%; }
  .offset-xl-7 {
    margin-left: 58.33333%; }
  .offset-xl-8 {
    margin-left: 66.66667%; }
  .offset-xl-9 {
    margin-left: 75%; }
  .offset-xl-10 {
    margin-left: 83.33333%; }
  .offset-xl-11 {
    margin-left: 91.66667%; }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0; }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0; }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem; }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem; }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem; }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem; }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem; }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem; }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem; }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem; }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem; }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem; } }

@media (min-width: 1440) {
  .col-xxl {
    flex: 1 0 0%; }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto; }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%; }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%; }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.33333%; }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%; }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%; }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.66667%; }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto; }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333%; }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66667%; }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%; }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333%; }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66667%; }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%; }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333%; }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66667%; }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%; }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333%; }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66667%; }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%; }
  .offset-xxl-0 {
    margin-left: 0; }
  .offset-xxl-1 {
    margin-left: 8.33333%; }
  .offset-xxl-2 {
    margin-left: 16.66667%; }
  .offset-xxl-3 {
    margin-left: 25%; }
  .offset-xxl-4 {
    margin-left: 33.33333%; }
  .offset-xxl-5 {
    margin-left: 41.66667%; }
  .offset-xxl-6 {
    margin-left: 50%; }
  .offset-xxl-7 {
    margin-left: 58.33333%; }
  .offset-xxl-8 {
    margin-left: 66.66667%; }
  .offset-xxl-9 {
    margin-left: 75%; }
  .offset-xxl-10 {
    margin-left: 83.33333%; }
  .offset-xxl-11 {
    margin-left: 91.66667%; }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0; }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0; }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem; }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem; }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem; }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem; }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem; }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem; }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem; }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem; }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem; }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem; } }

@media (prefers-reduced-motion: reduce){
  .form-control,
  .login input{
    transition:none
  }
}

@media (prefers-reduced-motion: reduce){
  .form-control::file-selector-button{
    transition:none
  }
}

@media (min-width: 576px) {
  .container, .container-sm {
    max-width: 540px; } }

@media (min-width: 768px) {
  .container, .container-sm, .container-md {
    max-width: 720px; } }

@media (min-width: 992px) {
  .container, .container-sm, .container-md, .container-lg {
    max-width: 960px; } }

@media (min-width: 1200px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1200px; } }


    @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; } }

      @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-nav-scroll {
      overflow: visible; }
    .navbar-expand-md .navbar-collapse {
      display: flex !important;
      flex-basis: auto; }
    .navbar-expand-md .navbar-toggler {
      display: none; }
    .navbar-expand-md .offcanvas {
      position: static;
      z-index: auto;
      flex-grow: 1;
      width: auto !important;
      height: auto !important;
      visibility: visible !important;
      background-color: transparent !important;
      border: 0 !important;
      transform: none !important;
      transition: none; }
      .navbar-expand-md .offcanvas .offcanvas-header {
        display: none; }
      .navbar-expand-md .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible; } }

@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start; }
    .navbar-expand-lg .navbar-nav {
      flex-direction: row; }
      .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x); }
    .navbar-expand-lg .navbar-nav-scroll {
      overflow: visible; }
    .navbar-expand-lg .navbar-collapse {
      display: flex !important;
      flex-basis: auto; }
    .navbar-expand-lg .navbar-toggler {
      display: none; }
    .navbar-expand-lg .offcanvas {
      position: static;
      z-index: auto;
      flex-grow: 1;
      width: auto !important;
      height: auto !important;
      visibility: visible !important;
      background-color: transparent !important;
      border: 0 !important;
      transform: none !important;
      transition: none; }
      .navbar-expand-lg .offcanvas .offcanvas-header {
        display: none; }
      .navbar-expand-lg .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible; } }

@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start; }
    .navbar-expand-xl .navbar-nav {
      flex-direction: row; }
      .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x); }
    .navbar-expand-xl .navbar-nav-scroll {
      overflow: visible; }
    .navbar-expand-xl .navbar-collapse {
      display: flex !important;
      flex-basis: auto; }
    .navbar-expand-xl .navbar-toggler {
      display: none; }
    .navbar-expand-xl .offcanvas {
      position: static;
      z-index: auto;
      flex-grow: 1;
      width: auto !important;
      height: auto !important;
      visibility: visible !important;
      background-color: transparent !important;
      border: 0 !important;
      transform: none !important;
      transition: none; }
      .navbar-expand-xl .offcanvas .offcanvas-header {
        display: none; }
      .navbar-expand-xl .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible; } }

@media (min-width: 1440) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start; }
    .navbar-expand-xxl .navbar-nav {
      flex-direction: row; }
      .navbar-expand-xxl .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-xxl .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x); }
    .navbar-expand-xxl .navbar-nav-scroll {
      overflow: visible; }
    .navbar-expand-xxl .navbar-collapse {
      display: flex !important;
      flex-basis: auto; }
    .navbar-expand-xxl .navbar-toggler {
      display: none; }
    .navbar-expand-xxl .offcanvas {
      position: static;
      z-index: auto;
      flex-grow: 1;
      width: auto !important;
      height: auto !important;
      visibility: visible !important;
      background-color: transparent !important;
      border: 0 !important;
      transform: none !important;
      transition: none; }
      .navbar-expand-xxl .offcanvas .offcanvas-header {
        display: none; }
      .navbar-expand-xxl .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible; } }
@media (min-width: 576px) {
    .col-md-2-order-custom{
                width: 13.66667%;
    }
  .card-group {
    display: flex;
    flex-flow: row wrap; }
    .card-group > .card {
      flex: 1 0 0%;
      margin-bottom: 0; }
      .card-group > .card + .card {
        margin-left: 0;
        border-left: 0; }
      .card-group > .card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0; }
        .card-group > .card:not(:last-child) .card-img-top,
        .card-group > .card:not(:last-child) .card-header {
          border-top-right-radius: 0; }
        .card-group > .card:not(:last-child) .card-img-bottom,
        .card-group > .card:not(:last-child) .card-footer {
          border-bottom-right-radius: 0; }
      .card-group > .card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0; }
        .card-group > .card:not(:first-child) .card-img-top,
        .card-group > .card:not(:first-child) .card-header {
          border-top-left-radius: 0; }
        .card-group > .card:not(:first-child) .card-img-bottom,
        .card-group > .card:not(:first-child) .card-footer {
          border-bottom-left-radius: 0; } }
@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row; }
    .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
      border-bottom-left-radius: var(--bs-list-group-border-radius);
      border-top-right-radius: 0; }
    .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
      border-top-right-radius: var(--bs-list-group-border-radius);
      border-bottom-left-radius: 0; }
    .list-group-horizontal-sm > .list-group-item.active {
      margin-top: 0; }
    .list-group-horizontal-sm > .list-group-item + .list-group-item {
      border-top-width: var(--bs-list-group-border-width);
      border-left-width: 0; }
      .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
        margin-left: calc(-1 * var(--bs-list-group-border-width));
        border-left-width: var(--bs-list-group-border-width); } }

@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row; }
    .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
      border-bottom-left-radius: var(--bs-list-group-border-radius);
      border-top-right-radius: 0; }
    .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
      border-top-right-radius: var(--bs-list-group-border-radius);
      border-bottom-left-radius: 0; }
    .list-group-horizontal-md > .list-group-item.active {
      margin-top: 0; }
    .list-group-horizontal-md > .list-group-item + .list-group-item {
      border-top-width: var(--bs-list-group-border-width);
      border-left-width: 0; }
      .list-group-horizontal-md > .list-group-item + .list-group-item.active {
        margin-left: calc(-1 * var(--bs-list-group-border-width));
        border-left-width: var(--bs-list-group-border-width); } }

@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row; }
    .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
      border-bottom-left-radius: var(--bs-list-group-border-radius);
      border-top-right-radius: 0; }
    .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
      border-top-right-radius: var(--bs-list-group-border-radius);
      border-bottom-left-radius: 0; }
    .list-group-horizontal-lg > .list-group-item.active {
      margin-top: 0; }
    .list-group-horizontal-lg > .list-group-item + .list-group-item {
      border-top-width: var(--bs-list-group-border-width);
      border-left-width: 0; }
      .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
        margin-left: calc(-1 * var(--bs-list-group-border-width));
        border-left-width: var(--bs-list-group-border-width); } }

@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row; }
    .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
      border-bottom-left-radius: var(--bs-list-group-border-radius);
      border-top-right-radius: 0; }
    .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
      border-top-right-radius: var(--bs-list-group-border-radius);
      border-bottom-left-radius: 0; }
    .list-group-horizontal-xl > .list-group-item.active {
      margin-top: 0; }
    .list-group-horizontal-xl > .list-group-item + .list-group-item {
      border-top-width: var(--bs-list-group-border-width);
      border-left-width: 0; }
      .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
        margin-left: calc(-1 * var(--bs-list-group-border-width));
        border-left-width: var(--bs-list-group-border-width); } }
@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; } }

@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    --bs-modal-width: 800px; } }

@media (min-width: 1200px) {
  .modal-xl {
    --bs-modal-width: 1140px; } }
@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0; }
    .modal-fullscreen-sm-down .modal-content {
      height: 100%;
      border: 0;
      border-radius: 0; }
    .modal-fullscreen-sm-down .modal-header,
    .modal-fullscreen-sm-down .modal-footer {
      border-radius: 0; }
    .modal-fullscreen-sm-down .modal-body {
      overflow-y: auto; } }

@media (max-width: 767.98px) {
    
    .pt-35-sm{
        padding-top: 35px !important;
    }
    .m-b25sm{
        margin-bottom: 15px !Important;
    }
    .pt-40sm{
        padding-top: 40px !important;
    }
    .pb-sm-1{
        padding-bottom: 1rem !important;
    }
    .pt-sm-25{
        padding-top: 25px !important;
    }
    .pt-sm-15{
        padding-top: 15px !important;
    }
    .shop-card.style-3 .dz-content .title{
        font-size: 14px;
    }
    .padd-child-resp{
        padding: 7.5px;
    }
    .padd-row-resp{
        padding: 7.5px;
    }
 
    .shop-card.style-3 .dz-content{
        bottom: 10px;
    }
    .title-main-prd{
        min-height: 35px;
    }
    .section-head.m-b30{
        margin-bottom: 15px;
    }
    .pt-sm-15{
        padding-top: 15px !important;
    }
    .lft-category{
        margin-bottom: 0px ;
    }
    .pt20sm{
        padding-top: 20px !important;
    }
    .pbsm0{
        padding-bottom: 0px !important;
    }
  
    
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0; }
    .modal-fullscreen-md-down .modal-content {
      height: 100%;
      border: 0;
      border-radius: 0; }
    .modal-fullscreen-md-down .modal-header,
    .modal-fullscreen-md-down .modal-footer {
      border-radius: 0; }
    .modal-fullscreen-md-down .modal-body {
      overflow-y: auto; } }
      
      .title-filter{
              font-weight: 500;
    font-size: 24px;    
      }

@media (max-width: 991.98px) {
      .widget_categories .category-filter-list{
        height: auto;
    }
    .color-filter-list{
            height: auto;
    }
    .shopFilter aside{
        width: 100%;
    }
    .aside {
        width: 100%;
    }
    .shop-filter {
        padding: 30px 15px;
        padding-top: 8px !important;
    }
    #shopFilter .widget{
        margin-bottom: 20px;
        padding-bottom: 10px;
        padding: 10px;
        border: 1px solid #dadada;
        border-radius: 8px;
    } 
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0; }
    .modal-fullscreen-lg-down .modal-content {
      height: 100%;
      border: 0;
      border-radius: 0; }
    .modal-fullscreen-lg-down .modal-header,
    .modal-fullscreen-lg-down .modal-footer {
      border-radius: 0; }
    .modal-fullscreen-lg-down .modal-body {
      overflow-y: auto; } }

@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0; }
    .modal-fullscreen-xl-down .modal-content {
      height: 100%;
      border: 0;
      border-radius: 0; }
    .modal-fullscreen-xl-down .modal-header,
    .modal-fullscreen-xl-down .modal-footer {
      border-radius: 0; }
    .modal-fullscreen-xl-down .modal-body {
      overflow-y: auto; } }

@media (max-width: 1439.98) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0; }
    .modal-fullscreen-xxl-down .modal-content {
      height: 100%;
      border: 0;
      border-radius: 0; }
    .modal-fullscreen-xxl-down .modal-header,
    .modal-fullscreen-xxl-down .modal-footer {
      border-radius: 0; }
    .modal-fullscreen-xxl-down .modal-body {
      overflow-y: auto; } }


      @media (max-width: 575.98px) {
          .d-none-rsp{
              display: none !important;
          }
          .dz-content .review{
              font-size: 12px;
          }
          .dz-content  .review i{
                  margin-right: 0px; 
          }
          .shop-card .price{
                      font-size: 15px;
          }
              .shop-card .price del {
        font-size: 12px;
        margin-right: 0px;
             margin-left: 0px !important;
              }

  .offcanvas-sm {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition); } }
  @media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
    .offcanvas-sm {
      transition: none; } }

@media (max-width: 575.98px) {
    .offcanvas-sm.offcanvas-start {
      top: 0;
      left: 0;
      width: var(--bs-offcanvas-width);
      border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateX(-100%); }
    .offcanvas-sm.offcanvas-end {
      top: 0;
      right: 0;
      width: var(--bs-offcanvas-width);
      border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateX(100%); }
    .offcanvas-sm.offcanvas-top {
      top: 0;
      right: 0;
      left: 0;
      height: var(--bs-offcanvas-height);
      max-height: 100%;
      border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateY(-100%); }
    .offcanvas-sm.offcanvas-bottom {
      right: 0;
      left: 0;
      height: var(--bs-offcanvas-height);
      max-height: 100%;
      border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateY(100%); }
    .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) {
      transform: none; }
    .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show {
      visibility: visible; } }

@media (min-width: 576px) {
  .offcanvas-sm {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important; }
    .offcanvas-sm .offcanvas-header {
      display: none; }
    .offcanvas-sm .offcanvas-body {
      display: flex;
      flex-grow: 0;
      padding: 0;
      overflow-y: visible;
      background-color: transparent !important; } }

@media (max-width: 767.98px) {
  .offcanvas-md {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition); } }
  @media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
    .offcanvas-md {
      transition: none; } }

@media (max-width: 767.98px) {
    .offcanvas-md.offcanvas-start {
      top: 0;
      left: 0;
      width: var(--bs-offcanvas-width);
      border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateX(-100%); }
    .offcanvas-md.offcanvas-end {
      top: 0;
      right: 0;
      width: var(--bs-offcanvas-width);
      border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateX(100%); }
    .offcanvas-md.offcanvas-top {
      top: 0;
      right: 0;
      left: 0;
      height: var(--bs-offcanvas-height);
      max-height: 100%;
      border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateY(-100%); }
    .offcanvas-md.offcanvas-bottom {
      right: 0;
      left: 0;
      height: var(--bs-offcanvas-height);
      max-height: 100%;
      border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateY(100%); }
    .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) {
      transform: none; }
    .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show {
      visibility: visible; } }

@media (min-width: 768px) {
  .offcanvas-md {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important; }
    .offcanvas-md .offcanvas-header {
      display: none; }
    .offcanvas-md .offcanvas-body {
      display: flex;
      flex-grow: 0;
      padding: 0;
      overflow-y: visible;
      background-color: transparent !important; } }

@media (max-width: 991.98px) {
  .offcanvas-lg {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition); } }
  @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
    .offcanvas-lg {
      transition: none; } }

@media (max-width: 991.98px) {
    .offcanvas-lg.offcanvas-start {
      top: 0;
      left: 0;
      width: var(--bs-offcanvas-width);
      border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateX(-100%); }
    .offcanvas-lg.offcanvas-end {
      top: 0;
      right: 0;
      width: var(--bs-offcanvas-width);
      border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateX(100%); }
    .offcanvas-lg.offcanvas-top {
      top: 0;
      right: 0;
      left: 0;
      height: var(--bs-offcanvas-height);
      max-height: 100%;
      border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateY(-100%); }
    .offcanvas-lg.offcanvas-bottom {
      right: 0;
      left: 0;
      height: var(--bs-offcanvas-height);
      max-height: 100%;
      border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateY(100%); }
    .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) {
      transform: none; }
    .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show {
      visibility: visible; } }

@media (min-width: 992px) {
  .offcanvas-lg {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important; }
    .offcanvas-lg .offcanvas-header {
      display: none; }
    .offcanvas-lg .offcanvas-body {
      display: flex;
      flex-grow: 0;
      padding: 0;
      overflow-y: visible;
      background-color: transparent !important; } }

@media (max-width: 1199.98px) {
  .offcanvas-xl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition); } }
  @media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
    .offcanvas-xl {
      transition: none; } }

@media (max-width: 1199.98px) {
    .offcanvas-xl.offcanvas-start {
      top: 0;
      left: 0;
      width: var(--bs-offcanvas-width);
      border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateX(-100%); }
    .offcanvas-xl.offcanvas-end {
      top: 0;
      right: 0;
      width: var(--bs-offcanvas-width);
      border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateX(100%); }
    .offcanvas-xl.offcanvas-top {
      top: 0;
      right: 0;
      left: 0;
      height: var(--bs-offcanvas-height);
      max-height: 100%;
      border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateY(-100%); }
    .offcanvas-xl.offcanvas-bottom {
      right: 0;
      left: 0;
      height: var(--bs-offcanvas-height);
      max-height: 100%;
      border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateY(100%); }
    .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) {
      transform: none; }
    .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show {
      visibility: visible; } }

@media (min-width: 1200px) {
  .offcanvas-xl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important; }
    .offcanvas-xl .offcanvas-header {
      display: none; }
    .offcanvas-xl .offcanvas-body {
      display: flex;
      flex-grow: 0;
      padding: 0;
      overflow-y: visible;
      background-color: transparent !important; } }

@media (max-width: 1439.98) {
  .offcanvas-xxl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition); } }
  @media (max-width: 1439.98) and (prefers-reduced-motion: reduce) {
    .offcanvas-xxl {
      transition: none; } }

@media (max-width: 1439.98) {
    .offcanvas-xxl.offcanvas-start {
      top: 0;
      left: 0;
      width: var(--bs-offcanvas-width);
      border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateX(-100%); }
    .offcanvas-xxl.offcanvas-end {
      top: 0;
      right: 0;
      width: var(--bs-offcanvas-width);
      border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateX(100%); }
    .offcanvas-xxl.offcanvas-top {
      top: 0;
      right: 0;
      left: 0;
      height: var(--bs-offcanvas-height);
      max-height: 100%;
      border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateY(-100%); }
    .offcanvas-xxl.offcanvas-bottom {
      right: 0;
      left: 0;
      height: var(--bs-offcanvas-height);
      max-height: 100%;
      border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateY(100%); }
    .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) {
      transform: none; }
    .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show {
      visibility: visible; } }

@media (min-width: 1440) {
  .offcanvas-xxl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important; }
    .offcanvas-xxl .offcanvas-header {
      display: none; }
    .offcanvas-xxl .offcanvas-body {
      display: flex;
      flex-grow: 0;
      padding: 0;
      overflow-y: visible;
      background-color: transparent !important; } }


      @media (min-width: 576px) {
  .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020; }
  .sticky-sm-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020; } }

@media (min-width: 768px) {
  .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020; }
  .sticky-md-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020; } }

@media (min-width: 992px) {
  .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020; }
  .sticky-lg-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020; } }

@media (min-width: 1200px) {
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020; }
  .sticky-xl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020; } }

@media (min-width: 1440) {
  .sticky-xxl-top {
    position: sticky;
    top: 0;
    z-index: 1020; }
  .sticky-xxl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020; } }
@media (min-width: 992px) {
  .logo-header-mobile{
    display: none !important;
  }
  .float-lg-start {
    float: left !important; }
  .float-lg-end {
    float: right !important; }
  .float-lg-none {
    float: none !important; }
  .object-fit-lg-contain {
    object-fit: contain !important; }
  .object-fit-lg-cover {
    object-fit: cover !important; }
  .object-fit-lg-fill {
    object-fit: fill !important; }
  .object-fit-lg-scale {
    object-fit: scale-down !important; }
  .object-fit-lg-none {
    object-fit: none !important; }
  .d-lg-inline {
    display: inline !important; }
  .d-lg-inline-block {
    display: inline-block !important; }
  .d-lg-block {
    display: block !important; }
  .d-lg-grid {
    display: grid !important; }
  .d-lg-table {
    display: table !important; }
  .d-lg-table-row {
    display: table-row !important; }
  .d-lg-table-cell {
    display: table-cell !important; }
  .d-lg-flex {
    display: flex !important; }
  .d-lg-inline-flex {
    display: inline-flex !important; }
  .d-lg-none {
    display: none !important; }
  .flex-lg-fill {
    flex: 1 1 auto !important; }
  .flex-lg-row {
    flex-direction: row !important; }
  .flex-lg-column {
    flex-direction: column !important; }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-lg-grow-0 {
    flex-grow: 0 !important; }
  .flex-lg-grow-1 {
    flex-grow: 1 !important; }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important; }
  .flex-lg-wrap {
    flex-wrap: wrap !important; }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important; }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .justify-content-lg-start {
    justify-content: flex-start !important; }
  .justify-content-lg-end {
    justify-content: flex-end !important; }
  .justify-content-lg-center {
    justify-content: center !important; }
  .justify-content-lg-between {
    justify-content: space-between !important; }
  .justify-content-lg-around {
    justify-content: space-around !important; }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important; }
  .align-items-lg-start {
    align-items: flex-start !important; }
  .align-items-lg-end {
    align-items: flex-end !important; }
  .align-items-lg-center {
    align-items: center !important; }
  .align-items-lg-baseline {
    align-items: baseline !important; }
  .align-items-lg-stretch {
    align-items: stretch !important; }
  .align-content-lg-start {
    align-content: flex-start !important; }
  .align-content-lg-end {
    align-content: flex-end !important; }
  .align-content-lg-center {
    align-content: center !important; }
  .align-content-lg-between {
    align-content: space-between !important; }
  .align-content-lg-around {
    align-content: space-around !important; }
  .align-content-lg-stretch {
    align-content: stretch !important; }
  .align-self-lg-auto {
    align-self: auto !important; }
  .align-self-lg-start {
    align-self: flex-start !important; }
  .align-self-lg-end {
    align-self: flex-end !important; }
  .align-self-lg-center {
    align-self: center !important; }
  .align-self-lg-baseline {
    align-self: baseline !important; }
  .align-self-lg-stretch {
    align-self: stretch !important; }
  .order-lg-first {
    order: -1 !important; }
  .order-lg-0 {
    order: 0 !important; }
  .order-lg-1 {
    order: 1 !important; }
  .order-lg-2 {
    order: 2 !important; }
  .order-lg-3 {
    order: 3 !important; }
  .order-lg-4 {
    order: 4 !important; }
  .order-lg-5 {
    order: 5 !important; }
  .order-lg-last {
    order: 6 !important; }
  .m-lg-0 {
    margin: 0 !important; }
  .m-lg-1 {
    margin: 0.25rem !important; }
  .m-lg-2 {
    margin: 0.5rem !important; }
  .m-lg-3 {
    margin: 1rem !important; }
  .m-lg-4 {
    margin: 1.5rem !important; }
  .m-lg-5 {
    margin: 3rem !important; }
  .m-lg-auto {
    margin: auto !important; }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important; }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important; }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important; }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important; }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important; }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important; }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important; }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important; }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important; }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important; }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; }
  .mt-lg-0 {
    margin-top: 0 !important; }
  .mt-lg-1 {
    margin-top: 0.25rem !important; }
  .mt-lg-2 {
    margin-top: 0.5rem !important; }
  .mt-lg-3 {
    margin-top: 1rem !important; }
  .mt-lg-4 {
    margin-top: 1.5rem !important; }
  .mt-lg-5 {
    margin-top: 3rem !important; }
  .mt-lg-auto {
    margin-top: auto !important; }
  .me-lg-0 {
    margin-right: 0 !important; }
  .me-lg-1 {
    margin-right: 0.25rem !important; }
  .me-lg-2 {
    margin-right: 0.5rem !important; }
  .me-lg-3 {
    margin-right: 1rem !important; }
  .me-lg-4 {
    margin-right: 1.5rem !important; }
  .me-lg-5 {
    margin-right: 3rem !important; }
  .me-lg-auto {
    margin-right: auto !important; }
  .mb-lg-0 {
    margin-bottom: 0 !important; }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important; }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important; }
  .mb-lg-3 {
    margin-bottom: 1rem !important; }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important; }
  .mb-lg-5 {
    margin-bottom: 3rem !important; }
  .mb-lg-auto {
    margin-bottom: auto !important; }
  .ms-lg-0 {
    margin-left: 0 !important; }
  .ms-lg-1 {
    margin-left: 0.25rem !important; }
  .ms-lg-2 {
    margin-left: 0.5rem !important; }
  .ms-lg-3 {
    margin-left: 1rem !important; }
  .ms-lg-4 {
    margin-left: 1.5rem !important; }
  .ms-lg-5 {
    margin-left: 3rem !important; }
  .ms-lg-auto {
    margin-left: auto !important; }
  .p-lg-0 {
    padding: 0 !important; }
  .p-lg-1 {
    padding: 0.25rem !important; }
  .p-lg-2 {
    padding: 0.5rem !important; }
  .p-lg-3 {
    padding: 1rem !important; }
  .p-lg-4 {
    padding: 1.5rem !important; }
  .p-lg-5 {
    padding: 3rem !important; }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important; }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important; }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important; }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important; }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important; }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important; }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important; }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important; }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important; }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important; }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important; }
  .pt-lg-0 {
    padding-top: 0 !important; }
  .pt-lg-1 {
    padding-top: 0.25rem !important; }
  .pt-lg-2 {
    padding-top: 0.5rem !important; }
  .pt-lg-3 {
    padding-top: 1rem !important; }
  .pt-lg-4 {
    padding-top: 1.5rem !important; }
  .pt-lg-5 {
    padding-top: 3rem !important; }
  .pe-lg-0 {
    padding-right: 0 !important; }
  .pe-lg-1 {
    padding-right: 0.25rem !important; }
  .pe-lg-2 {
    padding-right: 0.5rem !important; }
  .pe-lg-3 {
    padding-right: 1rem !important; }
  .pe-lg-4 {
    padding-right: 1.5rem !important; }
  .pe-lg-5 {
    padding-right: 3rem !important; }
  .pb-lg-0 {
    padding-bottom: 0 !important; }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important; }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important; }
  .pb-lg-3 {
    padding-bottom: 1rem !important; }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important; }
  .pb-lg-5 {
    padding-bottom: 3rem !important; }
  .ps-lg-0 {
    padding-left: 0 !important; }
  .ps-lg-1 {
    padding-left: 0.25rem !important; }
  .ps-lg-2 {
    padding-left: 0.5rem !important; }
  .ps-lg-3 {
    padding-left: 1rem !important; }
  .ps-lg-4 {
    padding-left: 1.5rem !important; }
  .ps-lg-5 {
    padding-left: 3rem !important; }
  .gap-lg-0 {
    gap: 0 !important; }
  .gap-lg-1 {
    gap: 0.25rem !important; }
  .gap-lg-2 {
    gap: 0.5rem !important; }
  .gap-lg-3 {
    gap: 1rem !important; }
  .gap-lg-4 {
    gap: 1.5rem !important; }
  .gap-lg-5 {
    gap: 3rem !important; }
  .row-gap-lg-0 {
    row-gap: 0 !important; }
  .row-gap-lg-1 {
    row-gap: 0.25rem !important; }
  .row-gap-lg-2 {
    row-gap: 0.5rem !important; }
  .row-gap-lg-3 {
    row-gap: 1rem !important; }
  .row-gap-lg-4 {
    row-gap: 1.5rem !important; }
  .row-gap-lg-5 {
    row-gap: 3rem !important; }
  .column-gap-lg-0 {
    column-gap: 0 !important; }
  .column-gap-lg-1 {
    column-gap: 0.25rem !important; }
  .column-gap-lg-2 {
    column-gap: 0.5rem !important; }
  .column-gap-lg-3 {
    column-gap: 1rem !important; }
  .column-gap-lg-4 {
    column-gap: 1.5rem !important; }
  .column-gap-lg-5 {
    column-gap: 3rem !important; }
  .text-lg-start {
    text-align: left !important; }
  .text-lg-end {
    text-align: right !important; }
  .text-lg-center {
    text-align: center !important; } }

@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important; }
  .float-xl-end {
    float: right !important; }
  .float-xl-none {
    float: none !important; }
  .object-fit-xl-contain {
    object-fit: contain !important; }
  .object-fit-xl-cover {
    object-fit: cover !important; }
  .object-fit-xl-fill {
    object-fit: fill !important; }
  .object-fit-xl-scale {
    object-fit: scale-down !important; }
  .object-fit-xl-none {
    object-fit: none !important; }
  .d-xl-inline {
    display: inline !important; }
  .d-xl-inline-block {
    display: inline-block !important; }
  .d-xl-block {
    display: block !important; }
  .d-xl-grid {
    display: grid !important; }
  .d-xl-table {
    display: table !important; }
  .d-xl-table-row {
    display: table-row !important; }
  .d-xl-table-cell {
    display: table-cell !important; }
  .d-xl-flex {
    display: flex !important; }
  .d-xl-inline-flex {
    display: inline-flex !important; }
  .d-xl-none {
    display: none !important; }
  .flex-xl-fill {
    flex: 1 1 auto !important; }
  .flex-xl-row {
    flex-direction: row !important; }
  .flex-xl-column {
    flex-direction: column !important; }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-xl-grow-0 {
    flex-grow: 0 !important; }
  .flex-xl-grow-1 {
    flex-grow: 1 !important; }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important; }
  .flex-xl-wrap {
    flex-wrap: wrap !important; }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important; }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .justify-content-xl-start {
    justify-content: flex-start !important; }
  .justify-content-xl-end {
    justify-content: flex-end !important; }
  .justify-content-xl-center {
    justify-content: center !important; }
  .justify-content-xl-between {
    justify-content: space-between !important; }
  .justify-content-xl-around {
    justify-content: space-around !important; }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important; }
  .align-items-xl-start {
    align-items: flex-start !important; }
  .align-items-xl-end {
    align-items: flex-end !important; }
  .align-items-xl-center {
    align-items: center !important; }
  .align-items-xl-baseline {
    align-items: baseline !important; }
  .align-items-xl-stretch {
    align-items: stretch !important; }
  .align-content-xl-start {
    align-content: flex-start !important; }
  .align-content-xl-end {
    align-content: flex-end !important; }
  .align-content-xl-center {
    align-content: center !important; }
  .align-content-xl-between {
    align-content: space-between !important; }
  .align-content-xl-around {
    align-content: space-around !important; }
  .align-content-xl-stretch {
    align-content: stretch !important; }
  .align-self-xl-auto {
    align-self: auto !important; }
  .align-self-xl-start {
    align-self: flex-start !important; }
  .align-self-xl-end {
    align-self: flex-end !important; }
  .align-self-xl-center {
    align-self: center !important; }
  .align-self-xl-baseline {
    align-self: baseline !important; }
  .align-self-xl-stretch {
    align-self: stretch !important; }
  .order-xl-first {
    order: -1 !important; }
  .order-xl-0 {
    order: 0 !important; }
  .order-xl-1 {
    order: 1 !important; }
  .order-xl-2 {
    order: 2 !important; }
  .order-xl-3 {
    order: 3 !important; }
  .order-xl-4 {
    order: 4 !important; }
  .order-xl-5 {
    order: 5 !important; }
  .order-xl-last {
    order: 6 !important; }
  .m-xl-0 {
    margin: 0 !important; }
  .m-xl-1 {
    margin: 0.25rem !important; }
  .m-xl-2 {
    margin: 0.5rem !important; }
  .m-xl-3 {
    margin: 1rem !important; }
  .m-xl-4 {
    margin: 1.5rem !important; }
  .m-xl-5 {
    margin: 3rem !important; }
  .m-xl-auto {
    margin: auto !important; }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important; }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important; }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important; }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important; }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important; }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important; }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important; }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important; }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important; }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important; }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; }
  .mt-xl-0 {
    margin-top: 0 !important; }
  .mt-xl-1 {
    margin-top: 0.25rem !important; }
  .mt-xl-2 {
    margin-top: 0.5rem !important; }
  .mt-xl-3 {
    margin-top: 1rem !important; }
  .mt-xl-4 {
    margin-top: 1.5rem !important; }
  .mt-xl-5 {
    margin-top: 3rem !important; }
  .mt-xl-auto {
    margin-top: auto !important; }
  .me-xl-0 {
    margin-right: 0 !important; }
  .me-xl-1 {
    margin-right: 0.25rem !important; }
  .me-xl-2 {
    margin-right: 0.5rem !important; }
  .me-xl-3 {
    margin-right: 1rem !important; }
  .me-xl-4 {
    margin-right: 1.5rem !important; }
  .me-xl-5 {
    margin-right: 3rem !important; }
  .me-xl-auto {
    margin-right: auto !important; }
  .mb-xl-0 {
    margin-bottom: 0 !important; }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important; }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important; }
  .mb-xl-3 {
    margin-bottom: 1rem !important; }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important; }
  .mb-xl-5 {
    margin-bottom: 3rem !important; }
  .mb-xl-auto {
    margin-bottom: auto !important; }
  .ms-xl-0 {
    margin-left: 0 !important; }
  .ms-xl-1 {
    margin-left: 0.25rem !important; }
  .ms-xl-2 {
    margin-left: 0.5rem !important; }
  .ms-xl-3 {
    margin-left: 1rem !important; }
  .ms-xl-4 {
    margin-left: 1.5rem !important; }
  .ms-xl-5 {
    margin-left: 3rem !important; }
  .ms-xl-auto {
    margin-left: auto !important; }
  .p-xl-0 {
    padding: 0 !important; }
  .p-xl-1 {
    padding: 0.25rem !important; }
  .p-xl-2 {
    padding: 0.5rem !important; }
  .p-xl-3 {
    padding: 1rem !important; }
  .p-xl-4 {
    padding: 1.5rem !important; }
  .p-xl-5 {
    padding: 3rem !important; }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important; }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important; }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important; }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important; }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important; }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important; }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important; }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important; }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important; }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important; }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important; }
  .pt-xl-0 {
    padding-top: 0 !important; }
  .pt-xl-1 {
    padding-top: 0.25rem !important; }
  .pt-xl-2 {
    padding-top: 0.5rem !important; }
  .pt-xl-3 {
    padding-top: 1rem !important; }
  .pt-xl-4 {
    padding-top: 1.5rem !important; }
  .pt-xl-5 {
    padding-top: 3rem !important; }
  .pe-xl-0 {
    padding-right: 0 !important; }
  .pe-xl-1 {
    padding-right: 0.25rem !important; }
  .pe-xl-2 {
    padding-right: 0.5rem !important; }
  .pe-xl-3 {
    padding-right: 1rem !important; }
  .pe-xl-4 {
    padding-right: 1.5rem !important; }
  .pe-xl-5 {
    padding-right: 3rem !important; }
  .pb-xl-0 {
    padding-bottom: 0 !important; }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important; }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important; }
  .pb-xl-3 {
    padding-bottom: 1rem !important; }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important; }
  .pb-xl-5 {
    padding-bottom: 3rem !important; }
  .ps-xl-0 {
    padding-left: 0 !important; }
  .ps-xl-1 {
    padding-left: 0.25rem !important; }
  .ps-xl-2 {
    padding-left: 0.5rem !important; }
  .ps-xl-3 {
    padding-left: 1rem !important; }
  .ps-xl-4 {
    padding-left: 1.5rem !important; }
  .ps-xl-5 {
    padding-left: 3rem !important; }
  .gap-xl-0 {
    gap: 0 !important; }
  .gap-xl-1 {
    gap: 0.25rem !important; }
  .gap-xl-2 {
    gap: 0.5rem !important; }
  .gap-xl-3 {
    gap: 1rem !important; }
  .gap-xl-4 {
    gap: 1.5rem !important; }
  .gap-xl-5 {
    gap: 3rem !important; }
  .row-gap-xl-0 {
    row-gap: 0 !important; }
  .row-gap-xl-1 {
    row-gap: 0.25rem !important; }
  .row-gap-xl-2 {
    row-gap: 0.5rem !important; }
  .row-gap-xl-3 {
    row-gap: 1rem !important; }
  .row-gap-xl-4 {
    row-gap: 1.5rem !important; }
  .row-gap-xl-5 {
    row-gap: 3rem !important; }
  .column-gap-xl-0 {
    column-gap: 0 !important; }
  .column-gap-xl-1 {
    column-gap: 0.25rem !important; }
  .column-gap-xl-2 {
    column-gap: 0.5rem !important; }
  .column-gap-xl-3 {
    column-gap: 1rem !important; }
  .column-gap-xl-4 {
    column-gap: 1.5rem !important; }
  .column-gap-xl-5 {
    column-gap: 3rem !important; }
  .text-xl-start {
    text-align: left !important; }
  .text-xl-end {
    text-align: right !important; }
  .text-xl-center {
    text-align: center !important; } }

@media (min-width: 1440) {
  .float-xxl-start {
    float: left !important; }
  .float-xxl-end {
    float: right !important; }
  .float-xxl-none {
    float: none !important; }
  .object-fit-xxl-contain {
    object-fit: contain !important; }
  .object-fit-xxl-cover {
    object-fit: cover !important; }
  .object-fit-xxl-fill {
    object-fit: fill !important; }
  .object-fit-xxl-scale {
    object-fit: scale-down !important; }
  .object-fit-xxl-none {
    object-fit: none !important; }
  .d-xxl-inline {
    display: inline !important; }
  .d-xxl-inline-block {
    display: inline-block !important; }
  .d-xxl-block {
    display: block !important; }
  .d-xxl-grid {
    display: grid !important; }
  .d-xxl-table {
    display: table !important; }
  .d-xxl-table-row {
    display: table-row !important; }
  .d-xxl-table-cell {
    display: table-cell !important; }
  .d-xxl-flex {
    display: flex !important; }
  .d-xxl-inline-flex {
    display: inline-flex !important; }
  .d-xxl-none {
    display: none !important; }
  .flex-xxl-fill {
    flex: 1 1 auto !important; }
  .flex-xxl-row {
    flex-direction: row !important; }
  .flex-xxl-column {
    flex-direction: column !important; }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important; }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important; }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important; }
  .flex-xxl-wrap {
    flex-wrap: wrap !important; }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important; }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .justify-content-xxl-start {
    justify-content: flex-start !important; }
  .justify-content-xxl-end {
    justify-content: flex-end !important; }
  .justify-content-xxl-center {
    justify-content: center !important; }
  .justify-content-xxl-between {
    justify-content: space-between !important; }
  .justify-content-xxl-around {
    justify-content: space-around !important; }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important; }
  .align-items-xxl-start {
    align-items: flex-start !important; }
  .align-items-xxl-end {
    align-items: flex-end !important; }
  .align-items-xxl-center {
    align-items: center !important; }
  .align-items-xxl-baseline {
    align-items: baseline !important; }
  .align-items-xxl-stretch {
    align-items: stretch !important; }
  .align-content-xxl-start {
    align-content: flex-start !important; }
  .align-content-xxl-end {
    align-content: flex-end !important; }
  .align-content-xxl-center {
    align-content: center !important; }
  .align-content-xxl-between {
    align-content: space-between !important; }
  .align-content-xxl-around {
    align-content: space-around !important; }
  .align-content-xxl-stretch {
    align-content: stretch !important; }
  .align-self-xxl-auto {
    align-self: auto !important; }
  .align-self-xxl-start {
    align-self: flex-start !important; }
  .align-self-xxl-end {
    align-self: flex-end !important; }
  .align-self-xxl-center {
    align-self: center !important; }
  .align-self-xxl-baseline {
    align-self: baseline !important; }
  .align-self-xxl-stretch {
    align-self: stretch !important; }
  .order-xxl-first {
    order: -1 !important; }
  .order-xxl-0 {
    order: 0 !important; }
  .order-xxl-1 {
    order: 1 !important; }
  .order-xxl-2 {
    order: 2 !important; }
  .order-xxl-3 {
    order: 3 !important; }
  .order-xxl-4 {
    order: 4 !important; }
  .order-xxl-5 {
    order: 5 !important; }
  .order-xxl-last {
    order: 6 !important; }
  .m-xxl-0 {
    margin: 0 !important; }
  .m-xxl-1 {
    margin: 0.25rem !important; }
  .m-xxl-2 {
    margin: 0.5rem !important; }
  .m-xxl-3 {
    margin: 1rem !important; }
  .m-xxl-4 {
    margin: 1.5rem !important; }
  .m-xxl-5 {
    margin: 3rem !important; }
  .m-xxl-auto {
    margin: auto !important; }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important; }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important; }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important; }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important; }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important; }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important; }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important; }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important; }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important; }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important; }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; }
  .mt-xxl-0 {
    margin-top: 0 !important; }
  .mt-xxl-1 {
    margin-top: 0.25rem !important; }
  .mt-xxl-2 {
    margin-top: 0.5rem !important; }
  .mt-xxl-3 {
    margin-top: 1rem !important; }
  .mt-xxl-4 {
    margin-top: 1.5rem !important; }
  .mt-xxl-5 {
    margin-top: 3rem !important; }
  .mt-xxl-auto {
    margin-top: auto !important; }
  .me-xxl-0 {
    margin-right: 0 !important; }
  .me-xxl-1 {
    margin-right: 0.25rem !important; }
  .me-xxl-2 {
    margin-right: 0.5rem !important; }
  .me-xxl-3 {
    margin-right: 1rem !important; }
  .me-xxl-4 {
    margin-right: 1.5rem !important; }
  .me-xxl-5 {
    margin-right: 3rem !important; }
  .me-xxl-auto {
    margin-right: auto !important; }
  .mb-xxl-0 {
    margin-bottom: 0 !important; }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important; }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important; }
  .mb-xxl-3 {
    margin-bottom: 1rem !important; }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important; }
  .mb-xxl-5 {
    margin-bottom: 3rem !important; }
  .mb-xxl-auto {
    margin-bottom: auto !important; }
  .ms-xxl-0 {
    margin-left: 0 !important; }
  .ms-xxl-1 {
    margin-left: 0.25rem !important; }
  .ms-xxl-2 {
    margin-left: 0.5rem !important; }
  .ms-xxl-3 {
    margin-left: 1rem !important; }
  .ms-xxl-4 {
    margin-left: 1.5rem !important; }
  .ms-xxl-5 {
    margin-left: 3rem !important; }
  .ms-xxl-auto {
    margin-left: auto !important; }
  .p-xxl-0 {
    padding: 0 !important; }
  .p-xxl-1 {
    padding: 0.25rem !important; }
  .p-xxl-2 {
    padding: 0.5rem !important; }
  .p-xxl-3 {
    padding: 1rem !important; }
  .p-xxl-4 {
    padding: 1.5rem !important; }
  .p-xxl-5 {
    padding: 3rem !important; }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important; }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important; }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important; }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important; }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important; }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important; }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important; }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important; }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important; }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important; }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important; }
  .pt-xxl-0 {
    padding-top: 0 !important; }
  .pt-xxl-1 {
    padding-top: 0.25rem !important; }
  .pt-xxl-2 {
    padding-top: 0.5rem !important; }
  .pt-xxl-3 {
    padding-top: 1rem !important; }
  .pt-xxl-4 {
    padding-top: 1.5rem !important; }
  .pt-xxl-5 {
    padding-top: 3rem !important; }
  .pe-xxl-0 {
    padding-right: 0 !important; }
  .pe-xxl-1 {
    padding-right: 0.25rem !important; }
  .pe-xxl-2 {
    padding-right: 0.5rem !important; }
  .pe-xxl-3 {
    padding-right: 1rem !important; }
  .pe-xxl-4 {
    padding-right: 1.5rem !important; }
  .pe-xxl-5 {
    padding-right: 3rem !important; }
  .pb-xxl-0 {
    padding-bottom: 0 !important; }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important; }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important; }
  .pb-xxl-3 {
    padding-bottom: 1rem !important; }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important; }
  .pb-xxl-5 {
    padding-bottom: 3rem !important; }
  .ps-xxl-0 {
    padding-left: 0 !important; }
  .ps-xxl-1 {
    padding-left: 0.25rem !important; }
  .ps-xxl-2 {
    padding-left: 0.5rem !important; }
  .ps-xxl-3 {
    padding-left: 1rem !important; }
  .ps-xxl-4 {
    padding-left: 1.5rem !important; }
  .ps-xxl-5 {
    padding-left: 3rem !important; }
  .gap-xxl-0 {
    gap: 0 !important; }
  .gap-xxl-1 {
    gap: 0.25rem !important; }
  .gap-xxl-2 {
    gap: 0.5rem !important; }
  .gap-xxl-3 {
    gap: 1rem !important; }
  .gap-xxl-4 {
    gap: 1.5rem !important; }
  .gap-xxl-5 {
    gap: 3rem !important; }
  .row-gap-xxl-0 {
    row-gap: 0 !important; }
  .row-gap-xxl-1 {
    row-gap: 0.25rem !important; }
  .row-gap-xxl-2 {
    row-gap: 0.5rem !important; }
  .row-gap-xxl-3 {
    row-gap: 1rem !important; }
  .row-gap-xxl-4 {
    row-gap: 1.5rem !important; }
  .row-gap-xxl-5 {
    row-gap: 3rem !important; }
  .column-gap-xxl-0 {
    column-gap: 0 !important; }
  .column-gap-xxl-1 {
    column-gap: 0.25rem !important; }
  .column-gap-xxl-2 {
    column-gap: 0.5rem !important; }
  .column-gap-xxl-3 {
    column-gap: 1rem !important; }
  .column-gap-xxl-4 {
    column-gap: 1.5rem !important; }
  .column-gap-xxl-5 {
    column-gap: 3rem !important; }
  .text-xxl-start {
    text-align: left !important; }
  .text-xxl-end {
    text-align: right !important; }
  .text-xxl-center {
    text-align: center !important; } }

@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important; }
  .fs-2 {
    font-size: 1.75rem !important; }
  .fs-3 {
    font-size: 1.5rem !important; } }

@media print {
  .d-print-inline {
    display: inline !important; }
  .d-print-inline-block {
    display: inline-block !important; }
  .d-print-block {
    display: block !important; }
  .d-print-grid {
    display: grid !important; }
  .d-print-table {
    display: table !important; }
  .d-print-table-row {
    display: table-row !important; }
  .d-print-table-cell {
    display: table-cell !important; }
  .d-print-flex {
    display: flex !important; }
  .d-print-inline-flex {
    display: inline-flex !important; }
  .d-print-none {
    display: none !important; } }
  @media only screen and (max-width: 1199px) {
    h1, .h1,
    .h1 {
      font-size: 2.2rem; } }
  @media only screen and (max-width: 767px) {
    h1, .h1,
    .h1 {
      font-size: 2rem; } }
  @media only screen and (max-width: 575px) {
    h1, .h1,
    .h1 {
      font-size: 1.7rem; } }

        @media only screen and (max-width: 1199px) {
    h2, .h2,
    .h2 {
      font-size: 1.70rem; } }
  @media only screen and (max-width: 767px) {
    h2, .h2,
    .h2 {
      font-size: 1.5rem; } }

@media (max-width: 991px) {
  .show-focus-outline .nav a > i:focus {
    outline: 2px solid red !important; } }
  @media only screen and (max-width: 575px) {
    #pointer-ring {
      display: none; } }
  @media only screen and (max-width: 1480px) {
    .content-inner {
      padding-top: 70px;
      padding-bottom: 40px; } }
  @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: 40px;
      padding-bottom: 20px; } }
 @media only screen and (max-width: 1480px) {
    .content-inner-1 {
      padding-top: 70px;
      padding-bottom: 70px; } }
  @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: 40px;
      padding-bottom: 40px; } }
  @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; } }
 @media only screen and (max-width: 991px) {
    .content-inner-3 {
      padding-top: 50px;
      padding-bottom: 20px; } }
  @media only screen and (max-width: 575px) {
    .height-lg {
      height: 400px; } }

    @media only screen and (max-width: 575px) {
      .page-title h3, .page-title .h3 {
        font-size: 28px; } }

 @media only screen and (max-width: 575px) {
      .page-title p {
        font-size: 16px; } }

  @media only screen and (max-width: 767px) {
    .section-head {
      margin-bottom: 20px; } }
    @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; } }
    @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; } }

    @media only screen and (max-width: 575px) {
      .section-head h4, .section-head .h4 {
        font-size: 1.5rem; } }

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

@media (min-width: 1200px) {
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.875rem; } }
@media only screen and (max-width: 767px) {
  .sort-title h4:after, .sort-title .h4:after,
  .sort-title h4:before,
  .sort-title .h4:before {
    content: none; } }

@media only screen and (min-width: 1200px) and (max-width: 1440px) {
  .col-xxl-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-xxl-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xxl-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-xxl-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-xxl-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-xxl-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-xxl-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-xxl-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-xxl-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-xxl-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-xxl-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-xxl-12 {
    flex: 0 0 100%;
    max-width: 100%; } }

@media only screen and (min-width: 1680px) and (min-width: 1920px) {
  .col-20 {
    width: 20%; }
  .col-80 {
    width: 80%; } }

@media only screen and (min-width: 1680px) and (min-width: 1800px) {
  .grid-5 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%; } }

@media (min-width: 1680px) {
  .col-xxxl-6 {
    flex: 0 0 auto;
    width: 50%; } }

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


  .main-slider .btn,
.main-slider .wp-block-button__link {
  padding: 9px 18px;
  font-size: 14px;
}
  }

  @media only screen and (max-width: 1680px) {
        .main-slider.style-1 .swiper-area {
          width: 80%; } }
      @media only screen and (max-width: 1480px) {
        .main-slider.style-1 .swiper-area {
          width: 85%; } }
      @media only screen and (max-width: 1199px) {
        .main-slider.style-1 .swiper-area {
          width: 81%; } }
      @media only screen and (max-width: 991px) {
        .main-slider.style-1 .swiper-area {
          width: 74%; } }
      @media only screen and (max-width: 575px) {
   
   
        .main-slider.style-1 .swiper-area {
          width: 73%; } }
      @media only screen and (max-width: 1480px) {
        .main-slider.style-1 .main-swiper-thumb {
          width: calc(50vw - 100px); } }
      @media only screen and (max-width: 1199px) {
        .main-slider.style-1 .main-swiper-thumb {
          padding-left: 0;
          width: calc(50vw - 60px); } }
      @media only screen and (max-width: 991px) {
        .main-slider.style-1 .main-swiper-thumb {
          margin-left: 0;
          width: calc(90vw - 60px); } }
      @media only screen and (max-width: 575px) {
        .main-slider.style-1 .main-swiper-thumb {
          width: calc(80vw - 50px); } }
       @media only screen and (max-width: 991px) {
        .main-slider.style-1 .star-1 {
          top: 30%;
          left: 70%; } }

    @media only screen and (max-width: 1199px) {
      .main-slider.style-1 .star-1, .main-slider.style-1 .star-2 {
        display: none; } }

   @media only screen and (max-width: 1680px) {
        .main-slider.style-1 .swiper-content {
          padding-top: 0;
          padding-left: 0; } }
      @media only screen and (max-width: 1199px) {
        .main-slider.style-1 .swiper-content {
          padding-top: 40px; } }

         @media only screen and (max-width: 991px) {
        .main-slider.style-1 .swiper-pagination-wrapper {
          display: none; } }


     @media only screen and (max-width: 1480px) {
        .main-slider.style-1 .banner-content {
          height: 860px; } }
      @media (max-width: 1366px) {
        .main-slider.style-1 .banner-content {
          height: 100%;
          min-height: 750px; } }
      @media only screen and (max-width: 1199px) {
        .main-slider.style-1 .banner-content {
          padding-top: 100px;
          padding-bottom: 30px;
          min-height: 650px; } }
      @media only screen and (max-width: 991px) {
        .main-slider.style-1 .banner-content {
          height: 100%; } }
          @media only screen and (max-width: 1480px) {
          .main-slider.style-1 .banner-content .bottom-content {
            bottom: 40px; } }
        @media (max-width: 1366px) {
          .main-slider.style-1 .banner-content .bottom-content {
            padding-left: 0; } }
        @media only screen and (max-width: 991px) {
          .main-slider.style-1 .banner-content .bottom-content {
            position: static;
            margin-top: 20px; } }
        @media only screen and (max-width: 575px) {
          .main-slider.style-1 .banner-content .bottom-content {
            display: none; } }
         @media only screen and (max-width: 1480px) {
          .main-slider.style-1 .banner-content .title {
            font-size: 3.75rem; } }
        @media only screen and (max-width: 1199px) {
          .main-slider.style-1 .banner-content .title {
            font-size: 2.5rem; } }
            @media only screen and (max-width: 1480px) {
          .main-slider.style-1 .banner-content .swiper-meta-items {
            margin-bottom: 20px; } }
              @media only screen and (max-width: 767px) {
            .main-slider.style-1 .banner-content .swiper-meta-items .meta-content {
              margin-right: 10px; } }
            @media (max-width: 1366px) {
          .main-slider.style-1 .banner-media:after {
            top: 52%;
            font-size: 80px;
            left: -40px; } }
        @media only screen and (max-width: 1199px) {
          .main-slider.style-1 .banner-media:after {
            font-size: 65px;
            left: -40px; } }
        @media only screen and (max-width: 767px) {
          .main-slider.style-1 .banner-media:after {
            font-size: 65px;
            left: -40px; } }
        @media only screen and (max-width: 575px) {
          .main-slider.style-1 .banner-media:after {
            font-size: 45px;
            left: -20px; } }
      @media only screen and (max-width: 575px) {
            .main-slider.style-1 .banner-media .img-preview:after {
              bottom: 32px;
              width: 30px; } }
          @media only screen and (max-width: 1199px) {
      .main-slider.style-1 .banner-content .content-btn {
        margin-bottom: 0; }
      .main-slider.style-1 .swiper-slide:after {
        width: 320px; } }
    @media only screen and (max-width: 991px) {
      .main-slider.style-1 .pattern {
        display: none; }
      .main-slider.style-1 .swiper-content {
        padding: 0px; }
      .main-slider.style-1 .banner-content .text {
        font-size: 15px; } }
    @media only screen and (max-width: 767px) {
      .main-slider.style-1 .banner-content .text {
        padding-left: 0;
        padding-right: 0;
        border: 0;
        max-width: 270px; }
      .main-slider.style-1 .banner-content h1, .main-slider.style-1 .banner-content .h1 {
        font-size: 2rem; }
      .main-slider.style-1 .banner-content .price {
        display: none; }
      .main-slider.style-1 .banner-content .content-btn {
        margin-top: 30px; }
      .main-slider.style-1 .banner-content .swiper-meta-items {
        margin: 15px 0px 15px; } }
    @media only screen and (max-width: 575px) {
      .main-slider.style-1 .banner-content .sub-title {
        font-size: 14px; }
      .main-slider.style-1 .banner-content .title {
        font-size: 2rem;
        margin-bottom: 10px; }
      .main-slider.style-1 .banner-content .swiper-content {
        max-width: 100%; }
      .main-slider.style-1 .banner-content .text {
        max-width: 100%; }
      .main-slider.style-1 .banner-content .swiper-meta-items {
        margin: 15px 0px 10px; }
      .main-slider.style-1 .banner-content .content-btn {
        margin-top: 15px;
        display: flex;
        align-items: center; }
        .main-slider.style-1 .banner-content .content-btn .btn, .main-slider.style-1 .banner-content .content-btn .wp-block-button__link, .main-slider.style-1 .banner-content .content-btn .woocommerce .widget_shopping_cart .buttons a, .woocommerce .widget_shopping_cart .buttons .main-slider.style-1 .banner-content .content-btn a,
        .main-slider.style-1 .banner-content .content-btn .woocommerce.widget_shopping_cart .buttons a, .woocommerce.widget_shopping_cart .buttons .main-slider.style-1 .banner-content .content-btn a, .main-slider.style-1 .banner-content .content-btn .woocommerce #review_form #respond .form-submit input, .woocommerce #review_form #respond .form-submit .main-slider.style-1 .banner-content .content-btn input, .main-slider.style-1 .banner-content .content-btn .woocommerce-cart-form .table tr .button, .woocommerce-cart-form .table tr .main-slider.style-1 .banner-content .content-btn .button, .main-slider.style-1 .banner-content .content-btn .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout .main-slider.style-1 .banner-content .content-btn a.checkout-button, .main-slider.style-1 .banner-content .content-btn .woocommerce #respond input#submit, .woocommerce #respond .main-slider.style-1 .banner-content .content-btn input#submit,
        .main-slider.style-1 .banner-content .content-btn .woocommerce a.button, .woocommerce .main-slider.style-1 .banner-content .content-btn a.button,
        .main-slider.style-1 .banner-content .content-btn .woocommerce button.button, .woocommerce .main-slider.style-1 .banner-content .content-btn button.button,
        .main-slider.style-1 .banner-content .content-btn .woocommerce input.button, .woocommerce .main-slider.style-1 .banner-content .content-btn input.button,
        .main-slider.style-1 .banner-content .content-btn .woocommerce #place_order, .woocommerce .main-slider.style-1 .banner-content .content-btn #place_order {
          font-size: 13px; } }
 
   @media only screen and (max-width: 1480px) {
      .main-slider.style-2 .banner-content {
        height: 700px;
        padding-top: 30px;
        padding-bottom: 50px; } }
    @media only screen and (max-width: 1199px) {
      .main-slider.style-2 .banner-content {
        height: 550px;
        padding-bottom: 75px; } }
    @media only screen and (max-width: 991px) {
      .main-slider.style-2 .banner-content {
        height: 100%;
        margin-bottom: 30px; } }
       @media only screen and (max-width: 1480px) {
        .main-slider.style-2 .banner-content .offer-title {
          font-size: 70px; } }
      @media only screen and (max-width: 1199px) {
        .main-slider.style-2 .banner-content .offer-title {
          font-size: 49px;
          width: 100%; } }
      @media only screen and (max-width: 991px) {
        .main-slider.style-2 .banner-content .offer-title svg {
          width: 50px; } }
      @media only screen and (max-width: 575px) {
        .main-slider.style-2 .banner-content .offer-title svg {
          width: 40px; } }
  @media only screen and (min-width: 1400px) {
  .container {
    max-width: 1320px; } }
  @media only screen and (max-width: 1280px) {
    
    .container-fluid,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl {
      padding-left: 15px;
      padding-right: 15px; } }
  @media only screen and (max-width: 575px) {
    
    .container-fluid,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl {
      padding-left: 15px;
      padding-right: 15px; } }
@media only screen and (max-width: 991px) {
  .dz-order-1 {
    order: 1;
    margin-top: 20px; } }
   @media only screen and (max-width: 1680px) {
      .main-slider.style-2 .banner-media {
        margin-right: -40px; } }
    @media only screen and (max-width: 767px) {
      .main-slider.style-2 .banner-media {
        margin-left: 30px; } }
    @media only screen and (max-width: 575px) {
      .main-slider.style-2 .banner-media {
        margin-left: 0px; } }
    @media only screen and (max-width: 1480px) {
      .main-slider.style-2 .banner-media {
        margin-right: 0px; } }
      @media only screen and (max-width: 1199px) {
        .main-slider.style-2 .banner-media .star-list .star-1 {
          top: 15px;
          left: 35px; } }

@media only screen and (max-width: 1199px) {
    .main-slider.style-2 .banner-content .content-info {
      padding-bottom: 28px; }
    .main-slider.style-2 .banner-content .sub-title {
      font-size: 20px; }
    .main-slider.style-2 .banner-content .title {
      font-size: 28px; } }
  @media only screen and (max-width: 767px) {
    .main-slider.style-2 .banner-content .content-info {
      padding-bottom: 20px; }
    .main-slider.style-2 .banner-content .sub-title {
      font-size: 18px; }
    .main-slider.style-2 .banner-content .offer-title {
      font-size: 36px;
      line-height: 1.2; }
    .main-slider.style-2 .banner-content .title {
      font-size: 22px; } }
  @media only screen and (max-width: 575px) {
    .main-slider.style-2 .banner-content {
      margin-top: 15px;
      margin-bottom: 15px; }
    .main-slider.style-2 .swiper-content {
      margin-bottom: 30px; }
    .main-slider.style-2 .banner-media {
      float: left;
      width: 100%; } }
     @media only screen and (max-width: 991px) {
      .main-slider.style-3:after {
        display: none; } }


  @media only screen and (max-width: 575px) {
    .main-slider.style-3 .content-btn .btn, .main-slider.style-3 .content-btn .wp-block-button__link, .main-slider.style-3 .content-btn .woocommerce .widget_shopping_cart .buttons a, .woocommerce .widget_shopping_cart .buttons .main-slider.style-3 .content-btn a,
    .main-slider.style-3 .content-btn .woocommerce.widget_shopping_cart .buttons a, .woocommerce.widget_shopping_cart .buttons .main-slider.style-3 .content-btn a, .main-slider.style-3 .content-btn .woocommerce #review_form #respond .form-submit input, .woocommerce #review_form #respond .form-submit .main-slider.style-3 .content-btn input, .main-slider.style-3 .content-btn .woocommerce-cart-form .table tr .button, .woocommerce-cart-form .table tr .main-slider.style-3 .content-btn .button, .main-slider.style-3 .content-btn .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout .main-slider.style-3 .content-btn a.checkout-button, .main-slider.style-3 .content-btn .woocommerce #respond input#submit, .woocommerce #respond .main-slider.style-3 .content-btn input#submit,
    .main-slider.style-3 .content-btn .woocommerce a.button, .woocommerce .main-slider.style-3 .content-btn a.button,
    .main-slider.style-3 .content-btn .woocommerce button.button, .woocommerce .main-slider.style-3 .content-btn button.button,
    .main-slider.style-3 .content-btn .woocommerce input.button, .woocommerce .main-slider.style-3 .content-btn input.button,
    .main-slider.style-3 .content-btn .woocommerce #place_order, .woocommerce .main-slider.style-3 .content-btn #place_order {
      padding: 10px 20px; } }
 
           
    @media only screen and (max-width: 991px) {
      .main-slider.style-3 .main-swiper-thumb {
        display: none; } }
   @media only screen and (max-width: 1199px) {
      .main-slider.style-3 .inner-content {
        padding-top: 80px; } }
    @media only screen and (max-width: 991px) {
      .main-slider.style-3 .inner-content {
        padding-top: 80px;
        padding-bottom: 0; } }
    @media only screen and (max-width: 575px) {
      .main-slider.style-3 .inner-content {
        padding-top: 30px; } }
   @media only screen and (max-width: 1480px) {
      .main-slider.style-3 .banner-content {
        height: 880px; } }
    @media only screen and (max-width: 1199px) {
      .main-slider.style-3 .banner-content {
        height: 750px;
        padding-top: 75px; } }
    @media only screen and (max-width: 991px) {
      .main-slider.style-3 .banner-content {
        height: 100%; } }
   
         @media only screen and (max-width: 991px) {
        .main-slider.style-3 .banner-content .bottom-content {
          position: static;
          margin-top: 20px; } }
      @media only screen and (max-width: 575px) {
        .main-slider.style-3 .banner-content .bottom-content {
          display: none; } }
     
      @media only screen and (max-width: 1480px) {
        .main-slider.style-3 .banner-content .title {
          font-size: 3.75rem; } }
      @media only screen and (max-width: 1199px) {
        .main-slider.style-3 .banner-content .title {
          font-size: 2.5rem; } }
     @media only screen and (max-width: 767px) {
        .main-slider.style-3 .banner-content .text {
          margin-bottom: 25px;
          font-size: 18px; } }
   
           @media only screen and (max-width: 767px) {
          .main-slider.style-3 .banner-content .swiper-meta-items .meta-content {
            margin-right: 10px; } }
  @media only screen and (max-width: 991px) {
      .main-slider.style-3 .banner-media {
        padding-top: 20px; } }
    @media only screen and (max-width: 767px) {
      .main-slider.style-3 .banner-media {
        padding-top: 20px; } }

        
      @media only screen and (max-width: 1480px) {
        .main-slider.style-3 .banner-media .icon-button {
          transform: scale(1.1);
          right: -8%; } }
      @media only screen and (max-width: 991px) {
        .main-slider.style-3 .banner-media .icon-button {
          bottom: 10px;
          right: 0;
          transform: scale(1); } }
      @media only screen and (max-width: 575px) {
        .main-slider.style-3 .banner-media .icon-button {
          bottom: -30px;
          right: -40px;
          transform: scale(0.8); } }
 
      @media only screen and (max-width: 991px) {
        .main-slider.style-3 .banner-media .star {
          left: -5px; } }
      @media only screen and (max-width: 767px) {
        .main-slider.style-3 .banner-media .star {
          top: -5%; } }
   
      @media only screen and (max-width: 1480px) {
        .main-slider.style-3 .banner-media .img-preview {
          margin-right: -60px; } }
      @media only screen and (max-width: 991px) {
        .main-slider.style-3 .banner-media .img-preview {
          margin-right: 0px; } }
    
      @media only screen and (max-width: 767px) {
    .main-swiper .swiper-pagination-five {
      left: auto;
      right: 0; } }
  @media screen and (max-width: 600px) {
    .main-swiper .swiper-pagination-five {
      writing-mode: horizontal-tb; } }

@media only screen and (max-width: 991px) {
  .animation-btn a {
    top: 40% !important;
    left: 70% !important; } }

@media only screen and (max-width: 575px) {
  .animation-btn a {
    top: 20% !important;
    width: 50px !important; } }
  @media only screen and (max-width: 1199px) {
    .main-slider-wrapper {
      padding-left: 30px; } }
  @media only screen and (max-width: 575px) {
    .main-slider-wrapper {
      padding-top: 30px;
      padding-left: 15px; } }
 
    @media only screen and (max-width: 1480px) {
      .main-slider-wrapper .slider-main {
        padding-top: 0; } }
     @media only screen and (min-width: 1991px) {
      .main-slider-wrapper .slick-arrow.slick-next {
        right: 53%; } }
    @media only screen and (max-width: 1680px) {
      .main-slider-wrapper .slick-arrow.slick-next {
        right: 55%; } }
    @media only screen and (max-width: 1199px) {
      .main-slider-wrapper .slick-arrow.slick-next {
        right: 51%; } }
    @media only screen and (max-width: 575px) {
      .main-slider-wrapper .slick-arrow.slick-next {
        bottom: 88px;
        right: 52%;
        width: 50px;
        height: 50px; } }
     @media only screen and (max-width: 1199px) {
      .main-slider-wrapper .slider-inner {
        padding-top: 50px;
        padding-bottom: 50px; } }
    @media only screen and (max-width: 575px) {
      .main-slider-wrapper .slider-inner {
        padding-top: 30px;
        padding-bottom: 40px; } }
  
      @media only screen and (max-width: 1480px) {
        .main-slider-wrapper .slider-inner .bottom-content {
          bottom: 60px; } }
      @media (max-width: 1366px) {
        .main-slider-wrapper .slider-inner .bottom-content {
          padding-left: 0; } }
      @media only screen and (max-width: 991px) {
        .main-slider-wrapper .slider-inner .bottom-content {
          position: static;
          margin-top: 30px; } }
      @media only screen and (max-width: 575px) {
        .main-slider-wrapper .slider-inner .bottom-content {
          display: none; } }
       @media only screen and (max-width: 767px) {
        .main-slider-wrapper .slider-inner .content-info {
          padding-bottom: 0; } }
   
       @media only screen and (max-width: 1480px) {
        .main-slider-wrapper .slider-inner .title {
          font-size: 3.75rem; } }
      @media only screen and (max-width: 1199px) {
        .main-slider-wrapper .slider-inner .title {
          font-size: 2.5rem; } }
      @media only screen and (max-width: 575px) {
        .main-slider-wrapper .slider-inner .title {
          font-size: 2rem; } }
       @media only screen and (max-width: 1680px) {
        .main-slider-wrapper .banner-media:after {
          font-size: 80px;
          left: -35px; } }
      @media (max-width: 1366px) {
        .main-slider-wrapper .banner-media:after {
          font-size: 80px;
          left: -40px; } }
      @media only screen and (max-width: 1199px) {
        .main-slider-wrapper .banner-media:after {
          font-size: 55px;
          left: -15px; } }
      @media only screen and (max-width: 575px) {
        .main-slider-wrapper .banner-media:after {
          font-size: 45px;
          left: -20px; } }
      @media only screen and (max-width: 575px) {
          .main-slider-wrapper .banner-media .img-preview:after {
            bottom: 32px;
            width: 30px; } }
        @media only screen and (max-width: 767px) {
        .main-slider-wrapper .banner-media img {
          border-radius: 20px; } }
      @media only screen and (max-width: 1199px) {
      .main-slider-wrapper .slider-thumbs {
        width: 75vw; } }
    @media only screen and (max-width: 991px) {
      .main-slider-wrapper .slider-thumbs {
        width: 125vw; } }
    @media only screen and (max-width: 575px) {
      .main-slider-wrapper .slider-thumbs {
        width: 150vw; } }
     @media only screen and (max-width: 1199px) {
        .main-slider-wrapper .slider-thumbs .slick-slide {
          padding-right: 40px; } }
  @media only screen and (max-width: 575px) {
    .main-slider-wrapper .content-btn .btn, .main-slider-wrapper .content-btn .wp-block-button__link, .main-slider-wrapper .content-btn .woocommerce .widget_shopping_cart .buttons a, .woocommerce .widget_shopping_cart .buttons .main-slider-wrapper .content-btn a,
    .main-slider-wrapper .content-btn .woocommerce.widget_shopping_cart .buttons a, .woocommerce.widget_shopping_cart .buttons .main-slider-wrapper .content-btn a, .main-slider-wrapper .content-btn .woocommerce #review_form #respond .form-submit input, .woocommerce #review_form #respond .form-submit .main-slider-wrapper .content-btn input, .main-slider-wrapper .content-btn .woocommerce-cart-form .table tr .button, .woocommerce-cart-form .table tr .main-slider-wrapper .content-btn .button, .main-slider-wrapper .content-btn .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout .main-slider-wrapper .content-btn a.checkout-button, .main-slider-wrapper .content-btn .woocommerce #respond input#submit, .woocommerce #respond .main-slider-wrapper .content-btn input#submit,
    .main-slider-wrapper .content-btn .woocommerce a.button, .woocommerce .main-slider-wrapper .content-btn a.button,
    .main-slider-wrapper .content-btn .woocommerce button.button, .woocommerce .main-slider-wrapper .content-btn button.button,
    .main-slider-wrapper .content-btn .woocommerce input.button, .woocommerce .main-slider-wrapper .content-btn input.button,
    .main-slider-wrapper .content-btn .woocommerce #place_order, .woocommerce .main-slider-wrapper .content-btn #place_order {
      font-size: 14px;
      padding: 12px 24px; } }
  @media only screen and (max-width: 991px) {
      .main-slider-wrapper .star-1 {
        top: 30px;
        left: 70%; } }
   @media only screen and (max-width: 1480px) {
    .main-slider-wrapper .star-1,
    .main-slider-wrapper .star-2 {
      width: 35px; } }
  @media only screen and (max-width: 1199px) {
    .main-slider-wrapper .star-1,
    .main-slider-wrapper .star-2 {
      display: none; } }

@media only screen and (max-width: 991px) {
  .shop-form {
    margin-top: 25px; } }
@media only screen and (max-width: 575px) {
  .input-recaptcha {
    margin-bottom: 0px; } }
@media (max-width: 991px) {
  .btn-lg {
    padding: 15px 30px;
  }
  .btn-xl {
    padding: 15px 30px;
    font-size: 20px;
  }
}

@media (max-width: 767px) {
    .dz-accordion.accordion-sm .accordion-header .accordion-button{
        font-size: 16px;
    }
    .title-catg{
        font-size: 24px !important;
    }
    .review-card .review-media img{
                aspect-ratio: 1 / 1;
        width: 60px !important;
    }
    .dz-accordion.accordion-sm .accordion-body p{
        margin-bottom: 0px;
    }
    .dz-media.style-1{
        margin-left: 0px !Important;
    }
    .pt40sm{
        padding-top: 40px !important;
    }
    .pt30sm{
        padding-top: 30px !important;
    }
    
    .pb35sm{
        padding-bottom: 35px !important;
    }
    
    .pt25sm{
        padding-top: 25px !important;
    }
    .pb25sm{
        padding-bottom: 25px !important;
    }
      .btn, .wp-block-button__link{
              padding: 10px 20px;
      }
  .btn-lg,
  .btn-xl {
    padding: 12px 30px;
    font-size: 16px;
  }
   .pt5sm{
        padding-top: 5px !important;
    }
}

@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; } }
@media only screen and (max-width: 575px) {
  .bookmark-btn .form-check-label {
    width: 40px;
    height: 40px;
    line-height: 36px; } }
 @media only screen and (max-width: 1199px) {
    .panel-btn {
      display: block; } }
  @media only screen and (max-width: 991px) {
    .site-filters ul li a {
      font-size: 14px; } }
  @media only screen and (max-width: 767px) {
    .site-filters {
      flex-direction: column;
      margin-bottom: 15px; }
      .site-filters ul {
        margin-bottom: 10px; }
      .site-filters .product-link {
        margin-left: 0;
        margin-right: auto; } }
    @media only screen and (max-width: 575px) {
        .site-filters.center [class*="btn"] {
          margin: 0 1px 5px;
          padding: 5px 10px;
          font-size: 12px; } }
     @media only screen and (max-width: 991px) {
      .site-filters.style-1 {
        width: 100%;
        text-align: center; } }
    @media only screen and (max-width: 575px) {
      .site-filters.style-1 {
        padding: 4px; } }
     @media only screen and (max-width: 1199px) {
        .site-filters.style-1 li {
          padding: 5px 15px; } }
      @media only screen and (max-width: 575px) {
        .site-filters.style-1 li {
          padding: 5px 8px; } }
         @media only screen and (max-width: 575px) {
      .pagination.style-1 .page-numbers {
        margin: 0 5px; } }
  @media only screen and (max-width: 767px) {
    .pagination.style-1 {
      justify-content: center; } }
 @media only screen and (max-width: 1480px) {
    .dz-content-bx.style-1 .inner-content {
      padding-left: 20px; }
      .dz-content-bx.style-1 .inner-content .section-head .title {
        font-size: 38px; }
      .dz-content-bx.style-1 .inner-content .section-head p {
        font-size: 18px; } }
  @media only screen and (max-width: 1200px) {
    .dz-content-bx.style-1 .inner-content {
      padding-left: 20px; }
      .dz-content-bx.style-1 .inner-content .section-head .title {
        font-size: 28px; }
      .dz-content-bx.style-1 .inner-content .section-head p {
        font-size: 16px; } }
  @media only screen and (max-width: 1199px) {
    .dz-content-bx.style-1 .inner-content {
      padding-left: 0; } }
  @media only screen and (max-width: 1199px) {
    .dz-content-bx.style-1 .inner-content .btn, .dz-content-bx.style-1 .inner-content .wp-block-button__link, .dz-content-bx.style-1 .inner-content .woocommerce .widget_shopping_cart .buttons a, .woocommerce .widget_shopping_cart .buttons .dz-content-bx.style-1 .inner-content a,
    .dz-content-bx.style-1 .inner-content .woocommerce.widget_shopping_cart .buttons a, .woocommerce.widget_shopping_cart .buttons .dz-content-bx.style-1 .inner-content a, .dz-content-bx.style-1 .inner-content .woocommerce #review_form #respond .form-submit input, .woocommerce #review_form #respond .form-submit .dz-content-bx.style-1 .inner-content input, .dz-content-bx.style-1 .inner-content .woocommerce-cart-form .table tr .button, .woocommerce-cart-form .table tr .dz-content-bx.style-1 .inner-content .button, .dz-content-bx.style-1 .inner-content .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout .dz-content-bx.style-1 .inner-content a.checkout-button, .dz-content-bx.style-1 .inner-content .woocommerce #respond input#submit, .woocommerce #respond .dz-content-bx.style-1 .inner-content input#submit,
    .dz-content-bx.style-1 .inner-content .woocommerce a.button, .woocommerce .dz-content-bx.style-1 .inner-content a.button,
    .dz-content-bx.style-1 .inner-content .woocommerce button.button, .woocommerce .dz-content-bx.style-1 .inner-content button.button,
    .dz-content-bx.style-1 .inner-content .woocommerce input.button, .woocommerce .dz-content-bx.style-1 .inner-content input.button,
    .dz-content-bx.style-1 .inner-content .woocommerce #place_order, .woocommerce .dz-content-bx.style-1 .inner-content #place_order {
      padding: 9px 18px;
      font-size: 14px; } }

@media only screen and (min-width: 1680px) {
.boxed .header-nav .nav > li > a {
padding-left: 15px;
padding-right: 15px; } }

@media only screen and (min-width: 1680px) {
  .boxed .silder-one .silder-content {
    padding: 40px; } }

@media only screen and (min-width: 1680px) {
  .boxed .silder-one .silder-content .title {
    margin-bottom: 20px;
    font-size: 60px; } }

@media only screen and (min-width: 1680px) {
  .boxed .silder-one .silder-content .sub-title {
    margin-bottom: 10px; } }

@media only screen and (min-width: 1680px) {
  .boxed .container-fluid, .boxed .container-sm, .boxed .container-md, .boxed .container-lg, .boxed .container-xl {
    padding-left: 15px;
    padding-right: 15px; } }

@media only screen and (min-width: 1680px) {
  .boxed .under-construct {
    padding: 50px; } }

      @media only screen and (min-width: 1680px) {
    .boxed .under-construct .dz-content .dz-title {
      font-size: 60px; } }

@media only screen and (min-width: 1680px) {
  .boxed .under-construct .dz-content p {
    font-size: 28px; } }

      @media only screen and (min-width: 1024px) and (max-width: 1380px) {
    .dz-card.style-2 .dz-info {
      width: calc(100% - 30px);
      padding: 20px 20px;
      bottom: 15px; }
      .dz-card.style-2 .dz-info .dz-meta ul li.post-date {
        top: -246px;
        left: 0px; } }
  @media only screen and (max-width: 1024px) {
    .dz-card.style-2 .dz-info .dz-meta ul li.post-date {
      top: -330px; } }
  @media only screen and (max-width: 991px) {
    .dz-card.style-2 .dz-info {
      padding: 15px;
      bottom: 15px;
      width: calc(100% - 30px); }
      .dz-card.style-2 .dz-info .dz-title {
        font-size: 18px; }
      .dz-card.style-2 .dz-info .dz-meta ul li.post-date {
        padding: 5px 12px;
        top: -213px; } }
  @media only screen and (max-width: 767px) {
    .dz-card.style-2 .dz-info .dz-title {
      font-size: 20px; }
    .dz-card.style-2 .dz-info .dz-meta ul li.post-date {
      top: -404px; } }
  @media only screen and (max-width: 575px) {
    .dz-card.style-2 .dz-info {
      padding: 12px;
      bottom: 10px;
      width: calc(100% - 20px); }
      .dz-card.style-2 .dz-info .dz-title {
        font-size: 18px; }
      .dz-card.style-2 .dz-info .dz-meta ul li.post-date {
        top: -235px; } }
  @media only screen and (max-width: 1199px) {
    .dz-card.style-3 .dz-info .dz-title {
      font-size: 22px; } }
  @media only screen and (max-width: 991px) {
    .dz-card.style-3 .dz-media {
      width: 100%;
      height: 250px;
      margin-bottom: 0; }
      .dz-card.style-3 .dz-media img {
        height: 100%;
        object-fit: cover; }
    .dz-card.style-3 .dz-info {
      padding: 20px 0 0 0; }
      .dz-card.style-3 .dz-info .dz-title {
        font-size: 20px; }
      .dz-card.style-3 .dz-info .dz-meta ul li {
        margin-bottom: 0; } }
  @media only screen and (max-width: 575px) {
    .dz-card.style-3 .dz-media {
      height: auto; } }

      @media only screen and (max-width: 1200px) {
  .pro-details-col-5 .col {
    width: 25%;
    flex-basis: auto; } }

@media only screen and (max-width: 991px) {
  .pro-details-col-5 .col {
    width: 33.33%; } }

@media only screen and (max-width: 767px) {
  .pro-details-col-5 .col {
    width: 50%; } }

@media only screen and (max-width: 575px) {
  .pro-details-col-5 .col {
    width: 100%; } }

  @media only screen and (max-width: 1199px) {
    .service_menu_nav {
      padding: 15px; } }
   @media only screen and (max-width: 1199px) {
        .service_menu_nav ul li a {
          padding: 15px; } }
     @media only screen and (max-width: 1199px) {
          .service_menu_nav ul li a:before {
            font-size: 22px; } }
     @media only screen and (max-width: 1199px) {
          .service_menu_nav ul li:hover a:before, .service_menu_nav ul li.current-menu-item a:before, .service_menu_nav ul li.active a:before {
            font-size: 22px;
            right: 5px; } }
      @media only screen and (max-width: 575px) {
        .author-box.style-1 .author-profile-info {
          display: block;
          text-align: center; }
          .author-box.style-1 .author-profile-info .author-profile-pic {
            margin: auto;
            margin-bottom: 20px; } }
  @media only screen and (max-width: 575px) {
    .clients-box {
      padding: 0; } }
   @media only screen and (max-width: 575px) {
      .pagination.style-1 li .page-link {
        padding: 10px 12px; }
        .pagination.style-1 li .page-link img {
          width: 60px;
          height: 60px; } }
 @media only screen and (max-width: 991px) {
    .widget-row .grid-item {
      width: 50%; } }
  @media only screen and (max-width: 767px) {
    .widget-row .grid-item {
      width: 100%; } }
/* Mobile */
@media only screen and (max-width: 767px) {
  .sidebar-widget h1,
  .sidebar-widget h2,
  .sidebar-widget h3,
  .sidebar-widget h4,
  .sidebar-widget h5,
  .sidebar-widget h6,
  .sidebar-widget .h1,
  .sidebar-widget .h2,
  .sidebar-widget .h3,
  .sidebar-widget .h4,
  .sidebar-widget .h5,
  .sidebar-widget .h6,
  .sidebar-widget .wp-block-group__inner-container > h1,
  .sidebar-widget .wp-block-group__inner-container > h2,
  .sidebar-widget .wp-block-group__inner-container > h3,
  .sidebar-widget .wp-block-group__inner-container > h4,
  .sidebar-widget .wp-block-group__inner-container > h5,
  .sidebar-widget .wp-block-group__inner-container > h6,
  .shop-widget h1,
  .shop-widget h2,
  .shop-widget h3,
  .shop-widget h4,
  .shop-widget h5,
  .shop-widget h6,
  .shop-widget .h1,
  .shop-widget .h2,
  .shop-widget .h3,
  .shop-widget .h4,
  .shop-widget .h5,
  .shop-widget .h6,
  .shop-widget .wp-block-group__inner-container > h1,
  .shop-widget .wp-block-group__inner-container > h2,
  .shop-widget .wp-block-group__inner-container > h3,
  .shop-widget .wp-block-group__inner-container > h4,
  .shop-widget .wp-block-group__inner-container > h5,
  .shop-widget .wp-block-group__inner-container > h6 {
    margin-bottom: 15px;
  }
}

  @media only screen and (max-width: 767px) {
    .quick-view-modal .modal-content {
      padding: 50px 30px 30px; } }
  @media only screen and (max-width: 575px) {
    .quick-view-modal .modal-content {
      padding: 50px 15px 20px; } }
  
  @media only screen and (max-width: 575px) {
  .quick-view-modal .dz-product-detail.style-2 .dz-content .title {
    font-size: 24px; } }

    @media only screen and (max-width: 575px) {
  .quick-view-modal .dz-product-detail .meta-content {
    justify-content: space-between; }
  .quick-view-modal .dz-product-detail .btn-quantity .bootstrap-touchspin {
    width: 120px;
    min-width: 120px;
    height: 30px; }
  .quick-view-modal .dz-product-detail .btn-quantity input {
    width: 40px !important;
    height: 30px !important; }
  .quick-view-modal .dz-product-detail  .btn-quantity .btn, .quick-view-modal 
.dz-product-detail 
.btn-quantity .wp-block-button__link {
  min-width: 30px;
  font-size: 14px;
}

  }

     @media only screen and (max-width: 767px) {
      .inquiry-modal .modal-dialog {
        margin: 0 15px; } }
    @media only screen and (max-width: 575px) {
      .inquiry-modal .modal-dialog {
        max-width: 350px;
        margin: 0 auto; } }
  @media only screen and (max-width: 575px) {
      .inquiry-modal .inquiry-adv {
        display: none; } }
    
           @media only screen and (max-width: 767px) {
      .inquiry-modal .modal-content {
        padding: 20px; } }
    @media only screen and (max-width: 575px) {
      .inquiry-modal .modal-content {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 20px; } }
    
         @media only screen and (max-width: 767px) {
        .inquiry-modal .modal-content .modal-header {
          margin-bottom: 15px; } }
    
      @media (min-width: 1200px) {
    .display-5 {
      font-size: 3rem; } }
@media (prefers-reduced-motion:reduce){
  .btn,.wp-block-button__link{transition:none;}
}
@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 (prefers-reduced-motion: reduce) {
    .nav-link {
      transition: none; } }
  
       @media only screen and (max-width: 575px) {
    body {
      font-size: 14px; } }
  @media only screen and (max-width: 767px) {
    h3, .h3,
    .h3 {
      font-size: 1.625rem; } }
 @media only screen and (max-width: 767px) {
    h4, .h4,
    .h4 {
      font-size: 1.25rem; } }
@media only screen and (max-width: 767px) {
    h5, .h5,
    .h5 {
      font-size: 1.125rem; } }
 @media only screen and (max-width: 767px) {
    h6, .h6,
    .h6 {
      font-size: 1rem; } }
  @media only screen and (max-width: 575px) {
    #pointer-dot {
      display: none; } }
     @media only screen and (max-width: 1480px) {
        .main-slider.style-2 .banner-content .bnr-content-bx {
          width: 200px;
          padding: 15px;
          right: 1vw; }
          .main-slider.style-2 .banner-content .bnr-content-bx .dz-title {
            font-size: 16px; }
          .main-slider.style-2 .banner-content .bnr-content-bx .dz-info {
            padding-top: 12px; }
          .main-slider.style-2 .banner-content .bnr-content-bx:after {
            border-radius: 15px 0 0 15px; }
          .main-slider.style-2 .banner-content .bnr-content-bx:hover:after {
            border-radius: 15px; } }
      @media only screen and (max-width: 767px) {
        .main-slider.style-2 .banner-content .bnr-content-bx {
          display: none; } }
 @media only screen and (max-width: 767px) {
        .main-slider.style-2 .banner-content .bnr-customer-bx {
          display: none; } }

           @media only screen and (max-width: 767px) {
        .main-slider.style-3 .banner-content .content-info {
          padding-bottom: 0; } }
    @media only screen and (max-width: 767px) {
      .main-slider.style-3 .product-card {
        display: none; } }
 
   @media only screen and (max-width: 1480px) {
      .main-slider.style-3 .collection1,
      .main-slider.style-3 .collection2,
      .main-slider.style-3 .collection3 {
        display: none; } }
     @media only screen and (max-width: 1480px) {
        .main-slider-wrapper .slider-inner .swiper-meta-items {
          margin-bottom: 20px; } }
     @media only screen and (max-width: 767px) {
          .main-slider-wrapper .slider-inner .swiper-meta-items .meta-content {
            margin-right: 10px; } }
        @media only screen and (max-width: 767px) {
            .main-slider-wrapper .slider-inner .swiper-meta-items .meta-content .price-num {
              font-size: 28px; } }
        @media only screen and (max-width: 1199px) {
    .panel-close-btn {
      display: block; } }
   @media only screen and (max-width: 575px) {
      .table tr td,
      .table tr th {
        padding: 5px; } }
  @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; } }
    @media only screen and (max-width: 1199px) {
        .check-tbl tbody tr td.product-item-name {
          font-size: 16px; } }
   @media only screen and (max-width: 575px) {
      .site-filters.style-1 {
        margin-bottom: 40px; } }
    @media only screen and (max-width: 575px) {
      .site-filters.style-2 {
        margin-bottom: 40px; }
        .site-filters.style-2 li {
          padding: 0 !important; }
          .site-filters.style-2 li a {
            margin: 0 1px 5px;
            padding: 5px 10px; } }
   @media only screen and (max-width: 575px) {
    .site-filters.style-3 {
      margin-bottom: 40px; }
      .site-filters.style-3 li {
        padding: 0 !important; }
        .site-filters.style-3 li a {
          margin: 0 1px 5px;
          padding: 5px 10px; } }
@media only screen and (max-width: 1480px) {
  .owl-btn-center-lr .owl-prev {
    left: -40px; }
  .owl-btn-center-lr .owl-next {
    right: -40px; } }

@media only screen and (max-width: 1199px) {
  .owl-btn-center-lr .owl-prev {
    left: -20px; }
  .owl-btn-center-lr .owl-next {
    right: -20px; } }
 @media only screen and (max-width: 991px) {
    .owl-btn-1 .owl-nav button.owl-prev, .owl-btn-1 .owl-nav button.owl-next {
      margin: 0 10px !important; } }
 @media only screen and (max-width: 575px) {
    .owl-btn-2 .owl-nav .owl-prev,
    .owl-btn-2 .owl-nav .owl-next {
      height: 40px;
      line-height: 40px;
      width: 40px;
      font-size: 18px !important; } }
@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; } }
@media only screen and (max-width: 575px) {
  .dz-accordion .accordion-header .accordion-button {
    padding: 15px 65px 15px 15px;
    font-size: 16px; } }
@media only screen and (max-width: 575px) {
    .pagination.style-1 li {
      margin: 0 3px; }
      .pagination.style-1 li .page-numbers,
      .pagination.style-1 li .page-link {
        height: 35px;
        min-width: 35px;
        line-height: 35px;
        border-radius: var(--border-radius-base); } }
   @media only screen and (max-width: 575px) {
      .pagination.style-1 li .prev,
      .pagination.style-1 li .next {
        min-width: 90px;
        font-size: 14px; } }
  @media only screen and (max-width: 575px) {
    ul.grid-2 li {
      width: 100%; } }
 @media only screen and (max-width: 1200px) {
    .list-check-box li {
      font-size: 20px; } }
  @media only screen and (max-width: 575px) {
    .list-check-box li {
      font-size: 18px;
      padding: 20px 10px 20px 55px; }
      .list-check-box li:after {
        left: 20px; } }
 @media only screen and (max-width: 575px) {
    .scroltop {
      width: 35px;
      height: 35px;
      line-height: 35px;
      right: 15px; } }
@media only screen and (max-width: 1480px) {
  .video-bx1 .video-btn {
    width: 90px;
    height: 90px; }
    .video-bx1 .video-btn svg {
      width: 30px;
      height: 30px; } }

@media only screen and (max-width: 575px) {
  .video-bx1 .video-btn {
    width: 70px;
    height: 70px; }
    .video-bx1 .video-btn svg {
      width: 18px;
      height: 25px; } }
  @media only screen and (max-width: 991px) {
    .video-bx2 .video-btn {
      height: 50px;
      width: 50px;
      min-width: 50px;
      line-height: 50px; } }
  @media only screen and (max-width: 575px) {
    .video-bx2 {
      height: 120px;
      width: 120px;
      min-width: 120px; }
      .video-bx2 .video-btn {
        height: 40px;
        width: 40px;
        min-width: 40px;
        line-height: 40px;
        font-size: 16px; } }
 @media only screen and (max-width: 575px) {
    .btn-next,
    .btn-prev {
      width: 40px;
      height: 40px;
      line-height: 38px; } }
 @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; } }
  
    @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; } }
    @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; } }
 @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; } }
      @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; } }
  @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; } }
    @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; } }
 @media only screen and (max-width: 1199px) {
    .portfolio-gallery2 .swiper-wrapper .swiper-slide {
      width: 80%; } }
  @media only screen and (max-width: 1199px) {
      .portfolio-gallery2 .swiper-wrapper .swiper-slide img {
        height: 75vh !important;
        min-height: auto; } }
    @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; } }
@media only screen and (max-width: 767px) {
  .project-carousel .swiper-wrapper .swiper-slide img {
    height: 30vh; } }

      @media only screen and (max-width: 991px) {
    .widget {
      margin-bottom: 40px; } }

      @media only screen and (max-width: 767px) {
  .adv-area {
    padding-top: 0; } }
@media (min-width: 1200px) {
    h1, .h1 {
      font-size: 2.5rem; } }

@media (min-width: 1200px) {
    h2, .h2 {
      font-size: 1.75rem; } }
  @media (min-width: 1200px) {
    h3, .h3 {
      font-size: 1.5rem;
     } }


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


@media only screen and (max-width: 991px) {
  .side-bar.sticky-top {
    position: unset;
    padding: 0; } }
  @media only screen and (max-width: 991px) {
    .dz-share-post {
      margin-bottom: 40px; } }
 
   @media only screen and (max-width: 767px) {
    .dz-share-post .post-tags a {
      margin: 0 3px; }
    .dz-share-post .dz-social {
      margin-bottom: 15px; } }
  @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; } }
  @media only screen and (max-width: 1680px) {
    .dz-coming-bx {
      padding: 50px; } }
  @media only screen and (max-width: 1199px) {
    .dz-coming-bx {
      padding: 30px; } }
  @media only screen and (max-width: 575px) {
    .dz-coming-bx {
      padding: 20px; } }
    @media only screen and (max-width: 1680px) {
      .dz-coming-bx .dz-content {
        margin-top: 30px; } }
    @media only screen and (max-width: 575px) {
      .dz-coming-bx .dz-content {
        margin-top: 20px; } }
     @media only screen and (max-width: 1680px) {
    .countdown-row {
      bottom: 50px; } }
  @media only screen and (max-width: 1199px) {
    .countdown-row {
      bottom: 30px; } }
  @media screen and (max-height: 550px) {
    .countdown-row {
      bottom: auto;
      position: unset; } }

        @media only screen and (max-width: 1199px) {
    .countdown {
      margin: 0 -10px; } }
      @media only screen and (max-width: 1199px) {
      .countdown .date {
        padding: 0 10px; } }
       @media only screen and (max-width: 1199px) {
        .countdown .date .time {
          font-size: 50px; } }

           @media only screen and (max-width: 1199px) {
        .countdown .date .text {
          font-size: 12px; } }
            @media only screen and (max-width: 575px) {
    .under-construct .dz-social-icon.style-2 li a {
      width: 45px;
      height: 45px;
      line-height: 45px;
      font-size: 18px; } }

       @media only screen and (max-width: 1480px) {
      .error-page.style-1 .dz-error-media {
        margin-right: 40px; }
      .error-page.style-1 .error-inner .error-head {
        font-size: 28px; } }
    @media only screen and (max-width: 991px) {
      .error-page.style-1 .dz-error-media {
        width: 200px;
        min-width: 200px; } }
    @media only screen and (max-width: 767px) {
      .error-page.style-1 {
        margin-bottom: 30px; }
        .error-page.style-1 .dz-error-media {
          margin-right: 30px;
          width: 180px;
          min-width: 180px; }
        .error-page.style-1 .error-inner .dz_error {
          font-size: 100px; }
        .error-page.style-1 .error-inner .error-head {
          font-size: 18px;
          margin-bottom: 15px; } }
    @media only screen and (max-width: 575px) {
      .error-page.style-1 {
        display: block;
        text-align: center; }
        .error-page.style-1 .dz-error-media {
          margin-right: auto;
          margin-left: auto;
          margin-bottom: 30px; } }
  
  @media only screen and (max-width: 767px) {
.dz-shop-card.style-2 .dz-media {
margin-right: 15px; } }


@media only screen and (max-width: 575px) {
  .dz-shop-card.style-2 .dz-media {
    margin-right: 0;
    width: 100%;
    max-width: 100%; } }

      @media only screen and (max-width: 575px) {
.dz-shop-card.style-2 {
  display: block; } }

@media only screen and (max-width: 575px) {
    .dz-card.style-2 .dz-info .dz-title a{
        font-size: 16px;
    }
  .dz-shop-card.style-2 .dz-content {
    padding-top: 20px; } }

          @media only screen and (max-width: 767px) {
              .pb-sm-20{
                  padding-bottom: 20px !important;
              }
    .dz-shop-card.style-2 .dz-content .review-num {
      min-width: 90px;
      margin-left: 0; }
      .dz-shop-card.style-2 .dz-content .review-num .woocommerce-review-link {
        text-align: left; } }
@media only screen and (max-width: 575px) {
    .shop-card.style-5 .dz-content .title {
        font-size: 14px;
    }
  .tabs-site-button .nav-tabs li {
    margin: auto; } }
    
    @media (max-width: 576px){
        .breadcrumb-row ul li{
            padding-left: 0px !important;
        }
          .breadcrumb-row ul .breadcrumb-item + .breadcrumb-item::before{
              padding-right: 8px;
          }
      .breadcrumb-row ul .breadcrumb-item + .breadcrumb-item::before {
        top: 0px;
        font-size: 12px;
      }
        
        .inquiry-modal .modal-content .modal-header .modal-title{
                font-size: 22px;
        }
        .inquiry-modal .modal-content .modal-header .text{
            font-size: 14px;
        }
        .sale-box .style-1{
            font-size: 14px !important;
        }
        .main-content .style-1 {
            font-size: 14px !important;
        }
             .d-none-resp{
        display: none !important;
             }
    }
    @media (max-width: 992px){
       footer.footer-dark .footer-bottom .fb-inner{
           padding-bottom: 70px;
       }
    }