/*
 * product.css — Page-specific stylesheet for WooCommerce single product page
 * Built from: main.css + bootstrap.css + font-awesome-pro.css
 * Only includes CSS for classes actually used on the rendered product page.
 * All responsive @media breakpoints preserved.
 * Font: Arial, sans-serif (system font — no downloads)
 * Generated: 2026-03-27 06:20:06
 *
 * Sections:
 *   1.  CSS Variables (:root)
 *   2.  Bootstrap (grid, flex, spacing, tables, modal, nav/tabs, buttons)
 *   3.  Font Awesome (icons replaced — Unicode + inline SVG, no font download)
 *   4.  BASE — Global element rules (body, a, img, h1-h6, keyframes…)
 *   ██  HEADER — Top bar, logo, nav, megamenu, search, sticky, breadcrumb
 *   ██  MAIN BODY — Product detail, gallery, specs, compare, WA button
 *   ██  FOOTER — Widgets, contact, copyright, social, payment
 *   7–18. Plugin CSS (WooCommerce, megamenu, compare, WhatsApp…)
 */
/* =============================================================
   1. CSS VARIABLES
   ============================================================= */
:root {
  /**
  @font family declaration
  */
  --tp-ff-body: Arial, sans-serif;
  --tp-ff-heading: Arial, sans-serif;
  --tp-ff-p: Arial, sans-serif;
  --tp-ff-jost: Arial, sans-serif;
  --tp-ff-fontawesome: "Font Awesome 6 Pro";
  --tp-ff-roboto: Arial, sans-serif;
  --tp-ff-oregano: Arial, sans-serif;
  --tp-ff-charm: Arial, sans-serif;
  /**
  @color declaration
  */
  --tp-common-white: #ffffff;
  --tp-common-black-solid: #000;
  --tp-common-black: #010F1C;
  --tp-yellow-1: #FFB342;
  --tp-yellow-2: #FFD43A;
  --tp-yellow-3: #FFB21D;
  --tp-pink-1: #FD4B6B;
  --tp-pink-2: #FD2D6C;
  --tp-pink-3: #FF296A;
  --tp-pink-4: #FF3494;
  --tp-green-dark: #115061;
  --tp-green-1: #31B757;
  --tp-khaki-1: #AB9774;
  --tp-blue-1: #0989FF;
  --tp-orange-1: #FF6736;
  --tp-heading-primary: #010F1C;
  --tp-heading-secondary: #021D35;
  --tp-grey-1: #F6F7F9;
  --tp-grey-2: #ECF2F7;
  --tp-grey-3: #CAD4DB;
  --tp-grey-4: #F8F8F8;
  --tp-grey-5: #EFF0ED;
  --tp-grey-6: #EFF1F5;
  --tp-grey-7: #F6F6F6;
  --tp-grey-8: #EAE4DE;
  --tp-grey-9: #E5E9F2;
  --tp-text-body: #55585B;
  --tp-text-1: #767A7D;
  --tp-text-2: #55585B;
  --tp-text-3: #A0A2A4;
  --tp-text-4: #7D7F82;
  --tp-text-5: #888A8C;
  --tp-text-6: #90969B;
  --tp-theme-primary: #d90228;
  --tp-theme-secondary: #821F40;
  --tp-theme-brown: #BD844C;
  --tp-theme-whatsapp: #075E54;
  --tp-theme-green: #678E61;
  --tp-footer-grey-1: #F4F7F9;
  --tp-border-primary: #EAEBED;
  --tp-border-secondary: #F0F2F4;
  --tp-border-3: #E4E5E9;
  --tp-border-4: #E6E7E8;
}

/* =============================================================
   2. BOOTSTRAP — Grid / Flex / Spacing / Tables / Modal / Tabs
   ============================================================= */
@charset "UTF-8";
:root {--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-body-color-rgb:33,37,41;--bs-body-bg-rgb:255,255,255;--bs-font-sans-serif:Arial, sans-serif;--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-bg:#fff;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-2xl:2rem;--bs-border-radius-pill:50rem;--bs-link-color:#0d6efd;--bs-link-hover-color:#0a58ca;--bs-code-color:#d63384;--bs-highlight-bg:#fff3cd}
::after,
::before {box-sizing:border-box}
@media (prefers-reduced-motion:no-preference){
:root {scroll-behavior:smooth}
}
body {margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
tbody {border-color:inherit;border-style:solid;border-width:0}
.blockquote-footer::before {content:"— "}
.img-fluid {max-width:100%;height:auto}
.img-thumbnail {padding:.25rem;background-color:#fff;border:1px solid var(--bs-border-color);border-radius:.375rem;max-width:100%;height:auto}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}
@media (min-width:576px){
.container,
.container-sm {max-width:540px}
}
@media (min-width:768px){
.container,
.container-md,
.container-sm {max-width:720px}
}
@media (min-width:992px){
.container,
.container-lg,
.container-md,
.container-sm {max-width:960px}
}
@media (min-width:1200px){
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {max-width:1140px}
}
@media (min-width:1400px){
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {max-width:1320px}
}
.row {--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}
.row>* {flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}
.row-cols-auto>* {flex:0 0 auto;width:auto}
.row-cols-1>* {flex:0 0 auto;width:100%}
.row-cols-2>* {flex:0 0 auto;width:50%}
.row-cols-3>* {flex:0 0 auto;width:33.3333333333%}
.row-cols-4>* {flex:0 0 auto;width:25%}
.row-cols-5>* {flex:0 0 auto;width:20%}
.row-cols-6>* {flex:0 0 auto;width:16.6666666667%}
.col-auto {flex:0 0 auto;width:auto}
.col-1 {flex:0 0 auto;width:8.33333333%}
.col-2 {flex:0 0 auto;width:16.66666667%}
.col-3 {flex:0 0 auto;width:25%}
.col-4 {flex:0 0 auto;width:33.33333333%}
.col-5 {flex:0 0 auto;width:41.66666667%}
.col-6 {flex:0 0 auto;width:50%}
.col-7 {flex:0 0 auto;width:58.33333333%}
.col-8 {flex:0 0 auto;width:66.66666667%}
.col-9 {flex:0 0 auto;width:75%}
.col-10 {flex:0 0 auto;width:83.33333333%}
.col-11 {flex:0 0 auto;width:91.66666667%}
.col-12 {flex:0 0 auto;width:100%}
.offset-1 {margin-left:8.33333333%}
.offset-2 {margin-left:16.66666667%}
.offset-3 {margin-left:25%}
.offset-4 {margin-left:33.33333333%}
.offset-5 {margin-left:41.66666667%}
.offset-6 {margin-left:50%}
.offset-7 {margin-left:58.33333333%}
.offset-8 {margin-left:66.66666667%}
.offset-9 {margin-left:75%}
.offset-10 {margin-left:83.33333333%}
.offset-11 {margin-left:91.66666667%}
@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.3333333333%}
.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.6666666667%}
.col-sm-auto {flex:0 0 auto;width:auto}
.col-sm-1 {flex:0 0 auto;width:8.33333333%}
.col-sm-2 {flex:0 0 auto;width:16.66666667%}
.col-sm-3 {flex:0 0 auto;width:25%}
.col-sm-4 {flex:0 0 auto;width:33.33333333%}
.col-sm-5 {flex:0 0 auto;width:41.66666667%}
.col-sm-6 {flex:0 0 auto;width:50%}
.col-sm-7 {flex:0 0 auto;width:58.33333333%}
.col-sm-8 {flex:0 0 auto;width:66.66666667%}
.col-sm-9 {flex:0 0 auto;width:75%}
.col-sm-10 {flex:0 0 auto;width:83.33333333%}
.col-sm-11 {flex:0 0 auto;width:91.66666667%}
.col-sm-12 {flex:0 0 auto;width:100%}
.offset-sm-0 {margin-left:0}
.offset-sm-1 {margin-left:8.33333333%}
.offset-sm-2 {margin-left:16.66666667%}
.offset-sm-3 {margin-left:25%}
.offset-sm-4 {margin-left:33.33333333%}
.offset-sm-5 {margin-left:41.66666667%}
.offset-sm-6 {margin-left:50%}
.offset-sm-7 {margin-left:58.33333333%}
.offset-sm-8 {margin-left:66.66666667%}
.offset-sm-9 {margin-left:75%}
.offset-sm-10 {margin-left:83.33333333%}
.offset-sm-11 {margin-left:91.66666667%}
}
@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.3333333333%}
.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.6666666667%}
.col-md-auto {flex:0 0 auto;width:auto}
.col-md-1 {flex:0 0 auto;width:8.33333333%}
.col-md-2 {flex:0 0 auto;width:16.66666667%}
.col-md-3 {flex:0 0 auto;width:25%}
.col-md-4 {flex:0 0 auto;width:33.33333333%}
.col-md-5 {flex:0 0 auto;width:41.66666667%}
.col-md-6 {flex:0 0 auto;width:50%}
.col-md-7 {flex:0 0 auto;width:58.33333333%}
.col-md-8 {flex:0 0 auto;width:66.66666667%}
.col-md-9 {flex:0 0 auto;width:75%}
.col-md-10 {flex:0 0 auto;width:83.33333333%}
.col-md-11 {flex:0 0 auto;width:91.66666667%}
.col-md-12 {flex:0 0 auto;width:100%}
.offset-md-0 {margin-left:0}
.offset-md-1 {margin-left:8.33333333%}
.offset-md-2 {margin-left:16.66666667%}
.offset-md-3 {margin-left:25%}
.offset-md-4 {margin-left:33.33333333%}
.offset-md-5 {margin-left:41.66666667%}
.offset-md-6 {margin-left:50%}
.offset-md-7 {margin-left:58.33333333%}
.offset-md-8 {margin-left:66.66666667%}
.offset-md-9 {margin-left:75%}
.offset-md-10 {margin-left:83.33333333%}
.offset-md-11 {margin-left:91.66666667%}
}
@media (min-width:992px){
.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.3333333333%}
.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.6666666667%}
.col-lg-auto {flex:0 0 auto;width:auto}
.col-lg-1 {flex:0 0 auto;width:8.33333333%}
.col-lg-2 {flex:0 0 auto;width:16.66666667%}
.col-lg-3 {flex:0 0 auto;width:25%}
.col-lg-4 {flex:0 0 auto;width:33.33333333%}
.col-lg-5 {flex:0 0 auto;width:41.66666667%}
.col-lg-6 {flex:0 0 auto;width:50%}
.col-lg-7 {flex:0 0 auto;width:58.33333333%}
.col-lg-8 {flex:0 0 auto;width:66.66666667%}
.col-lg-9 {flex:0 0 auto;width:75%}
.col-lg-10 {flex:0 0 auto;width:83.33333333%}
.col-lg-11 {flex:0 0 auto;width:91.66666667%}
.col-lg-12 {flex:0 0 auto;width:100%}
.offset-lg-0 {margin-left:0}
.offset-lg-1 {margin-left:8.33333333%}
.offset-lg-2 {margin-left:16.66666667%}
.offset-lg-3 {margin-left:25%}
.offset-lg-4 {margin-left:33.33333333%}
.offset-lg-5 {margin-left:41.66666667%}
.offset-lg-6 {margin-left:50%}
.offset-lg-7 {margin-left:58.33333333%}
.offset-lg-8 {margin-left:66.66666667%}
.offset-lg-9 {margin-left:75%}
.offset-lg-10 {margin-left:83.33333333%}
.offset-lg-11 {margin-left:91.66666667%}
}
@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.3333333333%}
.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.6666666667%}
.col-xl-auto {flex:0 0 auto;width:auto}
.col-xl-1 {flex:0 0 auto;width:8.33333333%}
.col-xl-2 {flex:0 0 auto;width:16.66666667%}
.col-xl-3 {flex:0 0 auto;width:25%}
.col-xl-4 {flex:0 0 auto;width:33.33333333%}
.col-xl-5 {flex:0 0 auto;width:41.66666667%}
.col-xl-6 {flex:0 0 auto;width:50%}
.col-xl-7 {flex:0 0 auto;width:58.33333333%}
.col-xl-8 {flex:0 0 auto;width:66.66666667%}
.col-xl-9 {flex:0 0 auto;width:75%}
.col-xl-10 {flex:0 0 auto;width:83.33333333%}
.col-xl-11 {flex:0 0 auto;width:91.66666667%}
.col-xl-12 {flex:0 0 auto;width:100%}
.offset-xl-0 {margin-left:0}
.offset-xl-1 {margin-left:8.33333333%}
.offset-xl-2 {margin-left:16.66666667%}
.offset-xl-3 {margin-left:25%}
.offset-xl-4 {margin-left:33.33333333%}
.offset-xl-5 {margin-left:41.66666667%}
.offset-xl-6 {margin-left:50%}
.offset-xl-7 {margin-left:58.33333333%}
.offset-xl-8 {margin-left:66.66666667%}
.offset-xl-9 {margin-left:75%}
.offset-xl-10 {margin-left:83.33333333%}
.offset-xl-11 {margin-left:91.66666667%}
}
@media (min-width:1400px){
.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.3333333333%}
.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.6666666667%}
.col-xxl-auto {flex:0 0 auto;width:auto}
.col-xxl-1 {flex:0 0 auto;width:8.33333333%}
.col-xxl-2 {flex:0 0 auto;width:16.66666667%}
.col-xxl-3 {flex:0 0 auto;width:25%}
.col-xxl-4 {flex:0 0 auto;width:33.33333333%}
.col-xxl-5 {flex:0 0 auto;width:41.66666667%}
.col-xxl-6 {flex:0 0 auto;width:50%}
.col-xxl-7 {flex:0 0 auto;width:58.33333333%}
.col-xxl-8 {flex:0 0 auto;width:66.66666667%}
.col-xxl-9 {flex:0 0 auto;width:75%}
.col-xxl-10 {flex:0 0 auto;width:83.33333333%}
.col-xxl-11 {flex:0 0 auto;width:91.66666667%}
.col-xxl-12 {flex:0 0 auto;width:100%}
.offset-xxl-0 {margin-left:0}
.offset-xxl-1 {margin-left:8.33333333%}
.offset-xxl-2 {margin-left:16.66666667%}
.offset-xxl-3 {margin-left:25%}
.offset-xxl-4 {margin-left:33.33333333%}
.offset-xxl-5 {margin-left:41.66666667%}
.offset-xxl-6 {margin-left:50%}
.offset-xxl-7 {margin-left:58.33333333%}
.offset-xxl-8 {margin-left:66.66666667%}
.offset-xxl-9 {margin-left:75%}
.offset-xxl-10 {margin-left:83.33333333%}
.offset-xxl-11 {margin-left:91.66666667%}
}
.table {--bs-table-color:var(--bs-body-color);--bs-table-bg:transparent;--bs-table-border-color:var(--bs-border-color);--bs-table-accent-bg:transparent;--bs-table-striped-color:var(--bs-body-color);--bs-table-striped-bg:rgba(0, 0, 0, 0.05);--bs-table-active-color:var(--bs-body-color);--bs-table-active-bg:rgba(0, 0, 0, 0.1);--bs-table-hover-color:var(--bs-body-color);--bs-table-hover-bg:rgba(0, 0, 0, 0.075);width:100%;margin-bottom:1rem;color:var(--bs-table-color);vertical-align:top;border-color:var(--bs-table-border-color)}
.table>:not(caption)>*>* {padding:.5rem .5rem;background-color:var(--bs-table-bg);border-bottom-width:1px;box-shadow:inset 0 0 0 9999px var(--bs-table-accent-bg)}
.table>tbody {vertical-align:inherit}
.table>thead {vertical-align:bottom}
.table-group-divider {border-top:2px solid currentcolor}
.table-sm>:not(caption)>*>* {padding:.25rem .25rem}
.table-bordered>:not(caption)>* {border-width:1px 0}
.table-bordered>:not(caption)>*>* {border-width:0 1px}
.table-borderless>:not(caption)>*>* {border-bottom-width:0}
.table-borderless>:not(:first-child) {border-top-width:0}
.table-striped>tbody>tr:nth-of-type(odd)>* {--bs-table-accent-bg:var(--bs-table-striped-bg);color:var(--bs-table-striped-color)}
.table-striped-columns>:not(caption)>tr>:nth-child(2n) {--bs-table-accent-bg:var(--bs-table-striped-bg);color:var(--bs-table-striped-color)}
.table-active {--bs-table-accent-bg:var(--bs-table-active-bg);color:var(--bs-table-active-color)}
.table-hover>tbody>tr:hover>* {--bs-table-accent-bg:var(--bs-table-hover-bg);color:var(--bs-table-hover-color)}
.table-primary {--bs-table-color:#000;--bs-table-bg:#cfe2ff;--bs-table-border-color:#bacbe6;--bs-table-striped-bg:#c5d7f2;--bs-table-striped-color:#000;--bs-table-active-bg:#bacbe6;--bs-table-active-color:#000;--bs-table-hover-bg:#bfd1ec;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}
.table-secondary {--bs-table-color:#000;--bs-table-bg:#e2e3e5;--bs-table-border-color:#cbccce;--bs-table-striped-bg:#d7d8da;--bs-table-striped-color:#000;--bs-table-active-bg:#cbccce;--bs-table-active-color:#000;--bs-table-hover-bg:#d1d2d4;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}
.table-success {--bs-table-color:#000;--bs-table-bg:#d1e7dd;--bs-table-border-color:#bcd0c7;--bs-table-striped-bg:#c7dbd2;--bs-table-striped-color:#000;--bs-table-active-bg:#bcd0c7;--bs-table-active-color:#000;--bs-table-hover-bg:#c1d6cc;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}
.table-info {--bs-table-color:#000;--bs-table-bg:#cff4fc;--bs-table-border-color:#badce3;--bs-table-striped-bg:#c5e8ef;--bs-table-striped-color:#000;--bs-table-active-bg:#badce3;--bs-table-active-color:#000;--bs-table-hover-bg:#bfe2e9;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}
.table-warning {--bs-table-color:#000;--bs-table-bg:#fff3cd;--bs-table-border-color:#e6dbb9;--bs-table-striped-bg:#f2e7c3;--bs-table-striped-color:#000;--bs-table-active-bg:#e6dbb9;--bs-table-active-color:#000;--bs-table-hover-bg:#ece1be;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}
.table-danger {--bs-table-color:#000;--bs-table-bg:#f8d7da;--bs-table-border-color:#dfc2c4;--bs-table-striped-bg:#eccccf;--bs-table-striped-color:#000;--bs-table-active-bg:#dfc2c4;--bs-table-active-color:#000;--bs-table-hover-bg:#e5c7ca;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}
.table-light {--bs-table-color:#000;--bs-table-bg:#f8f9fa;--bs-table-border-color:#dfe0e1;--bs-table-striped-bg:#ecedee;--bs-table-striped-color:#000;--bs-table-active-bg:#dfe0e1;--bs-table-active-color:#000;--bs-table-hover-bg:#e5e6e7;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}
.table-dark {--bs-table-color:#fff;--bs-table-bg:#212529;--bs-table-border-color:#373b3e;--bs-table-striped-bg:#2c3034;--bs-table-striped-color:#fff;--bs-table-active-bg:#373b3e;--bs-table-active-color:#fff;--bs-table-hover-bg:#323539;--bs-table-hover-color:#fff;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}
.table-responsive {overflow-x:auto;-webkit-overflow-scrolling:touch}
@media (max-width:575.98px){
.table-responsive-sm {overflow-x:auto;-webkit-overflow-scrolling:touch}
}
@media (max-width:767.98px){
.table-responsive-md {overflow-x:auto;-webkit-overflow-scrolling:touch}
}
@media (max-width:991.98px){
.table-responsive-lg {overflow-x:auto;-webkit-overflow-scrolling:touch}
}
@media (max-width:1199.98px){
.table-responsive-xl {overflow-x:auto;-webkit-overflow-scrolling:touch}
}
@media (max-width:1399.98px){
.table-responsive-xxl {overflow-x:auto;-webkit-overflow-scrolling:touch}
}
.col-form-label {padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}
.col-form-label-lg {padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem}
.col-form-label-sm {padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem}
.btn-check {position:absolute;clip:rect(0,0,0,0);pointer-events:none}
.btn-check:disabled+.btn,
.btn-check[disabled]+.btn {pointer-events:none;filter:none;opacity:.65}
.input-group .btn {position:relative;z-index:2}
.input-group .btn:focus {z-index:5}
.input-group-lg>.btn {padding:.5rem 1rem;font-size:1.25rem;border-radius:.5rem}
.input-group-sm>.btn {padding:.25rem .5rem;font-size:.875rem;border-radius:.25rem}
.btn {--bs-btn-padding-x:0.75rem;--bs-btn-padding-y:0.375rem;--bs-btn-font-family: ;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:#212529;--bs-btn-bg:transparent;--bs-btn-border-width:1px;--bs-btn-border-color:transparent;--bs-btn-border-radius:0.375rem;--bs-btn-hover-border-color:transparent;--bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);--bs-btn-disabled-opacity:0.65;--bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce){
.btn {transition:none}
}
.btn:hover {color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}
.btn-check+.btn:hover {color:var(--bs-btn-color);background-color:var(--bs-btn-bg);border-color:var(--bs-btn-border-color)}
.btn:focus-visible {color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}
.btn-check:focus-visible+.btn {border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}
.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}
.btn-check:checked+.btn:focus-visible,
.btn.active:focus-visible,
.btn.show:focus-visible,
.btn:first-child:active:focus-visible,
:not(.btn-check)+.btn:active:focus-visible {box-shadow:var(--bs-btn-focus-box-shadow)}
.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}
.btn-primary {--bs-btn-color:#fff;--bs-btn-bg:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0b5ed7;--bs-btn-hover-border-color:#0a58ca;--bs-btn-focus-shadow-rgb:49,132,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0a58ca;--bs-btn-active-border-color:#0a53be;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#0d6efd;--bs-btn-disabled-border-color:#0d6efd}
.btn-secondary {--bs-btn-color:#fff;--bs-btn-bg:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#5c636a;--bs-btn-hover-border-color:#565e64;--bs-btn-focus-shadow-rgb:130,138,145;--bs-btn-active-color:#fff;--bs-btn-active-bg:#565e64;--bs-btn-active-border-color:#51585e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#6c757d;--bs-btn-disabled-border-color:#6c757d}
.btn-success {--bs-btn-color:#fff;--bs-btn-bg:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#157347;--bs-btn-hover-border-color:#146c43;--bs-btn-focus-shadow-rgb:60,153,110;--bs-btn-active-color:#fff;--bs-btn-active-bg:#146c43;--bs-btn-active-border-color:#13653f;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#198754;--bs-btn-disabled-border-color:#198754}
.btn-info {--bs-btn-color:#000;--bs-btn-bg:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#31d2f2;--bs-btn-hover-border-color:#25cff2;--bs-btn-focus-shadow-rgb:11,172,204;--bs-btn-active-color:#000;--bs-btn-active-bg:#3dd5f3;--bs-btn-active-border-color:#25cff2;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#0dcaf0;--bs-btn-disabled-border-color:#0dcaf0}
.btn-warning {--bs-btn-color:#000;--bs-btn-bg:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffca2c;--bs-btn-hover-border-color:#ffc720;--bs-btn-focus-shadow-rgb:217,164,6;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffcd39;--bs-btn-active-border-color:#ffc720;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#ffc107;--bs-btn-disabled-border-color:#ffc107}
.btn-danger {--bs-btn-color:#fff;--bs-btn-bg:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#bb2d3b;--bs-btn-hover-border-color:#b02a37;--bs-btn-focus-shadow-rgb:225,83,97;--bs-btn-active-color:#fff;--bs-btn-active-bg:#b02a37;--bs-btn-active-border-color:#a52834;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#dc3545;--bs-btn-disabled-border-color:#dc3545}
.btn-light {--bs-btn-color:#000;--bs-btn-bg:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#d3d4d5;--bs-btn-hover-border-color:#c6c7c8;--bs-btn-focus-shadow-rgb:211,212,213;--bs-btn-active-color:#000;--bs-btn-active-bg:#c6c7c8;--bs-btn-active-border-color:#babbbc;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#f8f9fa;--bs-btn-disabled-border-color:#f8f9fa}
.btn-dark {--bs-btn-color:#fff;--bs-btn-bg:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#424649;--bs-btn-hover-border-color:#373b3e;--bs-btn-focus-shadow-rgb:66,70,73;--bs-btn-active-color:#fff;--bs-btn-active-bg:#4d5154;--bs-btn-active-border-color:#373b3e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#212529;--bs-btn-disabled-border-color:#212529}
.btn-outline-primary {--bs-btn-color:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0d6efd;--bs-btn-hover-border-color:#0d6efd;--bs-btn-focus-shadow-rgb:13,110,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0d6efd;--bs-btn-active-border-color:#0d6efd;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#0d6efd;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0d6efd;--bs-gradient:none}
.btn-outline-secondary {--bs-btn-color:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#6c757d;--bs-btn-hover-border-color:#6c757d;--bs-btn-focus-shadow-rgb:108,117,125;--bs-btn-active-color:#fff;--bs-btn-active-bg:#6c757d;--bs-btn-active-border-color:#6c757d;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#6c757d;--bs-gradient:none}
.btn-outline-success {--bs-btn-color:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#198754;--bs-btn-hover-border-color:#198754;--bs-btn-focus-shadow-rgb:25,135,84;--bs-btn-active-color:#fff;--bs-btn-active-bg:#198754;--bs-btn-active-border-color:#198754;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#198754;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#198754;--bs-gradient:none}
.btn-outline-info {--bs-btn-color:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#0dcaf0;--bs-btn-hover-border-color:#0dcaf0;--bs-btn-focus-shadow-rgb:13,202,240;--bs-btn-active-color:#000;--bs-btn-active-bg:#0dcaf0;--bs-btn-active-border-color:#0dcaf0;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#0dcaf0;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0dcaf0;--bs-gradient:none}
.btn-outline-warning {--bs-btn-color:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffc107;--bs-btn-hover-border-color:#ffc107;--bs-btn-focus-shadow-rgb:255,193,7;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffc107;--bs-btn-active-border-color:#ffc107;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#ffc107;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#ffc107;--bs-gradient:none}
.btn-outline-danger {--bs-btn-color:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#dc3545;--bs-btn-hover-border-color:#dc3545;--bs-btn-focus-shadow-rgb:220,53,69;--bs-btn-active-color:#fff;--bs-btn-active-bg:#dc3545;--bs-btn-active-border-color:#dc3545;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#dc3545;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#dc3545;--bs-gradient:none}
.btn-outline-light {--bs-btn-color:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#f8f9fa;--bs-btn-hover-border-color:#f8f9fa;--bs-btn-focus-shadow-rgb:248,249,250;--bs-btn-active-color:#000;--bs-btn-active-bg:#f8f9fa;--bs-btn-active-border-color:#f8f9fa;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#f8f9fa;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#f8f9fa;--bs-gradient:none}
.btn-outline-dark {--bs-btn-color:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#212529;--bs-btn-hover-border-color:#212529;--bs-btn-focus-shadow-rgb:33,37,41;--bs-btn-active-color:#fff;--bs-btn-active-bg:#212529;--bs-btn-active-border-color:#212529;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#212529;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#212529;--bs-gradient:none}
.btn-link {--bs-btn-font-weight:400;--bs-btn-color:var(--bs-link-color);--bs-btn-bg:transparent;--bs-btn-border-color:transparent;--bs-btn-hover-color:var(--bs-link-hover-color);--bs-btn-hover-border-color:transparent;--bs-btn-active-color:var(--bs-link-hover-color);--bs-btn-active-border-color:transparent;--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-border-color:transparent;--bs-btn-box-shadow:none;--bs-btn-focus-shadow-rgb:49,132,253;text-decoration:underline}
.btn-link:focus-visible {color:var(--bs-btn-color)}
.btn-link:hover {color:var(--bs-btn-hover-color)}
.btn-group-lg>.btn,
.btn-lg {--bs-btn-padding-y:0.5rem;--bs-btn-padding-x:1rem;--bs-btn-font-size:1.25rem;--bs-btn-border-radius:0.5rem}
.btn-group-sm>.btn,
.btn-sm {--bs-btn-padding-y:0.25rem;--bs-btn-padding-x:0.5rem;--bs-btn-font-size:0.875rem;--bs-btn-border-radius:0.25rem}
.fade {transition:opacity .15s linear}
@media (prefers-reduced-motion:reduce){
.fade {transition:none}
}
.fade:not(.show) {opacity:0}
.collapse:not(.show) {display:none}
.dropdown-toggle::after {display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}
.dropdown-toggle:empty::after {margin-left:0}
.dropup .dropdown-toggle::after {display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}
.dropup .dropdown-toggle:empty::after {margin-left:0}
.dropend .dropdown-toggle::after {display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}
.dropend .dropdown-toggle:empty::after {margin-left:0}
.dropend .dropdown-toggle::after {vertical-align:0}
.dropstart .dropdown-toggle::after {display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}
.dropstart .dropdown-toggle::after {display:none}
.dropstart .dropdown-toggle::before {display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}
.dropstart .dropdown-toggle:empty::after {margin-left:0}
.dropstart .dropdown-toggle::before {vertical-align:0}
.dropdown-item.active {color:var(--bs-dropdown-link-active-color);text-decoration:none;background-color:var(--bs-dropdown-link-active-bg)}
.dropdown-menu.show {display:block}
.btn-group,
.btn-group-vertical {position:relative;display:inline-flex;vertical-align:middle}
.btn-group-vertical>.btn,
.btn-group>.btn {position:relative;flex:1 1 auto}
.btn-group-vertical>.btn-check:checked+.btn,
.btn-group-vertical>.btn-check:focus+.btn,
.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:hover,
.btn-group>.btn-check:checked+.btn,
.btn-group>.btn-check:focus+.btn,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus,
.btn-group>.btn:hover {z-index:1}
.btn-toolbar {display:flex;flex-wrap:wrap;justify-content:flex-start}
.btn-toolbar .input-group {width:auto}
.btn-group {border-radius:.375rem}
.btn-group>.btn-group:not(:first-child),
.btn-group>:not(.btn-check:first-child)+.btn {margin-left:-1px}
.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn.dropdown-toggle-split:first-child,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {border-top-right-radius:0;border-bottom-right-radius:0}
.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:nth-child(n+3),
.btn-group>:not(.btn-check)+.btn {border-top-left-radius:0;border-bottom-left-radius:0}
.dropdown-toggle-split::after,
.dropend .dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after {margin-left:0}
.dropstart .dropdown-toggle-split::before {margin-right:0}
.btn-group-sm>.btn+.dropdown-toggle-split,
.btn-sm+.dropdown-toggle-split {padding-right:.375rem;padding-left:.375rem}
.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split {padding-right:.75rem;padding-left:.75rem}
.btn-group-vertical {flex-direction:column;align-items:flex-start;justify-content:center}
.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {width:100%}
.btn-group-vertical>.btn-group:not(:first-child),
.btn-group-vertical>.btn:not(:first-child) {margin-top:-1px}
.btn-group-vertical>.btn-group:not(:last-child)>.btn,
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {border-bottom-right-radius:0;border-bottom-left-radius:0}
.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical>.btn~.btn {border-top-left-radius:0;border-top-right-radius:0}
.nav {--bs-nav-link-padding-x:1rem;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-link-color);--bs-nav-link-hover-color:var(--bs-link-hover-color);--bs-nav-link-disabled-color:#6c757d;display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}
.nav-link {display:block;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}
@media (prefers-reduced-motion:reduce){
.nav-link {transition:none}
}
.nav-link:focus,
.nav-link:hover {color:var(--bs-nav-link-hover-color)}
.nav-link.disabled {color:var(--bs-nav-link-disabled-color);pointer-events:none;cursor:default}
.nav-tabs {--bs-nav-tabs-border-width:1px;--bs-nav-tabs-border-color:#dee2e6;--bs-nav-tabs-border-radius:0.375rem;--bs-nav-tabs-link-hover-border-color:#e9ecef #e9ecef #dee2e6;--bs-nav-tabs-link-active-color:#495057;--bs-nav-tabs-link-active-bg:#fff;--bs-nav-tabs-link-active-border-color:#dee2e6 #dee2e6 #fff;border-bottom:var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)}
.nav-tabs .nav-link {margin-bottom:calc(-1 * var(--bs-nav-tabs-border-width));background:0 0;border:var(--bs-nav-tabs-border-width) solid transparent;border-top-left-radius:var(--bs-nav-tabs-border-radius);border-top-right-radius:var(--bs-nav-tabs-border-radius)}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {isolation:isolate;border-color:var(--bs-nav-tabs-link-hover-border-color)}
.nav-tabs .nav-link.disabled,
.nav-tabs .nav-link:disabled {color:var(--bs-nav-link-disabled-color);background-color:transparent;border-color:transparent}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}
.nav-tabs .dropdown-menu {margin-top:calc(-1 * var(--bs-nav-tabs-border-width));border-top-left-radius:0;border-top-right-radius:0}
.nav-pills {--bs-nav-pills-border-radius:0.375rem;--bs-nav-pills-link-active-color:#fff;--bs-nav-pills-link-active-bg:#0d6efd}
.nav-pills .nav-link {background:0 0;border:0;border-radius:var(--bs-nav-pills-border-radius)}
.nav-pills .nav-link:disabled {color:var(--bs-nav-link-disabled-color);background-color:transparent;border-color:transparent}
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {color:var(--bs-nav-pills-link-active-color);background-color:var(--bs-nav-pills-link-active-bg)}
.nav-fill .nav-item,
.nav-fill>.nav-link {flex:1 1 auto;text-align:center}
.nav-justified .nav-item,
.nav-justified>.nav-link {flex-basis:0;flex-grow:1;text-align:center}
.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {width:100%}
.tab-content>.tab-pane {display:none}
.tab-content>.active {display:block}
.navbar {--bs-navbar-padding-x:0;--bs-navbar-padding-y:0.5rem;--bs-navbar-color:rgba(0, 0, 0, 0.55);--bs-navbar-hover-color:rgba(0, 0, 0, 0.7);--bs-navbar-disabled-color:rgba(0, 0, 0, 0.3);--bs-navbar-active-color:rgba(0, 0, 0, 0.9);--bs-navbar-brand-padding-y:0.3125rem;--bs-navbar-brand-margin-end:1rem;--bs-navbar-brand-font-size:1.25rem;--bs-navbar-brand-color:rgba(0, 0, 0, 0.9);--bs-navbar-brand-hover-color:rgba(0, 0, 0, 0.9);--bs-navbar-nav-link-padding-x:0.5rem;--bs-navbar-toggler-padding-y:0.25rem;--bs-navbar-toggler-padding-x:0.75rem;--bs-navbar-toggler-font-size:1.25rem;--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");--bs-navbar-toggler-border-color:rgba(0, 0, 0, 0.1);--bs-navbar-toggler-border-radius:0.375rem;--bs-navbar-toggler-focus-width:0.25rem;--bs-navbar-toggler-transition:box-shadow 0.15s ease-in-out;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)}
.navbar>.container,
.navbar>.container-fluid,
.navbar>.container-lg,
.navbar>.container-md,
.navbar>.container-sm,
.navbar>.container-xl,
.navbar>.container-xxl {display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}
.navbar-brand {padding-top:var(--bs-navbar-brand-padding-y);padding-bottom:var(--bs-navbar-brand-padding-y);margin-right:var(--bs-navbar-brand-margin-end);font-size:var(--bs-navbar-brand-font-size);color:var(--bs-navbar-brand-color);text-decoration:none;white-space:nowrap}
.navbar-brand:focus,
.navbar-brand:hover {color:var(--bs-navbar-brand-hover-color)}
.navbar-nav {--bs-nav-link-padding-x:0;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-navbar-color);--bs-nav-link-hover-color:var(--bs-navbar-hover-color);--bs-nav-link-disabled-color:var(--bs-navbar-disabled-color);display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}
.navbar-nav .nav-link.active,
.navbar-nav .show>.nav-link {color:var(--bs-navbar-active-color)}
.navbar-nav .dropdown-menu {position:static}
.navbar-text {padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-navbar-color)}
.navbar-text a,
.navbar-text a:focus,
.navbar-text a:hover {color:var(--bs-navbar-active-color)}
.navbar-collapse {flex-basis:100%;flex-grow:1;align-items:center}
.navbar-toggler {padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);font-size:var(--bs-navbar-toggler-font-size);line-height:1;color:var(--bs-navbar-color);background-color:transparent;border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);border-radius:var(--bs-navbar-toggler-border-radius);transition:var(--bs-navbar-toggler-transition)}
@media (prefers-reduced-motion:reduce){
.navbar-toggler {transition:none}
}
.navbar-toggler:hover {text-decoration:none}
.navbar-toggler:focus {text-decoration:none;outline:0;box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width)}
.navbar-toggler-icon {display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-image:var(--bs-navbar-toggler-icon-bg);background-repeat:no-repeat;background-position:center;background-size:100%}
.navbar-nav-scroll {max-height:var(--bs-scroll-height,75vh);overflow-y:auto}
@media (min-width:576px){
.navbar-expand-sm {flex-wrap:nowrap;justify-content:flex-start}
.navbar-expand-sm .navbar-nav {flex-direction:row}
.navbar-expand-sm .navbar-nav .dropdown-menu {position:absolute}
.navbar-expand-sm .navbar-nav .nav-link {padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}
.navbar-expand-sm .navbar-nav-scroll {overflow:visible}
.navbar-expand-sm .navbar-collapse {display:flex!important;flex-basis:auto}
.navbar-expand-sm .navbar-toggler {display:none}
.navbar-expand-sm .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-sm .offcanvas .offcanvas-header {display:none}
.navbar-expand-sm .offcanvas .offcanvas-body {display:flex;flex-grow:0;padding:0;overflow-y:visible}
}
@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:1400px){
.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}
}
.navbar-expand {flex-wrap:nowrap;justify-content:flex-start}
.navbar-expand .navbar-nav {flex-direction:row}
.navbar-expand .navbar-nav .dropdown-menu {position:absolute}
.navbar-expand .navbar-nav .nav-link {padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}
.navbar-expand .navbar-nav-scroll {overflow:visible}
.navbar-expand .navbar-collapse {display:flex!important;flex-basis:auto}
.navbar-expand .navbar-toggler {display:none}
.navbar-expand .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 .offcanvas .offcanvas-header {display:none}
.navbar-expand .offcanvas .offcanvas-body {display:flex;flex-grow:0;padding:0;overflow-y:visible}
.navbar-dark {--bs-navbar-color:rgba(255, 255, 255, 0.55);--bs-navbar-hover-color:rgba(255, 255, 255, 0.75);--bs-navbar-disabled-color:rgba(255, 255, 255, 0.25);--bs-navbar-active-color:#fff;--bs-navbar-brand-color:#fff;--bs-navbar-brand-hover-color:#fff;--bs-navbar-toggler-border-color:rgba(255, 255, 255, 0.1);--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}
.card-body {flex:1 1 auto;padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x);color:var(--bs-card-color)}
.card-header-tabs .nav-link.active {background-color:var(--bs-card-bg);border-bottom-color:var(--bs-card-bg)}
.accordion-button:not(.collapsed)::after {background-image:var(--bs-accordion-btn-active-icon);transform:var(--bs-accordion-btn-icon-transform)}
.accordion-button::after {flex-shrink:0;width:var(--bs-accordion-btn-icon-width);height:var(--bs-accordion-btn-icon-width);margin-left:auto;content:"";background-image:var(--bs-accordion-btn-icon);background-repeat:no-repeat;background-size:var(--bs-accordion-btn-icon-width);transition:var(--bs-accordion-btn-icon-transition)}
@media (prefers-reduced-motion:reduce){
.accordion-button::after {transition:none}
}
.accordion-body {padding:var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)}
.breadcrumb-item+.breadcrumb-item::before {float:left;padding-right:var(--bs-breadcrumb-item-padding-x);color:var(--bs-breadcrumb-divider-color);content:var(--bs-breadcrumb-divider, "https://html.storebuild.shop/")}
.breadcrumb-item.active {color:var(--bs-breadcrumb-item-active-color)}
.active>.page-link,
.page-link.active {z-index:3;color:var(--bs-pagination-active-color);background-color:var(--bs-pagination-active-bg);border-color:var(--bs-pagination-active-border-color)}
.badge {--bs-badge-padding-x:0.65em;--bs-badge-padding-y:0.35em;--bs-badge-font-size:0.75em;--bs-badge-font-weight:700;--bs-badge-color:#fff;--bs-badge-border-radius:0.375rem;display:inline-block;padding:var(--bs-badge-padding-y) var(--bs-badge-padding-x);font-size:var(--bs-badge-font-size);font-weight:var(--bs-badge-font-weight);line-height:1;color:var(--bs-badge-color);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--bs-badge-border-radius)}
.badge:empty {display:none}
.btn .badge {position:relative;top:-1px}
.alert-dismissible .btn-close {position:absolute;top:0;right:0;z-index:2;padding:1.25rem 1rem}
.list-group-numbered>.list-group-item::before {content:counters(section, ".") ". ";counter-increment:section}
.list-group-item.active {z-index:2;color:var(--bs-list-group-active-color);background-color:var(--bs-list-group-active-bg);border-color:var(--bs-list-group-active-border-color)}
.list-group-item+.list-group-item.active {margin-top:calc(-1 * var(--bs-list-group-border-width));border-top-width:var(--bs-list-group-border-width)}
.list-group-horizontal>.list-group-item.active {margin-top:0}
.list-group-horizontal>.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){
.list-group-horizontal-sm>.list-group-item.active {margin-top: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>.list-group-item.active {margin-top: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>.list-group-item.active {margin-top: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>.list-group-item.active {margin-top: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:1400px){
.list-group-horizontal-xxl>.list-group-item.active {margin-top:0}
.list-group-horizontal-xxl>.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)}
}
.list-group-item-primary.list-group-item-action.active {color:#fff;background-color:#084298;border-color:#084298}
.list-group-item-secondary.list-group-item-action.active {color:#fff;background-color:#41464b;border-color:#41464b}
.list-group-item-success.list-group-item-action.active {color:#fff;background-color:#0f5132;border-color:#0f5132}
.list-group-item-info.list-group-item-action.active {color:#fff;background-color:#055160;border-color:#055160}
.list-group-item-warning.list-group-item-action.active {color:#fff;background-color:#664d03;border-color:#664d03}
.list-group-item-danger.list-group-item-action.active {color:#fff;background-color:#842029;border-color:#842029}
.list-group-item-light.list-group-item-action.active {color:#fff;background-color:#636464;border-color:#636464}
.list-group-item-dark.list-group-item-action.active {color:#fff;background-color:#141619;border-color:#141619}
.btn-close {box-sizing:content-box;width:1em;height:1em;padding:.25em .25em;color:#000;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;border:0;border-radius:.375rem;opacity:.5}
.btn-close:hover {color:#000;text-decoration:none;opacity:.75}
.btn-close:focus {outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25);opacity:1}
.btn-close.disabled,
.btn-close:disabled {pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.25}
.btn-close-white {filter:invert(1) grayscale(100%) brightness(200%)}
.toast.showing {opacity:0}
.toast:not(.show) {display:none}
.toast-header .btn-close {margin-right:calc(-.5 * var(--bs-toast-padding-x));margin-left:var(--bs-toast-padding-x)}
.toast-body {padding:var(--bs-toast-padding-x);word-wrap:break-word}
.modal {--bs-modal-zindex:1055;--bs-modal-width:500px;--bs-modal-padding:1rem;--bs-modal-margin:0.5rem;--bs-modal-color: ;--bs-modal-bg:#fff;--bs-modal-border-color:var(--bs-border-color-translucent);--bs-modal-border-width:1px;--bs-modal-border-radius:0.5rem;--bs-modal-box-shadow:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-modal-inner-border-radius:calc(0.5rem - 1px);--bs-modal-header-padding-x:1rem;--bs-modal-header-padding-y:1rem;--bs-modal-header-padding:1rem 1rem;--bs-modal-header-border-color:var(--bs-border-color);--bs-modal-header-border-width:1px;--bs-modal-title-line-height:1.5;--bs-modal-footer-gap:0.5rem;--bs-modal-footer-bg: ;--bs-modal-footer-border-color:var(--bs-border-color);--bs-modal-footer-border-width:1px;position:fixed;top:0;left:0;z-index:var(--bs-modal-zindex);display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}
.modal-dialog {position:relative;width:auto;margin:var(--bs-modal-margin);pointer-events:none}
.modal.fade .modal-dialog {transition:transform .3s ease-out;transform:translate(0,-50px)}
@media (prefers-reduced-motion:reduce){
.modal.fade .modal-dialog {transition:none}
}
.modal.show .modal-dialog {transform:none}
.modal.modal-static .modal-dialog {transform:scale(1.02)}
.modal-dialog-scrollable {height:calc(100% - var(--bs-modal-margin) * 2)}
.modal-dialog-scrollable .modal-content {max-height:100%;overflow:hidden}
.modal-dialog-scrollable .modal-body {overflow-y:auto}
.modal-dialog-centered {display:flex;align-items:center;min-height:calc(100% - var(--bs-modal-margin) * 2)}
.modal-content {position:relative;display:flex;flex-direction:column;width:100%;color:var(--bs-modal-color);pointer-events:auto;background-color:var(--bs-modal-bg);background-clip:padding-box;border:var(--bs-modal-border-width) solid var(--bs-modal-border-color);border-radius:var(--bs-modal-border-radius);outline:0}
.modal-backdrop {--bs-backdrop-zindex:1050;--bs-backdrop-bg:#000;--bs-backdrop-opacity:0.5;position:fixed;top:0;left:0;z-index:var(--bs-backdrop-zindex);width:100vw;height:100vh;background-color:var(--bs-backdrop-bg)}
.modal-backdrop.fade {opacity:0}
.modal-backdrop.show {opacity:var(--bs-backdrop-opacity)}
.modal-header {display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:var(--bs-modal-header-padding);border-bottom:var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);border-top-left-radius:var(--bs-modal-inner-border-radius);border-top-right-radius:var(--bs-modal-inner-border-radius)}
.modal-header .btn-close {padding:calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);margin:calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto}
.modal-title {margin-bottom:0;line-height:var(--bs-modal-title-line-height)}
.modal-body {position:relative;flex:1 1 auto;padding:var(--bs-modal-padding)}
.modal-footer {display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);background-color:var(--bs-modal-footer-bg);border-top:var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);border-bottom-right-radius:var(--bs-modal-inner-border-radius);border-bottom-left-radius:var(--bs-modal-inner-border-radius)}
.modal-footer>* {margin:calc(var(--bs-modal-footer-gap) * .5)}
@media (min-width:576px){
.modal {--bs-modal-margin:1.75rem;--bs-modal-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 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}
}
.modal-fullscreen {width:100vw;max-width:none;height:100%;margin:0}
.modal-fullscreen .modal-content {height:100%;border:0;border-radius:0}
.modal-fullscreen .modal-footer,
.modal-fullscreen .modal-header {border-radius:0}
.modal-fullscreen .modal-body {overflow-y:auto}
@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-footer,
.modal-fullscreen-sm-down .modal-header {border-radius:0}
.modal-fullscreen-sm-down .modal-body {overflow-y:auto}
}
@media (max-width:767.98px){
.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-footer,
.modal-fullscreen-md-down .modal-header {border-radius:0}
.modal-fullscreen-md-down .modal-body {overflow-y:auto}
}
@media (max-width:991.98px){
.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-footer,
.modal-fullscreen-lg-down .modal-header {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-footer,
.modal-fullscreen-xl-down .modal-header {border-radius:0}
.modal-fullscreen-xl-down .modal-body {overflow-y:auto}
}
@media (max-width:1399.98px){
.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-footer,
.modal-fullscreen-xxl-down .modal-header {border-radius:0}
.modal-fullscreen-xxl-down .modal-body {overflow-y:auto}
}
.tooltip.show {opacity:var(--bs-tooltip-opacity)}
.tooltip .tooltip-arrow::before {position:absolute;content:"";border-color:transparent;border-style:solid}
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.bs-tooltip-top .tooltip-arrow::before {top:-1px;border-width:var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-top-color:var(--bs-tooltip-bg)}
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
.bs-tooltip-end .tooltip-arrow::before {right:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-right-color:var(--bs-tooltip-bg)}
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
.bs-tooltip-bottom .tooltip-arrow::before {bottom:-1px;border-width:0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-bottom-color:var(--bs-tooltip-bg)}
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
.bs-tooltip-start .tooltip-arrow::before {left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-left-color:var(--bs-tooltip-bg)}
.popover .popover-arrow::after,
.popover .popover-arrow::before {position:absolute;display:block;content:"";border-color:transparent;border-style:solid;border-width:0}
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,
.bs-popover-top>.popover-arrow::after,
.bs-popover-top>.popover-arrow::before {border-width:var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,
.bs-popover-top>.popover-arrow::before {bottom:0;border-top-color:var(--bs-popover-arrow-border)}
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,
.bs-popover-top>.popover-arrow::after {bottom:var(--bs-popover-border-width);border-top-color:var(--bs-popover-bg)}
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,
.bs-popover-end>.popover-arrow::after,
.bs-popover-end>.popover-arrow::before {border-width:calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,
.bs-popover-end>.popover-arrow::before {left:0;border-right-color:var(--bs-popover-arrow-border)}
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,
.bs-popover-end>.popover-arrow::after {left:var(--bs-popover-border-width);border-right-color:var(--bs-popover-bg)}
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,
.bs-popover-bottom>.popover-arrow::after,
.bs-popover-bottom>.popover-arrow::before {border-width:0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,
.bs-popover-bottom>.popover-arrow::before {top:0;border-bottom-color:var(--bs-popover-arrow-border)}
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,
.bs-popover-bottom>.popover-arrow::after {top:var(--bs-popover-border-width);border-bottom-color:var(--bs-popover-bg)}
.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,
.bs-popover-bottom .popover-header::before {position:absolute;top:0;left:50%;display:block;width:var(--bs-popover-arrow-width);margin-left:calc(-.5 * var(--bs-popover-arrow-width));content:"";border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-header-bg)}
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,
.bs-popover-start>.popover-arrow::after,
.bs-popover-start>.popover-arrow::before {border-width:calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,
.bs-popover-start>.popover-arrow::before {right:0;border-left-color:var(--bs-popover-arrow-border)}
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,
.bs-popover-start>.popover-arrow::after {right:var(--bs-popover-border-width);border-left-color:var(--bs-popover-bg)}
.popover-body {padding:var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);color:var(--bs-popover-body-color)}
.carousel-inner::after {display:block;clear:both;content:""}
.carousel-item.active {display:block}
.active.carousel-item-end {transform:translateX(100%)}
.active.carousel-item-start {transform:translateX(-100%)}
.carousel-fade .carousel-item.active {z-index:1;opacity:1}
.carousel-fade .active.carousel-item-end,
.carousel-fade .active.carousel-item-start {z-index:0;opacity:0;transition:opacity 0s .6s}
@media (prefers-reduced-motion:reduce){
.carousel-fade .active.carousel-item-end,
.carousel-fade .active.carousel-item-start {transition:none}
}
.carousel-indicators .active {opacity:1}
@media (max-width:575.98px){
.offcanvas-sm.show:not(.hiding),
.offcanvas-sm.showing {transform:none}
}
@media (max-width:575.98px){
.offcanvas-sm.show,
.offcanvas-sm.showing {visibility:visible}
}
@media (min-width:576px){
.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.show:not(.hiding),
.offcanvas-md.showing {transform:none}
}
@media (max-width:767.98px){
.offcanvas-md.show,
.offcanvas-md.showing {visibility:visible}
}
@media (min-width:768px){
.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.show:not(.hiding),
.offcanvas-lg.showing {transform:none}
}
@media (max-width:991.98px){
.offcanvas-lg.show,
.offcanvas-lg.showing {visibility:visible}
}
@media (min-width:992px){
.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.show:not(.hiding),
.offcanvas-xl.showing {transform:none}
}
@media (max-width:1199.98px){
.offcanvas-xl.show,
.offcanvas-xl.showing {visibility:visible}
}
@media (min-width:1200px){
.offcanvas-xl .offcanvas-body {display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}
}
@media (max-width:1399.98px){
.offcanvas-xxl.show:not(.hiding),
.offcanvas-xxl.showing {transform:none}
}
@media (max-width:1399.98px){
.offcanvas-xxl.show,
.offcanvas-xxl.showing {visibility:visible}
}
@media (min-width:1400px){
.offcanvas-xxl .offcanvas-body {display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}
}
.offcanvas.show:not(.hiding),
.offcanvas.showing {transform:none}
.offcanvas.show,
.offcanvas.showing {visibility:visible}
.offcanvas-backdrop.fade {opacity:0}
.offcanvas-backdrop.show {opacity:.5}
.offcanvas-header .btn-close {padding:calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);margin-top:calc(-.5 * var(--bs-offcanvas-padding-y));margin-right:calc(-.5 * var(--bs-offcanvas-padding-x));margin-bottom:calc(-.5 * var(--bs-offcanvas-padding-y))}
.offcanvas-body {flex-grow:1;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);overflow-y:auto}
.placeholder.btn::before {display:inline-block;content:""}
.clearfix::after {display:block;clear:both;content:""}
.text-bg-primary {color:#fff!important;background-color:RGBA(13,110,253,var(--bs-bg-opacity,1))!important}
.text-bg-secondary {color:#fff!important;background-color:RGBA(108,117,125,var(--bs-bg-opacity,1))!important}
.text-bg-success {color:#fff!important;background-color:RGBA(25,135,84,var(--bs-bg-opacity,1))!important}
.text-bg-info {color:#000!important;background-color:RGBA(13,202,240,var(--bs-bg-opacity,1))!important}
.text-bg-warning {color:#000!important;background-color:RGBA(255,193,7,var(--bs-bg-opacity,1))!important}
.text-bg-danger {color:#fff!important;background-color:RGBA(220,53,69,var(--bs-bg-opacity,1))!important}
.text-bg-light {color:#000!important;background-color:RGBA(248,249,250,var(--bs-bg-opacity,1))!important}
.text-bg-dark {color:#fff!important;background-color:RGBA(33,37,41,var(--bs-bg-opacity,1))!important}
.ratio::before {display:block;padding-top:var(--bs-aspect-ratio);content:""}
.fixed-top {position:fixed;top:0;right:0;left:0;z-index:1030}
.sticky-top {position:-webkit-sticky;position:sticky;top:0;z-index:1020}
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.stretched-link::after {position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}
.text-truncate {overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.float-start {float:left!important}
.float-end {float:right!important}
.float-none {float:none!important}
.overflow-auto {overflow:auto!important}
.overflow-hidden {overflow:hidden!important}
.overflow-visible {overflow:visible!important}
.overflow-scroll {overflow:scroll!important}
.d-inline {display:inline!important}
.d-inline-block {display:inline-block!important}
.d-block {display:block!important}
.d-grid {display:grid!important}
.d-table {display:table!important}
.d-table-row {display:table-row!important}
.d-table-cell {display:table-cell!important}
.d-flex {display:flex!important}
.d-inline-flex {display:inline-flex!important}
.d-none {display:none!important}
.position-static {position:static!important}
.position-relative {position:relative!important}
.position-absolute {position:absolute!important}
.position-fixed {position:fixed!important}
.position-sticky {position:-webkit-sticky!important;position:sticky!important}
.border {border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}
.border-0 {border:0!important}
.border-top {border-top:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}
.border-top-0 {border-top:0!important}
.border-end {border-right:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}
.border-end-0 {border-right:0!important}
.border-bottom {border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}
.border-bottom-0 {border-bottom:0!important}
.border-start {border-left:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}
.border-start-0 {border-left:0!important}
.border-primary {--bs-border-opacity:1;border-color:rgba(var(--bs-primary-rgb),var(--bs-border-opacity))!important}
.border-secondary {--bs-border-opacity:1;border-color:rgba(var(--bs-secondary-rgb),var(--bs-border-opacity))!important}
.border-success {--bs-border-opacity:1;border-color:rgba(var(--bs-success-rgb),var(--bs-border-opacity))!important}
.border-info {--bs-border-opacity:1;border-color:rgba(var(--bs-info-rgb),var(--bs-border-opacity))!important}
.border-warning {--bs-border-opacity:1;border-color:rgba(var(--bs-warning-rgb),var(--bs-border-opacity))!important}
.border-danger {--bs-border-opacity:1;border-color:rgba(var(--bs-danger-rgb),var(--bs-border-opacity))!important}
.border-light {--bs-border-opacity:1;border-color:rgba(var(--bs-light-rgb),var(--bs-border-opacity))!important}
.border-dark {--bs-border-opacity:1;border-color:rgba(var(--bs-dark-rgb),var(--bs-border-opacity))!important}
.border-white {--bs-border-opacity:1;border-color:rgba(var(--bs-white-rgb),var(--bs-border-opacity))!important}
.border-1 {--bs-border-width:1px}
.border-2 {--bs-border-width:2px}
.border-3 {--bs-border-width:3px}
.border-4 {--bs-border-width:4px}
.border-5 {--bs-border-width:5px}
.border-opacity-10 {--bs-border-opacity:0.1}
.border-opacity-25 {--bs-border-opacity:0.25}
.border-opacity-50 {--bs-border-opacity:0.5}
.border-opacity-75 {--bs-border-opacity:0.75}
.border-opacity-100 {--bs-border-opacity:1}
.w-25 {width:25%!important}
.w-50 {width:50%!important}
.w-75 {width:75%!important}
.w-100 {width:100%!important}
.w-auto {width:auto!important}
.mw-100 {max-width:100%!important}
.vw-100 {width:100vw!important}
.h-25 {height:25%!important}
.h-50 {height:50%!important}
.h-75 {height:75%!important}
.h-100 {height:100%!important}
.h-auto {height:auto!important}
.flex-fill {flex:1 1 auto!important}
.flex-row {flex-direction:row!important}
.flex-column {flex-direction:column!important}
.flex-row-reverse {flex-direction:row-reverse!important}
.flex-column-reverse {flex-direction:column-reverse!important}
.flex-grow-0 {flex-grow:0!important}
.flex-grow-1 {flex-grow:1!important}
.flex-shrink-0 {flex-shrink:0!important}
.flex-shrink-1 {flex-shrink:1!important}
.flex-wrap {flex-wrap:wrap!important}
.flex-nowrap {flex-wrap:nowrap!important}
.flex-wrap-reverse {flex-wrap:wrap-reverse!important}
.justify-content-start {justify-content:flex-start!important}
.justify-content-end {justify-content:flex-end!important}
.justify-content-center {justify-content:center!important}
.justify-content-between {justify-content:space-between!important}
.justify-content-around {justify-content:space-around!important}
.justify-content-evenly {justify-content:space-evenly!important}
.align-items-start {align-items:flex-start!important}
.align-items-end {align-items:flex-end!important}
.align-items-center {align-items:center!important}
.align-items-baseline {align-items:baseline!important}
.align-items-stretch {align-items:stretch!important}
.align-content-start {align-content:flex-start!important}
.align-content-end {align-content:flex-end!important}
.align-content-center {align-content:center!important}
.align-content-between {align-content:space-between!important}
.align-content-around {align-content:space-around!important}
.align-content-stretch {align-content:stretch!important}
.align-self-auto {align-self:auto!important}
.align-self-start {align-self:flex-start!important}
.align-self-end {align-self:flex-end!important}
.align-self-center {align-self:center!important}
.align-self-baseline {align-self:baseline!important}
.align-self-stretch {align-self:stretch!important}
.order-first {order:-1!important}
.order-0 {order:0!important}
.order-1 {order:1!important}
.order-2 {order:2!important}
.order-3 {order:3!important}
.order-4 {order:4!important}
.order-5 {order:5!important}
.order-last {order:6!important}
.mt-0 {margin-top:0!important}
.mt-1 {margin-top:.25rem!important}
.mt-2 {margin-top:.5rem!important}
.mt-3 {margin-top:1rem!important}
.mt-4 {margin-top:1.5rem!important}
.mt-5 {margin-top:3rem!important}
.mt-auto {margin-top:auto!important}
.me-0 {margin-right:0!important}
.me-1 {margin-right:.25rem!important}
.me-2 {margin-right:.5rem!important}
.me-3 {margin-right:1rem!important}
.me-4 {margin-right:1.5rem!important}
.me-5 {margin-right:3rem!important}
.me-auto {margin-right:auto!important}
.mb-0 {margin-bottom:0!important}
.mb-1 {margin-bottom:.25rem!important}
.mb-2 {margin-bottom:.5rem!important}
.mb-3 {margin-bottom:1rem!important}
.mb-4 {margin-bottom:1.5rem!important}
.mb-5 {margin-bottom:3rem!important}
.mb-auto {margin-bottom:auto!important}
.ms-0 {margin-left:0!important}
.ms-1 {margin-left:.25rem!important}
.ms-2 {margin-left:.5rem!important}
.ms-3 {margin-left:1rem!important}
.ms-4 {margin-left:1.5rem!important}
.ms-5 {margin-left:3rem!important}
.ms-auto {margin-left:auto!important}
.p-0 {padding:0!important}
.p-1 {padding:.25rem!important}
.p-2 {padding:.5rem!important}
.p-3 {padding:1rem!important}
.px-0 {padding-right:0!important;padding-left:0!important}
.px-1 {padding-right:.25rem!important;padding-left:.25rem!important}
.px-2 {padding-right:.5rem!important;padding-left:.5rem!important}
.px-3 {padding-right:1rem!important;padding-left:1rem!important}
.px-4 {padding-right:1.5rem!important;padding-left:1.5rem!important}
.px-5 {padding-right:3rem!important;padding-left:3rem!important}
.py-0 {padding-top:0!important;padding-bottom:0!important}
.py-1 {padding-top:.25rem!important;padding-bottom:.25rem!important}
.py-2 {padding-top:.5rem!important;padding-bottom:.5rem!important}
.py-3 {padding-top:1rem!important;padding-bottom:1rem!important}
.py-4 {padding-top:1.5rem!important;padding-bottom:1.5rem!important}
.py-5 {padding-top:3rem!important;padding-bottom:3rem!important}
.pt-0 {padding-top:0!important}
.pt-1 {padding-top:.25rem!important}
.pt-2 {padding-top:.5rem!important}
.pt-3 {padding-top:1rem!important}
.pt-4 {padding-top:1.5rem!important}
.pt-5 {padding-top:3rem!important}
.pe-0 {padding-right:0!important}
.pe-1 {padding-right:.25rem!important}
.pe-2 {padding-right:.5rem!important}
.pe-3 {padding-right:1rem!important}
.pe-4 {padding-right:1.5rem!important}
.pe-5 {padding-right:3rem!important}
.pb-0 {padding-bottom:0!important}
.pb-1 {padding-bottom:.25rem!important}
.pb-2 {padding-bottom:.5rem!important}
.pb-3 {padding-bottom:1rem!important}
.pb-4 {padding-bottom:1.5rem!important}
.pb-5 {padding-bottom:3rem!important}
.ps-0 {padding-left:0!important}
.ps-1 {padding-left:.25rem!important}
.ps-2 {padding-left:.5rem!important}
.ps-3 {padding-left:1rem!important}
.ps-4 {padding-left:1.5rem!important}
.ps-5 {padding-left:3rem!important}
.gap-0 {gap:0!important}
.gap-1 {gap:.25rem!important}
.gap-2 {gap:.5rem!important}
.gap-3 {gap:1rem!important}
.gap-4 {gap:1.5rem!important}
.gap-5 {gap:3rem!important}
.fw-light {font-weight:300!important}
.fw-lighter {font-weight:lighter!important}
.fw-normal {font-weight:400!important}
.fw-bold {font-weight:700!important}
.fw-semibold {font-weight:600!important}
.fw-bolder {font-weight:bolder!important}
.text-start {text-align:left!important}
.text-end {text-align:right!important}
.text-center {text-align:center!important}
.text-decoration-none {text-decoration:none!important}
.text-decoration-underline {text-decoration:underline!important}
.text-decoration-line-through {text-decoration:line-through!important}
.text-lowercase {text-transform:lowercase!important}
.text-uppercase {text-transform:uppercase!important}
.text-capitalize {text-transform:capitalize!important}
.text-wrap {white-space:normal!important}
.text-nowrap {white-space:nowrap!important}
.text-break {word-wrap:break-word!important;word-break:break-word!important}
.text-primary {--bs-text-opacity:1;color:rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important}
.text-secondary {--bs-text-opacity:1;color:rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important}
.text-success {--bs-text-opacity:1;color:rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important}
.text-info {--bs-text-opacity:1;color:rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important}
.text-warning {--bs-text-opacity:1;color:rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important}
.text-danger {--bs-text-opacity:1;color:rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important}
.text-light {--bs-text-opacity:1;color:rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important}
.text-dark {--bs-text-opacity:1;color:rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important}
.text-black {--bs-text-opacity:1;color:rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important}
.text-white {--bs-text-opacity:1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}
.text-body {--bs-text-opacity:1;color:rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important}
.text-muted {--bs-text-opacity:1;color:#6c757d!important}
.text-black-50 {--bs-text-opacity:1;color:rgba(0,0,0,.5)!important}
.text-white-50 {--bs-text-opacity:1;color:rgba(255,255,255,.5)!important}
.text-reset {--bs-text-opacity:1;color:inherit!important}
.text-opacity-25 {--bs-text-opacity:0.25}
.text-opacity-50 {--bs-text-opacity:0.5}
.text-opacity-75 {--bs-text-opacity:0.75}
.text-opacity-100 {--bs-text-opacity:1}
.bg-light {--bs-bg-opacity:1;background-color:rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important}
.bg-dark {--bs-bg-opacity:1;background-color:rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important}
.bg-white {--bs-bg-opacity:1;background-color:rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important}
.bg-body {--bs-bg-opacity:1;background-color:rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important}
.pe-none {pointer-events:none!important}
.pe-auto {pointer-events:auto!important}
.rounded {border-radius:var(--bs-border-radius)!important}
.rounded-0 {border-radius:0!important}
.rounded-1 {border-radius:var(--bs-border-radius-sm)!important}
.rounded-2 {border-radius:var(--bs-border-radius)!important}
.rounded-3 {border-radius:var(--bs-border-radius-lg)!important}
.rounded-4 {border-radius:var(--bs-border-radius-xl)!important}
.rounded-5 {border-radius:var(--bs-border-radius-2xl)!important}
.rounded-circle {border-radius:50%!important}
.rounded-pill {border-radius:var(--bs-border-radius-pill)!important}
.rounded-top {border-top-left-radius:var(--bs-border-radius)!important;border-top-right-radius:var(--bs-border-radius)!important}
.rounded-end {border-top-right-radius:var(--bs-border-radius)!important;border-bottom-right-radius:var(--bs-border-radius)!important}
.rounded-bottom {border-bottom-right-radius:var(--bs-border-radius)!important;border-bottom-left-radius:var(--bs-border-radius)!important}
.rounded-start {border-bottom-left-radius:var(--bs-border-radius)!important;border-top-left-radius:var(--bs-border-radius)!important}
@media (min-width:576px){
.float-sm-start {float:left!important}
.float-sm-end {float:right!important}
.float-sm-none {float:none!important}
.d-sm-inline {display:inline!important}
.d-sm-inline-block {display:inline-block!important}
.d-sm-block {display:block!important}
.d-sm-grid {display:grid!important}
.d-sm-table {display:table!important}
.d-sm-table-row {display:table-row!important}
.d-sm-table-cell {display:table-cell!important}
.d-sm-flex {display:flex!important}
.d-sm-inline-flex {display:inline-flex!important}
.d-sm-none {display:none!important}
.flex-sm-fill {flex:1 1 auto!important}
.flex-sm-row {flex-direction:row!important}
.flex-sm-column {flex-direction:column!important}
.flex-sm-row-reverse {flex-direction:row-reverse!important}
.flex-sm-column-reverse {flex-direction:column-reverse!important}
.flex-sm-grow-0 {flex-grow:0!important}
.flex-sm-grow-1 {flex-grow:1!important}
.flex-sm-shrink-0 {flex-shrink:0!important}
.flex-sm-shrink-1 {flex-shrink:1!important}
.flex-sm-wrap {flex-wrap:wrap!important}
.flex-sm-nowrap {flex-wrap:nowrap!important}
.flex-sm-wrap-reverse {flex-wrap:wrap-reverse!important}
.justify-content-sm-start {justify-content:flex-start!important}
.justify-content-sm-end {justify-content:flex-end!important}
.justify-content-sm-center {justify-content:center!important}
.justify-content-sm-between {justify-content:space-between!important}
.justify-content-sm-around {justify-content:space-around!important}
.justify-content-sm-evenly {justify-content:space-evenly!important}
.align-items-sm-start {align-items:flex-start!important}
.align-items-sm-end {align-items:flex-end!important}
.align-items-sm-center {align-items:center!important}
.align-items-sm-baseline {align-items:baseline!important}
.align-items-sm-stretch {align-items:stretch!important}
.align-content-sm-start {align-content:flex-start!important}
.align-content-sm-end {align-content:flex-end!important}
.align-content-sm-center {align-content:center!important}
.align-content-sm-between {align-content:space-between!important}
.align-content-sm-around {align-content:space-around!important}
.align-content-sm-stretch {align-content:stretch!important}
.align-self-sm-auto {align-self:auto!important}
.align-self-sm-start {align-self:flex-start!important}
.align-self-sm-end {align-self:flex-end!important}
.align-self-sm-center {align-self:center!important}
.align-self-sm-baseline {align-self:baseline!important}
.align-self-sm-stretch {align-self:stretch!important}
.order-sm-first {order:-1!important}
.order-sm-0 {order:0!important}
.order-sm-1 {order:1!important}
.order-sm-2 {order:2!important}
.order-sm-3 {order:3!important}
.order-sm-4 {order:4!important}
.order-sm-5 {order:5!important}
.order-sm-last {order:6!important}
.mt-sm-0 {margin-top:0!important}
.mt-sm-1 {margin-top:.25rem!important}
.mt-sm-2 {margin-top:.5rem!important}
.mt-sm-3 {margin-top:1rem!important}
.mt-sm-4 {margin-top:1.5rem!important}
.mt-sm-5 {margin-top:3rem!important}
.mt-sm-auto {margin-top:auto!important}
.me-sm-0 {margin-right:0!important}
.me-sm-1 {margin-right:.25rem!important}
.me-sm-2 {margin-right:.5rem!important}
.me-sm-3 {margin-right:1rem!important}
.me-sm-4 {margin-right:1.5rem!important}
.me-sm-5 {margin-right:3rem!important}
.me-sm-auto {margin-right:auto!important}
.mb-sm-0 {margin-bottom:0!important}
.mb-sm-1 {margin-bottom:.25rem!important}
.mb-sm-2 {margin-bottom:.5rem!important}
.mb-sm-3 {margin-bottom:1rem!important}
.mb-sm-4 {margin-bottom:1.5rem!important}
.mb-sm-5 {margin-bottom:3rem!important}
.mb-sm-auto {margin-bottom:auto!important}
.ms-sm-0 {margin-left:0!important}
.ms-sm-1 {margin-left:.25rem!important}
.ms-sm-2 {margin-left:.5rem!important}
.ms-sm-3 {margin-left:1rem!important}
.ms-sm-4 {margin-left:1.5rem!important}
.ms-sm-5 {margin-left:3rem!important}
.ms-sm-auto {margin-left:auto!important}
.px-sm-0 {padding-right:0!important;padding-left:0!important}
.px-sm-1 {padding-right:.25rem!important;padding-left:.25rem!important}
.px-sm-2 {padding-right:.5rem!important;padding-left:.5rem!important}
.px-sm-3 {padding-right:1rem!important;padding-left:1rem!important}
.px-sm-4 {padding-right:1.5rem!important;padding-left:1.5rem!important}
.px-sm-5 {padding-right:3rem!important;padding-left:3rem!important}
.py-sm-0 {padding-top:0!important;padding-bottom:0!important}
.py-sm-1 {padding-top:.25rem!important;padding-bottom:.25rem!important}
.py-sm-2 {padding-top:.5rem!important;padding-bottom:.5rem!important}
.py-sm-3 {padding-top:1rem!important;padding-bottom:1rem!important}
.py-sm-4 {padding-top:1.5rem!important;padding-bottom:1.5rem!important}
.py-sm-5 {padding-top:3rem!important;padding-bottom:3rem!important}
.pt-sm-0 {padding-top:0!important}
.pt-sm-1 {padding-top:.25rem!important}
.pt-sm-2 {padding-top:.5rem!important}
.pt-sm-3 {padding-top:1rem!important}
.pt-sm-4 {padding-top:1.5rem!important}
.pt-sm-5 {padding-top:3rem!important}
.pe-sm-0 {padding-right:0!important}
.pe-sm-1 {padding-right:.25rem!important}
.pe-sm-2 {padding-right:.5rem!important}
.pe-sm-3 {padding-right:1rem!important}
.pe-sm-4 {padding-right:1.5rem!important}
.pe-sm-5 {padding-right:3rem!important}
.pb-sm-0 {padding-bottom:0!important}
.pb-sm-1 {padding-bottom:.25rem!important}
.pb-sm-2 {padding-bottom:.5rem!important}
.pb-sm-3 {padding-bottom:1rem!important}
.pb-sm-4 {padding-bottom:1.5rem!important}
.pb-sm-5 {padding-bottom:3rem!important}
.ps-sm-0 {padding-left:0!important}
.ps-sm-1 {padding-left:.25rem!important}
.ps-sm-2 {padding-left:.5rem!important}
.ps-sm-3 {padding-left:1rem!important}
.ps-sm-4 {padding-left:1.5rem!important}
.ps-sm-5 {padding-left:3rem!important}
.gap-sm-0 {gap:0!important}
.gap-sm-1 {gap:.25rem!important}
.gap-sm-2 {gap:.5rem!important}
.gap-sm-3 {gap:1rem!important}
.gap-sm-4 {gap:1.5rem!important}
.gap-sm-5 {gap:3rem!important}
.text-sm-start {text-align:left!important}
.text-sm-end {text-align:right!important}
.text-sm-center {text-align:center!important}
}
@media (min-width:768px){
.float-md-start {float:left!important}
.float-md-end {float:right!important}
.float-md-none {float:none!important}
.d-md-inline {display:inline!important}
.d-md-inline-block {display:inline-block!important}
.d-md-block {display:block!important}
.d-md-grid {display:grid!important}
.d-md-table {display:table!important}
.d-md-table-row {display:table-row!important}
.d-md-table-cell {display:table-cell!important}
.d-md-flex {display:flex!important}
.d-md-inline-flex {display:inline-flex!important}
.d-md-none {display:none!important}
.flex-md-fill {flex:1 1 auto!important}
.flex-md-row {flex-direction:row!important}
.flex-md-column {flex-direction:column!important}
.flex-md-row-reverse {flex-direction:row-reverse!important}
.flex-md-column-reverse {flex-direction:column-reverse!important}
.flex-md-grow-0 {flex-grow:0!important}
.flex-md-grow-1 {flex-grow:1!important}
.flex-md-shrink-0 {flex-shrink:0!important}
.flex-md-shrink-1 {flex-shrink:1!important}
.flex-md-wrap {flex-wrap:wrap!important}
.flex-md-nowrap {flex-wrap:nowrap!important}
.flex-md-wrap-reverse {flex-wrap:wrap-reverse!important}
.justify-content-md-start {justify-content:flex-start!important}
.justify-content-md-end {justify-content:flex-end!important}
.justify-content-md-center {justify-content:center!important}
.justify-content-md-between {justify-content:space-between!important}
.justify-content-md-around {justify-content:space-around!important}
.justify-content-md-evenly {justify-content:space-evenly!important}
.align-items-md-start {align-items:flex-start!important}
.align-items-md-end {align-items:flex-end!important}
.align-items-md-center {align-items:center!important}
.align-items-md-baseline {align-items:baseline!important}
.align-items-md-stretch {align-items:stretch!important}
.align-content-md-start {align-content:flex-start!important}
.align-content-md-end {align-content:flex-end!important}
.align-content-md-center {align-content:center!important}
.align-content-md-between {align-content:space-between!important}
.align-content-md-around {align-content:space-around!important}
.align-content-md-stretch {align-content:stretch!important}
.align-self-md-auto {align-self:auto!important}
.align-self-md-start {align-self:flex-start!important}
.align-self-md-end {align-self:flex-end!important}
.align-self-md-center {align-self:center!important}
.align-self-md-baseline {align-self:baseline!important}
.align-self-md-stretch {align-self:stretch!important}
.order-md-first {order:-1!important}
.order-md-0 {order:0!important}
.order-md-1 {order:1!important}
.order-md-2 {order:2!important}
.order-md-3 {order:3!important}
.order-md-4 {order:4!important}
.order-md-5 {order:5!important}
.order-md-last {order:6!important}
.mt-md-0 {margin-top:0!important}
.mt-md-1 {margin-top:.25rem!important}
.mt-md-2 {margin-top:.5rem!important}
.mt-md-3 {margin-top:1rem!important}
.mt-md-4 {margin-top:1.5rem!important}
.mt-md-5 {margin-top:3rem!important}
.mt-md-auto {margin-top:auto!important}
.me-md-0 {margin-right:0!important}
.me-md-1 {margin-right:.25rem!important}
.me-md-2 {margin-right:.5rem!important}
.me-md-3 {margin-right:1rem!important}
.me-md-4 {margin-right:1.5rem!important}
.me-md-5 {margin-right:3rem!important}
.me-md-auto {margin-right:auto!important}
.mb-md-0 {margin-bottom:0!important}
.mb-md-1 {margin-bottom:.25rem!important}
.mb-md-2 {margin-bottom:.5rem!important}
.mb-md-3 {margin-bottom:1rem!important}
.mb-md-4 {margin-bottom:1.5rem!important}
.mb-md-5 {margin-bottom:3rem!important}
.mb-md-auto {margin-bottom:auto!important}
.ms-md-0 {margin-left:0!important}
.ms-md-1 {margin-left:.25rem!important}
.ms-md-2 {margin-left:.5rem!important}
.ms-md-3 {margin-left:1rem!important}
.ms-md-4 {margin-left:1.5rem!important}
.ms-md-5 {margin-left:3rem!important}
.ms-md-auto {margin-left:auto!important}
.px-md-0 {padding-right:0!important;padding-left:0!important}
.px-md-1 {padding-right:.25rem!important;padding-left:.25rem!important}
.px-md-2 {padding-right:.5rem!important;padding-left:.5rem!important}
.px-md-3 {padding-right:1rem!important;padding-left:1rem!important}
.px-md-4 {padding-right:1.5rem!important;padding-left:1.5rem!important}
.px-md-5 {padding-right:3rem!important;padding-left:3rem!important}
.py-md-0 {padding-top:0!important;padding-bottom:0!important}
.py-md-1 {padding-top:.25rem!important;padding-bottom:.25rem!important}
.py-md-2 {padding-top:.5rem!important;padding-bottom:.5rem!important}
.py-md-3 {padding-top:1rem!important;padding-bottom:1rem!important}
.py-md-4 {padding-top:1.5rem!important;padding-bottom:1.5rem!important}
.py-md-5 {padding-top:3rem!important;padding-bottom:3rem!important}
.pt-md-0 {padding-top:0!important}
.pt-md-1 {padding-top:.25rem!important}
.pt-md-2 {padding-top:.5rem!important}
.pt-md-3 {padding-top:1rem!important}
.pt-md-4 {padding-top:1.5rem!important}
.pt-md-5 {padding-top:3rem!important}
.pe-md-0 {padding-right:0!important}
.pe-md-1 {padding-right:.25rem!important}
.pe-md-2 {padding-right:.5rem!important}
.pe-md-3 {padding-right:1rem!important}
.pe-md-4 {padding-right:1.5rem!important}
.pe-md-5 {padding-right:3rem!important}
.pb-md-0 {padding-bottom:0!important}
.pb-md-1 {padding-bottom:.25rem!important}
.pb-md-2 {padding-bottom:.5rem!important}
.pb-md-3 {padding-bottom:1rem!important}
.pb-md-4 {padding-bottom:1.5rem!important}
.pb-md-5 {padding-bottom:3rem!important}
.ps-md-0 {padding-left:0!important}
.ps-md-1 {padding-left:.25rem!important}
.ps-md-2 {padding-left:.5rem!important}
.ps-md-3 {padding-left:1rem!important}
.ps-md-4 {padding-left:1.5rem!important}
.ps-md-5 {padding-left:3rem!important}
.gap-md-0 {gap:0!important}
.gap-md-1 {gap:.25rem!important}
.gap-md-2 {gap:.5rem!important}
.gap-md-3 {gap:1rem!important}
.gap-md-4 {gap:1.5rem!important}
.gap-md-5 {gap:3rem!important}
.text-md-start {text-align:left!important}
.text-md-end {text-align:right!important}
.text-md-center {text-align:center!important}
}
@media (min-width:992px){
.float-lg-start {float:left!important}
.float-lg-end {float:right!important}
.float-lg-none {float: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}
.mt-lg-0 {margin-top:0!important}
.mt-lg-1 {margin-top:.25rem!important}
.mt-lg-2 {margin-top:.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:.25rem!important}
.me-lg-2 {margin-right:.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:.25rem!important}
.mb-lg-2 {margin-bottom:.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:.25rem!important}
.ms-lg-2 {margin-left:.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}
.px-lg-0 {padding-right:0!important;padding-left:0!important}
.px-lg-1 {padding-right:.25rem!important;padding-left:.25rem!important}
.px-lg-2 {padding-right:.5rem!important;padding-left:.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:.25rem!important;padding-bottom:.25rem!important}
.py-lg-2 {padding-top:.5rem!important;padding-bottom:.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:.25rem!important}
.pt-lg-2 {padding-top:.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:.25rem!important}
.pe-lg-2 {padding-right:.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:.25rem!important}
.pb-lg-2 {padding-bottom:.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:.25rem!important}
.ps-lg-2 {padding-left:.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:.25rem!important}
.gap-lg-2 {gap:.5rem!important}
.gap-lg-3 {gap:1rem!important}
.gap-lg-4 {gap:1.5rem!important}
.gap-lg-5 {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}
.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}
.mt-xl-0 {margin-top:0!important}
.mt-xl-1 {margin-top:.25rem!important}
.mt-xl-2 {margin-top:.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:.25rem!important}
.me-xl-2 {margin-right:.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:.25rem!important}
.mb-xl-2 {margin-bottom:.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:.25rem!important}
.ms-xl-2 {margin-left:.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}
.px-xl-0 {padding-right:0!important;padding-left:0!important}
.px-xl-1 {padding-right:.25rem!important;padding-left:.25rem!important}
.px-xl-2 {padding-right:.5rem!important;padding-left:.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:.25rem!important;padding-bottom:.25rem!important}
.py-xl-2 {padding-top:.5rem!important;padding-bottom:.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:.25rem!important}
.pt-xl-2 {padding-top:.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:.25rem!important}
.pe-xl-2 {padding-right:.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:.25rem!important}
.pb-xl-2 {padding-bottom:.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:.25rem!important}
.ps-xl-2 {padding-left:.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:.25rem!important}
.gap-xl-2 {gap:.5rem!important}
.gap-xl-3 {gap:1rem!important}
.gap-xl-4 {gap:1.5rem!important}
.gap-xl-5 {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:1400px){
.float-xxl-start {float:left!important}
.float-xxl-end {float:right!important}
.float-xxl-none {float: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}
.mt-xxl-0 {margin-top:0!important}
.mt-xxl-1 {margin-top:.25rem!important}
.mt-xxl-2 {margin-top:.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:.25rem!important}
.me-xxl-2 {margin-right:.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:.25rem!important}
.mb-xxl-2 {margin-bottom:.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:.25rem!important}
.ms-xxl-2 {margin-left:.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}
.px-xxl-0 {padding-right:0!important;padding-left:0!important}
.px-xxl-1 {padding-right:.25rem!important;padding-left:.25rem!important}
.px-xxl-2 {padding-right:.5rem!important;padding-left:.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:.25rem!important;padding-bottom:.25rem!important}
.py-xxl-2 {padding-top:.5rem!important;padding-bottom:.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:.25rem!important}
.pt-xxl-2 {padding-top:.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:.25rem!important}
.pe-xxl-2 {padding-right:.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:.25rem!important}
.pb-xxl-2 {padding-bottom:.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:.25rem!important}
.ps-xxl-2 {padding-left:.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:.25rem!important}
.gap-xxl-2 {gap:.5rem!important}
.gap-xxl-3 {gap:1rem!important}
.gap-xxl-4 {gap:1.5rem!important}
.gap-xxl-5 {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 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}
}

/* =============================================================
   3. FONT AWESOME — All icons replaced (no font file download)
      Solid nav icons → Unicode emoji
      Brand social icons → inline SVG data URI
   ============================================================= */
/* Megamenu nav icons: Unicode replaces FA solid (no fa-solid-900.woff2 needed) */
.fa-laptop::before    { content: '💻'; font-family: inherit; font-style: normal; }
.fa-battery-full::before,
.fa-battery::before   { content: '🔋'; font-family: inherit; font-style: normal; }
.fa-bag-shopping::before,
.fa-shopping-bag::before { content: '🛍'; font-family: inherit; font-style: normal; }
.fa-fan::before       { content: '🌀'; font-family: inherit; font-style: normal; }
.fa-phone::before     { content: '📞'; font-family: inherit; font-style: normal; }
/* Ensure fa-solid/fa-brands classes do not trigger font downloads */
.fa-solid, .fas, .fa-brands, .fab { font-family: inherit; }
/* Social brand icons: inline SVG replaces FA Brands font (no woff2 download) */
/* Hide the <i> default glyph so only our SVG shows */
.fa-facebook-f::before,
.fa-instagram::before,
.fa-twitter::before,
.fa-youtube::before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: -0.125em;
}
/* Facebook */
.fa-facebook-f::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='white' d='M80 299.3V512H196V299.3h86.5l18-97.8H196V169.9c0-51.7 20.3-71.5 72.7-71.5c16.3 0 29.4.4 37 1.2V7.9C291.4 4 256.4 0 236.2 0C129.3 0 80 50.5 80 159.4v42.1H14v97.8H80z'/%3E%3C/svg%3E");
}
/* Instagram */
.fa-instagram::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='white' d='M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z'/%3E%3C/svg%3E");
}
/* Twitter / X */
.fa-twitter::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='white' d='M459.4 151.7c.3 4.5 .3 9.1 .3 13.6 0 138.7-105.6 298.6-298.6 298.6-59.5 0-114.7-17.2-161.1-47.1 8.4 1 16.6 1.3 25.3 1.3 49.1 0 94.2-16.6 130.3-44.8-46.1-1-84.8-31.2-98.1-72.8 6.5 1 13 1.6 19.8 1.6 9.4 0 18.8-1.3 27.6-3.6-48.1-9.7-84.1-52-84.1-103v-1.3c14 7.8 30.2 12.7 47.4 13.3-28.3-18.8-46.8-51-46.8-87.4 0-19.5 5.2-37.4 14.3-53 51.7 63.7 129.3 105.3 216.4 109.8-1.6-7.8-2.6-15.9-2.6-24 0-57.8 46.8-104.9 104.9-104.9 30.2 0 57.5 12.7 76.7 33.1 23.7-4.5 46.5-13.3 66.6-25.3-7.8 24.4-24.4 44.8-46.1 57.8 21.1-2.3 41.6-8.1 60.4-16.2-14.3 20.8-32.2 39.3-52.6 54.3z'/%3E%3C/svg%3E");
}
/* YouTube */
.fa-youtube::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='white' d='M549.7 124.1c-6.3-23.7-24.8-42.3-48.3-48.6C458.8 64 288 64 288 64S117.2 64 74.6 75.5c-23.5 6.3-42 24.9-48.3 48.6-11.4 42.9-11.4 132.3-11.4 132.3s0 89.4 11.4 132.3c6.3 23.7 24.8 41.5 48.3 47.8C117.2 448 288 448 288 448s170.8 0 213.4-11.5c23.5-6.3 42-24.2 48.3-47.8 11.4-42.9 11.4-132.3 11.4-132.3s0-89.4-11.4-132.3zm-317.5 213.5V175.2l142.7 81.2-142.7 81.2z'/%3E%3C/svg%3E");
}
/* =============================================================
   4. BASE — Global element rules (body, a, img, h1-h6, etc.)
   ============================================================= */
a,
button,
p,
input,
select,
textarea,
li {
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  font-family: var(--tp-ff-body);
  font-size: 14px;
  font-weight: normal;
  color: var(--tp-text-body);
  line-height: 26px;
}
a {
  text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--tp-ff-heading);
  color: var(--tp-heading-primary);
  margin-top: 0px;
  font-weight: 700;
  line-height: 1.2;
  -webkit-transition: color 0.3s 0s ease-out;
  -moz-transition: color 0.3s 0s ease-out;
  -ms-transition: color 0.3s 0s ease-out;
  -o-transition: color 0.3s 0s ease-out;
  transition: color 0.3s 0s ease-out;
}
h1 {
  font-size: 40px;
}
h2 {
  font-size: 36px;
}
h3 {
  font-size: 28px;
}
h4 {
  font-size: 24px;
}
h5 {
  font-size: 20px;
}
h6 {
  font-size: 16px;
}
ul {
  margin: 0px;
  padding: 0px;
}
p {
  font-family: var(--tp-ff-p);
  font-size: 14px;
  font-weight: 400;
  color: var(--tp-text-body);
  margin-bottom: 15px;
  line-height: 26px;
}
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}
a:focus {
  text-decoration: none;
  outline: none;
}
a:focus,
a:hover {
  color: inherit;
  text-decoration: none;
}
a,
button {
  color: inherit;
  outline: none;
  border: none;
  background: transparent;
}
button:hover {
  cursor: pointer;
}
button:focus {
  outline: 0;
}
input[type=text],
input[type=email],
input[type=tel],
input[type=number],
input[type=password],
input[type=url],
textarea {
  outline: none;
  background-color: #fff;
  height: 56px;
  width: 100%;
  line-height: 56px;
  font-size: 14px;
  color: var(--tp-common-black);
  padding-left: 26px;
  padding-right: 26px;
  border: 1px solid #E0E2E3;
}
input[type=text]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #95999D;
}
input[type=text]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=url]::-moz-placeholder,
textarea::-moz-placeholder { /* Firefox 19+ */
  color: #95999D;
}
input[type=text]:-moz-placeholder,
input[type=email]:-moz-placeholder,
input[type=tel]:-moz-placeholder,
input[type=number]:-moz-placeholder,
input[type=password]:-moz-placeholder,
input[type=url]:-moz-placeholder,
textarea:-moz-placeholder { /* Firefox 4-18 */
  color: #95999D;
}
input[type=text]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder,
textarea:-ms-input-placeholder { /* IE 10+  Edge*/
  color: #95999D;
}
input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=tel]::placeholder,
input[type=number]::placeholder,
input[type=password]::placeholder,
input[type=url]::placeholder,
textarea::placeholder { /* MODERN BROWSER */
  color: #95999D;
}
input[type=text] [dir=rtl],
input[type=email] [dir=rtl],
input[type=tel] [dir=rtl],
input[type=number] [dir=rtl],
input[type=password] [dir=rtl],
input[type=url] [dir=rtl],
textarea [dir=rtl] {
  text-align: right;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=url]:focus,
textarea:focus {
  border-color: var(--tp-common-black);
}
input[type=text]:focus::placeholder,
input[type=email]:focus::placeholder,
input[type=tel]:focus::placeholder,
input[type=number]:focus::placeholder,
input[type=password]:focus::placeholder,
input[type=url]:focus::placeholder,
textarea:focus::placeholder {
  opacity: 0;
}
textarea {
  line-height: 1.4;
  padding-top: 17px;
  padding-bottom: 17px;
}
input[type=color] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: none;
  border: 0;
  cursor: pointer;
  height: 100%;
  width: 100%;
  padding: 0;
  border-radius: 50%;
}
*::-moz-selection {
  background: var(--tp-common-black);
  color: var(--tp-common-white);
  text-shadow: none;
}
::-moz-selection {
  background: var(--tp-common-black);
  color: var(--tp-common-white);
  text-shadow: none;
}
::selection {
  background: var(--tp-common-black);
  color: var(--tp-common-white);
  text-shadow: none;
}
*::-moz-placeholder {
  color: var(--tp-common-black);
  font-size: 14px;
  opacity: 1;
}
*::placeholder {
  color: var(--tp-common-black);
  font-size: 14px;
  opacity: 1;
}
@keyframes tp-theme-setting-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes tp-pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes tp-pulse-2 {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
body .ui-tooltip {
  border-width: 2px;
}
html .ui-button.ui-state-disabled:active,
html .ui-button.ui-state-disabled:hover {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: 400;
  color: #454545;
}
blockquote {
  background: var(--tp-theme-primary);
  padding: 45px 58px;
  margin-bottom: 35px;
  position: relative;
  z-index: 1;
}
@media (max-width: 575px) {
blockquote {
    padding-left: 15px;
    padding-right: 15px;
  }
}
blockquote p {
  line-height: 1.31;
  font-size: 26px;
  color: #fff;
  font-weight: 400;
}
blockquote cite {
  font-size: 18px;
  display: block;
  margin-top: 10px;
  color: #fff;
  font-style: inherit;
  font-weight: 600;
  position: relative;
}
blockquote cite::before {
  content: "";
  font-size: 28px;
  color: #fff;
  padding-bottom: 0px;
  display: inline-block;
  background: #fff;
  height: 2px;
  width: 40px;
  font-weight: 400;
  text-align: center;
  top: -4px;
  margin-right: 10px;
  position: relative;
}
blockquote .tp-postbox-details-quote-shape-1 {
  position: absolute;
  z-index: -1;
  right: 0;
  bottom: 0;
}
blockquote .tp-postbox-details-quote-shape-2 {
  position: absolute;
  z-index: -1;
  left: 30px;
  top: 30px;
}
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(5px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* =============================================================
   ██  HEADER
   Top bar · Logo · Search · Cart icon · Main nav · Megamenu
   Sticky header · Mobile toggle · Breadcrumb · Back-to-top
   ============================================================= */
.tp-mobile-menu,
.main-menu > nav > ul > li.has-dropdown > a::after,
.main-menu > nav > ul > li > .tp-submenu li.has-dropdown > a::after,
.main-menu > nav > ul > li .tp-mega-menu,
.tp-search-area {
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.main-menu > nav > ul > li > .tp-submenu,
.back-to-top-wrapper {
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.back-to-top-btn {
  -webkit-transition: transform 0.3s 0s ease-out;
  -moz-transition: transform 0.3s 0s ease-out;
  -ms-transition: transform 0.3s 0s ease-out;
  -o-transition: transform 0.3s 0s ease-out;
  transition: transform 0.3s 0s ease-out;
}
.tp-header-welcome span svg {
  -webkit-transform: translateY(-1px);
  -moz-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  -o-transform: translateY(-1px);
  transform: translateY(-1px);
}
.tp-header-search-btn button svg {
  display: block;
}
.main-menu.menu-style-1 > nav > ul > li > a,
.tp-header-welcome p,
.tp-header-top-menu-item > span,
.tp-header-top-menu-item ul li a,
.tp-header-search-box input,
.tp-header-action-badge {
  font-family: var(--tp-ff-roboto);
}
.breadcrumb__list span:not(:last-child)::after {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.body-overlay {
  background-color: var(--tp-common-black);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 9999;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.body-overlay:hover {
  cursor: url("../img/icon/cross-out.png"), pointer;
}
.body-overlay.opened {
  opacity: 0.7;
  visibility: visible;
}
.back-to-top-wrapper {
  position: fixed;
  right: 20px;
  bottom: 0;
  height: 44px;
  width: 44px;
  cursor: pointer;
  display: block;
  border-radius: 50%;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 575px) {
.back-to-top-wrapper {
    right: 20px;
    bottom: 20px;
  }
}
.back-to-top-wrapper.back-to-top-btn-show {
  visibility: visible;
  opacity: 1;
  bottom: 50px;
}
.back-to-top-btn {
  display: inline-block;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  background: var(--tp-common-black);
  box-shadow: 0px 8px 16px rgba(3, 4, 28, 0.3);
  color: var(--tp-common-white);
  border-radius: 50%;
}
.back-to-top-btn svg {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}
.back-to-top-btn:hover {
  -webkit-transform: translateY(-4px);
  -moz-transform: translateY(-4px);
  -ms-transform: translateY(-4px);
  -o-transform: translateY(-4px);
  transform: translateY(-4px);
}
.black-bg {
  background-color: var(--tp-common-black);
}
.breadcrumb__list span {
  font-weight: 400;
  font-size: 16px;
  position: relative;
}
.breadcrumb__list span:not(:last-child) {
  padding-right: 12px;
  margin-right: 5px;
}
.breadcrumb__list span:not(:last-child)::after {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  width: 4px;
  height: 4px;
  background-color: #A8ACB0;
  border-radius: 50%;
}
.breadcrumb__list span a:hover {
  color: var(--tp-theme-primary);
}
.tp-search-area {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 9999;
  background-color: var(--tp-common-white);
  padding: 40px 15px;
  visibility: visible;
  opacity: 0;
  transform: translateY(-120%);
}
.tp-search-area.opened {
  transform: translateY(0%);
  visibility: visible;
  opacity: 1;
}
.tp-search-input {
  position: relative;
}
.tp-search-input button {
  position: absolute;
  top: 54%;
  right: 20px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 24px;
}
.tp-search-input button:hover {
  color: var(--tp-theme-primary);
}
.tp-search-close {
  display: none;
}
.tp-search-close-btn {
  border-radius: 50%;
  background: #ECECEC;
  border: 9px solid transparent;
  color: var(--tp-common-black);
  width: 36px;
  height: 36px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.tp-search-close-btn::after,
.tp-search-close-btn::before {
  content: "";
  position: absolute;
  height: 1px;
  width: 90%;
  top: 46%;
  left: 1px;
  transform-origin: 50% 50%;
  background-color: var(--tp-common-black);
  opacity: 1;
  -moz-transition: -moz-transform ease 0.25s;
  -webkit-transition: -webkit-transform ease 0.25s;
  -o-transition: -o-transform ease 0.25s;
  -ms-transition: -ms-transform ease 0.25s;
  transition: transform ease 0.25s;
}
.tp-search-close-btn::before {
  transform: rotate(45deg);
}
.tp-search-close-btn::after {
  transform: rotate(-45deg);
}
.tp-search-close-btn:hover::before {
  transform: rotate(-45deg);
}
.tp-search-close-btn:hover::after {
  transform: rotate(45deg);
}
.tp-header-sticky.header-sticky {
  position: fixed !important;
  left: 0;
  margin: auto;
  top: 0;
  width: 100%;
  z-index: 99;
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  box-shadow: 0px 2px 6px rgba(1, 15, 28, 0.16);
  background: var(--tp-common-white);
}
.tp-header-sticky-area {
  position: fixed;
  top: -100%;
  left: 0;
  right: 0;
  width: 100%;
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
  z-index: 99;
  -webkit-box-shadow: 0px 4px 10px rgba(3, 4, 28, 0.1);
  box-shadow: 0px 4px 10px rgba(3, 4, 28, 0.1);
  background: var(--tp-common-white);
  visibility: hidden;
  opacity: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tp-header-sticky-area {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.tp-header-sticky-area .main-menu.menu-style-1 > nav > ul > li > a {
  padding: 20px 0;
}
.tp-header-sticky-area.header-sticky-2 {
  top: 0;
  visibility: visible;
  opacity: 1;
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
}
.tp-header-welcome span {
  margin-right: 10px;
  color: var(--tp-yellow-1);
}
.tp-header-welcome p {
  font-weight: 500;
  font-size: 13px;
  color: var(--tp-common-white);
  opacity: 0.8;
  margin-bottom: 0;
}
.tp-header-top-menu-item {
  position: relative;
  padding: 3px 14px 4px 18px;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.tp-header-top-menu-item > span {
  position: relative;
  display: inline-block;
  font-weight: 500;
  font-size: 13px;
  color: var(--tp-common-white);
  padding-right: 20px;
}
.tp-header-top-menu-item > span::after {
  position: absolute;
  content: "\f107";
  font-family: var(--tp-ff-fontawesome);
  margin-left: 7px;
}
.tp-header-top-menu-item > span:hover {
  cursor: pointer;
}
.tp-header-top-menu-item ul {
  position: absolute;
  top: 125%;
  right: 0;
  z-index: 1;
  background-color: var(--tp-common-white);
  padding: 10px 15px;
  box-shadow: 0px 1px 3px rgba(3, 4, 28, 0.12);
  visibility: hidden;
  opacity: 0;
  min-width: max-content;
  -webkit-transition: all 0.2s 0s ease-out;
  -moz-transition: all 0.2s 0s ease-out;
  -ms-transition: all 0.2s 0s ease-out;
  -o-transition: all 0.2s 0s ease-out;
  transition: all 0.2s 0s ease-out;
}
.tp-header-top-menu-item ul.tp-lang-list-open,
.tp-header-top-menu-item ul.tp-currency-list-open,
.tp-header-top-menu-item ul.tp-setting-list-open {
  top: 100%;
  visibility: visible;
  opacity: 1;
}
.tp-header-top-menu-item ul li {
  list-style: none;
}
.tp-header-top-menu-item ul li a {
  font-size: 14px;
  color: var(--tp-common-black);
}
.tp-header-top-menu-item ul li a:hover {
  color: var(--tp-theme-primary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-header-search {
    padding-left: 0;
    margin-right: 30px;
  }
}
.tp-header-search-wrapper {
  position: relative;
  border: 2px solid var(--tp-theme-primary);
  margin-left: 10px;
}
.tp-header-search-box {
  width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-header-search-box {
    width: 50%;
  }
}
.tp-header-search-box input {
  padding-left: 25px;
  padding-right: 25px;
  width: 100%;
  height: 46px;
  background-color: var(--tp-common-white);
  color: var(--tp-common-black);
  border: 0;
}
.tp-header-search-box input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--tp-text-1);
}
.tp-header-search-box input::-moz-placeholder { /* Firefox 19+ */
  color: var(--tp-text-1);
}
.tp-header-search-box input:-moz-placeholder { /* Firefox 4-18 */
  color: var(--tp-text-1);
}
.tp-header-search-box input:-ms-input-placeholder { /* IE 10+  Edge*/
  color: var(--tp-text-1);
}
.tp-header-search-box input::placeholder { /* MODERN BROWSER */
  color: var(--tp-text-1);
}
.tp-header-search-btn {
  position: absolute;
  top: 0;
  right: 0;
}
.tp-header-search-btn button {
  width: 60px;
  height: 46px;
  line-height: 46px;
  background-color: var(--tp-theme-primary);
  color: var(--tp-common-white);
}
@media only screen and (min-width: 768px) {
  .tp-header-search-btn button {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
  }
}
.tp-header-main {
  padding-top: 27px;
  padding-bottom: 27px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tp-header-main {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.tp-header-bottom-border {
  border-top: 1px solid rgba(1, 15, 28, 0.1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-header-action {
    margin-left: 25px;
  }
}
.tp-header-action-item:not(:first-child) {
  margin-left: 20px;
}
.tp-header-action-item:last-child {
  margin-right: 10px;
}
.tp-header-action-btn {
  font-size: 20px;
  color: var(--tp-common-black);
  position: relative;
  display: inline-block;
}
.tp-header-action-btn:hover {
  color: var(--tp-theme-primary);
}
.tp-header-action-badge {
  position: absolute;
  top: -6px;
  right: -13px;
  display: inline-block;
  width: 23px;
  height: 23px;
  line-height: 20px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--tp-pink-1);
  color: var(--tp-common-white);
  font-size: 12px;
  font-weight: 700;
  border: 2px solid var(--tp-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tp-header-bottom-2 {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.tp-header-sticky.header-sticky .main-menu.menu-style-3 ul li.has-dropdown > a::after {
  color: var(--tp-common-black);
}
.tp-header-sticky.header-sticky .main-menu.menu-style-3 ul li.has-dropdown:hover > a::after {
  color: var(--tp-theme-brown);
}
.tp-header-sticky.header-sticky .main-menu.menu-style-3 > nav > ul > li > a {
  color: var(--tp-common-black);
}
.tp-header-sticky.header-sticky .main-menu.menu-style-3.menu-style-4 ul li.has-dropdown > a::after {
  color: var(--tp-common-black);
}
.tp-header-sticky.header-sticky .main-menu.menu-style-3.menu-style-4 ul li:hover > a::after {
  color: var(--tp-theme-brown);
}
.tp-header-sticky.header-sticky .main-menu.menu-style-3 > nav > ul > li:hover > a {
  color: var(--tp-theme-brown);
}
.tp-header-sticky.header-sticky .tp-header-action-item .tp-header-action-btn {
  color: var(--tp-common-black);
}
.tp-header-sticky.header-sticky .tp-header-action-item .tp-header-action-btn .tp-header-action-badge {
  background-color: var(--tp-theme-brown);
  border-color: var(--tp-theme-brown);
  color: var(--tp-common-white);
}
.tp-header-sticky.header-sticky .tp-header-action-item .tp-header-action-btn:hover {
  color: var(--tp-theme-brown);
}
.tp-header-sticky.header-sticky.has-dark-logo .logo .logo-light {
  display: none;
}
.tp-header-sticky.header-sticky.has-dark-logo .logo .logo-dark {
  display: block;
}
.tp-header-sticky.header-sticky .tp-header-side-menu {
  box-shadow: 0px 2px 4px rgba(1, 15, 28, 0.16);
}
.main-menu > nav > ul > li {
  position: relative;
  list-style: none;
  display: inline-block;
  margin-right: 27px;
}
.main-menu > nav > ul > li.has-mega-menu {
  position: static;
}
.main-menu > nav > ul > li > a {
  display: inline-block;
  font-size: 16px;
  color: var(--tp-common-black);
  padding: 23px 0;
}
.main-menu > nav > ul > li.has-dropdown > a {
  position: relative;
}
.main-menu > nav > ul > li.has-dropdown > a::after {
  content: "\f107";
  -webkit-transform: translateY(1px);
  -moz-transform: translateY(1px);
  -ms-transform: translateY(1px);
  -o-transform: translateY(1px);
  transform: translateY(1px);
  font-size: 14px;
  color: var(--tp-common-black);
  font-family: var(--tp-ff-fontawesome);
  font-weight: 400;
  margin-left: 5px;
  display: inline-block;
}
.main-menu > nav > ul > li > .tp-submenu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 200px;
  background: var(--tp-common-white);
  z-index: 99;
  visibility: hidden;
  opacity: 0;
  box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
  padding: 12px 25px 20px;
  transform-origin: top;
  transition-duration: 0.1s;
  -webkit-transform: perspective(300px) rotateX(-18deg);
  -moz-transform: perspective(300px) rotateX(-18deg);
  -ms-transform: perspective(300px) rotateX(-18deg);
  -o-transform: perspective(300px) rotateX(-18deg);
  transform: perspective(300px) rotateX(-18deg);
}
.main-menu > nav > ul > li > .tp-submenu li {
  display: block;
  width: 100%;
  margin: 0;
}
.main-menu > nav > ul > li > .tp-submenu li:not(:last-child) {
  margin-right: 0;
}
.main-menu > nav > ul > li > .tp-submenu li.has-dropdown > a::after {
  position: absolute;
  right: 0;
  content: "\f107";
  font-size: 14px;
  color: var(--tp-common-black);
  font-family: var(--tp-ff-fontawesome);
  font-weight: 400;
  margin-left: 5px;
  display: inline-block;
  -webkit-transform: translateY(0%) rotate(-90deg);
  -moz-transform: translateY(0%) rotate(-90deg);
  -ms-transform: translateY(0%) rotate(-90deg);
  -o-transform: translateY(0%) rotate(-90deg);
  transform: translateY(0%) rotate(-90deg);
}
.main-menu > nav > ul > li > .tp-submenu li a {
  padding: 3px 0;
  font-size: 14px;
  position: relative;
  z-index: 1;
  color: var(--tp-text-body);
  width: 100%;
  display: block;
}
.main-menu > nav > ul > li > .tp-submenu li > .tp-submenu {
  left: 120%;
  top: 0;
  visibility: hidden;
  opacity: 0;
}
.main-menu > nav > ul > li > .tp-submenu li:hover > a {
  color: var(--tp-theme-primary);
}
.main-menu > nav > ul > li > .tp-submenu li:hover > a::after {
  color: var(--tp-theme-primary);
}
.main-menu > nav > ul > li .tp-mega-menu {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  width: 100%;
  background-color: var(--tp-common-white);
  box-shadow: 0px 20px 30px rgba(1, 15, 28, 0.1);
  z-index: 9;
  padding: 20px 20px 0;
  visibility: hidden;
  opacity: 0;
  transition-duration: 0.1s;
  transform-origin: top;
  -webkit-transform: perspective(300px) rotateX(-18deg);
  -moz-transform: perspective(300px) rotateX(-18deg);
  -ms-transform: perspective(300px) rotateX(-18deg);
  -o-transform: perspective(300px) rotateX(-18deg);
  transform: perspective(300px) rotateX(-18deg);
}
.main-menu > nav > ul > li .tp-mega-menu.mega-menu-style-2 {
  padding: 25px 40px 0;
}
.main-menu > nav > ul > li .tp-mega-menu li {
  margin-bottom: 35px;
  float: left;
  width: 25%;
  overflow: hidden;
}
.main-menu > nav > ul > li .tp-mega-menu li.has-dropdown > a::after {
  display: none;
}
.main-menu > nav > ul > li .tp-mega-menu li .mega-menu-title {
  font-size: 16px;
  color: var(--tp-common-black);
  display: block;
  margin-bottom: 7px;
}
.main-menu > nav > ul > li .tp-mega-menu ul li {
  float: none;
  width: 100%;
  line-height: 1;
  margin-bottom: 0;
}
.main-menu > nav > ul > li .tp-mega-menu ul li:not(:last-child) {
  margin-bottom: 9px;
}
.main-menu > nav > ul > li .tp-mega-menu .tp-submenu {
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.main-menu > nav > ul > li:hover > a {
  color: var(--tp-theme-primary);
}
.main-menu > nav > ul > li:hover > a::after {
  color: var(--tp-theme-primary);
}
.main-menu > nav > ul > li:hover > .tp-submenu {
  visibility: visible;
  opacity: 1;
  transition-duration: 0.2s;
  -webkit-transform: perspective(300px) rotateX(0deg);
  -moz-transform: perspective(300px) rotateX(0deg);
  -ms-transform: perspective(300px) rotateX(0deg);
  -o-transform: perspective(300px) rotateX(0deg);
  transform: perspective(300px) rotateX(0deg);
}
.main-menu > nav > ul > li:hover > .tp-mega-menu {
  visibility: visible;
  opacity: 1;
  transition-duration: 0.2s;
  -webkit-transform: perspective(300px) rotateX(0deg);
  -moz-transform: perspective(300px) rotateX(0deg);
  -ms-transform: perspective(300px) rotateX(0deg);
  -o-transform: perspective(300px) rotateX(0deg);
  transform: perspective(300px) rotateX(0deg);
}
.main-menu > nav > ul > li:hover > .tp-mega-menu .tp-submenu {
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;
}
.main-menu.menu-style-1 {
  padding-left: 7px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.main-menu.menu-style-1 {
    padding-left: 0;
    margin-right: -40px;
  }
}
.main-menu.menu-style-1 > nav > ul > li {
  display: inline-block;
}
.main-menu.menu-style-1 > nav > ul > li:not(:last-child) {
  margin-right: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.main-menu.menu-style-1 > nav > ul > li:not(:last-child) {
    margin-right: 20px;
  }
}
.main-menu.menu-style-1 > nav > ul > li > a {
  font-weight: 500;
  font-size: 14px;
  color: var(--tp-common-black);
  padding: 11px 0;
}
.main-menu.menu-style-1 > nav > ul > li:hover > a {
  color: var(--tp-theme-primary);
}
.main-menu.menu-style-2 {
  margin-left: -30px;
}
.main-menu.menu-style-2 > nav > ul > li {
  margin-right: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.main-menu.menu-style-2 > nav > ul > li {
    margin-right: 15px;
  }
}
.main-menu.menu-style-2 > nav > ul > li > a {
  padding: 22px 0;
}
.main-menu.menu-style-2 > nav > ul > li:hover > a {
  color: var(--tp-theme-secondary);
}
.main-menu.menu-style-2 > nav > ul > li:hover > a::after {
  color: var(--tp-theme-secondary);
}
.main-menu.menu-style-2 > nav > ul > li .tp-submenu li:hover > a {
  color: var(--tp-theme-secondary);
}
.main-menu.menu-style-2 > nav > ul > li .tp-submenu li:hover > a::after {
  color: var(--tp-theme-secondary);
}
.main-menu.menu-style-2 > nav > ul > li .home-menu-title a:hover {
  color: var(--tp-theme-secondary);
}
.main-menu.menu-style-2 > nav > ul > li .home-menu-item:hover .home-menu-title {
  color: var(--tp-theme-secondary);
}
.main-menu.menu-style-2 .tp-menu-showcase-btn-2 {
  border-radius: 0;
  background-color: var(--tp-theme-secondary);
}
.main-menu.menu-style-3 > nav > ul > li {
  text-align: left;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.main-menu.menu-style-3 > nav > ul > li {
    margin-right: 20px;
  }
}
.main-menu.menu-style-3 > nav > ul > li > a {
  padding: 17px 0;
  color: var(--tp-common-white);
}
.main-menu.menu-style-3 > nav > ul > li.has-dropdown > a::after {
  color: var(--tp-common-white);
}
.main-menu.menu-style-3 > nav > ul > li.tp-menu-line {
  position: absolute !important;
  margin: 0;
  text-align: initial;
  display: block;
}
.main-menu.menu-style-3 > nav > ul > li:hover > a {
  color: var(--tp-common-white);
}
.main-menu.menu-style-3 > nav > ul > li:hover > a::after {
  color: var(--tp-common-white);
}
.main-menu.menu-style-3 > nav > ul > li .home-menu-title a:hover {
  color: var(--tp-theme-brown);
}
.main-menu.menu-style-3 > nav > ul > li .home-menu-item:hover .home-menu-title {
  color: var(--tp-theme-brown);
}
.main-menu.menu-style-3 > nav > ul > li .tp-submenu {
  text-align: left;
}
.main-menu.menu-style-3 > nav > ul > li .tp-submenu li:hover > a {
  color: var(--tp-theme-brown);
}
.main-menu.menu-style-3 > nav > ul > li .tp-submenu li:hover > a::after {
  color: var(--tp-theme-brown);
}
.main-menu.menu-style-3 .tp-menu-showcase-btn-2 {
  border-radius: 0;
  background-color: var(--tp-theme-brown);
}
.main-menu.menu-style-3.menu-style-4 > nav > ul > li {
  text-align: left;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.main-menu.menu-style-3.menu-style-4 > nav > ul > li {
    margin-right: 20px;
  }
}
.main-menu.menu-style-3.menu-style-4 > nav > ul > li > a {
  color: rgba(255, 255, 255, 0.8);
  font-weight: 500;
}
.main-menu.menu-style-3.menu-style-4 > nav > ul > li.has-dropdown > a::after {
  color: rgba(255, 255, 255, 0.8);
}
.main-menu.menu-style-3.menu-style-4 > nav > ul > li:hover > a {
  color: var(--tp-common-white);
}
.main-menu.menu-style-3.menu-style-4 > nav > ul > li:hover > a::after {
  color: var(--tp-common-white);
}
.main-menu.menu-style-3.menu-style-4 > nav > ul > li .tp-submenu {
  text-align: left;
}
.main-menu.menu-style-3.menu-style-4 > nav > ul > li .tp-submenu li a {
  color: var(--tp-common-black);
}
.main-menu.menu-style-3.menu-style-4 > nav > ul > li .tp-submenu li.has-dropdown > a::after {
  color: var(--tp-common-black);
}
.main-menu.menu-style-3.menu-style-4 > nav > ul > li .tp-submenu li:hover > a {
  color: var(--tp-theme-brown);
}
.main-menu.menu-style-3.menu-style-4 > nav > ul > li .tp-submenu li:hover > a::after {
  color: var(--tp-theme-brown);
}
.tp-mobile-menu {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  background-color: var(--tp-common-white);
  padding: 13px 0 5px;
  z-index: 999;
  border-top: 1px solid var(--tp-border-primary);
}
.tp-mobile-menu.is-sticky {
  bottom: -120px;
  visibility: hidden;
  opacity: 0;
}
.tp-mobile-menu.is-sticky.bottom-menu-sticky {
  visibility: visible;
  opacity: 1;
  bottom: 0;
}
.tp-mobile-item-btn {
  font-size: 28px;
  text-align: center;
}
.tp-mobile-item-btn span {
  display: block;
  line-height: 1;
  font-size: 13px;
  margin-top: 3px;
}
.tp-mobile-item-btn:hover {
  color: var(--tp-common-black);
}



/* =============================================================
   ██  MAIN BODY
   Product detail · Gallery · Price · Specs table · WA button
   Related products · Compare · STS custom components
   ============================================================= */
.z-index-1 {
  z-index: 1;
}
.z-index-11 {
  z-index: 11;
}
.p-relative {
  position: relative;
}
.include-bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.tp-theme-color-item.active button::before {
  opacity: 1;
  visibility: visible;
}

/* --- Theme style.css --- */
html.mega-menu-primary-off-canvas-open{
  overflow: hidden;
  height: auto;
}
html.mega-menu-primary-off-canvas-open body{
  overflow: hidden;
  height: auto;
}
html.mega-menu-primary-off-canvas-open #wpadminbar{
  z-index: 0;
}
@@media only screen and (max-width: 768px) {
body.admin-bar #mega-menu-wrap-primary.mega-sticky #mega-menu-primary:not([data-effect-mobile^="slide_"]){
    max-height: calc(100vh - 40px - 42px);
  }
}
.wp-block{}


/* =============================================================
   ██  FOOTER
   Footer widgets · Contact · Copyright · Social links · Payment
   ============================================================= */
.tp-footer-widget-content ul li a::after {
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-footer-contact-icon span svg {
  -webkit-transform: translateY(-3px);
  -moz-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  -o-transform: translateY(-3px);
  transform: translateY(-3px);
}
.tp-footer-widget-title,
.tp-footer-widget-content ul li a,
.tp-footer-talk span,
.tp-footer-talk h4,
.tp-footer-contact-content p,
.tp-footer-copyright p {
  font-family: var(--tp-ff-roboto);
}
.tp-footer-widget-title {
  font-weight: 700;
  font-size: 20px;
  color: var(--tp-common-black);
  margin-bottom: 10px;
}
.tp-footer-widget-content ul li {
  list-style: none;
}
.tp-footer-widget-content ul li:not(:last-child) {
  margin-bottom: 7px;
}
.tp-footer-widget-content ul li a {
  font-weight: 500;
  font-size: 14px;
  color: var(--tp-text-2);
  position: relative;
  padding-left: 10px;
}
.tp-footer-widget-content ul li a::after {
  position: absolute;
  content: "";
  left: 0;
  top: 6px;
  width: 3px;
  height: 3px;
  background-color: var(--tp-text-2);
  border-radius: 50%;
}
.tp-footer-widget-content ul li a:hover {
  color: var(--tp-theme-primary);
}
.tp-footer-widget-content ul li a:hover::after {
  background-color: var(--tp-theme-primary);
}
.tp-footer-talk span {
  font-size: 14px;
  color: var(--tp-text-2);
  display: inline-block;
}
.tp-footer-talk h4 {
  font-weight: 700;
  font-size: 22px;
  color: var(--tp-common-black);
}
.tp-footer-talk h4 a:hover {
  color: var(--tp-theme-primary);
}
.tp-footer-contact-icon span {
  display: inline-block;
  width: 16px;
  font-size: 16px;
  color: var(--tp-common-black);
  margin-right: 10px;
}
.tp-footer-contact-content p {
  font-size: 16px;
  line-height: 20px;
  color: var(--tp-text-2);
}
.tp-footer-contact-content p a:hover {
  color: var(--tp-theme-primary);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tp-footer-copyright {
    margin-bottom: 15px;
  }
}
.tp-footer-copyright p {
  font-size: 14px;
  color: var(--tp-text-5);
  margin-bottom: 0;
}
.tp-footer-copyright p a {
  color: var(--tp-theme-primary);
}
.tp-footer-payment p {
  margin-bottom: 0;
}
.tp-footer-bottom-wrapper {
  padding-top: 18px;
  padding-bottom: 40px;
  border-top: 1px solid rgba(1, 15, 28, 0.1);
}


/* =============================================================
   7. FLATICON
   ============================================================= */
@font-face {
    font-family: "flaticon_shofy";
    src: url("../fonts/flaticon_shofyc3d7.ttf?dee88fc45715450dd1106c3509e3ddac") format("truetype"),
url("../fonts/flaticon_shofyc3d7.woff?dee88fc45715450dd1106c3509e3ddac") format("woff"),
url("../fonts/flaticon_shofyc3d7.woff2?dee88fc45715450dd1106c3509e3ddac") format("woff2"),
url("../fonts/flaticon_shofyc3d7.eot?dee88fc45715450dd1106c3509e3ddac#iefix") format("embedded-opentype"),
url("../fonts/flaticon_shofyc3d7.svg?dee88fc45715450dd1106c3509e3ddac#flaticon_shofy") format("svg");
}

i[class^="flaticon-"]:before, i[class*=" flaticon-"]:before {
    font-family: flaticon_shofy !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.flaticon-shop:before {
    content: "\f101";
}
.flaticon-store:before {
    content: "\f102";
}
.flaticon-store-1:before {
    content: "\f103";
}
.flaticon-magnifying-glass:before {
    content: "\f104";
}
.flaticon-search:before {
    content: "\f105";
}
.flaticon-search-1:before {
    content: "\f106";
}
.flaticon-heart:before {
    content: "\f107";
}
.flaticon-love:before {
    content: "\f108";
}
.flaticon-heart-1:before {
    content: "\f109";
}
.flaticon-person:before {
    content: "\f10a";
}
.flaticon-user:before {
    content: "\f10b";
}
.flaticon-user-1:before {
    content: "\f10c";
}
.flaticon-menu:before {
    content: "\f10d";
}
.flaticon-menu-1:before {
    content: "\f10e";
}
.flaticon-menu-2:before {
    content: "\f10f";
}
.flaticon-menu-3:before {
    content: "\f110";
}
.flaticon-menu-4:before {
    content: "\f111";
}
.flaticon-watermelon:before {
    content: "\f112";
}
.flaticon-broccoli:before {
    content: "\f113";
}
.flaticon-cupcake:before {
    content: "\f114";
}
.flaticon-bread:before {
    content: "\f115";
}
.flaticon-apple:before {
    content: "\f116";
}
.flaticon-fish:before {
    content: "\f117";
}
.flaticon-snack:before {
    content: "\f118";
}
.flaticon-eggs:before {
    content: "\f119";
}
.flaticon-coffee:before {
    content: "\f11a";
}
.flaticon-pet:before {
    content: "\f11b";
}
.flaticon-basketball-match:before {
    content: "\f11c";
}
.flaticon-milk:before {
    content: "\f11d";
}
.flaticon-vegan:before {
    content: "\f11e";
}


/* =============================================================
   8. SPACING UTILITIES
   ============================================================= */
.mt-5{margin-top:5px !important}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.mt-25{margin-top:25px}.mt-30{margin-top:30px}.mt-35{margin-top:35px}.mt-40{margin-top:40px}.mt-45{margin-top:45px}.mt-50{margin-top:50px}.mt-55{margin-top:55px}.mt-60{margin-top:60px}.mt-65{margin-top:65px}.mt-70{margin-top:70px}.mt-75{margin-top:75px}.mt-80{margin-top:80px}.mt-85{margin-top:85px}.mt-90{margin-top:90px}.mt-95{margin-top:95px}.mt-100{margin-top:100px}.mt-105{margin-top:105px}.mt-110{margin-top:110px}.mt-115{margin-top:115px}.mt-120{margin-top:120px}.mt-125{margin-top:125px}.mt-130{margin-top:130px}.mt-135{margin-top:135px}.mt-140{margin-top:140px}.mt-145{margin-top:145px}.mt-150{margin-top:150px}.mt-155{margin-top:155px}.mt-160{margin-top:160px}.mt-165{margin-top:165px}.mt-170{margin-top:170px}.mt-175{margin-top:175px}.mt-180{margin-top:180px}.mt-185{margin-top:185px}.mt-190{margin-top:190px}.mt-195{margin-top:195px}.mt-200{margin-top:200px}.mb-5{margin-bottom:5px !important}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.mb-25{margin-bottom:25px}.mb-30{margin-bottom:30px}.mb-35{margin-bottom:35px}.mb-40{margin-bottom:40px}.mb-45{margin-bottom:45px}.mb-50{margin-bottom:50px}.mb-55{margin-bottom:55px}.mb-60{margin-bottom:60px}.mb-65{margin-bottom:65px}.mb-70{margin-bottom:70px}.mb-75{margin-bottom:75px}.mb-80{margin-bottom:80px}.mb-85{margin-bottom:85px}.mb-90{margin-bottom:90px}.mb-95{margin-bottom:95px}.mb-100{margin-bottom:100px}.mb-105{margin-bottom:105px}.mb-110{margin-bottom:110px}.mb-115{margin-bottom:115px}.mb-120{margin-bottom:120px}.mb-125{margin-bottom:125px}.mb-130{margin-bottom:130px}.mb-135{margin-bottom:135px}.mb-140{margin-bottom:140px}.mb-145{margin-bottom:145px}.mb-150{margin-bottom:150px}.mb-155{margin-bottom:155px}.mb-160{margin-bottom:160px}.mb-165{margin-bottom:165px}.mb-170{margin-bottom:170px}.mb-175{margin-bottom:175px}.mb-180{margin-bottom:180px}.mb-185{margin-bottom:185px}.mb-190{margin-bottom:190px}.mb-195{margin-bottom:195px}.mb-200{margin-bottom:200px}.ml-5{margin-left:5px}.ml-10{margin-left:10px}.ml-15{margin-left:15px}.ml-20{margin-left:20px}.ml-25{margin-left:25px}.ml-30{margin-left:30px}.ml-35{margin-left:35px}.ml-40{margin-left:40px}.ml-45{margin-left:45px}.ml-50{margin-left:50px}.ml-55{margin-left:55px}.ml-60{margin-left:60px}.ml-65{margin-left:65px}.ml-70{margin-left:70px}.ml-75{margin-left:75px}.ml-80{margin-left:80px}.ml-85{margin-left:85px}.ml-90{margin-left:90px}.ml-95{margin-left:95px}.ml-100{margin-left:100px}.ml-105{margin-left:105px}.ml-110{margin-left:110px}.ml-115{margin-left:115px}.ml-120{margin-left:120px}.ml-125{margin-left:125px}.ml-130{margin-left:130px}.ml-135{margin-left:135px}.ml-140{margin-left:140px}.ml-145{margin-left:145px}.ml-150{margin-left:150px}.ml-155{margin-left:155px}.ml-160{margin-left:160px}.ml-165{margin-left:165px}.ml-170{margin-left:170px}.ml-175{margin-left:175px}.ml-180{margin-left:180px}.ml-185{margin-left:185px}.ml-190{margin-left:190px}.ml-195{margin-left:195px}.ml-200{margin-left:200px}.mr-5{margin-right:5px}.mr-10{margin-right:10px}.mr-15{margin-right:15px}.mr-20{margin-right:20px}.mr-25{margin-right:25px}.mr-30{margin-right:30px}.mr-35{margin-right:35px}.mr-40{margin-right:40px}.mr-45{margin-right:45px}.mr-50{margin-right:50px}.mr-55{margin-right:55px}.mr-60{margin-right:60px}.mr-65{margin-right:65px}.mr-70{margin-right:70px}.mr-75{margin-right:75px}.mr-80{margin-right:80px}.mr-85{margin-right:85px}.mr-90{margin-right:90px}.mr-95{margin-right:95px}.mr-100{margin-right:100px}.mr-105{margin-right:105px}.mr-110{margin-right:110px}.mr-115{margin-right:115px}.mr-120{margin-right:120px}.mr-125{margin-right:125px}.mr-130{margin-right:130px}.mr-135{margin-right:135px}.mr-140{margin-right:140px}.mr-145{margin-right:145px}.mr-150{margin-right:150px}.mr-155{margin-right:155px}.mr-160{margin-right:160px}.mr-165{margin-right:165px}.mr-170{margin-right:170px}.mr-175{margin-right:175px}.mr-180{margin-right:180px}.mr-185{margin-right:185px}.mr-190{margin-right:190px}.mr-195{margin-right:195px}.mr-200{margin-right:200px}.pt-5{padding-top:5px !important}.pt-10{padding-top:10px}.pt-15{padding-top:15px}.pt-20{padding-top:20px}.pt-25{padding-top:25px}.pt-30{padding-top:30px}.pt-35{padding-top:35px}.pt-40{padding-top:40px}.pt-45{padding-top:45px}.pt-50{padding-top:50px}.pt-55{padding-top:55px}.pt-60{padding-top:60px}.pt-65{padding-top:65px}.pt-70{padding-top:70px}.pt-75{padding-top:75px}.pt-80{padding-top:80px}.pt-85{padding-top:85px}.pt-90{padding-top:90px}.pt-95{padding-top:95px}.pt-100{padding-top:100px}.pt-105{padding-top:105px}.pt-110{padding-top:110px}.pt-115{padding-top:115px}.pt-120{padding-top:120px}.pt-125{padding-top:125px}.pt-130{padding-top:130px}.pt-135{padding-top:135px}.pt-140{padding-top:140px}.pt-145{padding-top:145px}.pt-150{padding-top:150px}.pt-155{padding-top:155px}.pt-160{padding-top:160px}.pt-165{padding-top:165px}.pt-170{padding-top:170px}.pt-175{padding-top:175px}.pt-180{padding-top:180px}.pt-185{padding-top:185px}.pt-190{padding-top:190px}.pt-195{padding-top:195px}.pt-200{padding-top:200px}.pb-5{padding-bottom:5px !important}.pb-10{padding-bottom:10px}.pb-15{padding-bottom:15px}.pb-20{padding-bottom:20px}.pb-25{padding-bottom:25px}.pb-30{padding-bottom:30px}.pb-35{padding-bottom:35px}.pb-40{padding-bottom:40px}.pb-45{padding-bottom:45px}.pb-50{padding-bottom:50px}.pb-55{padding-bottom:55px}.pb-60{padding-bottom:60px}.pb-65{padding-bottom:65px}.pb-70{padding-bottom:70px}.pb-75{padding-bottom:75px}.pb-80{padding-bottom:80px}.pb-85{padding-bottom:85px}.pb-90{padding-bottom:90px}.pb-95{padding-bottom:95px}.pb-100{padding-bottom:100px}.pb-105{padding-bottom:105px}.pb-110{padding-bottom:110px}.pb-115{padding-bottom:115px}.pb-120{padding-bottom:120px}.pb-125{padding-bottom:125px}.pb-130{padding-bottom:130px}.pb-135{padding-bottom:135px}.pb-140{padding-bottom:140px}.pb-145{padding-bottom:145px}.pb-150{padding-bottom:150px}.pb-155{padding-bottom:155px}.pb-160{padding-bottom:160px}.pb-165{padding-bottom:165px}.pb-170{padding-bottom:170px}.pb-175{padding-bottom:175px}.pb-180{padding-bottom:180px}.pb-185{padding-bottom:185px}.pb-190{padding-bottom:190px}.pb-195{padding-bottom:195px}.pb-200{padding-bottom:200px}.pl-5{padding-left:5px}.pl-10{padding-left:10px}.pl-15{padding-left:15px}.pl-20{padding-left:20px}.pl-25{padding-left:25px}.pl-30{padding-left:30px}.pl-35{padding-left:35px}.pl-40{padding-left:40px}.pl-45{padding-left:45px}.pl-50{padding-left:50px}.pl-55{padding-left:55px}.pl-60{padding-left:60px}.pl-65{padding-left:65px}.pl-70{padding-left:70px}.pl-75{padding-left:75px}.pl-80{padding-left:80px}.pl-85{padding-left:85px}.pl-90{padding-left:90px}.pl-95{padding-left:95px}.pl-100{padding-left:100px}.pl-105{padding-left:105px}.pl-110{padding-left:110px}.pl-115{padding-left:115px}.pl-120{padding-left:120px}.pl-125{padding-left:125px}.pl-130{padding-left:130px}.pl-135{padding-left:135px}.pl-140{padding-left:140px}.pl-145{padding-left:145px}.pl-150{padding-left:150px}.pl-155{padding-left:155px}.pl-160{padding-left:160px}.pl-165{padding-left:165px}.pl-170{padding-left:170px}.pl-175{padding-left:175px}.pl-180{padding-left:180px}.pl-185{padding-left:185px}.pl-190{padding-left:190px}.pl-195{padding-left:195px}.pl-200{padding-left:200px}.pr-5{padding-right:5px}.pr-10{padding-right:10px}.pr-15{padding-right:15px}.pr-20{padding-right:20px}.pr-25{padding-right:25px}.pr-30{padding-right:30px}.pr-35{padding-right:35px}.pr-40{padding-right:40px}.pr-45{padding-right:45px}.pr-50{padding-right:50px}.pr-55{padding-right:55px}.pr-60{padding-right:60px}.pr-65{padding-right:65px}.pr-70{padding-right:70px}.pr-75{padding-right:75px}.pr-80{padding-right:80px}.pr-85{padding-right:85px}.pr-90{padding-right:90px}.pr-95{padding-right:95px}.pr-100{padding-right:100px}.pr-105{padding-right:105px}.pr-110{padding-right:110px}.pr-115{padding-right:115px}.pr-120{padding-right:120px}.pr-125{padding-right:125px}.pr-130{padding-right:130px}.pr-135{padding-right:135px}.pr-140{padding-right:140px}.pr-145{padding-right:145px}.pr-150{padding-right:150px}.pr-155{padding-right:155px}.pr-160{padding-right:160px}.pr-165{padding-right:165px}.pr-170{padding-right:170px}.pr-175{padding-right:175px}.pr-180{padding-right:180px}.pr-185{padding-right:185px}.pr-190{padding-right:190px}.pr-195{padding-right:195px}.pr-200{padding-right:200px}

/* =============================================================
   ██  HEADER — WooCommerce layout (cart sidebar)
   ============================================================= */
:root {--woocommerce:#720eec;--wc-green:#7ad03a;--wc-red:#a00;--wc-orange:#ffba00;--wc-blue:#2ea2cc;--wc-primary:#720eec;--wc-primary-text:#fcfbfe;--wc-secondary:#e9e6ed;--wc-secondary-text:#515151;--wc-highlight:#958e09;--wc-highligh-text:white;--wc-content-bg:#fff;--wc-subtext:#767676;--wc-form-border-color:rgba(32, 7, 7, 0.8);--wc-form-border-radius:4px;--wc-form-border-width:1px}

/* =============================================================
   ██  HEADER — WooCommerce smallscreen
   ============================================================= */
:root {--woocommerce:#720eec;--wc-green:#7ad03a;--wc-red:#a00;--wc-orange:#ffba00;--wc-blue:#2ea2cc;--wc-primary:#720eec;--wc-primary-text:#fcfbfe;--wc-secondary:#e9e6ed;--wc-secondary-text:#515151;--wc-highlight:#958e09;--wc-highligh-text:white;--wc-content-bg:#fff;--wc-subtext:#767676;--wc-form-border-color:rgba(32, 7, 7, 0.8);--wc-form-border-radius:4px;--wc-form-border-width:1px}

/* =============================================================
   ██  MAIN BODY — WooCommerce core styles
   ============================================================= */
@charset "UTF-8";
:root {--woocommerce:#720eec;--wc-green:#7ad03a;--wc-red:#a00;--wc-orange:#ffba00;--wc-blue:#2ea2cc;--wc-primary:#720eec;--wc-primary-text:#fcfbfe;--wc-secondary:#e9e6ed;--wc-secondary-text:#515151;--wc-highlight:#958e09;--wc-highligh-text:white;--wc-content-bg:#fff;--wc-subtext:#767676;--wc-form-border-color:rgba(32, 7, 7, 0.8);--wc-form-border-radius:4px;--wc-form-border-width:1px}
@font-face {font-family:star;src:url(https://supertechsys.com/wp-content/plugins/woocommerce/assets/css/../fonts/WooCommerce.woff2) format("woff2"),url(https://supertechsys.com/wp-content/plugins/woocommerce/assets/css/../fonts/WooCommerce.woff) format("woff"),url(https://supertechsys.com/wp-content/plugins/woocommerce/assets/css/../fonts/WooCommerce.ttf) format("truetype");font-weight:400;font-style:normal}
@font-face {font-family:WooCommerce;src:url(https://supertechsys.com/wp-content/plugins/woocommerce/assets/css/../fonts/WooCommerce.woff2) format("woff2"),url(https://supertechsys.com/wp-content/plugins/woocommerce/assets/css/../fonts/WooCommerce.woff) format("woff"),url(https://supertechsys.com/wp-content/plugins/woocommerce/assets/css/../fonts/WooCommerce.ttf) format("truetype");font-weight:400;font-style:normal}
.screen-reader-text {clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px;word-wrap:normal!important}
body:not(.search-results) .twentysixteen .entry-summary {color:inherit;font-size:inherit;line-height:inherit}

/* =============================================================
   ██  MAIN BODY — WooCommerce Brands
   ============================================================= */
.tax-product_brand .brand-description{overflow:hidden;zoom:1}.tax-product_brand .brand-description img.brand-thumbnail{width:25%;float:right}.tax-product_brand .brand-description .text{width:72%;float:left}.widget_brand_description img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0 0 1em}ul.brand-thumbnails{margin-left:0;margin-bottom:0;clear:both;list-style:none}ul.brand-thumbnails:before{clear:both;content:"";display:table}ul.brand-thumbnails:after{clear:both;content:"";display:table}ul.brand-thumbnails li{float:left;margin:0 3.8% 1em 0;padding:0;position:relative;width:22.05%}ul.brand-thumbnails.fluid-columns li{width:auto}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:both}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:0}ul.brand-thumbnails.columns-1 li{width:100%;margin-right:0}ul.brand-thumbnails.columns-2 li{width:48%}ul.brand-thumbnails.columns-3 li{width:30.75%}ul.brand-thumbnails.columns-5 li{width:16.95%}ul.brand-thumbnails.columns-6 li{width:13.5%}.brand-thumbnails li img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0}@media screen and (max-width:768px){ul.brand-thumbnails:not(.fluid-columns) li{width:48%!important}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:none}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:3.8%}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(odd){clear:both}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(even){margin-right:0}}.brand-thumbnails-description li{text-align:center}.brand-thumbnails-description li .term-thumbnail img{display:inline}.brand-thumbnails-description li .term-description{margin-top:1em;text-align:left}#brands_a_z h3:target{text-decoration:underline}ul.brands_index{list-style:none outside;overflow:hidden;zoom:1}ul.brands_index li{float:left;margin:0 2px 2px 0}ul.brands_index li a,ul.brands_index li span{border:1px solid #ccc;padding:6px;line-height:1em;float:left;text-decoration:none}ul.brands_index li span{border-color:#eee;color:#ddd}ul.brands_index li a:hover{border-width:2px;padding:5px;text-decoration:none}ul.brands_index li a.active{border-width:2px;padding:5px}div#brands_a_z a.top{border:1px solid #ccc;padding:4px;line-height:1em;float:right;text-decoration:none;font-size:.8em}

/* =============================================================
   ██  MAIN BODY — WC Blocks
   ============================================================= */
.screen-reader-text {clip:rect(1px,1px,1px,1px);word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;overflow-wrap:normal!important;padding:0;position:absolute!important;width:1px}
.screen-reader-text:focus {clip:auto!important;background-color:#fff;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip-path:none;color:#2b2d2f;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}

/* =============================================================
   ██  MAIN BODY — STS Compare panel
   ============================================================= */
/* Collapse toggle */
.sts-compare-bar { position:fixed; left:0; right:0; bottom:0; z-index:9999; }
.sts-compare-bar__toggle {
  position:absolute; left:16px; top:-22px; width:28px; height:28px; border-radius:999px;
  border:1px solid #ddd; background:#fff; box-shadow:0 2px 8px rgba(0,0,0,.12); cursor:pointer;
  transform: rotate(0deg); transition: transform .2s ease;
}
.sts-compare-bar.is-collapsed .sts-compare-bar__toggle {  }

/* Header card in compare table */
.head-card { text-align:center; }
.head-card__img img { width:110px; height:auto; object-fit:contain; display:inline-block; }
.head-card__name { font-weight:600; margin:6px 0; }
.head-card__rm { margin-top:6px; }

/* Group rows */
.group-head td {
  background:#f1f5f9;
  font-weight:700;
  padding:10px;
  text-transform:uppercase;
  letter-spacing:.02em;
  text-align:center;
  
}

/* Highlighting */
.sts-compare-table tr.is-different { background:#fff9f2; }   /* light orange for differences */
.sts-compare-table tr.is-similar   { background:#f2fff2; }   /* light green for similarities */


.sts-compare-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.sts-hl-btns{display:inline-flex;gap:8px}
.sts-hl-btn{border:1px solid #d0d7de;background:#fff;border-radius:8px;padding:8px 12px;font-weight:600;cursor:pointer}
.sts-hl-btn.is-active{background:#0d6efd;border-color:#0d6efd;color:#fff}
.sts-compare-table .group-head{background:#f6f8fa;font-weight:700}
.sts-compare-table tr.is-different{background:#fff7e6}
.sts-compare-table tr.is-similar{background:#e9fbe9}



/* Compare button – theme-friendly */
.button.sts-add-compare{
  display:inline-flex; align-items:center; gap:.5rem;
  border-radius:999px; font-weight:600; line-height:1;
  padding:.4rem .8rem; transition:.15s ease;height:46px;
}
.button.sts-add-compare .ti-control-shuffle{ font-size:1rem; }

/* Active (in list or on PDP) */
.button.sts-add-compare.is-active,
.button.sts-add-compare[aria-pressed="true"]{
  color:#fff; background:#0d6efd; border-color:#0d6efd;  /* bootstrap-ish primary */
}
.button.sts-add-compare.is-active:hover{ filter:brightness(.96); }

/* If the theme groups buttons on cards */
.groups-button .sts-add-compare{ order:0; margin-right:8px; }

/* Optional small counter badge for header icon */
.sts-compare-pill{
  display:inline-flex; align-items:center; gap:.35rem;
  padding:.25rem .5rem; border:1px solid #e9ecef; border-radius:999px;
}
.sts-compare-pill .sts-compare-count{
  min-width:1.25rem; text-align:center; font-weight:700;
}



/* Add FA icon before the label without needing an <i> tag */
.sts-add-compare.has-fa:before{
  content:"\f074"; /* shuffle/random */
  font-family:"FontAwesome";
  font-weight:900;            /* FA6/5 solid weight; ignored by FA4 */
  display:inline-block;
  margin-right:.5rem;
  line-height:0;
}

/* Optional: different icon when active (checkmark) */
.sts-add-compare.has-fa[aria-pressed="true"]:before{
  content:"\f00c"; /* check icon */
}


html.no-js body.customize-support main section.tp-product-details-area div.tp-product-details-top.pb-45 div.container div.row div.col-xl-5.col-lg-6 div.tp-product-details-wrapper div.tp-product-details-action-wrapper div.tp-product-details-action-item-wrapper.d-flex.mt-2 div div.d-flex.align-items-center.justify-content-center.h-100 button.tp-product-details-buy-now-btn.float-start.w-100.sts-add-compare {
color: #fff !important;
  background: #1b75bc !important;
  border: #166db3 solid !important;
  height: 56px !important;
  width: 50% important;
  margin: 0px !important;
  font-size: 16px;
}

button.sts-add-compare {color: #fff !important;
  background: #1b75bc !important;
  border: #166db3 solid !important;
  height: 31px !important;
  padding: 0px !important;
  font-size: 13px;
  margin: 7px 0px;}
  
  
  /* Compare header cell */
.sts-compare-root .head-card{
  text-align:center;
  vertical-align:top;
  padding:18px 12px;
  background:#fafbfc;
}

/* Product thumbnail */
.sts-compare-root .head-card__img{
  display:block;
  width:100%;
  max-width:110px;
  margin:0 auto 10px;
}
.sts-compare-root .head-card__img img{
  display:block;
  width:100%;
  height:100px;
  object-fit:contain;
  border-radius:10px;
  box-shadow:0 0 0 1px rgba(0,0,0,.06), 0 6px 16px rgba(0,0,0,.06);
  background:#fff;
}

/* Title */
.sts-compare-root .head-card__name{
  display:block;
  margin:6px 0 12px;
  font-size:16px;
  line-height:1.35;
  font-weight:600;         /* lighter than heavy bold */
  color:#333;
  text-decoration:none;
  text-wrap:balance;       /* nicer line breaks (supported browsers) */
}
.sts-compare-root .head-card__name:hover{ text-decoration:underline; }

/* Outline “Remove” button */
.sts-compare-root .head-card__rm.button{
  display:inline-block;
  margin-top:6px;
  padding:8px 18px;
  background:#fff;
  border:2px solid #e53935;
  color:#e53935;
  border-radius:12px;
  box-shadow:0 2px 6px rgba(0,0,0,.07);
  font-weight:600;
  cursor:pointer;
  appearance:none;
}
.sts-compare-root .head-card__rm.button:hover{
  background:#ffecec;
  border-color:#d32f2f;
}

/* Subtle divider between columns */
.sts-compare-root th.head-card + th.head-card{
  border-left:1px solid #eceff1;
}
/* Simple, professional PDF button */
.sts-compare-print{
  display:inline-flex;
  align-items:center;
  padding:.55rem 1rem;
  border-radius:.5rem;
  font-weight:600;
  text-decoration:none !important; /* keep it button-like */
}
.sts-compare-print .fa{ margin-inline-end:.5rem; font-size:1.05em; }

/* Subtle polish */
.sts-compare-print:hover{ box-shadow:0 .25rem .75rem rgba(0,0,0,.08); }
.sts-compare-print:focus{ outline:0; box-shadow:0 0 0 .2rem rgba(13,110,253,.25); } /* matches Bootstrap primary */



/* Force balanced column widths */
#sts-compare-root table.tp-compare-table {
  table-layout: fixed;
  width: 100%;
}

#sts-compare-root table.tp-compare-table th,
#sts-compare-root table.tp-compare-table td {
  text-align: center;
  vertical-align: middle;
  word-wrap: break-word;
}

/* First column (labels) gets equal share as product columns */
#sts-compare-root table.tp-compare-table th.head-attr {
  width: 20%; /* adjust dynamically if more products */
}





td ins span.woocommerce-Price-amount.amount  {font-size: 21px;
  color: #3901d5;
}}
td del span.woocommerce-Price-amount.amount {}


/* Always respect the HTML 'hidden' attribute, regardless of theme utilities */
#sts-compare-bar[hidden] { display: none !important; }


/* =============================================================
   ██  MAIN BODY — STS Compare bar
   ============================================================= */
/* ===== Sticky container ===== */
.sts-compare-bar {
  position: fixed;
  left: 0; right: 0; bottom: 0;
  z-index: 9999;
  pointer-events: none; /* bar itself is click-through */
  font-family: inherit;
}
.sts-compare-bar__inner {
  pointer-events: auto;
  max-width: 1240px;
  margin: 0 auto 8px;
  padding: 6px 10px;                         /* thinner */
  background: #1b75bc;
  border: 1px solid #e2e2e2;
  border-radius: 12px;
  box-shadow: 0 6px 16px rgba(0,0,0,.10);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

/* ===== Collapse toggle (small pill above bar) ===== */
.sts-compare-bar__toggle{
  pointer-events: auto;
  position: absolute;
  right: 16px; top: -28px;
  height: 26px; padding: 0 10px;
  border-radius: 999px;
  border: 1px solid #ddd;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0,0,0,.12);
  cursor: pointer;
  font-size: 12px; line-height: 24px;
  color: #333;
}
.sts-compare-bar.is-collapsed [data-sts-collapsible]{ display: none; }

/* ===== Title/Count (tiny) ===== */
.sts-compare-bar__title{ display: none; } /* keep hidden for ultra-slim */
.sts-compare-bar__count{ font-size: 12px; color: #666; }

/* ===== Slots: thin, scrollable row ===== */
.sts-compare-bar__slots{
  display: flex;
  align-items: center;
  gap: 6px;                                   /* tighter */
  overflow-x: hidden; overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  max-width: 100%;
}
.sts-compare-bar__slots::-webkit-scrollbar{ height: 6px; }
.sts-compare-bar__slots::-webkit-scrollbar-thumb{
  background: rgba(0,0,0,.15); border-radius: 4px;
}

/* ===== Slot pill ===== */
.sts-slot{
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  padding: 4px 8px;                           /* thinner */
  min-height: 40px;                            /* slim */
  box-shadow: 0 1px 5px rgba(0,0,0,.05);
  max-width: 240px;                            /* keep names in check */
}
.sts-slot__remove{
  
  top: -7px; right: -7px;
  width: 20px; height: 20px;
  border-radius: 50%;
  border: 0; background: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,.18);
  cursor: pointer;
  font-size: 14px; line-height: 20px;
  text-align: center; color: #333;
}
.sts-slot__thumb{
  width: 36px; height: 36px;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 6px; overflow: hidden; background: #fafafa;
}
.sts-slot__thumb img{
  width: 100%; height: 100%; object-fit: contain;
}
.sts-slot__name{
  font-size: 12px; line-height: 1.25; color: #222; text-decoration: none;
  display: inline-block; max-width: 170px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

/* ===== Empty placeholders (tiny) ===== */
.sts-slot--empty{
  min-width: 52px; min-height: 40px;
  display: inline-flex; align-items: center; justify-content: center;
  border: 1px dashed #e0e0e0; border-radius: 10px; background: #fff;
}
.sts-slot__empty{
  width: 32px; height: 32px;
  display: flex; align-items: center; justify-content: center;
  border-radius: 50%; background: #f1f1f1;
  box-shadow: inset 0 4px 12px rgba(0,0,0,.05);
}
.sts-slot__empty .plus{ font-size: 18px; color: #bdbdbd; }

/* ===== Right side: compact buttons ===== */
.sts-compare-bar__right{ display: inline-flex; align-items: center; gap: 8px; }
.sts-compare-bar__clear{
  color: #c0392b; text-decoration: none; font-size: 12px; padding: 0 4px;
}
.sts-compare-bar__clear:hover{ text-decoration: underline; }

.sts-compare-bar__go{
  display: inline-flex; align-items: center; gap: 8px;
  padding: 4px 12px;                           /* thinner */
  font-weight: 700; font-size: 12px;
  color:#fff !important; background:#e23e1d; border: 2px solid transparent;
  border-radius: 999px; text-transform: uppercase; letter-spacing: .2px;
  line-height: 1.2; cursor: pointer; transition: all .2s ease-in-out;
}
.sts-compare-bar__go:hover{ color:#fff !important; filter: brightness(0.92); }
.sts-compare-bar__badge{
  display:inline-block; min-width: 18px; height: 18px; padding: 0 6px;
  border-radius: 999px; background:#222; color:#fff;
  font-size: 12px; line-height: 18px; text-align:center;
}

/* ===== Responsive ===== */
@media (max-width: 900px){
  .sts-compare-bar__inner{ padding: 6px 8px; }
  .sts-slot{ max-width: 200px; }
  .sts-slot__name{ max-width: 130px; }
}
@media (max-width: 600px){
  .sts-compare-bar__badge{ min-width:16px; height:16px; line-height:16px; font-size:11px; }
  .sts-compare-bar__go{ padding: 4px 10px; font-size: 11px; }
  .sts-slot__thumb{ width: 32px; height: 32px; }
  .sts-slot{ gap: 6px; padding: 4px 6px; }
  .sts-slot__name{ max-width: 110px; font-size: 11px; }
}

/* ===== Optional: subtle hover on slot ===== */
.sts-slot:hover{ border-color:#d9d9d9; box-shadow:0 2px 8px rgba(0,0,0,.06); }


/* =============================================================
   ██  MAIN BODY — WhatsApp order button
   ============================================================= */
@charset "UTF-8";
.wa-order-gdprchk label {
    font-size: inherit;
    display: inline-block;
    position: relative;
    vertical-align: middle;
}
.wa-order-gdprchk input[type=checkbox] {
    position: relative;
    bottom: 0px;
    border: 1px solid #b4b9be;
    background: #fff;
    color: #555;
    clear: none;
    cursor: pointer;
    display: inline-block;
    line-height: 0;
    width: 1.5rem!important;
    min-width: 1.5rem!important;
    height: 1.5rem!important;
    margin: -4px 4px 0 0;
    outline: 0;
    padding: 0!important;
    vertical-align: middle;
    width: 16px;
    min-width: 16px;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    transition: .05s border-color ease-in-out;
}

.wa-order-gdprchk input[type=checkbox] + label {
    opacity: .5!important;
}
.wa-order-gdprchk input[type=checkbox]:checked + label {
    opacity: 1!important;
}

.wa-order-button, 
.gdpr_wa_button_input {
    background: #25d366!important;
    color: #ffffff!important;
    transform: translateY(0px);
    text-decoration: none!important;
    outline: 0!important;
    font-size: inherit!important;
    -webkit-box-shadow: 0 4px 7px 0 rgba(0,0,0,.25);
    -moz-box-shadow: 0 4px 7px 0 rgba(0,0,0,.25);
    box-shadow: 0 4px 7px 0 rgba(0,0,0,.25);
    transition: top .1s ease;
    -webkit-transition: top .1s ease;
}

a.wa-order-checkout,
a.wa-order-thankyou {
    background: #25d366!important;
    color: #ffffff!important;
    transform: translateY(0px);
    text-decoration: none!important;
    outline: 0!important;
    -webkit-box-shadow: 0 4px 7px 0 rgba(0,0,0,.25);
    -moz-box-shadow: 0 4px 7px 0 rgba(0,0,0,.25);
    box-shadow: 0 4px 7px 0 rgba(0,0,0,.25);
    transition: top .1s ease;
    -webkit-transition: top .1s ease;
}

.shortcode_wa_button, 
.shortcode_wa_button_nt {
    background: #25d366!important;
    border-radius: 5px!important;
    color: #ffffff!important;
    font-size: 16px!important;
    font-weight: bold!important;
    position: relative!important;
    display: inline-flex!important;
    width: auto!important;
    transition: all .3s !important;
    align-items: center!important;
    box-shadow: 0 2px 2px 0px rgba(45, 62, 79, .3) !important;
    text-transform: none!important;
    cursor: pointer;
    margin-top: 10px;
    margin-bottom: 10px;
    -webkit-box-shadow: 0 4px 7px 0 rgba(0,0,0,.25);
    -moz-box-shadow: 0 4px 7px 0 rgba(0,0,0,.25);
    box-shadow: 0 4px 7px 0 rgba(0,0,0,.25);
    transition: top .1s ease;
    -webkit-transition: top .1s ease;
}
label.wa-button-gdpr2 {
    display: inline-block;
}
.wa-order-gdprchk {
    margin-top: 30px;
}

.wa-order-thankyou:before,
a.wa-order-checkout:before,
.gdpr_wa_button_input:before, 
.wa-order-button:before,
a.wa-shop-button:before {
    /*font-family: 'Font Awesome 5 Brands' !important;*/
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23fff" d="M3.516 3.516c4.686-4.686 12.284-4.686 16.97 0 4.686 4.686 4.686 12.283 0 16.97a12.004 12.004 0 01-13.754 2.299l-5.814.735a.392.392 0 01-.438-.44l.748-5.788A12.002 12.002 0 013.517 3.517zm3.61 17.043l.3.158a9.846 9.846 0 0011.534-1.758c3.843-3.843 3.843-10.074 0-13.918-3.843-3.843-10.075-3.843-13.918 0a9.846 9.846 0 00-1.747 11.554l.16.303-.51 3.942a.196.196 0 00.219.22l3.961-.501zm6.534-7.003l-.933 1.164a9.843 9.843 0 01-3.497-3.495l1.166-.933a.792.792 0 00.23-.94L9.561 6.96a.793.793 0 00-.924-.445 1291.6 1291.6 0 00-2.023.524.797.797 0 00-.588.88 11.754 11.754 0 0010.005 10.005.797.797 0 00.88-.587l.525-2.023a.793.793 0 00-.445-.923L14.6 13.327a.792.792 0 00-.94.23z"/></svg>')!important;
    color: #ffffff;
    font-size: inherit;
    font-weight: inherit!important;
    display: inline-block;
    vertical-align: middle;
    align-items: center;
    margin-bottom: -4px;
    margin-top: -5px;
    width: 0.875em;
    height: auto;
}
.gdpr_wa_button_input:before {
    margin-right: 3.5px;
}
a.wa-shop-button:before,
.wa-order-button:before,
a.wa-order-thankyou:before,
a.wa-order-checkout:before {
    margin-right: 7px;
}
a.wa-order-thankyou {
    display: inline-block;
    text-align: center;
    box-sizing: border-box;
    word-break: break-word;
    padding: 10px 15px;
    margin: 0;
    margin-top: 20px;
    font-size: 20px;
    font-weight: 600;
    border-radius: 4px;
    text-rendering: optimizeLegibility;
    letter-spacing: 0px;
}
.thankyoutitle {
    font-size: 1.875em;
    font-size: 30px;
    font-weight: 600;
}
.thankyoucustom_wrapper {
    background: #f9f9f9;
    width: 100%;
    padding: 20px;
    margin: auto;
    text-align: center;
}
.thankyoutitle h1 {
    font-size: inherit;
}
.subtitle {
    font-size: 20px;
    margin: auto;
    letter-spacing: 1px;
    margin-top: 20px;
    font-weight: normal;
}
a.wa-shop-button {
    background-color: #25D366 !important;
    color: #fff!important;
    border: none!important;
}
a.shortcode_wa_button:before, a.shortcode_wa_button_nt:before {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23fff" d="M3.516 3.516c4.686-4.686 12.284-4.686 16.97 0 4.686 4.686 4.686 12.283 0 16.97a12.004 12.004 0 01-13.754 2.299l-5.814.735a.392.392 0 01-.438-.44l.748-5.788A12.002 12.002 0 013.517 3.517zm3.61 17.043l.3.158a9.846 9.846 0 0011.534-1.758c3.843-3.843 3.843-10.074 0-13.918-3.843-3.843-10.075-3.843-13.918 0a9.846 9.846 0 00-1.747 11.554l.16.303-.51 3.942a.196.196 0 00.219.22l3.961-.501zm6.534-7.003l-.933 1.164a9.843 9.843 0 01-3.497-3.495l1.166-.933a.792.792 0 00.23-.94L9.561 6.96a.793.793 0 00-.924-.445 1291.6 1291.6 0 00-2.023.524.797.797 0 00-.588.88 11.754 11.754 0 0010.005 10.005.797.797 0 00.88-.587l.525-2.023a.793.793 0 00-.445-.923L14.6 13.327a.792.792 0 00-.94.23z"/></svg>')!important;
    font-size: 20px;
    font-weight: 500;
    vertical-align: top;
    text-decoration: none!important;
    outline: 0!important;
    width: 0.875em;
    height: auto;
    margin-right: 7px;
}
a.shortcode_wa_button:before, {
    margin-right: 8px;
}
.wa-order-button, .gdpr_wa_button_input {
    padding-left: 25px!important;
    padding-right: 25px!important;
}
.shortcode_wa_button, .shortcode_wa_button_nt {
    padding: 7px 25px!important;
    opacity: 1;
    text-decoration: none!important;
    outline: 0!important;
}
a.wa-shop-button:hover, a.wa-order-checkout:hover, a.wa-order-thankyou:hover, .wa-order-class:hover, .wa-order-button:hover, .shortcode_wa_button:hover, .shortcode_wa_button_nt:hover, .gdpr_wa_button_input:hover {
    color: #ffffff !important;
    background: #21bd5b;
    transform: translateY(-3px);
    box-shadow: 0 8px 25px -5px rgba(45, 62, 79, .3) !important;
    transition: all ease-in-out 300ms;
}
button.gdpr_wa_button_input:disabled:hover, button.gdpr_wa_button_input:disabled {
    opacity: .5!important;
    cursor: not-allowed;
}

button.gdpr_wa_button_input:disabled:hover,
button.gdpr_wa_button_input:disabled {
    opacity: .5!important;
}
button.gdpr_wa_button_input:disabled {
    cursor: not-allowed;
}

.floating_button {
    position: fixed !important;
    width: 60px !important;
    height: 60px !important;
    bottom: 20px !important;
    background-color: #25D366 !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    text-align: center !important;
    box-shadow: 0 8px 25px -5px rgba(45, 62, 79, .3) !important;
    z-index: 9999999 !important;
    text-decoration: none;
}

.label-container {
    position: fixed !important;
    bottom: 33px !important;
    display: table !important;
    visibility: hidden !important;
    z-index: 9999999 !important; 
}

.label-text {
    color: #43474e!important;
    background: #f5f7f9!important;
    display: inline-block;
    padding: 7px !important;
    border-radius: 3px !important;
    font-size: 14px;
    bottom: 15px;
}

a.floating_button + div.label-container {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s ease;
}

a.floating_button:hover div.label-container,
a.floating_button:hover div.label-text {
  visibility: visible!important;
  opacity: 1;
}

.floating_button:before {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="30px" height="30px"><path fill="%23fff" d="M3.516 3.516c4.686-4.686 12.284-4.686 16.97 0 4.686 4.686 4.686 12.283 0 16.97a12.004 12.004 0 01-13.754 2.299l-5.814.735a.392.392 0 01-.438-.44l.748-5.788A12.002 12.002 0 013.517 3.517zm3.61 17.043l.3.158a9.846 9.846 0 0011.534-1.758c3.843-3.843 3.843-10.074 0-13.918-3.843-3.843-10.075-3.843-13.918 0a9.846 9.846 0 00-1.747 11.554l.16.303-.51 3.942a.196.196 0 00.219.22l3.961-.501zm6.534-7.003l-.933 1.164a9.843 9.843 0 01-3.497-3.495l1.166-.933a.792.792 0 00.23-.94L9.561 6.96a.793.793 0 00-.924-.445 1291.6 1291.6 0 00-2.023.524.797.797 0 00-.588.88 11.754 11.754 0 0010.005 10.005.797.797 0 00.88-.587l.525-2.023a.793.793 0 00-.445-.923L14.6 13.327a.792.792 0 00-.94.23z"/></svg>')!important;
    position: relative !important;
    color: #ffffff !important;
    font-size: 30px !important;
    display: block !important;
    text-align: center !important;
    width: 60px;
    top: 0px !important;
    speak: none !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    line-height: 1 !important;
    text-align: center !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    margin-top: 15px !important;
}
.floating_button a:before {
    outline: 0!important;
    text-decoration: none!important;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    .floating_button {
        bottom: 10px;     
    }
}

/* =============================================================
   15. MEGAMENU FONTAWESOME6 — Used Icons Only
   ============================================================= */
/* Megamenu FA6: icons replaced by Unicode/SVG above — no rules needed */

/* =============================================================
   FINAL OVERRIDES — must come last to win over plugin CSS
   ============================================================= */
/* mega-indicator: CSS triangle (overrides megamenu style.css dashicons rule) */
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
  content: '' !important;
  font-family: inherit !important;
  display: inline-block !important;
  width: 0 !important;
  height: 0 !important;
  border-left: 4px solid transparent !important;
  border-right: 4px solid transparent !important;
  border-top: 5px solid currentColor !important;
  vertical-align: middle !important;
  margin-left: 4px !important;
  margin-bottom: 1px !important;
  background: none !important;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator:after,
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-collapse-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator:after {
  border-top: none !important;
  border-bottom: 5px solid currentColor !important;
  margin-bottom: 0 !important;
  margin-top: 1px !important;
}
/* Megamenu dashicon icons: inline SVG replaces dashicons font */
/* dashicons-admin-plugins used on Chargers menu item */
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item a.dashicons-admin-plugins.mega-menu-link:before {
  content: '' !important;
  font-family: inherit !important;
  display: inline-block !important;
  width: 1.1em !important;
  height: 1.1em !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23FFB342' d='M13.5 0v6h-1V0h-1v6h-1V0H9v6c0 1.7 1.3 3 3 3v11h1V9c1.7 0 3-1.3 3-3V0h-2.5zM5 0v7H3v13h1V11h2v9h1V0H5z'/%3E%3C/svg%3E") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  vertical-align: middle !important;
  margin-right: 6px !important;
  background-color: transparent !important;
}
/* dashicons-star-filled used on Dream Laptop Search menu item */
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item a.dashicons-star-filled.mega-menu-link:before {
  content: '' !important;
  font-family: inherit !important;
  display: inline-block !important;
  width: 1.1em !important;
  height: 1.1em !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23d90228' d='M10 1l2.4 7.4H20l-6.2 4.5 2.4 7.4L10 16l-6.2 4.3 2.4-7.4L0 8.4h7.6z'/%3E%3C/svg%3E") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  vertical-align: middle !important;
  margin-right: 6px !important;
  background-color: transparent !important;
}
/* Mobile menu toggle: CSS chevron replaces dashicons arrow */
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1:after {
  content: '' !important;
  font-family: inherit !important;
  display: inline-block !important;
  width: 0 !important;
  height: 0 !important;
  border-left: 5px solid transparent !important;
  border-right: 5px solid transparent !important;
  border-top: 6px solid white !important;
  vertical-align: middle !important;
  margin: 0 0 0 6px !important;
}
#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block-1:after {
  border-top: none !important;
  border-bottom: 6px solid white !important;
}

/* =============================================================
   HOMEPAGE SECTIONS — appended to product.css base
   ============================================================= */

/* ─── KEYFRAMES ─────────────────────────────────────────── */
@keyframes pulse-ring {
  0%   { transform: scale(1); opacity: 0.6; }
  70%  { transform: scale(1.5); opacity: 0; }
  100% { transform: scale(1.5); opacity: 0; }
}
@keyframes slideInUp {
  from { transform: translateY(30px); opacity: 0; }
  to   { transform: translateY(0);    opacity: 1; }
}

/* ─── BODY: 16px base ───────────────────────────────────── */
body { font-size: 16px; line-height: 1.75; }

/* ═══════════════════════════════════════════════
   5. HERO SLIDER
════════════════════════════════════════════════ */
.sts-hero-section { position: relative; background: #010F1C; overflow: hidden; }
.sts-hero-swiper  { width: 100%; }
.sts-hero-slide   { position: relative; min-height: 520px; display: flex; align-items: center; overflow: hidden; }
.sts-hero-slide-bg {
  position: absolute; inset: 0;
  background-size: cover; background-position: center right; background-repeat: no-repeat; opacity: 0.25;
}
.sts-hero-content { position: relative; z-index: 2; padding: 60px 0; }
.sts-hero-subtitle {
  display: inline-flex; align-items: center; gap: 8px;
  background: rgba(217,2,40,0.15); border: 1px solid rgba(217,2,40,0.3);
  color: #d90228; font-size: 13px; font-weight: 600; letter-spacing: 1px;
  text-transform: uppercase; padding: 6px 14px; border-radius: 30px; margin-bottom: 20px;
}
.sts-hero-subtitle::before {
  content: ''; display: inline-block; width: 6px; height: 6px;
  border-radius: 50%; background: #d90228; animation: pulse-ring 2s infinite;
}
.sts-hero-title { font-size: 52px; font-weight: 700; color: #fff; line-height: 1.15; margin-bottom: 16px; }
.sts-hero-title span { color: #d90228; }
.sts-hero-desc  { font-size: 17px; color: rgba(255,255,255,0.65); line-height: 1.7; margin-bottom: 32px; max-width: 540px; }
.sts-hero-actions { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.sts-hero-badges  { display: flex; gap: 12px; margin-bottom: 24px; flex-wrap: wrap; }
.sts-hero-badge {
  background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15);
  color: rgba(255,255,255,0.8); padding: 5px 12px; border-radius: 4px; font-size: 12px; font-weight: 500;
}
.sts-btn-primary {
  display: inline-flex; align-items: center; gap: 8px;
  background: #d90228; color: #fff; padding: 14px 32px; border-radius: 6px;
  font-size: 15px; font-weight: 600; border: 2px solid #d90228;
  transition: all 0.3s ease-out; text-decoration: none; cursor: pointer;
}
.sts-btn-primary:hover { background: transparent; color: #d90228; }
.sts-btn-outline {
  display: inline-flex; align-items: center; gap: 8px;
  background: transparent; color: #fff; padding: 14px 32px; border-radius: 6px;
  font-size: 15px; font-weight: 600; border: 2px solid rgba(255,255,255,0.4);
  transition: all 0.3s ease-out; text-decoration: none;
}
.sts-btn-outline:hover { border-color: #fff; background: rgba(255,255,255,0.08); color: #fff; }
.sts-hero-image { position: relative; z-index: 2; text-align: center; padding: 40px 0; }
.sts-hero-image img { max-height: 380px; width: auto; filter: drop-shadow(0 20px 60px rgba(0,0,0,0.5)); animation: slideInUp 0.8s ease-out; }
.sts-hero-prev, .sts-hero-next {
  position: absolute; top: 50%; transform: translateY(-50%); z-index: 10;
  width: 46px; height: 46px; background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.2);
  border-radius: 50%; color: #fff; display: flex; align-items: center; justify-content: center;
  cursor: pointer; transition: all 0.3s ease-out;
}
.sts-hero-prev { left: 20px; }
.sts-hero-next { right: 20px; }
.sts-hero-prev:hover, .sts-hero-next:hover { background: #d90228; border-color: #d90228; }
.sts-hero-dots { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); z-index: 10; display: flex; gap: 8px; }
.sts-hero-dots .swiper-pagination-bullet { width: 28px; height: 4px; border-radius: 2px; background: rgba(255,255,255,0.4); opacity: 1; transition: background 0.3s; }
.sts-hero-dots .swiper-pagination-bullet-active { background: #d90228; }

/* ═══════════════════════════════════════════════
   6. TRUST STRIP
════════════════════════════════════════════════ */
.sts-trust-strip { background: #F6F7F9; border-top: 1px solid #EAEBED; border-bottom: 1px solid #EAEBED; }
.sts-trust-item { display: flex; align-items: center; gap: 14px; padding: 20px 16px; border-right: 1px solid #EAEBED; }
.sts-trust-item:last-child { border-right: none; }
.sts-trust-icon { width: 46px; height: 46px; border-radius: 50%; background: rgba(217,2,40,0.08); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.sts-trust-icon svg { width: 22px; height: 22px; stroke: #d90228; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.sts-trust-title { font-size: 14px; font-weight: 700; color: #010F1C; margin-bottom: 2px; }
.sts-trust-desc  { font-size: 12px; color: #A0A2A4; margin: 0; line-height: 1.4; }

/* ═══════════════════════════════════════════════
   7. SECTION TITLES
════════════════════════════════════════════════ */
.sts-section-title-wrap { display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-bottom: 36px; }
.sts-section-label { display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: #d90228; margin-bottom: 8px; }
.sts-section-title { font-size: 30px; font-weight: 700; color: #010F1C; margin: 0; line-height: 1.2; }
.sts-section-title span { color: #d90228; }
.sts-view-all {
  display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 600;
  color: #d90228; white-space: nowrap; border: 1px solid #d90228; padding: 8px 18px;
  border-radius: 4px; transition: all 0.3s ease-out; text-decoration: none;
}
.sts-view-all:hover { background: #d90228; color: #fff; }
.sts-view-all svg { transition: transform 0.3s ease-out; }
.sts-view-all:hover svg { transform: translateX(3px); }

/* ═══════════════════════════════════════════════
   8. CATEGORY GRID
════════════════════════════════════════════════ */
.sts-categories-section { background: #fff; }
.sts-category-item { text-align: center; cursor: pointer; }
.sts-category-item a { text-decoration: none; display: block; }
.sts-category-thumb {
  width: 100%; aspect-ratio: 1; border-radius: 12px; overflow: hidden;
  background: #F6F7F9; border: 2px solid #EAEBED; margin-bottom: 12px;
  transition: all 0.3s ease-out; display: flex; align-items: center; justify-content: center;
}
.sts-category-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease-out; }
.sts-category-item:hover .sts-category-thumb { border-color: #d90228; box-shadow: 0 8px 24px rgba(217,2,40,0.15); }
.sts-category-item:hover .sts-category-thumb img { transform: scale(1.06); }
.sts-category-name { font-size: 14px; font-weight: 600; color: #010F1C; margin-bottom: 4px; transition: color 0.3s; }
.sts-category-item:hover .sts-category-name { color: #d90228; }
.sts-category-count { font-size: 12px; color: #A0A2A4; }

/* ═══════════════════════════════════════════════
   9. FEATURED PRODUCTS
════════════════════════════════════════════════ */
.sts-products-section { background: #F6F7F9; }
.sts-product-card { background: #fff; border-radius: 10px; border: 1px solid #EAEBED; overflow: hidden; transition: all 0.3s ease-out; height: 100%; display: flex; flex-direction: column; }
.sts-product-card:hover { border-color: rgba(217,2,40,0.25); box-shadow: 0 8px 32px rgba(0,0,0,0.1); transform: translateY(-4px); }
.sts-product-thumb { position: relative; overflow: hidden; background: #F6F7F9; aspect-ratio: 4/3; display: flex; align-items: center; justify-content: center; padding: 16px; }
.sts-product-thumb img { max-height: 180px; width: auto; object-fit: contain; transition: transform 0.4s ease-out; }
.sts-product-card:hover .sts-product-thumb img { transform: scale(1.05); }
.sts-product-badge { position: absolute; top: 12px; left: 12px; background: #d90228; color: #fff; font-size: 11px; font-weight: 700; padding: 3px 8px; border-radius: 4px; text-transform: uppercase; }
.sts-product-badge.new { background: #31B757; }
.sts-product-badge.hot { background: #FF6736; }
.sts-product-actions { position: absolute; top: 12px; right: 12px; display: flex; flex-direction: column; gap: 6px; opacity: 0; transform: translateX(10px); transition: all 0.3s ease-out; }
.sts-product-card:hover .sts-product-actions { opacity: 1; transform: translateX(0); }
.sts-product-action-btn { width: 34px; height: 34px; border-radius: 50%; background: #fff; border: 1px solid #EAEBED; color: #55585B; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s ease-out; text-decoration: none; }
.sts-product-action-btn:hover { background: #d90228; color: #fff; border-color: #d90228; }
.sts-product-body { padding: 16px; flex: 1; display: flex; flex-direction: column; }
.sts-product-cat { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; color: #d90228; margin-bottom: 6px; }
.sts-product-title { font-size: 15px; font-weight: 600; color: #010F1C; margin-bottom: 8px; line-height: 1.4; flex: 1; }
.sts-product-title a { color: inherit; text-decoration: none; }
.sts-product-title a:hover { color: #d90228; }
.sts-product-rating { display: flex; align-items: center; gap: 4px; margin-bottom: 10px; }
.sts-product-stars  { color: #FFB342; font-size: 12px; }
.sts-product-reviews { font-size: 12px; color: #A0A2A4; }
.sts-product-price  { display: flex; align-items: center; gap: 8px; margin-bottom: 14px; flex-wrap: wrap; }
.sts-price-current  { font-size: 18px; font-weight: 700; color: #d90228; }
.sts-price-old      { font-size: 13px; color: #A0A2A4; text-decoration: line-through; }
.sts-product-footer { margin-top: auto; }
.sts-add-to-cart-btn {
  display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%;
  padding: 10px 16px; background: #010F1C; color: #fff; border: 2px solid #010F1C;
  border-radius: 6px; font-size: 14px; font-weight: 600; cursor: pointer;
  transition: all 0.3s ease-out; text-decoration: none;
}
.sts-add-to-cart-btn:hover { background: #d90228; border-color: #d90228; color: #fff; }

/* ═══════════════════════════════════════════════
   10. LAPTOP FINDER CTA
════════════════════════════════════════════════ */
.sts-finder-section { background: linear-gradient(135deg, #010F1C 0%, #021D35 50%, #0d1a2e 100%); position: relative; overflow: hidden; }
.sts-finder-section::before { content: ''; position: absolute; top: -60%; right: -10%; width: 500px; height: 500px; border-radius: 50%; background: radial-gradient(circle, rgba(217,2,40,0.15) 0%, transparent 70%); pointer-events: none; }
.sts-finder-content { position: relative; z-index: 2; }
.sts-finder-label { display: inline-flex; align-items: center; gap: 8px; background: rgba(217,2,40,0.2); border: 1px solid rgba(217,2,40,0.4); color: #ff4d6d; font-size: 12px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; padding: 6px 14px; border-radius: 30px; margin-bottom: 20px; }
.sts-finder-title { font-size: 38px; font-weight: 700; color: #fff; line-height: 1.2; margin-bottom: 16px; }
.sts-finder-title span { color: #d90228; }
.sts-finder-desc { font-size: 16px; color: rgba(255,255,255,0.6); margin-bottom: 32px; max-width: 480px; line-height: 1.7; }
.sts-finder-steps { display: flex; align-items: center; gap: 20px; margin-bottom: 32px; flex-wrap: wrap; }
.sts-finder-step { display: flex; align-items: center; gap: 10px; }
.sts-finder-step-num { width: 34px; height: 34px; border-radius: 50%; border: 2px solid #d90228; color: #d90228; font-size: 14px; font-weight: 700; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.sts-finder-step-text { font-size: 13px; color: rgba(255,255,255,0.7); font-weight: 500; }
.sts-finder-arrow { color: rgba(255,255,255,0.2); font-size: 16px; }
.sts-finder-btn { display: inline-flex; align-items: center; gap: 10px; background: #d90228; color: #fff; padding: 16px 36px; border-radius: 6px; font-size: 16px; font-weight: 700; border: none; cursor: pointer; transition: all 0.3s ease-out; text-decoration: none; box-shadow: 0 8px 24px rgba(217,2,40,0.4); }
.sts-finder-btn:hover { background: #b8001f; transform: translateY(-2px); box-shadow: 0 12px 32px rgba(217,2,40,0.5); color: #fff; }
.sts-finder-image { position: relative; z-index: 2; text-align: center; }
.sts-finder-image img { max-height: 320px; width: auto; filter: drop-shadow(0 20px 60px rgba(0,0,0,0.6)); }

/* ═══════════════════════════════════════════════
   11. BRANDS STRIP
════════════════════════════════════════════════ */
.sts-brands-section { background: #fff; }
.sts-brand-item { display: flex; align-items: center; justify-content: center; padding: 16px 24px; border: 1px solid #EAEBED; border-radius: 8px; transition: all 0.3s ease-out; height: 80px; cursor: pointer; }
.sts-brand-item:hover { border-color: #d90228; box-shadow: 0 4px 16px rgba(217,2,40,0.1); }
.sts-brand-item img { max-height: 40px; width: auto; filter: grayscale(100%); opacity: 0.6; transition: all 0.3s ease-out; object-fit: contain; }
.sts-brand-item:hover img { filter: grayscale(0); opacity: 1; }

/* ═══════════════════════════════════════════════
   12. WHY BUY
════════════════════════════════════════════════ */
.sts-why-section { background: #F6F7F9; }
.sts-why-item { background: #fff; border-radius: 10px; border: 1px solid #EAEBED; padding: 30px 24px; text-align: center; transition: all 0.3s ease-out; height: 100%; }
.sts-why-item:hover { border-color: #d90228; box-shadow: 0 8px 32px rgba(217,2,40,0.1); transform: translateY(-4px); }
.sts-why-icon { width: 64px; height: 64px; border-radius: 50%; background: rgba(217,2,40,0.08); display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; transition: background 0.3s; }
.sts-why-item:hover .sts-why-icon { background: #d90228; }
.sts-why-icon svg { width: 28px; height: 28px; stroke: #d90228; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; transition: stroke 0.3s; }
.sts-why-item:hover .sts-why-icon svg { stroke: #fff; }
.sts-why-title { font-size: 16px; font-weight: 700; color: #010F1C; margin-bottom: 10px; }
.sts-why-desc  { font-size: 14px; color: #55585B; line-height: 1.6; margin: 0; }

/* ═══════════════════════════════════════════════
   13. FOOTER overrides for 4-col layout
════════════════════════════════════════════════ */
.tp-footer-logo { margin-bottom: 16px; }
.tp-footer-logo img { max-height: 48px; width: auto; }
.tp-footer-desc { font-size: 14px; color: #55585B; line-height: 1.7; margin-bottom: 20px; }
.tp-footer-social { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.tp-footer-social a { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; border: 1px solid #EAEBED; color: #55585B; font-size: 14px; transition: all 0.3s ease-out; background: #fff; text-decoration: none; }
.tp-footer-social a:hover { background: #d90228; border-color: #d90228; color: #fff; }
.tp-footer-widget-title { font-weight: 700; font-size: 16px; color: #010F1C; margin-bottom: 18px; padding-bottom: 10px; border-bottom: 2px solid #d90228; display: inline-block; }
.tp-footer-widget-content ul { list-style: none; margin: 0; padding: 0; }
.tp-footer-widget-content ul li { margin-bottom: 10px; }
.tp-footer-widget-content ul li a { font-size: 14px; color: #55585B; font-weight: 500; display: inline-flex; align-items: center; gap: 6px; transition: color 0.3s; text-decoration: none; }
.tp-footer-widget-content ul li a::before { content: "\203A"; color: #d90228; font-size: 16px; line-height: 1; }
.tp-footer-widget-content ul li a:hover { color: #d90228; }
.sts-footer-hours { display: flex; flex-direction: column; gap: 4px; margin-top: 12px; }
.sts-footer-hours-item { display: flex; justify-content: space-between; font-size: 13px; color: #55585B; padding: 4px 0; border-bottom: 1px dashed #EAEBED; }
.sts-footer-hours-item:last-child { border-bottom: none; }
.sts-footer-hours-day { font-weight: 600; color: #010F1C; }
.tp-footer-map iframe { width: 100%; height: 200px; border: 0; border-radius: 8px; display: block; }

/* ═══════════════════════════════════════════════
   14. FLOATING WHATSAPP
════════════════════════════════════════════════ */
.sts-whatsapp-float { position: fixed; bottom: 86px; right: 28px; z-index: 9980; }
.sts-whatsapp-float a { display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 50%; background: #25D366; color: #fff; box-shadow: 0 4px 20px rgba(37,211,102,0.5); text-decoration: none; transition: all 0.3s ease-out; position: relative; }
.sts-whatsapp-float a::before { content: ''; position: absolute; inset: -4px; border-radius: 50%; border: 2px solid rgba(37,211,102,0.4); animation: pulse-ring 2s infinite; }
.sts-whatsapp-float a:hover { transform: scale(1.1); background: #128C7E; }
.sts-whatsapp-float a svg { width: 26px; height: 26px; fill: #fff; }

/* ═══════════════════════════════════════════════
   15. RESPONSIVE OVERRIDES
════════════════════════════════════════════════ */
@media (max-width: 1199.98px) {
  .sts-hero-title   { font-size: 40px; }
  .sts-finder-title { font-size: 30px; }
  .sts-section-title { font-size: 26px; }
}
@media (max-width: 991.98px) {
  .sts-hero-title  { font-size: 34px; }
  .sts-hero-slide  { min-height: 420px; }
  .sts-hero-image  { display: none; }
  .sts-trust-item  { border-right: none; border-bottom: 1px solid #EAEBED; }
  .sts-trust-item:last-child { border-bottom: none; }
  .sts-finder-image { display: none; }
  .sts-finder-arrow { display: none; }
}
@media (max-width: 767.98px) {
  .sts-hero-title  { font-size: 28px; }
  .sts-hero-desc   { font-size: 15px; }
  .sts-hero-slide  { min-height: 360px; }
  .sts-btn-primary,.sts-btn-outline { padding: 12px 22px; font-size: 14px; }
  .sts-section-title { font-size: 22px; }
  .sts-finder-title { font-size: 24px; }
  .sts-whatsapp-float { bottom: 76px; right: 16px; }
  .sts-whatsapp-float a { width: 46px; height: 46px; }
}
@media (max-width: 575.98px) {
  .sts-hero-title   { font-size: 24px; }
  .sts-hero-content { padding: 40px 0; }
  .sts-hero-actions { flex-direction: column; align-items: flex-start; }
}

/* ================================================
   STS CATEGORY CARDS — Hierarchical Grid
   ================================================ */
.sts-cat-section {
  padding: 70px 0 60px;
  background: #f7f8fc;
}
.sts-cat-header {
  text-align: center;
  margin-bottom: 44px;
}
.sts-cat-heading {
  font-size: 32px;
  font-weight: 700;
  color: #010F1C;
  margin-bottom: 8px;
  display: inline-block;
}
.sts-cat-heading::after {
  content: '';
  display: block;
  width: 60px;
  height: 3px;
  background: #d90228;
  border-radius: 2px;
  margin: 10px auto 0;
}
.sts-cat-sub {
  color: #666;
  font-size: 15px;
  margin: 0;
}

/* Grid layout */
.sts-cat-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
@media (max-width: 991px) {
  .sts-cat-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
}
@media (max-width: 575px) {
  .sts-cat-grid { grid-template-columns: 1fr; gap: 14px; }
  .sts-cat-heading { font-size: 24px; }
}

/* Card */
.sts-cat-card {
  display: flex;
  flex-direction: column;
  border-radius: 16px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 2px 16px rgba(1,15,28,.07);
  transition: transform .28s ease, box-shadow .28s ease;
}
.sts-cat-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 14px 40px rgba(217,2,40,.13);
}

/* Image */
.sts-cat-card-img-link { display: block; }
.sts-cat-card-img {
  position: relative;
  overflow: hidden;
  aspect-ratio: 11 / 7;
}
.sts-cat-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform .4s ease;
}
.sts-cat-card:hover .sts-cat-card-img img {
  transform: scale(1.06);
}

/* Overlay with name */
.sts-cat-card-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(160deg, rgba(1,15,28,.05) 0%, rgba(1,15,28,.62) 100%);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 16px 18px;
  transition: background .3s ease;
}
.sts-cat-card:hover .sts-cat-card-overlay {
  background: linear-gradient(160deg, rgba(217,2,40,.08) 0%, rgba(1,15,28,.72) 100%);
}
.sts-cat-card-overlay-label {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  line-height: 1.2;
  display: block;
}
.sts-cat-card-overlay-count {
  font-size: 12px;
  color: rgba(255,255,255,.75);
  display: block;
  margin-top: 3px;
}

/* Card body */
.sts-cat-card-body {
  padding: 14px 18px 18px;
  flex: 1;
}
.sts-cat-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid #f0f2f5;
}
.sts-cat-card-title {
  font-size: 15px;
  font-weight: 700;
  margin: 0;
  line-height: 1.2;
}
.sts-cat-card-title a {
  color: #010F1C;
  text-decoration: none;
  transition: color .2s;
}
.sts-cat-card-title a:hover,
.sts-cat-card:hover .sts-cat-card-title a {
  color: #d90228;
}
.sts-cat-view-all {
  font-size: 12px;
  font-weight: 600;
  color: #d90228;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
  transition: gap .2s ease;
}
.sts-cat-view-all:hover { gap: 7px; color: #d90228; }

/* Children list */
.sts-cat-children {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.sts-cat-children li a {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  font-weight: 500;
  color: #444;
  background: #f4f5f7;
  padding: 4px 10px 4px 8px;
  border-radius: 20px;
  text-decoration: none;
  border: 1px solid transparent;
  transition: background .2s, color .2s, border-color .2s;
}
.sts-cat-children li a:hover {
  background: #fff0f2;
  color: #d90228;
  border-color: #d90228;
}
.sts-cat-children li a svg {
  color: #d90228;
  flex-shrink: 0;
}
.sts-cat-children li a span {
  font-size: 10px;
  color: #999;
  font-weight: 400;
}

/* ================================================
   STS BRANDS SECTION — Modern Logo Grid
   ================================================ */
.sts-brands-section {
  padding: 70px 0 70px;
  background: #fff;
}
.sts-brands-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 40px;
  gap: 16px;
  flex-wrap: wrap;
}
.sts-brands-heading {
  font-size: 32px;
  font-weight: 700;
  color: #010F1C;
  margin: 0 0 6px;
  position: relative;
  display: inline-block;
}
.sts-brands-heading::after {
  content: '';
  display: block;
  width: 50px;
  height: 3px;
  background: #d90228;
  border-radius: 2px;
  margin-top: 8px;
}
.sts-brands-sub {
  color: #666;
  font-size: 14px;
  margin: 0;
}
.sts-brands-all {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 600;
  color: #d90228;
  text-decoration: none;
  border: 1.5px solid #d90228;
  padding: 7px 16px;
  border-radius: 25px;
  white-space: nowrap;
  transition: background .2s, color .2s, gap .2s;
  flex-shrink: 0;
}
.sts-brands-all:hover {
  background: #d90228;
  color: #fff;
  gap: 10px;
}

/* Brand grid — 6 cols xl → 4 → 3 → 2 */
.sts-brands-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 16px;
}
@media (max-width: 1199px) {
  .sts-brands-grid { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 767px) {
  .sts-brands-grid { grid-template-columns: repeat(3, 1fr); gap: 12px; }
  .sts-brands-heading { font-size: 24px; }
}
@media (max-width: 479px) {
  .sts-brands-grid { grid-template-columns: repeat(2, 1fr); }
}

/* Brand card */
.sts-brand-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 22px 12px 18px;
  background: #fff;
  border: 1.5px solid #eef0f4;
  border-radius: 14px;
  text-decoration: none;
  transition: border-color .25s, box-shadow .25s, transform .25s;
  position: relative;
  overflow: hidden;
}
.sts-brand-card::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, #fff8f9 0%, #fff 100%);
  opacity: 0;
  transition: opacity .25s;
}
.sts-brand-card:hover {
  border-color: #d90228;
  box-shadow: 0 8px 28px rgba(217,2,40,.12);
  transform: translateY(-4px);
  text-decoration: none;
}
.sts-brand-card:hover::before {
  opacity: 1;
}

/* Logo container */
.sts-brand-card-inner {
  position: relative;
  width: 100%;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sts-brand-logo {
  max-width: 100%;
  max-height: 52px;
  width: auto;
  height: auto;
  object-fit: contain;
  filter: grayscale(40%) opacity(.85);
  transition: filter .25s, transform .25s;
  position: relative;
}
.sts-brand-card:hover .sts-brand-logo {
  filter: grayscale(0%) opacity(1);
  transform: scale(1.06);
}
.sts-brand-text {
  font-size: 16px;
  font-weight: 700;
  color: #010F1C;
  position: relative;
}

/* Name + count */
.sts-brand-name {
  font-size: 12px;
  font-weight: 600;
  color: #010F1C;
  text-align: center;
  position: relative;
  transition: color .2s;
}
.sts-brand-card:hover .sts-brand-name {
  color: #d90228;
}
.sts-brand-count {
  font-size: 10px;
  color: #999;
  background: #f4f5f7;
  padding: 2px 8px;
  border-radius: 20px;
  position: relative;
  transition: background .2s, color .2s;
}
.sts-brand-card:hover .sts-brand-count {
  background: #fff0f2;
  color: #d90228;
}

/* Replace All Products btn with Finder btn */
.sts-brands-all { display: none; }

.sts-brands-finder-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  background: #d90228;
  padding: 9px 20px;
  border-radius: 25px;
  white-space: nowrap;
  text-decoration: none;
  flex-shrink: 0;
  transition: background .2s, transform .2s, box-shadow .2s;
  box-shadow: 0 4px 14px rgba(217,2,40,.25);
}
.sts-brands-finder-btn:hover {
  background: #b5001e;
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(217,2,40,.35);
  text-decoration: none;
}





/* =========================================================
   PRODUCT CARD — matches category page 100%
   ========================================================= */
.tp-product-item-2 {
  background: #fff;
  border: 1px solid #e8ecf0 !important;
  border-radius: 12px !important;
  overflow: hidden;
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
}
.tp-product-item-2:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(1,15,28,0.13);
  border-color: #d90228 !important;
}

/* Image area */
.tp-product-thumb-2 {
  background: #f8f9fb;
  border-bottom: 1px solid #eef0f4;
  overflow: hidden;
  flex-shrink: 0;
}
.tp-product-thumb-2 a {
  display: block;
}
.tp-product-thumb-2 img {
  width: 100%;
  height: 200px;
  object-fit: contain;
  object-position: center;
  display: block;
  transition: transform 0.35s ease;
  padding: 10px;
  background: #f8f9fb;
}
.tp-product-item-2:hover .tp-product-thumb-2 img {
  transform: scale(1.04);
}

/* Content area */
.tp-product-content-2 {
  padding: 14px 14px 16px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

/* Title */
.tp-product-title-2 {
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.45;
  margin-bottom: 6px;
  color: #010F1C;
}
.tp-product-title-2 a {
  color: #010F1C;
  text-decoration: none;
  transition: color 0.2s;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.tp-product-title-2 a:hover {
  color: #d90228;
}

/* Price wrapper */
.tp-product-price-wrapper-2 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 10px;
  padding: 8px 10px;
  background: #fafafa;
  border-radius: 8px;
  border: 1px solid #f0f0f0;
}
.tp-product-price-wrapper-2 .tp-product-price-2.new-price {
  font-size: 18px !important;
  font-weight: 800 !important;
  color: #d90228 !important;
  letter-spacing: -0.02em;
  line-height: 1.2;
}
.tp-product-price-wrapper-2 .tp-product-price-2.new-price .woocommerce-Price-amount,
.tp-product-price-wrapper-2 .tp-product-price-2.new-price bdi {
  font-size: 18px !important;
  font-weight: 800 !important;
  color: #d90228 !important;
}
.tp-product-price-wrapper-2 .tp-product-price-2.old-price {
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #9ca3af !important;
  text-decoration: line-through !important;
  line-height: 1.2;
}
.tp-product-price-wrapper-2 .tp-product-price-2.old-price .woocommerce-Price-amount,
.tp-product-price-wrapper-2 .tp-product-price-2.old-price bdi {
  color: #9ca3af !important;
  font-size: 13px !important;
  text-decoration: line-through !important;
}
.tp-product-price-wrapper-2 .woocommerce-Price-currencySymbol {
  font-size: 0.75em;
  vertical-align: super;
  font-weight: 700;
}

/* Compare button inside price wrapper */
.tp-product-price-wrapper-2 .sts-add-compare,
.tp-product-price-wrapper-2 button.sts-add-compare {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  width: 100% !important;
  margin-top: 8px !important;
  padding: 7px 12px !important;
  height: auto !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #4b5563 !important;
  background: #fff !important;
  border: 1.5px solid #e5e7eb !important;
  border-radius: 8px !important;
  cursor: pointer;
  transition: color 0.18s, background 0.18s, border-color 0.18s !important;
  letter-spacing: 0.01em;
}
.tp-product-price-wrapper-2 .sts-add-compare:hover,
.tp-product-price-wrapper-2 button.sts-add-compare:hover {
  color: #d90228 !important;
  background: #fff5f7 !important;
  border-color: #d90228 !important;
}
.tp-product-price-wrapper-2 .sts-add-compare[aria-pressed="true"],
.tp-product-price-wrapper-2 button.sts-add-compare[aria-pressed="true"] {
  color: #fff !important;
  background: #d90228 !important;
  border-color: #d90228 !important;
}
.tp-product-price-wrapper-2 .sts-add-compare .sts-icon svg {
  width: 13px;
  height: 13px;
  vertical-align: middle;
}
.tp-product-price-wrapper-2 .sts-add-compare .sts-text {
  line-height: 1;
}

/* "Save Rs. X" badge */
.you-save {
  display: inline-block;
  background: linear-gradient(135deg, #d90228 0%, #ff2d55 100%);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.02em;
  padding: 3px 9px;
  border-radius: 20px;
  line-height: 1.5;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 5;
  box-shadow: 0 2px 8px rgba(217,2,40,0.3);
  pointer-events: none;
}

@media (max-width: 767px) {
  .tp-product-thumb-2 img {
    height: 160px;
  }
  .tp-product-title-2 {
    font-size: 13px !important;
  }
  .tp-product-price-wrapper-2 .tp-product-price-2.new-price {
    font-size: 14px !important;
  }
}
@media (max-width: 480px) {
  .tp-product-thumb-2 img {
    height: 140px;
  }
}

/* =========================================================
   PRODUCT ATTRIBUTES LIST (matches category page styling)
   ========================================================= */
.product-attributes-list {
  list-style: none;
  padding: 0;
  margin: 10px 0 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.product-attributes-list li {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 7px 10px;
  background: #fff;
  border: 1px solid #d1d5db;
  border-left: 3px solid #d90228;
  border-radius: 7px;
  overflow: hidden;
  transition: background 0.15s, box-shadow 0.15s;
}
.product-attributes-list li:hover {
  background: #fff5f7;
  box-shadow: 0 2px 8px rgba(217,2,40,0.1);
}
.attr-icon {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #d90228;
}
.attr-icon svg {
  width: 15px;
  height: 15px;
  display: block;
}
.attr-label {
  font-size: 10px;
  font-weight: 800;
  color: #374151;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  white-space: nowrap;
  flex-shrink: 0;
  min-width: 42px;
}
.attr-value {
  font-size: 12px;
  font-weight: 600;
  color: #111827;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
}
@media (max-width: 767px) {
  .product-attributes-list li {
    padding: 5px 8px;
  }
  .attr-value {
    font-size: 11px;
  }
}