:root {
   --radius: 13px;

/*
* Css vars sizes-table
*/--sizes-table-xs: 0.5rem;
--sizes-table-sm: 0.75rem;
--sizes-table: 1rem;
--sizes-table-md: 1.25rem;
--sizes-table-lg: 1.5rem;
/*
* Css vars body
*//*
* Css vars body-font
*/--body-font-typeface: var(--font-text-family);
--body-font-size: var(--root-size);
--body-font-weight: var(--font-text-weight);
--body-font-spacing: normal;
/*
* Css vars body-color
*/--body-color-background: transparent;
--body-color-text: var(--color-gray-900);
/*
* Css vars heading
*//*
* Css vars heading-font
*/--heading-font-typeface: var(--font-heading-family);
--heading-font-weight: var(--font-heading-weight);
--heading-font-style: normal;
--heading-font-spacing: normal;
--heading-font-transform: initial;
/*
* Css vars heading-color
*/--heading-color-text: inherit;
/*
* Css vars link
*//*
* Css vars link-color
*/--link-color-text: var(--color-primary);
--link-color-text-hover: var(--color-primary-60);
/*
* Css vars button
*//*
* Css vars button-font
*/--button-font-typeface: var(--font-family-primary);
--button-font-weight: 700;
--button-font-line-height: initial;
--button-font-spacing: normal;
--button-font-transform: initial;
/*
* Css vars button-border
*/--button-border-width: 2px;
--button-border-radius: 64px;
/*
* Css vars button-color
*/--button-color-text: white;
/*
* Css vars form
*//*
* Css vars form-font
*/--form-font-typeface: var(--font-text-family);
--form-font-size: var(--sizes-form-medium-text);
--form-font-weight: 400;
--form-font-line-height: 1.25rem;
--form-font-spacing: normal;
--form-font-transform: initial;
/*
* Css vars form-color
*/--form-color-text: var(--color-gray-900);
--form-color-background: rgba(155, 155, 155, 0.15);
--form-color-background-hover: rgba(155, 155, 155, 0.2);
--form-color-background-disable: rgba(155, 155, 155, 0.4);
--form-color-background-primary: var(--color-primary);
--form-color-background-primary-hover: var(--color-primary-60);
--form-color-placeholder: rgba(155, 155, 155, 0.7);
/*
* Css vars form-border
*/--form-border-width: 0;
--form-border-color: var(--border-color);
--form-border-radius: var(--radius);
/*
* Css vars form-shadow
*/--form-shadow-default: 0 0 0 1px var(--border-color);
--form-shadow-hover: 0 0 0 1px var(--border-color);
--form-shadow-focus: 0 0 0 2px var(--color-primary);
--form-height: var(--sizes-form-medium-height);
/*
* Css vars form-dark
*//*
* Css vars form-dark-color
*/--form-dark-color-text: var(--color-white);
--form-dark-color-background: rgba(155, 155, 155, 0.15);
--form-dark-color-background-hover: rgba(155, 155, 155, 0.2);
--form-dark-color-background-disable: rgba(155, 155, 155, 0.4);
--form-dark-color-background-primary: var(--color-primary);
--form-dark-color-background-primary-hover: var(--color-primary-60);
--form-dark-color-placeholder: rgba(155, 155, 155, 0.5);
/*
* Css vars tab
*//*
* Css vars tab-font
*/--tab-font-size: var(--sizes-form-medium-text);
--tab-font-weight: 700;
--tab-font-spacing: normal;
--tab-font-transform: initial;
/*
* Css vars tab-color
*/--tab-color-text: var(--color-gray-700);
--tab-color-text-hover: var(--color-gray-800);
--tab-color-text-active: var(--color-gray-900);
/*
* Css vars tab-border
*/--tab-border-width: 4px;
--tab-border-color: var(--color-primary);
--tab-border-radius: var(--radius);
--tab-display: inline-flex;
--tab-align-text: center;
--tab-margin: 0;
--tab-padding: 5px;
/*
* Css vars accordion
*//*
* Css vars accordion-font
*/--accordion-font-size: var(--sizes-form-large-text);
--accordion-font-weight: 700;
--accordion-font-spacing: normal;
--accordion-font-transform: initial;
/*
* Css vars accordion-color
*/--accordion-color-text: var(--color-gray-900);
--accordion-color-text-active: var(--color-primary);
/*
* Css vars accordion-border
*/--accordion-border-width: 1px;
--accordion-border-color: var(--border-color);
--accordion-margin: 20px;
--accordion-padding: 20px;
 
   --alert-radius: 10px;
  --alert-padding: 14px 16px;
  --alert-font-size: 14px;
  --alert-border-width: 1px;

  --alert-success-bg: #ecfdf5;
  --alert-success-border: #10b981;
  --alert-success-text: #065f46;

  --alert-error-bg: #fef2f2;
  --alert-error-border: #ef4444;
  --alert-error-text: #7f1d1d;

  --alert-warning-bg: #000;
  --alert-warning-border: #f59e0b;
  --alert-warning-text: #78350f;

  --alert-info-bg: #eff6ff;
  --alert-info-border: #3b82f6;
  --alert-info-text: #1e3a8a;

  --alert-shadow: 0 6px 18px rgba(0,0,0,.04);

--bs-link-color: rgb(81, 81, 81) !important;
--bs-link-hover-color: black !important
}
 
html {
 font-size: var(--body-font-size, 1rem);
font-weight: var(--body-font-weight, 400);
letter-spacing: var(--body-font-spacing, normal);
background-color: var(--body-color-background, inherit);
color: var(--body-color-text, inherit);
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility
}
 

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

/* Skeleton base */
.cart-loading {
    pointer-events: none;
}

.skeleton-row {
    display: flex;
    gap: 12px;
    padding: 12px 0;
}
.loading {
    text-align: center;
    padding: 24px;
    font-size: 13px;
    opacity: .6;
}

 

.skeleton-img {
    width: 56px;
    height: 56px;
    border-radius: 8px;
    background: #eee;
    animation: shimmer 1.4s infinite;
}

.skeleton-lines {
    flex: 1;
}

.skeleton-line {
    height: 12px;
    border-radius: 6px;
    background: #eee;
    margin-bottom: 8px;
    animation: shimmer 1.4s infinite;
}

.skeleton-line.w-60 { width: 60%; }
.skeleton-line.w-40 { width: 40%; }

/* shimmer animation */
@keyframes shimmer {
    0%   { background-color: #eee; }
    50%  { background-color: #e5e5e5; }
    100% { background-color: #eee; }
}


 
.alert {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 12px;
  padding: var(--alert-padding);
  border-radius: var(--alert-radius);
  font-size: var(--alert-font-size);
   background-clip: padding-box;
  box-shadow: var(--alert-shadow);
  line-height: 1.6;;
  display: none;
 }

.alert-success {
  background: var(--alert-success-bg);
  border-color: var(--alert-success-border);
  color: var(--alert-success-text);
}

.alert-error {
  background: var(--alert-error-bg);
  border-color: var(--alert-error-border);
  color: var(--alert-error-text);
}

.alert-warning {
  background: var(--alert-warning-bg);
  border-color: var(--alert-warning-border);
  color: var(--alert-warning-text);
}

.alert-info {
  background: var(--alert-info-bg);
  border-color: var(--alert-info-border);
  color: var(--alert-info-text);
}

a,
.link {
color: var(--link-color-text)
}
.readonly{
opacity: .5;
font-size:11px;
padding:0 1px
}



.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.display-1,
.display-2,
.display-3,
.display-4,
.display-5,
.display-6,
h1,
h2,
h3,
h4,
h5,
h6 {
 font-weight: var(--heading-font-weight, 700);
letter-spacing: var(--heading-font-spacing, normal);
font-style: var(--heading-font-style, normal);
text-transform: var(--heading-font-transform, initial);
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
font-size: 21px;
}
.ft-primary {
 color: #000;;
}
 

.post-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;      /* عدد السطور */
  -webkit-box-orient: vertical;
  overflow: hidden;
font-size: 14px ;;
  line-height: 1.4;
  min-height: calc(1.4em * 2); /* يحافظ على ارتفاع ثابت */
}
.cstack {
display: inline-flex;
justify-content: center;
align-items: center
}
.backtotop-wrap {
transform: translateY(40px);
transition: 200ms ease
}
.backtotop-wrap [data-uc-backtotop] {
opacity: 0
}
.backtotop-wrap.uc-active {
gap: 0.5rem;
transform: translateY(0)
}
.backtotop-wrap.uc-active [data-uc-backtotop] {
opacity: 1
}
.uc-horizontal-scroll > * {
text-wrap: nowrap
}
.uc-icon {
margin: 0;
border: none;
border-radius: 0;
overflow: visible;
font: inherit;
color: inherit;
text-transform: none;
padding: 0;
background-color: transparent;
display: inline-block;
fill: currentcolor;
line-height: 0
}

.sr-only:not(:focus):not(:active) {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px
}
.swiper:not(.swiper-initialized) > * {
display: none
}
.panel {
display: flow-root;
position: relative;
box-sizing: border-box
}
.panel > :last-child {
margin-bottom: 0px ;
}

.swiper-navigation{
 margin-bottom: 10px ;;
}
.section {
display: flow-root;
position: relative;
box-sizing: border-box
}
.media-cover {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
box-sizing: border-box;
object-fit: cover
}
.position-cover {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
hr,
.hr,
.vr {
display: inline-block;
align-self: stretch;
background-color: currentcolor;
opacity: 0.25;
margin: 0
}


.hr,
hr {
height: 1px;
min-width: 1em;
border-top-color: var(--border-color)
}
.vr {
width: 1px !important;
min-height: 1em !important;
border-left: 1px solid var(--border-color)
}


.hstack,
html.bp-xs .hstack-xs,
html.bp-xs .xs\:hstack,
html.bp-sm .hstack-sm,
html.bp-sm .sm\:hstack,
html.bp-md .hstack-md,
html.bp-md .md\:hstack,
html.bp-lg .hstack-lg,
html.bp-lg .lg\:hstack,
html.bp-xl .hstack-xl,
html.bp-xl .xl\:hstack,
html.bp-xxl .hstack-xxl,
html.bp-xxl .xxl\:hstack {
display: flex;
flex-direction: row;
align-items: center;
align-self: stretch
}
.vstack,
html.bp-xs .vstack-xs,
html.bp-xs .xs\:vstack,
html.bp-sm .vstack-sm,
html.bp-sm .sm\:vstack,
html.bp-md .vstack-md,
html.bp-md .md\:vstack,
html.bp-lg .vstack-lg,
html.bp-lg .lg\:vstack,
html.bp-xl .vstack-xl,
html.bp-xl .xl\:vstack,
html.bp-xxl .vstack-xxl,
html.bp-xxl .xxl\:vstack {
display: flex;
flex-direction: column;
flex: 1 1 auto;
align-self: stretch
}
.cstack {
display: flex;
justify-content: center;
align-items: center
}
[class*=ratio-] {
position: relative;
width: 100%
}
[class*=ratio-]::before {
display: block;
padding-top: var(--bs-aspect-ratio);
content: ""
}
[class*=ratio-] > * {
object-fit: cover
}
svg {
color: currentColor
}
svg *:not([fill=none]) {
fill: currentColor
}
svg *[fill=none] {
stroke: currentColor
}
.uc-link {
color: var(--color-primary)
}
.uc-link:hover {
color: var(--color-primary-600)
}
.form-control-sm,
html.bp-xs .form-control-sm-xs,
html.bp-xs .xs\:form-control-sm,
html.bp-sm .form-control-sm-sm,
html.bp-sm .sm\:form-control-sm,
html.bp-md .form-control-sm-md,
html.bp-md .md\:form-control-sm,
html.bp-lg .form-control-sm-lg,
html.bp-lg .lg\:form-control-sm,
html.bp-xl .form-control-sm-xl,
html.bp-xl .xl\:form-control-sm,
html.bp-xxl .form-control-sm-xxl,
html.bp-xxl .xxl\:form-control-sm {
padding: 0 0.75rem !important;
min-height: 40px !important;
font-size: 1rem !important
}
[dir=rtl] .form-select {
background-position: left 0.75rem center
}.form-select {
  display: block;
  width: 100%;
  padding: 1rem 1rem;
  -moz-padding-start: calc(1rem - 3px);
   font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: #212529;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid #ced4da;
  border-radius: 20px;
  transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
  appearance: none
}
@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none
  }
}
.form-select:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25)
}
input::placeholder,
select::placeholder,
textarea::placeholder {
color: inherit !important
;font-size: 15.3px ;;
}
input::placeholder,
select::placeholder,
textarea::placeholder {
opacity: 0.65 !important
}
.btn {
display: inline-flex !important;
align-items: center;
justify-content: center;
gap: 0.5rem;
height: var(--bs-btn-height);
text-transform: var(--button-font-transform);
border-radius: var(--bs-btn-border-radius)
}



/* ===============================
   Secondary Button
=============================== */
.btn.btn-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;

    padding: 10px 18px;
    font-size: 14px;
    font-weight: 500;

    color: #da3559;                 /* Google blue */
    background-color: #ffffff;
    border: 1px solid #da3559;
    border-radius: 50px;

    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    user-select: none;
}

/* Hover */
.btn.btn-secondary:hover {
     border-color: #a92743;
    color: #a92743;
}

 
.pb-2 {
  padding-bottom: 1rem !important
}
/* Focus (Accessibility only) */
.btn.btn-secondary:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px rgba(21, 87, 176, 0.25);
}

/* Disabled */
.btn.btn-secondary:disabled,
.btn.btn-secondary.disabled {
    background-color: #f1f3f6;
    border-color: #d8dde6;
    color: #9aa4b2;
    cursor: not-allowed;
}


/* RTL safe */
html[dir="rtl"] .btn.btn-secondary {
    letter-spacing: normal;
}

.btn-xs{
   padding:5px 14px;
  font-size:13px;
}

.btn.btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;

    padding: 10px 18px;
    font-size: 14px;
    font-weight: 500;

    color: #ffffff;
    background-color: #da3559; /* darker Google blue */
    border: 1px solid #da3559;
     border-radius: 50px ;;

    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    user-select: none;
    
}

/* Hover */
.btn.btn-primary:hover {
    background-color: #cd3052;
    border-color: #cd3052;
}

/* Active */
.btn.btn-primary:active {
    background-color: #cd3052;
    border-color: #cd3052;
}

/* Focus (Accessibility only – no animation) */
.btn.btn-primary:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px rgba(21, 87, 176, 0.35);
}

/* Disabled */
.btn.btn-primary:disabled,
.btn.btn-primary.disabled {
    background-color: #e38f8f;
    border-color: #e38f8f;
    color: #ffffff;
    cursor: not-allowed;
}

/* RTL safe */
html[dir="rtl"] .btn.btn-primary {
    letter-spacing: normal;
}

/* ============================= */
/* joGoods Seasonal Top Header   */
/* ============================= */

.jg-topbar {
   /* background:#ffffff;
    border-bottom:1px solid #da3559; */

    background:#fff9e6;
    border-bottom:1px solid #f5e6b8;
    height: 40px;
    display: flex;
    align-items: center;
    font-family: inherit;
    position: relative;
    z-index: 999;
}

.jg-topbar-inner {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 16px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    white-space: nowrap;
}

/* Badge */
.jg-topbar-badge {
    background: #da3559;
    color: #fff;
    font-size: 12px;
    padding: 3px 10px;
    border-radius: 20px;
    font-weight: 600;
}

/* Text */
.jg-topbar-text {
    font-size: 14px;
    color: #333;
    margin: 0;
}

.jg-topbar-text strong {
    color: #da3559;
    font-weight: 700;
}

/* CTA Link */
.jg-topbar-link {
    font-size: 13px;
    color: #da3559;
    text-decoration: none;
    font-weight: 600;
    transition: opacity 0.2s ease;
}

.jg-topbar-link:hover {
    opacity: 0.7;
}

/* ============================= */
/* Responsive                    */
/* ============================= */

@media (max-width: 768px) {

    .jg-topbar-inner {
        justify-content: center;
        gap: 8px;
        padding: 0 10px;
    }

    .jg-topbar-text {
        font-size: 12px;
    }

   
}


.btn-sm,
.btn-group-sm > .btn,
html.bp-xs .btn-sm-xs,
html.bp-xs .xs\:btn-sm,
html.bp-sm .btn-sm-sm,
html.bp-sm .sm\:btn-sm,
html.bp-md .btn-sm-md,
html.bp-md .md\:btn-sm,
html.bp-lg .btn-sm-lg,
html.bp-lg .lg\:btn-sm,
html.bp-xl .btn-sm-xl,
html.bp-xl .xl\:btn-sm,
html.bp-xxl .btn-sm-xxl,
html.bp-xxl .xxl\:btn-sm {
--bs-btn-height: 40px !important;
--bs-btn-padding-y: 0px !important;
--bs-btn-padding-x: 1rem !important;
--bs-btn-font-size: 0.875rem !important
}


.btn-md,
html.bp-xs .btn-md-xs,
html.bp-xs .xs\:btn-md,
html.bp-sm .btn-md-sm,
html.bp-sm .sm\:btn-md,
html.bp-md .btn-md-md,
html.bp-md .md\:btn-md,
html.bp-lg .btn-md-lg,
html.bp-lg .lg\:btn-md,
html.bp-xl .btn-md-xl,
html.bp-xl .xl\:btn-md,
html.bp-xxl .btn-md-xxl,
html.bp-xxl .xxl\:btn-md {
--bs-btn-height: 48px !important;
--bs-btn-padding-y: 0px !important;
--bs-btn-padding-x: 1.5rem !important;
--bs-btn-font-size: 1rem !important
}
.fs-4 {
letter-spacing: 0rem
}
.fs-5 {
letter-spacing: 0rem
}
.fs-6 {
letter-spacing: 0rem
}
.fs-7 {
letter-spacing: 0rem
}
.fs-8 {
letter-spacing: 0rem
}
p.text-muted {
color: rgba(0, 0, 0, 0.5) !important
}
.text-unset {
text-transform: none !important
}
.text-inherit {
color: currentColor
}
.container.container-expand {
max-width: 100%
}
.container.container-full {
max-width: 100%;
padding: 0
}
.nav-y {
display: flex;
flex-wrap: wrap;
flex-direction: column;
gap: 0.25rem;
list-style: none;
margin: 0;
padding: 0;
font-size: 14px ; 
font-weight: 400;
}
.nav-y > *,
.nav-y > * > * {
display: flex;
align-items: center;
gap: 0.25rem
}
.nav-y a {
text-decoration: none;
color: inherit;
transition: opacity 200ms ease
}
.nav-x {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 1.5rem;
list-style: none;
margin: 0;
padding: 0
}
.nav-x > *,
.nav-x > * > * {
display: flex;
align-items: center;
gap: 0.5rem
}
.nav-x a {
text-decoration: none;
color: inherit
}
.uc-navbar {
z-index: 1
}
.uc-navbar .uc-navbar-left,
.uc-navbar .uc-navbar-right,
.uc-navbar [class*=uc-navbar-center] {
gap: 0.9rem
}
.uc-navbar-nav > li > a {
position: relative;
font-size: inherit;
 color: inherit;
padding: 0
}
.uc-navbar-nav > li.uc-active > a::before {
opacity: 1
}
.uc-navbar-nav > li:hover > a,
.uc-navbar-nav > li > a[aria-expanded=true] {
opacity: 0.75
}
.uc-navbar-nav > li:hover > a,
.uc-navbar-nav > li > a[aria-expanded=true] {
color: var(--color-gray-900) !important
}
.uc-navbar-dropdown {
min-width: 250px;
padding: 2rem;
box-shadow: 0 4px 16px -8px rgba(0, 0, 0, 0.2);
border-radius: var(--radius)
}
.uc-navbar-dropdown {
background: white !important
}
.uc-navbar-dropdown {
color: var(--color-gray-800) !important
}
.uc-navbar-dropdown-nav > li > a {
font-size: 0.875rem;
font-weight: var(--font-weight-medium)
}
.uc-navbar-dropdown-nav > li > a {
color: var(--color-gray-600)
}
.uc-navbar-dropdown-nav > li:hover > a {
color: var(--color-gray-900)
}
.uc-navbar-dropdown-nav > li.uc-active > a,
.uc-navbar-dropdown-nav .uc-nav-header {
color: inherit
}
.uc-navbar-dropdown-nav .uc-nav-header {
text-transform: capitalize;
font-weight: var(--font-weight-bold);
font-size: 1rem
}
.uc-navbar-dropdown-nav .uc-nav-divider {
opacity: 0.15
}
.uc-navbar-dropdown-nav .uc-nav-divider {
border-color: black
}
.uc-navbar-dropdown-stack .uc-navbar-dropdown-grid > * {
width: 100% !important
}
.uc-navbar-dropdown-width-2:not(.uc-navbar-dropdown-stack) {
width: 500px
}
.uc-navbar-dropdown-width-3:not(.uc-navbar-dropdown-stack) {
width: 750px
}
.uc-navbar-dropdown-width-4:not(.uc-navbar-dropdown-stack) {
width: 1000px
}
.uc-navbar-dropdown-width-5:not(.uc-navbar-dropdown-stack) {
width: 1250px
}
.uc-navbar-parent-icon * {
stroke: var(--color-gray-900) !important
}
.uc-navbar-container {
transition: 0.1s ease-in-out;
transition-property: background-color
}
.uc-navbar-container:not(.uc-navbar-transparent) {
background-color: white
}
.uc-navbar .uc-navbar-item {
 }
.uc-navbar-item,
.uc-navbar-nav > li > a,
.uc-navbar-toggle {
 padding: 0;
min-height: var(--uc-nav-height, 48px) !important
}
html[dir=rtl] .uc-navbar-right {
margin-left: unset;
margin-right: auto
}
html[dir=rtl] .uc-navbar-left {
margin-right: unset;
margin-left: auto
}
 
 
 


.swiper-wrapper {
will-change: transform
}
.uc-notification-message {
font-size: 14px;;
 border-radius: var(--radius)
}
.uc-notification-message {
background-color: #fff;
border:solid 1px #eee;
}
[uc-img],
[data-uc-img] {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-color: rgba(137, 137, 137, 0.15)
}
.uc-svg,
.uc-svg > *,
.uc-svg:not(.uc-preserve) [fill*="#"]:not(.uc-preserve) {
fill: currentcolor !important;
height: auto;
width: auto
}
.uc-notification-message.uc-notification-message-success {
color: var(--color-success)
}
.uc-notification-message.uc-notification-message-danger {
color: var(--color-danger)
}
.uc-notification-message.uc-notification-message-warning {
color: var(--color-warning)
}
.uc-notification-message .uc-notification-close {
color: var(--color-gray-900)
}
.uc-notification-message .uc-notification-close svg,
.uc-notification-message .uc-notification-close svg > * {
fill: currentColor !important;
stroke: currentColor !important
}
.uc-menu-trigger {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 32px;
height: 40px;
cursor: pointer;
z-index: 9999
}
.uc-menu-trigger::after,
.uc-menu-trigger::before {
content: "";
width: 100%;
height: 2px;
background-color: currentColor;
margin: 4px 0 3px 0;
transition: transform 0.2s ease-in,background-color 0.2s ease-in
}
.uc-menu-trigger[aria-expanded=true]::before {
transform: translate(0, 4px) rotate(45deg)
}
.uc-menu-trigger[aria-expanded=true]::after {
transform: translate(0, -5px) rotate(-45deg)
}
.uni-text-marquee {
position: relative;
top: -8px
}
.swiper .swiper-match > * {
display: flex;
flex-direction: column
}
.swiper .swiper-match > * > * {
flex: 1
}
/*
* Table of content: Template
* ----------------------------------------
* 01. Base
* 02. Header
*/
:root {
--color-white: white !important;
--color-black: black !important;
--bs-gray-800-rgb: 25,25,25 !important
}
html {
font-variant-numeric: lining-nums;
scroll-behavior: smooth
}
.uc-link {
font-weight: var(--font-weight-medium)
}
.uc-link:hover,
a:hover {
text-decoration: none
}
hr {
opacity: 0.1 !important
}
.hide-scrollbar,
.overflow-x-auto.flex-nowrap {
-ms-overflow-style: none;
/* IE and Edge */scrollbar-width: none/* Firefox */
}
.hide-scrollbar::-webkit-scrollbar,
.overflow-x-auto.flex-nowrap::-webkit-scrollbar {
display: none/* Other Browsers */
}
.uc-switcher-nav > li > a {
border-radius: 8px
}
.uc-switcher-nav > li.uc-active > a {
background: var(--color-primary);
color: white
}
.nav-pagination a {
display: inline-flex;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
text-align: center;
border-radius: 50%
}
.nav-pagination a.uc-active {
background: var(--color-primary);
color: white
}
.post-content p:first-child::first-letter {
font-size: 5em;
float: left;
line-height: 0.9em;
margin-right: 16px
}
.post-navigation .new-post:hover button,
.post-navigation .old-post:hover button {
color: var(--color-primary) !important
}
.swiper {
--autoplay-duration: 7000ms
}
.swiper .swiper-pagination-bullet {
--swiper-pagination-bullet-horizontal-gap: 4px;
height: 4px;
width: 16px;
border-radius: 0
}
.swiper .swiper-wrapper.col-match {
flex-wrap: wrap
}
.swiper .swiper-wrapper.col-match > * {
display: flex;
flex-direction: column
}
.swiper .swiper-wrapper.col-match > * > * {
flex: 1
}
.swiper .swiper-slide-progress {
position: absolute;
left: 0;
right: 0;
width: 100%;
height: 100%
}
.swiper .swiper-slide-progress {
background-color: var(--color-gray-25)
}
.swiper .swiper-slide-progress > span {
position: absolute;
left: 0;
right: 0;
width: 100%;
height: 100%;
transform: translate3d(-100%, 0, 0)
}
.swiper .swiper-slide-progress > span {
background-color: rgba(0, 0, 0, 0.05)
}
.swiper .swiper-slide-thumb-active .swiper-slide-progress > span {
animation: slideProgress var(--autoplay-duration, 7000ms) linear
}
.swiper.swiper-thumbs-progress .featured-image {
transform: scale(1)
}
.swiper.swiper-thumbs-progress .swiper-slide-thumb-active .featured-image {
animation: scaleProgress 350ms ease-in-out
}
.swiper-pagination-bullet {
--swiper-pagination-bullet-horizontal-gap: 4px;
height: 4px;
width: 16px;
border-radius: 0
}
@keyframes slideProgress {
0% {
transform: translate3d(-100%, 0, 0)
}
100% {
transform: translate3d(0, 0, 0)
}
}
@keyframes scaleProgress {
0% {
transform: scale(1)
}
50% {
transform: scale(0.98)
}
100% {
transform: scale(1)
}
}
.swiper-ticker .swiper-wrapper {
transition-timing-function: linear
}
.swiper-ticker .swiper-slide {
width: fit-content !important;
white-space: nowrap;
word-wrap: normal;
word-break: keep-all;
line-break: normal
}
.swiper-ticker-sep {
--uc-ticker-sep: "•";
--uc-ticker-gap: 24px;
--uc-ticker-new-gap: calc(var(--uc-ticker-gap) / 2 * -1)
}
.swiper-ticker-sep .swiper-wrapper > * + *::before {
content: var(--uc-ticker-sep);
position: absolute;
top: 50%;
left: var(--uc-ticker-new-gap);
transform: translate(-50%, -50%);
color: currentColor;
opacity: 0.5
}
/* Dark mode triggers */
[data-darkmode-toggle] {
display: inline-flex;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
z-index: 1000
}
[data-darkmode-toggle] .switch {
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
width: 24px;
height: 24px
}
[data-darkmode-toggle] .switch > .slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0
}
[data-darkmode-toggle] .switch > .slider:before {
content: "\eb38";
font-family: "Unicons";
position: absolute;
left: 0;
bottom: 0;
display: inline-flex;
align-items: center;
justify-content: space-between;
font-size: inherit;
width: 24px;
height: 24px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 24px;
line-height: 1.2;
z-index: 1;
color: currentColor;
animation: scalingDown 200ms ease-in
}
[data-darkmode-toggle] .switch > input {
opacity: 0;
width: 0;
height: 0
}
.uc-gdpr-notification {
opacity: 0;
visibility: hidden;
transform: translateY(8px);
transition: all 250ms ease
}
.uc-gdpr-notification.show {
opacity: 1;
visibility: visible;
transform: translateY(0)
}
/* Header */
.uc-header {
display: block
}
header.uc-preview-header.uc-sticky-fixed {
overflow: visible !important
}
header.uc-preview-header .uc-navbar-container {
transition: all 350ms ease
}
header.uc-preview-header .uc-navbar-container.uc-navbar-sticky {
backdrop-filter: blur(10px);
max-width: 1080px;
margin: 16px auto 0;
border-radius: 80px;
box-shadow: 0 7px 10px -10px rgba(0, 0, 0, 0.1);
transition: all 350ms ease
}
header.uc-preview-header .uc-navbar-container.uc-navbar-sticky {
background-color: rgba(255, 255, 255, 0.85)
}
header.uc-preview-header .uc-navbar-container.uc-navbar-sticky .uc-navbar-nav li > a {
opacity: 0.6
}
header.uc-preview-header .uc-navbar-container.uc-navbar-sticky .uc-navbar-nav .uc-active > a {
opacity: 1
}
header.uc-preview-header .uc-navbar-nav li > a {
color: black
}
.post.type-post .post-meta {
visibility: visible;
opacity: 1;
transform: translateY(0);
transition: 200ms ease-in-out
}
.post-date,
.post-comment,
.post-like,
.post-by,
.post-author {
margin-right: 20px;
font-size: 13px;
 }
.post-date {
color: var(--title-font-color)
}
.uc-header.header-five {
transition: 200ms ease-in-out;
transform: translateY(0)
}
.uc-header.header-five.uc-sticky-below .uc-bottom-navbar {
display: none
}
.uc-header.header-five .uc-navbar-nav > li > a::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
width: 100%;
background-color: var(--color-primary);
opacity: 0;
transition: opacity 250ms ease-in-out
}
: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: #00439C;
--bs-secondary: #FF014D;
--bs-success: #4CAF50;
--bs-info: #0099cc;
--bs-warning: #ffb307;
--bs-danger: #e44b4b;
--bs-light: #f8f9fa;
--bs-dark: #212529;
--bs-gray: #5b5b5b;
--bs-gray-10: #fafafa;
--bs-gray-25: #f7f7f7;
--bs-gray-50: #efefef;
--bs-gray-100: #dedede;
--bs-gray-200: #bdbdbd;
--bs-gray-300: #9d9d9d;
--bs-gray-400: #7c7c7c;
--bs-gray-500: #5b5b5b;
--bs-gray-600: #494949;
--bs-gray-700: #373737;
--bs-gray-800: #242424;
--bs-gray-900: #121212;
--bs-slate: #6b7280;
--bs-slate-10: #fbfbfb;
--bs-slate-25: #f8f8f9;
--bs-slate-50: #f0f1f2;
--bs-slate-100: #e1e3e6;
--bs-slate-200: #c4c7cc;
--bs-slate-300: #a6aab3;
--bs-slate-400: #898e99;
--bs-slate-500: #6b7280;
--bs-slate-600: #565b66;
--bs-slate-700: #40444d;
--bs-slate-800: #2b2e33;
--bs-slate-900: #15171a;
--bs-primary-10: #fffcf7;
--bs-primary-25: #fffaf2;
--bs-primary-50: #fff6e6;
--bs-primary-100: #ffeccc;
--bs-primary-200: #ffda99;
--bs-primary-300: #ffc766;
--bs-primary-400: #ffb533;
--bs-primary-500: #00439C;
--bs-primary-600: #cc8200;
--bs-primary-700: #996100;
--bs-primary-800: #664100;
--bs-primary-900: #332000;
--bs-secondary-10: #fff7fa;
--bs-secondary-25: #fff2f6;
--bs-secondary-50: #ffe6ed;
--bs-secondary-100: #ffccdb;
--bs-secondary-200: #ff99b8;
--bs-secondary-300: #ff6794;
--bs-secondary-400: #ff3471;
--bs-secondary-500: #FF014D;
--bs-secondary-600: #cc013e;
--bs-secondary-700: #99012e;
--bs-secondary-800: #66001f;
--bs-secondary-900: #33000f;
--bs-info-10: #f7fcfd;
--bs-info-25: #f2fafc;
--bs-info-50: #e6f5fa;
--bs-info-100: #ccebf5;
--bs-info-200: #99d6eb;
--bs-info-300: #66c2e0;
--bs-info-400: #33add6;
--bs-info-500: #0099cc;
--bs-info-600: #007aa3;
--bs-info-700: #005c7a;
--bs-info-800: #003d52;
--bs-info-900: #001f29;
--bs-success-10: #fafdfa;
--bs-success-25: #f6fbf6;
--bs-success-50: #edf7ee;
--bs-success-100: #dbefdc;
--bs-success-200: #b7dfb9;
--bs-success-300: #94cf96;
--bs-success-400: #70bf73;
--bs-success-500: #4CAF50;
--bs-success-600: #3d8c40;
--bs-success-700: #2e6930;
--bs-success-800: #1e4620;
--bs-success-900: #0f2310;
--bs-warning-10: #fffdf8;
--bs-warning-25: #fffbf3;
--bs-warning-50: #fff7e6;
--bs-warning-100: #fff0cd;
--bs-warning-200: #ffe19c;
--bs-warning-300: #ffd16a;
--bs-warning-400: #ffc239;
--bs-warning-500: #ffb307;
--bs-warning-600: #cc8f06;
--bs-warning-700: #996b04;
--bs-warning-800: #664803;
--bs-warning-900: #332401;
--bs-danger-10: #fefafa;
--bs-danger-25: #fef6f6;
--bs-danger-50: #fceded;
--bs-danger-100: #fadbdb;
--bs-danger-200: #f4b7b7;
--bs-danger-300: #ef9393;
--bs-danger-400: #e96f6f;
--bs-danger-500: #e44b4b;
--bs-danger-600: #b63c3c;
--bs-danger-700: #892d2d;
--bs-danger-800: #5b1e1e;
--bs-danger-900: #2e0f0f;
--bs-blue: #078af3;
--bs-blue-10: #f8fbff;
--bs-blue-25: #f3f9fe;
--bs-blue-50: #e6f3fe;
--bs-blue-100: #cde8fd;
--bs-blue-200: #9cd0fa;
--bs-blue-300: #6ab9f8;
--bs-blue-400: #39a1f5;
--bs-blue-500: #078af3;
--bs-blue-600: #066ec2;
--bs-blue-700: #045392;
--bs-blue-800: #033761;
--bs-blue-900: #011c31;
--bs-indigo: #553cdf;
--bs-indigo-10: #faf9fe;
--bs-indigo-25: #f7f5fd;
--bs-indigo-50: #eeecfc;
--bs-indigo-100: #ddd8f9;
--bs-indigo-200: #bbb1f2;
--bs-indigo-300: #998aec;
--bs-indigo-400: #7763e5;
--bs-indigo-500: #553cdf;
--bs-indigo-600: #4430b2;
--bs-indigo-700: #332486;
--bs-indigo-800: #221859;
--bs-indigo-900: #110c2d;
--bs-purple: #8921e4;
--bs-purple-10: #fbf8fe;
--bs-purple-25: #f9f4fe;
--bs-purple-50: #f3e9fc;
--bs-purple-100: #e7d3fa;
--bs-purple-200: #d0a6f4;
--bs-purple-300: #b87aef;
--bs-purple-400: #a14de9;
--bs-purple-500: #8921e4;
--bs-purple-600: #6e1ab6;
--bs-purple-700: #521489;
--bs-purple-800: #370d5b;
--bs-purple-900: #1b072e;
--bs-red: #ea4335;
--bs-red-10: #fef9f9;
--bs-red-25: #fef6f5;
--bs-red-50: #fdeceb;
--bs-red-100: #fbd9d7;
--bs-red-200: #f7b4ae;
--bs-red-300: #f28e86;
--bs-red-400: #ee695d;
--bs-red-500: #ea4335;
--bs-red-600: #bb362a;
--bs-red-700: #8c2820;
--bs-red-800: #5e1b15;
--bs-red-900: #2f0d0b;
--bs-rose: #d20e4f;
--bs-rose-10: #fef8fa;
--bs-rose-25: #fdf3f6;
--bs-rose-50: #fbe7ed;
--bs-rose-100: #f6cfdc;
--bs-rose-200: #ed9fb9;
--bs-rose-300: #e46e95;
--bs-rose-400: #db3e72;
--bs-rose-500: #d20e4f;
--bs-rose-600: #a80b3f;
--bs-rose-700: #7e082f;
--bs-rose-800: #540620;
--bs-rose-900: #2a0310;
--bs-pink: #f06b9d;
--bs-pink-10: #fffbfc;
--bs-pink-25: #fef8fa;
--bs-pink-50: #fef0f5;
--bs-pink-100: #fce1eb;
--bs-pink-200: #f9c4d8;
--bs-pink-300: #f6a6c4;
--bs-pink-400: #f389b1;
--bs-pink-500: #f06b9d;
--bs-pink-600: #c0567e;
--bs-pink-700: #90405e;
--bs-pink-800: #602b3f;
--bs-pink-900: #30151f;
--bs-orange: #fb6b1e;
--bs-orange-10: #fffbf8;
--bs-orange-25: #fff8f4;
--bs-orange-50: #fff0e9;
--bs-orange-100: #fee1d2;
--bs-orange-200: #fdc4a5;
--bs-orange-300: #fda678;
--bs-orange-400: #fc894b;
--bs-orange-500: #fb6b1e;
--bs-orange-600: #c95618;
--bs-orange-700: #974012;
--bs-orange-800: #642b0c;
--bs-orange-900: #321506;
--bs-yellow: #fcbc05;
--bs-yellow-10: #fffdf8;
--bs-yellow-25: #fffcf3;
--bs-yellow-50: #fff8e6;
--bs-yellow-100: #fef2cd;
--bs-yellow-200: #fee49b;
--bs-yellow-300: #fdd769;
--bs-yellow-400: #fdc937;
--bs-yellow-500: #fcbc05;
--bs-yellow-600: #ca9604;
--bs-yellow-700: #977103;
--bs-yellow-800: #654b02;
--bs-yellow-900: #322601;
--bs-green: #34a853;
--bs-green-10: #f9fcfa;
--bs-green-25: #f5fbf6;
--bs-green-50: #ebf6ee;
--bs-green-100: #d6eedd;
--bs-green-200: #aedcba;
--bs-green-300: #85cb98;
--bs-green-400: #5db975;
--bs-green-500: #34a853;
--bs-green-600: #2a8642;
--bs-green-700: #1f6532;
--bs-green-800: #154321;
--bs-green-900: #0a2211;
--bs-lime: #aef359;
--bs-lime-10: #fdfffa;
--bs-lime-25: #fbfef7;
--bs-lime-50: #f7feee;
--bs-lime-100: #effdde;
--bs-lime-200: #dffabd;
--bs-lime-300: #cef89b;
--bs-lime-400: #bef57a;
--bs-lime-500: #aef359;
--bs-lime-600: #8bc247;
--bs-lime-700: #689235;
--bs-lime-800: #466124;
--bs-lime-900: #233112;
--bs-teal: #06f6c6;
--bs-teal-10: #f8fffd;
--bs-teal-25: #f3fffc;
--bs-teal-50: #e6fef9;
--bs-teal-100: #cdfdf4;
--bs-teal-200: #9bfbe8;
--bs-teal-300: #6afadd;
--bs-teal-400: #38f8d1;
--bs-teal-500: #06f6c6;
--bs-teal-600: #05c59e;
--bs-teal-700: #049477;
--bs-teal-800: #02624f;
--bs-teal-900: #013128;
--bs-cyan: #38e1ff;
--bs-cyan-10: #f9feff;
--bs-cyan-25: #f5feff;
--bs-cyan-50: #ebfcff;
--bs-cyan-100: #d7f9ff;
--bs-cyan-200: #aff3ff;
--bs-cyan-300: #88edff;
--bs-cyan-400: #60e7ff;
--bs-cyan-500: #38e1ff;
--bs-cyan-600: #2db4cc;
--bs-cyan-700: #228799;
--bs-cyan-800: #165a66;
--bs-cyan-900: #0b2d33;
--bs-primary-rgb: 0,67,156;
--bs-secondary-rgb: 255,1,77;
--bs-success-rgb: 76,175,80;
--bs-info-rgb: 0,153,204;
--bs-warning-rgb: 255,179,7;
--bs-danger-rgb: 228,75,75;
--bs-light-rgb: 248,249,250;
--bs-dark-rgb: 33,37,41;
--bs-gray-rgb: 91,91,91;
--bs-gray-10-rgb: 250,250,250;
--bs-gray-25-rgb: 247,247,247;
--bs-gray-50-rgb: 239,239,239;
--bs-gray-100-rgb: 222,222,222;
--bs-gray-200-rgb: 189,189,189;
--bs-gray-300-rgb: 157,157,157;
--bs-gray-400-rgb: 124,124,124;
--bs-gray-500-rgb: 91,91,91;
--bs-gray-600-rgb: 73,73,73;
--bs-gray-700-rgb: 55,55,55;
--bs-gray-800-rgb: 36,36,36;
--bs-gray-900-rgb: 18,18,18;
--bs-slate-rgb: 107,114,128;
--bs-slate-10-rgb: 251,251,251;
--bs-slate-25-rgb: 248,248,249;
--bs-slate-50-rgb: 240,241,242;
--bs-slate-100-rgb: 225,227,230;
--bs-slate-200-rgb: 196,199,204;
--bs-slate-300-rgb: 166,170,179;
--bs-slate-400-rgb: 137,142,153;
--bs-slate-500-rgb: 107,114,128;
--bs-slate-600-rgb: 86,91,102;
--bs-slate-700-rgb: 64,68,77;
--bs-slate-800-rgb: 43,46,51;
--bs-slate-900-rgb: 21,23,26;
--bs-primary-10-rgb: 255,252,247;
--bs-primary-25-rgb: 255,250,242;
--bs-primary-50-rgb: 255,246,230;
--bs-primary-100-rgb: 255,236,204;
--bs-primary-200-rgb: 255,218,153;
--bs-primary-300-rgb: 255,199,102;
--bs-primary-400-rgb: 0  ,81 ,188;
--bs-primary-500-rgb: 255,162,0;
--bs-primary-600-rgb: 204,130,0;
--bs-primary-700-rgb: 153,97,0;
--bs-primary-800-rgb: 102,65,0;
--bs-primary-900-rgb: 51,32,0;
--bs-secondary-10-rgb: 255,247,250;
--bs-secondary-25-rgb: 255,242,246;
--bs-secondary-50-rgb: 255,230,237;
--bs-secondary-100-rgb: 255,204,219;
--bs-secondary-200-rgb: 255,153,184;
--bs-secondary-300-rgb: 255,103,148;
--bs-secondary-400-rgb: 255,52,113;
--bs-secondary-500-rgb: 255,1,77;
--bs-secondary-600-rgb: 204,1,62;
--bs-secondary-700-rgb: 153,1,46;
--bs-secondary-800-rgb: 102,0,31;
--bs-secondary-900-rgb: 51,0,15;
--bs-info-10-rgb: 247,252,253;
--bs-info-25-rgb: 242,250,252;
--bs-info-50-rgb: 230,245,250;
--bs-info-100-rgb: 204,235,245;
--bs-info-200-rgb: 153,214,235;
--bs-info-300-rgb: 102,194,224;
--bs-info-400-rgb: 51,173,214;
--bs-info-500-rgb: 0,153,204;
--bs-info-600-rgb: 0,122,163;
--bs-info-700-rgb: 0,92,122;
--bs-info-800-rgb: 0,61,82;
--bs-info-900-rgb: 0,31,41;
--bs-success-10-rgb: 250,253,250;
--bs-success-25-rgb: 246,251,246;
--bs-success-50-rgb: 237,247,238;
--bs-success-100-rgb: 219,239,220;
--bs-success-200-rgb: 183,223,185;
--bs-success-300-rgb: 148,207,150;
--bs-success-400-rgb: 112,191,115;
--bs-success-500-rgb: 76,175,80;
--bs-success-600-rgb: 61,140,64;
--bs-success-700-rgb: 46,105,48;
--bs-success-800-rgb: 30,70,32;
--bs-success-900-rgb: 15,35,16;
--bs-warning-10-rgb: 255,253,248;
--bs-warning-25-rgb: 255,251,243;
--bs-warning-50-rgb: 255,247,230;
--bs-warning-100-rgb: 255,240,205;
--bs-warning-200-rgb: 255,225,156;
--bs-warning-300-rgb: 255,209,106;
--bs-warning-400-rgb: 255,194,57;
--bs-warning-500-rgb: 255,179,7;
--bs-warning-600-rgb: 204,143,6;
--bs-warning-700-rgb: 153,107,4;
--bs-warning-800-rgb: 102,72,3;
--bs-warning-900-rgb: 51,36,1;
--bs-danger-10-rgb: 254,250,250;
--bs-danger-25-rgb: 254,246,246;
--bs-danger-50-rgb: 252,237,237;
--bs-danger-100-rgb: 250,219,219;
--bs-danger-200-rgb: 244,183,183;
--bs-danger-300-rgb: 239,147,147;
--bs-danger-400-rgb: 233,111,111;
--bs-danger-500-rgb: 228,75,75;
--bs-danger-600-rgb: 182,60,60;
--bs-danger-700-rgb: 137,45,45;
--bs-danger-800-rgb: 91,30,30;
--bs-danger-900-rgb: 46,15,15;
--bs-blue-rgb: 7,138,243;
--bs-blue-10-rgb: 248,251,255;
--bs-blue-25-rgb: 243,249,254;
--bs-blue-50-rgb: 230,243,254;
--bs-blue-100-rgb: 205,232,253;
--bs-blue-200-rgb: 156,208,250;
--bs-blue-300-rgb: 106,185,248;
--bs-blue-400-rgb: 57,161,245;
--bs-blue-500-rgb: 7,138,243;
--bs-blue-600-rgb: 6,110,194;
--bs-blue-700-rgb: 4,83,146;
--bs-blue-800-rgb: 3,55,97;
--bs-blue-900-rgb: 1,28,49;
--bs-indigo-rgb: 85,60,223;
--bs-indigo-10-rgb: 250,249,254;
--bs-indigo-25-rgb: 247,245,253;
--bs-indigo-50-rgb: 238,236,252;
--bs-indigo-100-rgb: 221,216,249;
--bs-indigo-200-rgb: 187,177,242;
--bs-indigo-300-rgb: 153,138,236;
--bs-indigo-400-rgb: 119,99,229;
--bs-indigo-500-rgb: 85,60,223;
--bs-indigo-600-rgb: 68,48,178;
--bs-indigo-700-rgb: 51,36,134;
--bs-indigo-800-rgb: 34,24,89;
--bs-indigo-900-rgb: 17,12,45;
--bs-purple-rgb: 137,33,228;
--bs-purple-10-rgb: 251,248,254;
--bs-purple-25-rgb: 249,244,254;
--bs-purple-50-rgb: 243,233,252;
--bs-purple-100-rgb: 231,211,250;
--bs-purple-200-rgb: 208,166,244;
--bs-purple-300-rgb: 184,122,239;
--bs-purple-400-rgb: 161,77,233;
--bs-purple-500-rgb: 137,33,228;
--bs-purple-600-rgb: 110,26,182;
--bs-purple-700-rgb: 82,20,137;
--bs-purple-800-rgb: 55,13,91;
--bs-purple-900-rgb: 27,7,46;
--bs-red-rgb: 234,67,53;
--bs-red-10-rgb: 254,249,249;
--bs-red-25-rgb: 254,246,245;
--bs-red-50-rgb: 253,236,235;
--bs-red-100-rgb: 251,217,215;
--bs-red-200-rgb: 247,180,174;
--bs-red-300-rgb: 242,142,134;
--bs-red-400-rgb: 238,105,93;
--bs-red-500-rgb: 234,67,53;
--bs-red-600-rgb: 187,54,42;
--bs-red-700-rgb: 140,40,32;
--bs-red-800-rgb: 94,27,21;
--bs-red-900-rgb: 47,13,11;
--bs-rose-rgb: 210,14,79;
--bs-rose-10-rgb: 254,248,250;
--bs-rose-25-rgb: 253,243,246;
--bs-rose-50-rgb: 251,231,237;
--bs-rose-100-rgb: 246,207,220;
--bs-rose-200-rgb: 237,159,185;
--bs-rose-300-rgb: 228,110,149;
--bs-rose-400-rgb: 219,62,114;
--bs-rose-500-rgb: 210,14,79;
--bs-rose-600-rgb: 168,11,63;
--bs-rose-700-rgb: 126,8,47;
--bs-rose-800-rgb: 84,6,32;
--bs-rose-900-rgb: 42,3,16;
--bs-pink-rgb: 240,107,157;
--bs-pink-10-rgb: 255,251,252;
--bs-pink-25-rgb: 254,248,250;
--bs-pink-50-rgb: 254,240,245;
--bs-pink-100-rgb: 252,225,235;
--bs-pink-200-rgb: 249,196,216;
--bs-pink-300-rgb: 246,166,196;
--bs-pink-400-rgb: 243,137,177;
--bs-pink-500-rgb: 240,107,157;
--bs-pink-600-rgb: 192,86,126;
--bs-pink-700-rgb: 144,64,94;
--bs-pink-800-rgb: 96,43,63;
--bs-pink-900-rgb: 48,21,31;
--bs-orange-rgb: 251,107,30;
--bs-orange-10-rgb: 255,251,248;
--bs-orange-25-rgb: 255,248,244;
--bs-orange-50-rgb: 255,240,233;
--bs-orange-100-rgb: 254,225,210;
--bs-orange-200-rgb: 253,196,165;
--bs-orange-300-rgb: 253,166,120;
--bs-orange-400-rgb: 252,137,75;
--bs-orange-500-rgb: 251,107,30;
--bs-orange-600-rgb: 201,86,24;
--bs-orange-700-rgb: 151,64,18;
--bs-orange-800-rgb: 100,43,12;
--bs-orange-900-rgb: 50,21,6;
--bs-yellow-rgb: 252,188,5;
--bs-yellow-10-rgb: 255,253,248;
--bs-yellow-25-rgb: 255,252,243;
--bs-yellow-50-rgb: 255,248,230;
--bs-yellow-100-rgb: 254,242,205;
--bs-yellow-200-rgb: 254,228,155;
--bs-yellow-300-rgb: 253,215,105;
--bs-yellow-400-rgb: 253,201,55;
--bs-yellow-500-rgb: 252,188,5;
--bs-yellow-600-rgb: 202,150,4;
--bs-yellow-700-rgb: 151,113,3;
--bs-yellow-800-rgb: 101,75,2;
--bs-yellow-900-rgb: 50,38,1;
--bs-green-rgb: 52,168,83;
--bs-green-10-rgb: 249,252,250;
--bs-green-25-rgb: 245,251,246;
--bs-green-50-rgb: 235,246,238;
--bs-green-100-rgb: 214,238,221;
--bs-green-200-rgb: 174,220,186;
--bs-green-300-rgb: 133,203,152;
--bs-green-400-rgb: 93,185,117;
--bs-green-500-rgb: 52,168,83;
--bs-green-600-rgb: 42,134,66;
--bs-green-700-rgb: 31,101,50;
--bs-green-800-rgb: 21,67,33;
--bs-green-900-rgb: 10,34,17;
--bs-lime-rgb: 174,243,89;
--bs-lime-10-rgb: 253,255,250;
--bs-lime-25-rgb: 251,254,247;
--bs-lime-50-rgb: 247,254,238;
--bs-lime-100-rgb: 239,253,222;
--bs-lime-200-rgb: 223,250,189;
--bs-lime-300-rgb: 206,248,155;
--bs-lime-400-rgb: 190,245,122;
--bs-lime-500-rgb: 174,243,89;
--bs-lime-600-rgb: 139,194,71;
--bs-lime-700-rgb: 104,146,53;
--bs-lime-800-rgb: 70,97,36;
--bs-lime-900-rgb: 35,49,18;
--bs-teal-rgb: 6,246,198;
--bs-teal-10-rgb: 248,255,253;
--bs-teal-25-rgb: 243,255,252;
--bs-teal-50-rgb: 230,254,249;
--bs-teal-100-rgb: 205,253,244;
--bs-teal-200-rgb: 155,251,232;
--bs-teal-300-rgb: 106,250,221;
--bs-teal-400-rgb: 56,248,209;
--bs-teal-500-rgb: 6,246,198;
--bs-teal-600-rgb: 5,197,158;
--bs-teal-700-rgb: 4,148,119;
--bs-teal-800-rgb: 2,98,79;
--bs-teal-900-rgb: 1,49,40;
--bs-cyan-rgb: 56,225,255;
--bs-cyan-10-rgb: 249,254,255;
--bs-cyan-25-rgb: 245,254,255;
--bs-cyan-50-rgb: 235,252,255;
--bs-cyan-100-rgb: 215,249,255;
--bs-cyan-200-rgb: 175,243,255;
--bs-cyan-300-rgb: 136,237,255;
--bs-cyan-400-rgb: 96,231,255;
--bs-cyan-500-rgb: 56,225,255;
--bs-cyan-600-rgb: 45,180,204;
--bs-cyan-700-rgb: 34,135,153;
--bs-cyan-800-rgb: 22,90,102;
--bs-cyan-900-rgb: 11,45,51;
--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-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: rgba(131, 131, 131, 0.122);
--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
}
*,
*::before,
*::after {
box-sizing: border-box
}
@media (prefers-reduced-motion: no-preference) {
:root {
scroll-behavior: smooth
}
}
/* @font-face {
font-family: 'ArabicUIDisplay';
src: url('/Almarai-Regular.woff2') format('woff2');
font-weight: normal;
font-style: normal;
font-display: swap;
} */


hr {
margin: 1rem 0;
color: inherit;
border: 0;
border-top: 1px solid;
opacity: 0.25
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
margin-bottom: 1rem;
 font-weight: 600;
color: var(--bs-heading-color, inherit)
}
p {
margin: 0
}
p + p {
margin-top: 1rem
}
abbr[title] {
text-decoration: underline dotted;
cursor: help;
text-decoration-skip-ink: none
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit
}
ol,
ul {
padding-left: 2rem
}
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0
}
dt {
font-weight: 700
}
dd {
margin-bottom: 0.5rem;
margin-left: 0
;
}
 
[dir="ltr"] .post-title-sh {
text-align: left;
}
/* Arabic (RTL) */
[dir="rtl"] .post-title-sh {
text-align: right;
}
.navdir {
display: flex;
gap: 0.5rem; /* مسافة بين الزرين */
padding: 4px;
}
/* English (LTR) */
[dir="ltr"] .navdir {
flex-direction: row;
justify-content: flex-start;
float: left;
}
/* Arabic (RTL) */
[dir="rtl"] .navdir {
flex-direction: row-reverse;
justify-content: flex-end;
float: right;
}
a {
color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
text-decoration: underline
}
img,
svg {
vertical-align: middle
}
label {
display: inline-block
}
button {
border-radius: 0
}
button:focus:not(:focus-visible) {
outline: 0
}
input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit
}
button,
select {
text-transform: none
}
[role=button] {
cursor: pointer
}
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
cursor: pointer
}
[hidden] {
display: none !important
}
.h5 {
font-size: var(--sizes-heading-h5-size) !important;
line-height: var(--sizes-heading-h5-lh) !important;
letter-spacing: var(--sizes-heading-h5-lp) !important
}
.h6 {
font-size: var(--sizes-heading-h6-size) !important;
line-height: var(--sizes-heading-h6-lh) !important;
letter-spacing: var(--sizes-heading-h6-lp) !important
}
@media (min-width: 459px) {
.sm\:h5 {
font-size: var(--sizes-heading-h5-size) !important;
line-height: var(--sizes-heading-h5-lh) !important;
letter-spacing: var(--sizes-heading-h5-lp) !important
}
.sm\:h6 {
font-size: var(--sizes-heading-h6-size) !important;
line-height: var(--sizes-heading-h6-lh) !important;
letter-spacing: var(--sizes-heading-h6-lp) !important
}
}
@media (min-width: 992px) {
.lg\:h6 {
font-size: var(--sizes-heading-h6-size) !important;
line-height: var(--sizes-heading-h6-lh) !important;
letter-spacing: var(--sizes-heading-h6-lp) !important
}
}
@media (min-width: 1200px) {
.xl\:h4 {
font-size: var(--sizes-heading-h4-size) !important;
line-height: var(--sizes-heading-h4-lh) !important;
letter-spacing: var(--sizes-heading-h4-lp) !important
}
.xl\:h5 {
font-size: var(--sizes-heading-h5-size) !important;
line-height: var(--sizes-heading-h5-lh) !important;
letter-spacing: var(--sizes-heading-h5-lp) !important
}
.xl\:h6 {
font-size: var(--sizes-heading-h6-size) !important;
line-height: var(--sizes-heading-h6-lh) !important;
letter-spacing: var(--sizes-heading-h6-lp) !important
}
}
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
--bs-gutter-x: 32px;
--bs-gutter-y: 0;
width: 100%;
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
margin-right: auto;
margin-left: auto
}
@media (min-width: 459px) {
.container-sm,
.container {
max-width: 540px
}
}
@media (min-width: 768px) {
.container-md,
.container-sm,
.container {
max-width: 720px
}
}
@media (min-width: 992px) {
.container-lg,
.container-md,
.container-sm,
.container {
max-width: 960px
}
}
@media (min-width: 1200px) {
.container-xl,
.container-lg,
.container-md,
.container-sm,
.container {
max-width: 1140px
}
}
@media (min-width: 1400px) {
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm,
.container {
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(-0.5 * var(--bs-gutter-x));
margin-left: calc(-0.5 * var(--bs-gutter-x))
}
.row > * {
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
margin-top: var(--bs-gutter-y)
}
.row.col-match {
flex-wrap: wrap
}
.row.col-match > [class*=col-],
.row.col-match > * {
display: flex;
flex-direction: column
}
.row.col-match > [class*=col-] > *,
.row.col-match > * > * {
flex: 1
}
.row.uc-grid:not(.uc-flex-wrap-top),
.row.uc-grid > :not(.uc-grid-margin) {
margin-top: 0
}
.row.uc-grid.gap-guideline::before {
top: 0
}
.row.uc-grid.uc-flex-top {
align-items: flex-start
}
.row.uc-grid.uc-flex-wrap-top {
align-content: flex-start
}
.child-cols > * {
flex: 1
}
.child-row-cols-1 > * > * {
flex: 0 0 auto;
width: 100%
}
.child-row-cols-2 > * > * {
flex: 0 0 auto;
width: 50%
}
.child-row-cols-3 > * > * {
flex: 0 0 auto;
width: 33.3333333333%
}
.child-row-cols-4 > * > * {
flex: 0 0 auto;
width: 25%
}
.child-row-cols-5 > * > * {
flex: 0 0 auto;
width: 20%
}
.child-row-cols-6 > * > * {
flex: 0 0 auto;
width: 16.6666666667%
}
.child-row-cols-7 > * > * {
flex: 0 0 auto;
width: 14.2857142857%
}
.child-row-cols-8 > * > * {
flex: 0 0 auto;
width: 12.5%
}
.child-row-cols-9 > * > * {
flex: 0 0 auto;
width: 11.1111111111%
}
.child-row-cols-10 > * > * {
flex: 0 0 auto;
width: 10%
}
.child-row-cols-11 > * > * {
flex: 0 0 auto;
width: 9.0909090909%
}
.child-row-cols-12 > * > * {
flex: 0 0 auto;
width: 8.3333333333%
}
.child-cols-auto > * {
flex: 0 0 auto;
width: auto
}
.child-cols-1 > * {
--grid-total: 12;
--grid-count: 1;
flex: 0 0 auto;
width: 8.33333333%
}
.child-cols-2 > * {
--grid-total: 12;
--grid-count: 2;
flex: 0 0 auto;
width: 16.66666667%
}
.child-cols-3 > * {
--grid-total: 12;
--grid-count: 3;
flex: 0 0 auto;
width: 25%
}
.child-cols-4 > * {
--grid-total: 12;
--grid-count: 4;
flex: 0 0 auto;
width: 33.33333333%
}
.child-cols-5 > * {
--grid-total: 12;
--grid-count: 5;
flex: 0 0 auto;
width: 41.66666667%
}
.child-cols-6 > * {
--grid-total: 12;
--grid-count: 6;
flex: 0 0 auto;
width: 50%
}
.child-cols-7 > * {
--grid-total: 12;
--grid-count: 7;
flex: 0 0 auto;
width: 58.33333333%
}
.child-cols-8 > * {
--grid-total: 12;
--grid-count: 8;
flex: 0 0 auto;
width: 66.66666667%
}
.child-cols-9 > * {
--grid-total: 12;
--grid-count: 9;
flex: 0 0 auto;
width: 75%
}
.child-cols-10 > * {
--grid-total: 12;
--grid-count: 10;
flex: 0 0 auto;
width: 83.33333333%
}
.child-cols-11 > * {
--grid-total: 12;
--grid-count: 11;
flex: 0 0 auto;
width: 91.66666667%
}
.child-cols-12 > * {
--grid-total: 12;
--grid-count: 12;
flex: 0 0 auto;
width: 100%
}
@media (min-width: 459px) {
.child-cols-sm > * {
flex: 1
}
.child-row-cols-sm-1 > * > * {
flex: 0 0 auto;
width: 100%
}
.child-row-cols-sm-2 > * > * {
flex: 0 0 auto;
width: 50%
}
.child-row-cols-sm-3 > * > * {
flex: 0 0 auto;
width: 33.3333333333%
}
.child-row-cols-sm-4 > * > * {
flex: 0 0 auto;
width: 25%
}
.child-row-cols-sm-5 > * > * {
flex: 0 0 auto;
width: 20%
}
.child-row-cols-sm-6 > * > * {
flex: 0 0 auto;
width: 16.6666666667%
}
.child-row-cols-sm-7 > * > * {
flex: 0 0 auto;
width: 14.2857142857%
}
.child-row-cols-sm-8 > * > * {
flex: 0 0 auto;
width: 12.5%
}
.child-row-cols-sm-9 > * > * {
flex: 0 0 auto;
width: 11.1111111111%
}
.child-row-cols-sm-10 > * > * {
flex: 0 0 auto;
width: 10%
}
.child-row-cols-sm-11 > * > * {
flex: 0 0 auto;
width: 9.0909090909%
}
.child-row-cols-sm-12 > * > * {
flex: 0 0 auto;
width: 8.3333333333%
}
.child-cols-sm-auto > * {
flex: 0 0 auto;
width: auto
}
.child-cols-sm-1 > * {
--grid-total: 12;
--grid-count: 1;
flex: 0 0 auto;
width: 8.33333333%
}
.child-cols-sm-2 > * {
--grid-total: 12;
--grid-count: 2;
flex: 0 0 auto;
width: 16.66666667%
}
.child-cols-sm-3 > * {
--grid-total: 12;
--grid-count: 3;
flex: 0 0 auto;
width: 25%
}
.child-cols-sm-4 > * {
--grid-total: 12;
--grid-count: 4;
flex: 0 0 auto;
width: 33.33333333%
}
.child-cols-sm-5 > * {
--grid-total: 12;
--grid-count: 5;
flex: 0 0 auto;
width: 41.66666667%
}
.child-cols-sm-6 > * {
--grid-total: 12;
--grid-count: 6;
flex: 0 0 auto;
width: 50%
}
.child-cols-sm-7 > * {
--grid-total: 12;
--grid-count: 7;
flex: 0 0 auto;
width: 58.33333333%
}
.child-cols-sm-8 > * {
--grid-total: 12;
--grid-count: 8;
flex: 0 0 auto;
width: 66.66666667%
}
.child-cols-sm-9 > * {
--grid-total: 12;
--grid-count: 9;
flex: 0 0 auto;
width: 75%
}
.child-cols-sm-10 > * {
--grid-total: 12;
--grid-count: 10;
flex: 0 0 auto;
width: 83.33333333%
}
.child-cols-sm-11 > * {
--grid-total: 12;
--grid-count: 11;
flex: 0 0 auto;
width: 91.66666667%
}
.child-cols-sm-12 > * {
--grid-total: 12;
--grid-count: 12;
flex: 0 0 auto;
width: 100%
}
}
@media (min-width: 459px) {
.sm\:child-cols > * {
flex: 1 0 0%
}
.sm\:child-row-cols-1 > * > * {
flex: 0 0 auto;
width: 100%
}
.sm\:child-row-cols-2 > * > * {
flex: 0 0 auto;
width: 50%
}
.sm\:child-row-cols-3 > * > * {
flex: 0 0 auto;
width: 33.3333333333%
}
.sm\:child-row-cols-4 > * > * {
flex: 0 0 auto;
width: 25%
}
.sm\:child-row-cols-5 > * > * {
flex: 0 0 auto;
width: 20%
}
.sm\:child-row-cols-6 > * > * {
flex: 0 0 auto;
width: 16.6666666667%
}
.sm\:child-row-cols-7 > * > * {
flex: 0 0 auto;
width: 14.2857142857%
}
.sm\:child-row-cols-8 > * > * {
flex: 0 0 auto;
width: 12.5%
}
.sm\:child-row-cols-9 > * > * {
flex: 0 0 auto;
width: 11.1111111111%
}
.sm\:child-row-cols-10 > * > * {
flex: 0 0 auto;
width: 10%
}
.sm\:child-row-cols-11 > * > * {
flex: 0 0 auto;
width: 9.0909090909%
}
.sm\:child-row-cols-12 > * > * {
flex: 0 0 auto;
width: 8.3333333333%
}
.sm\:child-cols-auto > * {
flex: 0 0 auto;
width: auto
}
.sm\:child-cols-1 > * {
--grid-total: 12;
--grid-count: 1;
flex: 0 0 auto;
width: 8.33333333%
}
.sm\:child-cols-2 > * {
--grid-total: 12;
--grid-count: 2;
flex: 0 0 auto;
width: 16.66666667%
}
.sm\:child-cols-3 > * {
--grid-total: 12;
--grid-count: 3;
flex: 0 0 auto;
width: 25%
}
.sm\:child-cols-4 > * {
--grid-total: 12;
--grid-count: 4;
flex: 0 0 auto;
width: 33.33333333%
}
.sm\:child-cols-5 > * {
--grid-total: 12;
--grid-count: 5;
flex: 0 0 auto;
width: 41.66666667%
}
.sm\:child-cols-6 > * {
--grid-total: 12;
--grid-count: 6;
flex: 0 0 auto;
width: 50%
}
.sm\:child-cols-7 > * {
--grid-total: 12;
--grid-count: 7;
flex: 0 0 auto;
width: 58.33333333%
}
.sm\:child-cols-8 > * {
--grid-total: 12;
--grid-count: 8;
flex: 0 0 auto;
width: 66.66666667%
}
.sm\:child-cols-9 > * {
--grid-total: 12;
--grid-count: 9;
flex: 0 0 auto;
width: 75%
}
.sm\:child-cols-10 > * {
--grid-total: 12;
--grid-count: 10;
flex: 0 0 auto;
width: 83.33333333%
}
.sm\:child-cols-11 > * {
--grid-total: 12;
--grid-count: 11;
flex: 0 0 auto;
width: 91.66666667%
}
.sm\:child-cols-12 > * {
--grid-total: 12;
--grid-count: 12;
flex: 0 0 auto;
width: 100%
}
}
@media (min-width: 768px) {
.child-cols-md > * {
flex: 1
}
.child-row-cols-md-1 > * > * {
flex: 0 0 auto;
width: 100%
}
.child-row-cols-md-2 > * > * {
flex: 0 0 auto;
width: 50%
}
.child-row-cols-md-3 > * > * {
flex: 0 0 auto;
width: 33.3333333333%
}
.child-row-cols-md-4 > * > * {
flex: 0 0 auto;
width: 25%
}
.child-row-cols-md-5 > * > * {
flex: 0 0 auto;
width: 20%
}
.child-row-cols-md-6 > * > * {
flex: 0 0 auto;
width: 16.6666666667%
}
.child-row-cols-md-7 > * > * {
flex: 0 0 auto;
width: 14.2857142857%
}
.child-row-cols-md-8 > * > * {
flex: 0 0 auto;
width: 12.5%
}
.child-row-cols-md-9 > * > * {
flex: 0 0 auto;
width: 11.1111111111%
}
.child-row-cols-md-10 > * > * {
flex: 0 0 auto;
width: 10%
}
.child-row-cols-md-11 > * > * {
flex: 0 0 auto;
width: 9.0909090909%
}
.child-row-cols-md-12 > * > * {
flex: 0 0 auto;
width: 8.3333333333%
}
.child-cols-md-auto > * {
flex: 0 0 auto;
width: auto
}
.child-cols-md-1 > * {
--grid-total: 12;
--grid-count: 1;
flex: 0 0 auto;
width: 8.33333333%
}
.child-cols-md-2 > * {
--grid-total: 12;
--grid-count: 2;
flex: 0 0 auto;
width: 16.66666667%
}
.child-cols-md-3 > * {
--grid-total: 12;
--grid-count: 3;
flex: 0 0 auto;
width: 25%
}
.child-cols-md-4 > * {
--grid-total: 12;
--grid-count: 4;
flex: 0 0 auto;
width: 33.33333333%
}
.child-cols-md-5 > * {
--grid-total: 12;
--grid-count: 5;
flex: 0 0 auto;
width: 41.66666667%
}
.child-cols-md-6 > * {
--grid-total: 12;
--grid-count: 6;
flex: 0 0 auto;
width: 50%
}
.child-cols-md-7 > * {
--grid-total: 12;
--grid-count: 7;
flex: 0 0 auto;
width: 58.33333333%
}
.child-cols-md-8 > * {
--grid-total: 12;
--grid-count: 8;
flex: 0 0 auto;
width: 66.66666667%
}
.child-cols-md-9 > * {
--grid-total: 12;
--grid-count: 9;
flex: 0 0 auto;
width: 75%
}
.child-cols-md-10 > * {
--grid-total: 12;
--grid-count: 10;
flex: 0 0 auto;
width: 83.33333333%
}
.child-cols-md-11 > * {
--grid-total: 12;
--grid-count: 11;
flex: 0 0 auto;
width: 91.66666667%
}
.child-cols-md-12 > * {
--grid-total: 12;
--grid-count: 12;
flex: 0 0 auto;
width: 100%
}
}
@media (min-width: 768px) {
.md\:child-cols > * {
flex: 1 0 0%
}
.md\:child-row-cols-1 > * > * {
flex: 0 0 auto;
width: 100%
}
.md\:child-row-cols-2 > * > * {
flex: 0 0 auto;
width: 50%
}
.md\:child-row-cols-3 > * > * {
flex: 0 0 auto;
width: 33.3333333333%
}
.md\:child-row-cols-4 > * > * {
flex: 0 0 auto;
width: 25%
}
.md\:child-row-cols-5 > * > * {
flex: 0 0 auto;
width: 20%
}
.md\:child-row-cols-6 > * > * {
flex: 0 0 auto;
width: 16.6666666667%
}
.md\:child-row-cols-7 > * > * {
flex: 0 0 auto;
width: 14.2857142857%
}
.md\:child-row-cols-8 > * > * {
flex: 0 0 auto;
width: 12.5%
}
.md\:child-row-cols-9 > * > * {
flex: 0 0 auto;
width: 11.1111111111%
}
.md\:child-row-cols-10 > * > * {
flex: 0 0 auto;
width: 10%
}
.md\:child-row-cols-11 > * > * {
flex: 0 0 auto;
width: 9.0909090909%
}
.md\:child-row-cols-12 > * > * {
flex: 0 0 auto;
width: 8.3333333333%
}
.md\:child-cols-auto > * {
flex: 0 0 auto;
width: auto
}
.md\:child-cols-1 > * {
--grid-total: 12;
--grid-count: 1;
flex: 0 0 auto;
width: 8.33333333%
}
.md\:child-cols-2 > * {
--grid-total: 12;
--grid-count: 2;
flex: 0 0 auto;
width: 16.66666667%
}
.md\:child-cols-3 > * {
--grid-total: 12;
--grid-count: 3;
flex: 0 0 auto;
width: 25%
}
.md\:child-cols-4 > * {
--grid-total: 12;
--grid-count: 4;
flex: 0 0 auto;
width: 33.33333333%
}
.md\:child-cols-5 > * {
--grid-total: 12;
--grid-count: 5;
flex: 0 0 auto;
width: 41.66666667%
}
.md\:child-cols-6 > * {
--grid-total: 12;
--grid-count: 6;
flex: 0 0 auto;
width: 50%
}
.md\:child-cols-7 > * {
--grid-total: 12;
--grid-count: 7;
flex: 0 0 auto;
width: 58.33333333%
}
.md\:child-cols-8 > * {
--grid-total: 12;
--grid-count: 8;
flex: 0 0 auto;
width: 66.66666667%
}
.md\:child-cols-9 > * {
--grid-total: 12;
--grid-count: 9;
flex: 0 0 auto;
width: 75%
}
.md\:child-cols-10 > * {
--grid-total: 12;
--grid-count: 10;
flex: 0 0 auto;
width: 83.33333333%
}
.md\:child-cols-11 > * {
--grid-total: 12;
--grid-count: 11;
flex: 0 0 auto;
width: 91.66666667%
}
.md\:child-cols-12 > * {
--grid-total: 12;
--grid-count: 12;
flex: 0 0 auto;
width: 100%
}
}
@media (min-width: 992px) {
.child-cols-lg > * {
flex: 1
}
.child-row-cols-lg-1 > * > * {
flex: 0 0 auto;
width: 100%
}
.child-row-cols-lg-2 > * > * {
flex: 0 0 auto;
width: 50%
}
.child-row-cols-lg-3 > * > * {
flex: 0 0 auto;
width: 33.3333333333%
}
.child-row-cols-lg-4 > * > * {
flex: 0 0 auto;
width: 25%
}
.child-row-cols-lg-5 > * > * {
flex: 0 0 auto;
width: 20%
}
.child-row-cols-lg-6 > * > * {
flex: 0 0 auto;
width: 16.6666666667%
}
.child-row-cols-lg-7 > * > * {
flex: 0 0 auto;
width: 14.2857142857%
}
.child-row-cols-lg-8 > * > * {
flex: 0 0 auto;
width: 12.5%
}
.child-row-cols-lg-9 > * > * {
flex: 0 0 auto;
width: 11.1111111111%
}
.child-row-cols-lg-10 > * > * {
flex: 0 0 auto;
width: 10%
}
.child-row-cols-lg-11 > * > * {
flex: 0 0 auto;
width: 9.0909090909%
}
.child-row-cols-lg-12 > * > * {
flex: 0 0 auto;
width: 8.3333333333%
}
.child-cols-lg-auto > * {
flex: 0 0 auto;
width: auto
}
.child-cols-lg-1 > * {
--grid-total: 12;
--grid-count: 1;
flex: 0 0 auto;
width: 8.33333333%
}
.child-cols-lg-2 > * {
--grid-total: 12;
--grid-count: 2;
flex: 0 0 auto;
width: 16.66666667%
}
.child-cols-lg-3 > * {
--grid-total: 12;
--grid-count: 3;
flex: 0 0 auto;
width: 25%
}
.child-cols-lg-4 > * {
--grid-total: 12;
--grid-count: 4;
flex: 0 0 auto;
width: 33.33333333%
}
.child-cols-lg-5 > * {
--grid-total: 12;
--grid-count: 5;
flex: 0 0 auto;
width: 41.66666667%
}
.child-cols-lg-6 > * {
--grid-total: 12;
--grid-count: 6;
flex: 0 0 auto;
width: 50%
}
.child-cols-lg-7 > * {
--grid-total: 12;
--grid-count: 7;
flex: 0 0 auto;
width: 58.33333333%
}
.child-cols-lg-8 > * {
--grid-total: 12;
--grid-count: 8;
flex: 0 0 auto;
width: 66.66666667%
}
.child-cols-lg-9 > * {
--grid-total: 12;
--grid-count: 9;
flex: 0 0 auto;
width: 75%
}
.child-cols-lg-10 > * {
--grid-total: 12;
--grid-count: 10;
flex: 0 0 auto;
width: 83.33333333%
}
.child-cols-lg-11 > * {
--grid-total: 12;
--grid-count: 11;
flex: 0 0 auto;
width: 91.66666667%
}
.child-cols-lg-12 > * {
--grid-total: 12;
--grid-count: 12;
flex: 0 0 auto;
width: 100%
}
}
.grid .g-col-1 {
grid-column: auto/span 1
}
.grid .g-col-2 {
grid-column: auto/span 2
}
.grid .g-col-3 {
grid-column: auto/span 3
}
.grid .g-col-4 {
grid-column: auto/span 4
}
.grid .g-col-5 {
grid-column: auto/span 5
}
.grid .g-col-6 {
grid-column: auto/span 6
}
.grid .g-col-7 {
grid-column: auto/span 7
}
.grid .g-col-8 {
grid-column: auto/span 8
}
.grid .g-col-9 {
grid-column: auto/span 9
}
.grid .g-col-10 {
grid-column: auto/span 10
}
.grid .g-col-11 {
grid-column: auto/span 11
}
.grid .g-col-12 {
grid-column: auto/span 12
}
.grid .g-start-1 {
grid-column-start: 1
}
.grid .g-start-2 {
grid-column-start: 2
}
.grid .g-start-3 {
grid-column-start: 3
}
.grid .g-start-4 {
grid-column-start: 4
}
.grid .g-start-5 {
grid-column-start: 5
}
.grid .g-start-6 {
grid-column-start: 6
}
.grid .g-start-7 {
grid-column-start: 7
}
.grid .g-start-8 {
grid-column-start: 8
}
.grid .g-start-9 {
grid-column-start: 9
}
.grid .g-start-10 {
grid-column-start: 10
}
.grid .g-start-11 {
grid-column-start: 11
}
.col {
flex: 1 0 0%
}
.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%
}
.row-cols-7 > * {
flex: 0 0 auto;
width: 14.2857142857%
}
.row-cols-8 > * {
flex: 0 0 auto;
width: 12.5%
}
.row-cols-9 > * {
flex: 0 0 auto;
width: 11.1111111111%
}
.row-cols-10 > * {
flex: 0 0 auto;
width: 10%
}
.row-cols-11 > * {
flex: 0 0 auto;
width: 9.0909090909%
}
.row-cols-12 > * {
flex: 0 0 auto;
width: 8.3333333333%
}
.col-auto {
flex: 0 0 auto;
width: auto
}
.col-1 {
--grid-total: 12;
--grid-count: 1;
flex: 0 0 auto;
width: 8.33333333%
}
.col-2 {
--grid-total: 12;
--grid-count: 2;
flex: 0 0 auto;
width: 16.66666667%
}
.col-3 {
--grid-total: 12;
--grid-count: 3;
flex: 0 0 auto;
width: 25%
}
.col-4 {
--grid-total: 12;
--grid-count: 4;
flex: 0 0 auto;
width: 33.33333333%
}
.col-5 {
--grid-total: 12;
--grid-count: 5;
flex: 0 0 auto;
width: 41.66666667%
}
.col-6 {
--grid-total: 12;
--grid-count: 6;
flex: 0 0 auto;
width: 50%
}
.col-7 {
--grid-total: 12;
--grid-count: 7;
flex: 0 0 auto;
width: 58.33333333%
}
.col-8 {
--grid-total: 12;
--grid-count: 8;
flex: 0 0 auto;
width: 66.66666667%
}
.col-9 {
--grid-total: 12;
--grid-count: 9;
flex: 0 0 auto;
width: 75%
}
.col-10 {
--grid-total: 12;
--grid-count: 10;
flex: 0 0 auto;
width: 83.33333333%
}
.col-11 {
--grid-total: 12;
--grid-count: 11;
flex: 0 0 auto;
width: 91.66666667%
}
.col-12 {
--grid-total: 12;
--grid-count: 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%
}
.g-0,
.gx-0 {
--bs-gutter-x: 0
}
.g-0,
.gy-0 {
--bs-gutter-y: 0
}
.g-narrow,
.gx-narrow {
--bs-gutter-x: 0.25rem
}
.g-narrow,
.gy-narrow {
--bs-gutter-y: 0.25rem
}
.g-1,
.gx-1 {
--bs-gutter-x: 0.5rem
}
.g-1,
.gy-1 {
--bs-gutter-y: 0.5rem
}
.g-2,
.gx-2 {
--bs-gutter-x: 1rem
}
.g-2,
.gy-2 {
--bs-gutter-y: 1rem
}
.g-3,
.gx-3 {
--bs-gutter-x: 1.5rem
}
.g-3,
.gy-3 {
--bs-gutter-y: 1.5rem
}
.g-4,
.gx-4 {
--bs-gutter-x: 2rem
}
.g-4,
.gy-4 {
--bs-gutter-y: 2rem
}
.g-5,
.gx-5 {
--bs-gutter-x: 2.5rem
}
.g-5,
.gy-5 {
--bs-gutter-y: 2.5rem
}
.g-6,
.gx-6 {
--bs-gutter-x: 3rem
}
.g-6,
.gy-6 {
--bs-gutter-y: 3rem
}
.g-7,
.gx-7 {
--bs-gutter-x: 3.5rem
}
.g-7,
.gy-7 {
--bs-gutter-y: 3.5rem
}
.g-8,
.gx-8 {
--bs-gutter-x: 4rem
}
.g-8,
.gy-8 {
--bs-gutter-y: 4rem
}
.g-9,
.gx-9 {
--bs-gutter-x: 5rem
}
.g-9,
.gy-9 {
--bs-gutter-y: 5rem
}
.g-10,
.gx-10 {
--bs-gutter-x: 8rem
}
.g-10,
.gy-10 {
--bs-gutter-y: 8rem
}
@media (min-width: 459px) {
.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%
}
.row-cols-sm-7 > * {
flex: 0 0 auto;
width: 14.2857142857%
}
.row-cols-sm-8 > * {
flex: 0 0 auto;
width: 12.5%
}
.row-cols-sm-9 > * {
flex: 0 0 auto;
width: 11.1111111111%
}
.row-cols-sm-10 > * {
flex: 0 0 auto;
width: 10%
}
.row-cols-sm-11 > * {
flex: 0 0 auto;
width: 9.0909090909%
}
.row-cols-sm-12 > * {
flex: 0 0 auto;
width: 8.3333333333%
}
.col-sm-auto {
flex: 0 0 auto;
width: auto
}
.col-sm-1 {
--grid-total: 12;
--grid-count: 1;
flex: 0 0 auto;
width: 8.33333333%
}
.col-sm-2 {
--grid-total: 12;
--grid-count: 2;
flex: 0 0 auto;
width: 16.66666667%
}
.col-sm-3 {
--grid-total: 12;
--grid-count: 3;
flex: 0 0 auto;
width: 25%
}
.col-sm-4 {
--grid-total: 12;
--grid-count: 4;
flex: 0 0 auto;
width: 33.33333333%
}
.col-sm-5 {
--grid-total: 12;
--grid-count: 5;
flex: 0 0 auto;
width: 41.66666667%
}
.col-sm-6 {
--grid-total: 12;
--grid-count: 6;
flex: 0 0 auto;
width: 50%
}
.col-sm-7 {
--grid-total: 12;
--grid-count: 7;
flex: 0 0 auto;
width: 58.33333333%
}
.col-sm-8 {
--grid-total: 12;
--grid-count: 8;
flex: 0 0 auto;
width: 66.66666667%
}
.col-sm-9 {
--grid-total: 12;
--grid-count: 9;
flex: 0 0 auto;
width: 75%
}
.col-sm-10 {
--grid-total: 12;
--grid-count: 10;
flex: 0 0 auto;
width: 83.33333333%
}
.col-sm-11 {
--grid-total: 12;
--grid-count: 11;
flex: 0 0 auto;
width: 91.66666667%
}
.col-sm-12 {
--grid-total: 12;
--grid-count: 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%
}
.g-sm-0,
.gx-sm-0 {
--bs-gutter-x: 0
}
.g-sm-0,
.gy-sm-0 {
--bs-gutter-y: 0
}
.g-sm-narrow,
.gx-sm-narrow {
--bs-gutter-x: 0.25rem
}
.g-sm-narrow,
.gy-sm-narrow {
--bs-gutter-y: 0.25rem
}
.g-sm-1,
.gx-sm-1 {
--bs-gutter-x: 0.5rem
}
.g-sm-1,
.gy-sm-1 {
--bs-gutter-y: 0.5rem
}
.g-sm-2,
.gx-sm-2 {
--bs-gutter-x: 1rem
}
.g-sm-2,
.gy-sm-2 {
--bs-gutter-y: 1rem
}
.g-sm-3,
.gx-sm-3 {
--bs-gutter-x: 1.5rem
}
.g-sm-3,
.gy-sm-3 {
--bs-gutter-y: 1.5rem
}
.g-sm-4,
.gx-sm-4 {
--bs-gutter-x: 2rem
}
.g-sm-4,
.gy-sm-4 {
--bs-gutter-y: 2rem
}
.g-sm-5,
.gx-sm-5 {
--bs-gutter-x: 2.5rem
}
.g-sm-5,
.gy-sm-5 {
--bs-gutter-y: 2.5rem
}
.g-sm-6,
.gx-sm-6 {
--bs-gutter-x: 3rem
}
.g-sm-6,
.gy-sm-6 {
--bs-gutter-y: 3rem
}
.g-sm-7,
.gx-sm-7 {
--bs-gutter-x: 3.5rem
}
.g-sm-7,
.gy-sm-7 {
--bs-gutter-y: 3.5rem
}
.g-sm-8,
.gx-sm-8 {
--bs-gutter-x: 4rem
}
.g-sm-8,
.gy-sm-8 {
--bs-gutter-y: 4rem
}
.g-sm-9,
.gx-sm-9 {
--bs-gutter-x: 5rem
}
.g-sm-9,
.gy-sm-9 {
--bs-gutter-y: 5rem
}
.g-sm-10,
.gx-sm-10 {
--bs-gutter-x: 8rem
}
.g-sm-10,
.gy-sm-10 {
--bs-gutter-y: 8rem
}
}
@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%
}
.row-cols-md-7 > * {
flex: 0 0 auto;
width: 14.2857142857%
}
.row-cols-md-8 > * {
flex: 0 0 auto;
width: 12.5%
}
.row-cols-md-9 > * {
flex: 0 0 auto;
width: 11.1111111111%
}
.row-cols-md-10 > * {
flex: 0 0 auto;
width: 10%
}
.row-cols-md-11 > * {
flex: 0 0 auto;
width: 9.0909090909%
}
.row-cols-md-12 > * {
flex: 0 0 auto;
width: 8.3333333333%
}
.col-md-auto {
flex: 0 0 auto;
width: auto
}
.col-md-1 {
--grid-total: 12;
--grid-count: 1;
flex: 0 0 auto;
width: 8.33333333%
}
.col-md-2 {
--grid-total: 12;
--grid-count: 2;
flex: 0 0 auto;
width: 16.66666667%
}
.col-md-3 {
--grid-total: 12;
--grid-count: 3;
flex: 0 0 auto;
width: 25%
}
.col-md-4 {
--grid-total: 12;
--grid-count: 4;
flex: 0 0 auto;
width: 33.33333333%
}
.col-md-5 {
--grid-total: 12;
--grid-count: 5;
flex: 0 0 auto;
width: 41.66666667%
}
.col-md-6 {
--grid-total: 12;
--grid-count: 6;
flex: 0 0 auto;
width: 50%
}
.col-md-7 {
--grid-total: 12;
--grid-count: 7;
flex: 0 0 auto;
width: 58.33333333%
}
.col-md-8 {
--grid-total: 12;
--grid-count: 8;
flex: 0 0 auto;
width: 66.66666667%
}
.col-md-9 {
--grid-total: 12;
--grid-count: 9;
flex: 0 0 auto;
width: 75%
}
.col-md-10 {
--grid-total: 12;
--grid-count: 10;
flex: 0 0 auto;
width: 83.33333333%
}
.col-md-11 {
--grid-total: 12;
--grid-count: 11;
flex: 0 0 auto;
width: 91.66666667%
}
.col-md-12 {
--grid-total: 12;
--grid-count: 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%
}
.g-md-0,
.gx-md-0 {
--bs-gutter-x: 0
}
.g-md-0,
.gy-md-0 {
--bs-gutter-y: 0
}
.g-md-narrow,
.gx-md-narrow {
--bs-gutter-x: 0.25rem
}
.g-md-narrow,
.gy-md-narrow {
--bs-gutter-y: 0.25rem
}
.g-md-1,
.gx-md-1 {
--bs-gutter-x: 0.5rem
}
.g-md-1,
.gy-md-1 {
--bs-gutter-y: 0.5rem
}
.g-md-2,
.gx-md-2 {
--bs-gutter-x: 1rem
}
.g-md-2,
.gy-md-2 {
--bs-gutter-y: 1rem
}
.g-md-3,
.gx-md-3 {
--bs-gutter-x: 1.5rem
}
.g-md-3,
.gy-md-3 {
--bs-gutter-y: 1.5rem
}
.g-md-4,
.gx-md-4 {
--bs-gutter-x: 2rem
}
.g-md-4,
.gy-md-4 {
--bs-gutter-y: 2rem
}
.g-md-5,
.gx-md-5 {
--bs-gutter-x: 2.5rem
}
.g-md-5,
.gy-md-5 {
--bs-gutter-y: 2.5rem
}
.g-md-6,
.gx-md-6 {
--bs-gutter-x: 3rem
}
.g-md-6,
.gy-md-6 {
--bs-gutter-y: 3rem
}
.g-md-7,
.gx-md-7 {
--bs-gutter-x: 3.5rem
}
.g-md-7,
.gy-md-7 {
--bs-gutter-y: 3.5rem
}
.g-md-8,
.gx-md-8 {
--bs-gutter-x: 4rem
}
.g-md-8,
.gy-md-8 {
--bs-gutter-y: 4rem
}
.g-md-9,
.gx-md-9 {
--bs-gutter-x: 5rem
}
.g-md-9,
.gy-md-9 {
--bs-gutter-y: 5rem
}
.g-md-10,
.gx-md-10 {
--bs-gutter-x: 8rem
}
.g-md-10,
.gy-md-10 {
--bs-gutter-y: 8rem
}
}
@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%
}
.row-cols-lg-7 > * {
flex: 0 0 auto;
width: 14.2857142857%
}
.row-cols-lg-8 > * {
flex: 0 0 auto;
width: 12.5%
}
.row-cols-lg-9 > * {
flex: 0 0 auto;
width: 11.1111111111%
}
.row-cols-lg-10 > * {
flex: 0 0 auto;
width: 10%
}
.row-cols-lg-11 > * {
flex: 0 0 auto;
width: 9.0909090909%
}
.row-cols-lg-12 > * {
flex: 0 0 auto;
width: 8.3333333333%
}
.col-lg-auto {
flex: 0 0 auto;
width: auto
}
.col-lg-1 {
--grid-total: 12;
--grid-count: 1;
flex: 0 0 auto;
width: 8.33333333%
}
.col-lg-2 {
--grid-total: 12;
--grid-count: 2;
flex: 0 0 auto;
width: 16.66666667%
}
.col-lg-3 {
--grid-total: 12;
--grid-count: 3;
flex: 0 0 auto;
width: 25%
}
.col-lg-4 {
--grid-total: 12;
--grid-count: 4;
flex: 0 0 auto;
width: 33.33333333%
}
.col-lg-5 {
--grid-total: 12;
--grid-count: 5;
flex: 0 0 auto;
width: 41.66666667%
}
.col-lg-6 {
--grid-total: 12;
--grid-count: 6;
flex: 0 0 auto;
width: 50%
}
.col-lg-7 {
--grid-total: 12;
--grid-count: 7;
flex: 0 0 auto;
width: 58.33333333%
}
.col-lg-8 {
--grid-total: 12;
--grid-count: 8;
flex: 0 0 auto;
width: 66.66666667%
}
.col-lg-9 {
--grid-total: 12;
--grid-count: 9;
flex: 0 0 auto;
width: 75%
}
.col-lg-10 {
--grid-total: 12;
--grid-count: 10;
flex: 0 0 auto;
width: 83.33333333%
}
.col-lg-11 {
--grid-total: 12;
--grid-count: 11;
flex: 0 0 auto;
width: 91.66666667%
}
.col-lg-12 {
--grid-total: 12;
--grid-count: 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%
}
.g-lg-0,
.gx-lg-0 {
--bs-gutter-x: 0
}
.g-lg-0,
.gy-lg-0 {
--bs-gutter-y: 0
}
.g-lg-narrow,
.gx-lg-narrow {
--bs-gutter-x: 0.25rem
}
.g-lg-narrow,
.gy-lg-narrow {
--bs-gutter-y: 0.25rem
}
.g-lg-1,
.gx-lg-1 {
--bs-gutter-x: 0.5rem
}
.g-lg-1,
.gy-lg-1 {
--bs-gutter-y: 0.5rem
}
.g-lg-2,
.gx-lg-2 {
--bs-gutter-x: 1rem
}
.g-lg-2,
.gy-lg-2 {
--bs-gutter-y: 1rem
}
.g-lg-3,
.gx-lg-3 {
--bs-gutter-x: 1.5rem
}
.g-lg-3,
.gy-lg-3 {
--bs-gutter-y: 1.5rem
}
.g-lg-4,
.gx-lg-4 {
--bs-gutter-x: 2rem
}
.g-lg-4,
.gy-lg-4 {
--bs-gutter-y: 2rem
}
.g-lg-5,
.gx-lg-5 {
--bs-gutter-x: 2.5rem
}
.g-lg-5,
.gy-lg-5 {
--bs-gutter-y: 2.5rem
}
.g-lg-6,
.gx-lg-6 {
--bs-gutter-x: 3rem
}
.g-lg-6,
.gy-lg-6 {
--bs-gutter-y: 3rem
}
.g-lg-7,
.gx-lg-7 {
--bs-gutter-x: 3.5rem
}
.g-lg-7,
.gy-lg-7 {
--bs-gutter-y: 3.5rem
}
.g-lg-8,
.gx-lg-8 {
--bs-gutter-x: 4rem
}
.g-lg-8,
.gy-lg-8 {
--bs-gutter-y: 4rem
}
.g-lg-9,
.gx-lg-9 {
--bs-gutter-x: 5rem
}
.g-lg-9,
.gy-lg-9 {
--bs-gutter-y: 5rem
}
.g-lg-10,
.gx-lg-10 {
--bs-gutter-x: 8rem
}
.g-lg-10,
.gy-lg-10 {
--bs-gutter-y: 8rem
}
}
@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%
}
.row-cols-xl-7 > * {
flex: 0 0 auto;
width: 14.2857142857%
}
.row-cols-xl-8 > * {
flex: 0 0 auto;
width: 12.5%
}
.row-cols-xl-9 > * {
flex: 0 0 auto;
width: 11.1111111111%
}
.row-cols-xl-10 > * {
flex: 0 0 auto;
width: 10%
}
.row-cols-xl-11 > * {
flex: 0 0 auto;
width: 9.0909090909%
}
.row-cols-xl-12 > * {
flex: 0 0 auto;
width: 8.3333333333%
}
.col-xl-auto {
flex: 0 0 auto;
width: auto
}
.col-xl-1 {
--grid-total: 12;
--grid-count: 1;
flex: 0 0 auto;
width: 8.33333333%
}
.col-xl-2 {
--grid-total: 12;
--grid-count: 2;
flex: 0 0 auto;
width: 16.66666667%
}
.col-xl-3 {
--grid-total: 12;
--grid-count: 3;
flex: 0 0 auto;
width: 25%
}
.col-xl-4 {
--grid-total: 12;
--grid-count: 4;
flex: 0 0 auto;
width: 33.33333333%
}
.col-xl-5 {
--grid-total: 12;
--grid-count: 5;
flex: 0 0 auto;
width: 41.66666667%
}
.col-xl-6 {
--grid-total: 12;
--grid-count: 6;
flex: 0 0 auto;
width: 50%
}
.col-xl-7 {
--grid-total: 12;
--grid-count: 7;
flex: 0 0 auto;
width: 58.33333333%
}
.col-xl-8 {
--grid-total: 12;
--grid-count: 8;
flex: 0 0 auto;
width: 66.66666667%
}
.col-xl-9 {
--grid-total: 12;
--grid-count: 9;
flex: 0 0 auto;
width: 75%
}
.col-xl-10 {
--grid-total: 12;
--grid-count: 10;
flex: 0 0 auto;
width: 83.33333333%
}
.col-xl-11 {
--grid-total: 12;
--grid-count: 11;
flex: 0 0 auto;
width: 91.66666667%
}
.col-xl-12 {
--grid-total: 12;
--grid-count: 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%
}
.g-xl-0,
.gx-xl-0 {
--bs-gutter-x: 0
}
.g-xl-0,
.gy-xl-0 {
--bs-gutter-y: 0
}
.g-xl-narrow,
.gx-xl-narrow {
--bs-gutter-x: 0.25rem
}
.g-xl-narrow,
.gy-xl-narrow {
--bs-gutter-y: 0.25rem
}
.g-xl-1,
.gx-xl-1 {
--bs-gutter-x: 0.5rem
}
.g-xl-1,
.gy-xl-1 {
--bs-gutter-y: 0.5rem
}
.g-xl-2,
.gx-xl-2 {
--bs-gutter-x: 1rem
}
.g-xl-2,
.gy-xl-2 {
--bs-gutter-y: 1rem
}
.g-xl-3,
.gx-xl-3 {
--bs-gutter-x: 1.5rem
}
.g-xl-3,
.gy-xl-3 {
--bs-gutter-y: 1.5rem
}
.g-xl-4,
.gx-xl-4 {
--bs-gutter-x: 2rem
}
.g-xl-4,
.gy-xl-4 {
--bs-gutter-y: 2rem
}
.g-xl-5,
.gx-xl-5 {
--bs-gutter-x: 2.5rem
}
.g-xl-5,
.gy-xl-5 {
--bs-gutter-y: 2.5rem
}
.g-xl-6,
.gx-xl-6 {
--bs-gutter-x: 3rem
}
.g-xl-6,
.gy-xl-6 {
--bs-gutter-y: 3rem
}
.g-xl-7,
.gx-xl-7 {
--bs-gutter-x: 3.5rem
}
.g-xl-7,
.gy-xl-7 {
--bs-gutter-y: 3.5rem
}
.g-xl-8,
.gx-xl-8 {
--bs-gutter-x: 4rem
}
.g-xl-8,
.gy-xl-8 {
--bs-gutter-y: 4rem
}
.g-xl-9,
.gx-xl-9 {
--bs-gutter-x: 5rem
}
.g-xl-9,
.gy-xl-9 {
--bs-gutter-y: 5rem
}
.g-xl-10,
.gx-xl-10 {
--bs-gutter-x: 8rem
}
.g-xl-10,
.gy-xl-10 {
--bs-gutter-y: 8rem
}
}
@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%
}
.row-cols-xxl-7 > * {
flex: 0 0 auto;
width: 14.2857142857%
}
.row-cols-xxl-8 > * {
flex: 0 0 auto;
width: 12.5%
}
.row-cols-xxl-9 > * {
flex: 0 0 auto;
width: 11.1111111111%
}
.row-cols-xxl-10 > * {
flex: 0 0 auto;
width: 10%
}
.row-cols-xxl-11 > * {
flex: 0 0 auto;
width: 9.0909090909%
}
.row-cols-xxl-12 > * {
flex: 0 0 auto;
width: 8.3333333333%
}
.col-xxl-auto {
flex: 0 0 auto;
width: auto
}
.col-xxl-1 {
--grid-total: 12;
--grid-count: 1;
flex: 0 0 auto;
width: 8.33333333%
}
.col-xxl-2 {
--grid-total: 12;
--grid-count: 2;
flex: 0 0 auto;
width: 16.66666667%
}
.col-xxl-3 {
--grid-total: 12;
--grid-count: 3;
flex: 0 0 auto;
width: 25%
}
.col-xxl-4 {
--grid-total: 12;
--grid-count: 4;
flex: 0 0 auto;
width: 33.33333333%
}
.col-xxl-5 {
--grid-total: 12;
--grid-count: 5;
flex: 0 0 auto;
width: 41.66666667%
}
.col-xxl-6 {
--grid-total: 12;
--grid-count: 6;
flex: 0 0 auto;
width: 50%
}
.col-xxl-7 {
--grid-total: 12;
--grid-count: 7;
flex: 0 0 auto;
width: 58.33333333%
}
.col-xxl-8 {
--grid-total: 12;
--grid-count: 8;
flex: 0 0 auto;
width: 66.66666667%
}
.col-xxl-9 {
--grid-total: 12;
--grid-count: 9;
flex: 0 0 auto;
width: 75%
}
.col-xxl-10 {
--grid-total: 12;
--grid-count: 10;
flex: 0 0 auto;
width: 83.33333333%
}
.col-xxl-11 {
--grid-total: 12;
--grid-count: 11;
flex: 0 0 auto;
width: 91.66666667%
}
.col-xxl-12 {
--grid-total: 12;
--grid-count: 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%
}
.g-xxl-0,
.gx-xxl-0 {
--bs-gutter-x: 0
}
.g-xxl-0,
.gy-xxl-0 {
--bs-gutter-y: 0
}
.g-xxl-narrow,
.gx-xxl-narrow {
--bs-gutter-x: 0.25rem
}
.g-xxl-narrow,
.gy-xxl-narrow {
--bs-gutter-y: 0.25rem
}
.g-xxl-1,
.gx-xxl-1 {
--bs-gutter-x: 0.5rem
}
.g-xxl-1,
.gy-xxl-1 {
--bs-gutter-y: 0.5rem
}
.g-xxl-2,
.gx-xxl-2 {
--bs-gutter-x: 1rem
}
.g-xxl-2,
.gy-xxl-2 {
--bs-gutter-y: 1rem
}
.g-xxl-3,
.gx-xxl-3 {
--bs-gutter-x: 1.5rem
}
.g-xxl-3,
.gy-xxl-3 {
--bs-gutter-y: 1.5rem
}
.g-xxl-4,
.gx-xxl-4 {
--bs-gutter-x: 2rem
}
.g-xxl-4,
.gy-xxl-4 {
--bs-gutter-y: 2rem
}
.g-xxl-5,
.gx-xxl-5 {
--bs-gutter-x: 2.5rem
}
.g-xxl-5,
.gy-xxl-5 {
--bs-gutter-y: 2.5rem
}
.g-xxl-6,
.gx-xxl-6 {
--bs-gutter-x: 3rem
}
.g-xxl-6,
.gy-xxl-6 {
--bs-gutter-y: 3rem
}
.g-xxl-7,
.gx-xxl-7 {
--bs-gutter-x: 3.5rem
}
.g-xxl-7,
.gy-xxl-7 {
--bs-gutter-y: 3.5rem
}
.g-xxl-8,
.gx-xxl-8 {
--bs-gutter-x: 4rem
}
.g-xxl-8,
.gy-xxl-8 {
--bs-gutter-y: 4rem
}
.g-xxl-9,
.gx-xxl-9 {
--bs-gutter-x: 5rem
}
.g-xxl-9,
.gy-xxl-9 {
--bs-gutter-y: 5rem
}
.g-xxl-10,
.gx-xxl-10 {
--bs-gutter-x: 8rem
}
.g-xxl-10,
.gy-xxl-10 {
--bs-gutter-y: 8rem
}
}
@media (min-width: 459px) {
.grid .sm\:g-col-1 {
grid-column: auto/span 1
}
.grid .sm\:g-col-2 {
grid-column: auto/span 2
}
.grid .sm\:g-col-3 {
grid-column: auto/span 3
}
.grid .sm\:g-col-4 {
grid-column: auto/span 4
}
.grid .sm\:g-col-5 {
grid-column: auto/span 5
}
.grid .sm\:g-col-6 {
grid-column: auto/span 6
}
.grid .sm\:g-col-7 {
grid-column: auto/span 7
}
.grid .sm\:g-col-8 {
grid-column: auto/span 8
}
.grid .sm\:g-col-9 {
grid-column: auto/span 9
}
.grid .sm\:g-col-10 {
grid-column: auto/span 10
}
.grid .sm\:g-col-11 {
grid-column: auto/span 11
}
.grid .sm\:g-col-12 {
grid-column: auto/span 12
}
.grid .sm\:g-start-1 {
grid-column-start: 1
}
.grid .sm\:g-start-2 {
grid-column-start: 2
}
.grid .sm\:g-start-3 {
grid-column-start: 3
}
.grid .sm\:g-start-4 {
grid-column-start: 4
}
.grid .sm\:g-start-5 {
grid-column-start: 5
}
.grid .sm\:g-start-6 {
grid-column-start: 6
}
.grid .sm\:g-start-7 {
grid-column-start: 7
}
.grid .sm\:g-start-8 {
grid-column-start: 8
}
.grid .sm\:g-start-9 {
grid-column-start: 9
}
.grid .sm\:g-start-10 {
grid-column-start: 10
}
.grid .sm\:g-start-11 {
grid-column-start: 11
}
}
@media (min-width: 768px) {
.md\:col {
flex: 1 0 0%
}
.md\:row-cols-auto > * {
flex: 0 0 auto;
width: auto
}
.md\:row-cols-1 > * {
flex: 0 0 auto;
width: 100%
}
.md\:row-cols-2 > * {
flex: 0 0 auto;
width: 50%
}
.md\:row-cols-3 > * {
flex: 0 0 auto;
width: 33.3333333333%
}
.md\:row-cols-4 > * {
flex: 0 0 auto;
width: 25%
}
.md\:row-cols-5 > * {
flex: 0 0 auto;
width: 20%
}
.md\:row-cols-6 > * {
flex: 0 0 auto;
width: 16.6666666667%
}
.md\:row-cols-7 > * {
flex: 0 0 auto;
width: 14.2857142857%
}
.md\:row-cols-8 > * {
flex: 0 0 auto;
width: 12.5%
}
.md\:row-cols-9 > * {
flex: 0 0 auto;
width: 11.1111111111%
}
.md\:row-cols-10 > * {
flex: 0 0 auto;
width: 10%
}
.md\:row-cols-11 > * {
flex: 0 0 auto;
width: 9.0909090909%
}
.md\:row-cols-12 > * {
flex: 0 0 auto;
width: 8.3333333333%
}
.md\:col-auto {
flex: 0 0 auto;
width: auto
}
.md\:col-1 {
--grid-total: 12;
--grid-count: 1;
flex: 0 0 auto;
width: 8.33333333%
}
.md\:col-2 {
--grid-total: 12;
--grid-count: 2;
flex: 0 0 auto;
width: 16.66666667%
}
.md\:col-3 {
--grid-total: 12;
--grid-count: 3;
flex: 0 0 auto;
width: 25%
}
.md\:col-4 {
--grid-total: 12;
--grid-count: 4;
flex: 0 0 auto;
width: 33.33333333%
}
.md\:col-5 {
--grid-total: 12;
--grid-count: 5;
flex: 0 0 auto;
width: 41.66666667%
}
.md\:col-6 {
--grid-total: 12;
--grid-count: 6;
flex: 0 0 auto;
width: 50%
}
.md\:col-7 {
--grid-total: 12;
--grid-count: 7;
flex: 0 0 auto;
width: 58.33333333%
}
.md\:col-8 {
--grid-total: 12;
--grid-count: 8;
flex: 0 0 auto;
width: 66.66666667%
}
.md\:col-9 {
--grid-total: 12;
--grid-count: 9;
flex: 0 0 auto;
width: 75%
}
.md\:col-10 {
--grid-total: 12;
--grid-count: 10;
flex: 0 0 auto;
width: 83.33333333%
}
.md\:col-11 {
--grid-total: 12;
--grid-count: 11;
flex: 0 0 auto;
width: 91.66666667%
}
.md\:col-12 {
--grid-total: 12;
--grid-count: 12;
flex: 0 0 auto;
width: 100%
}
.md\:offset-0 {
margin-left: 0
}
.md\:offset-1 {
margin-left: 8.33333333%
}
.md\:offset-2 {
margin-left: 16.66666667%
}
.md\:offset-3 {
margin-left: 25%
}
.md\:offset-4 {
margin-left: 33.33333333%
}
.md\:offset-5 {
margin-left: 41.66666667%
}
.md\:offset-6 {
margin-left: 50%
}
.md\:offset-7 {
margin-left: 58.33333333%
}
.md\:offset-8 {
margin-left: 66.66666667%
}
.md\:offset-9 {
margin-left: 75%
}
.md\:offset-10 {
margin-left: 83.33333333%
}
.md\:offset-11 {
margin-left: 91.66666667%
}
.md\:g-0,
.md\:gx-0 {
--bs-gutter-x: 0
}
.md\:g-0,
.md\:gy-0 {
--bs-gutter-y: 0
}
.md\:g-narrow,
.md\:gx-narrow {
--bs-gutter-x: 0.25rem
}
.md\:g-narrow,
.md\:gy-narrow {
--bs-gutter-y: 0.25rem
}
.md\:g-1,
.md\:gx-1 {
--bs-gutter-x: 0.5rem
}
.md\:g-1,
.md\:gy-1 {
--bs-gutter-y: 0.5rem
}
.md\:g-2,
.md\:gx-2 {
--bs-gutter-x: 1rem
}
.md\:g-2,
.md\:gy-2 {
--bs-gutter-y: 1rem
}
.md\:g-3,
.md\:gx-3 {
--bs-gutter-x: 1.5rem
}
.md\:g-3,
.md\:gy-3 {
--bs-gutter-y: 1.5rem
}
.md\:g-4,
.md\:gx-4 {
--bs-gutter-x: 2rem
}
.md\:g-4,
.md\:gy-4 {
--bs-gutter-y: 2rem
}
.md\:g-5,
.md\:gx-5 {
--bs-gutter-x: 2.5rem
}
.md\:g-5,
.md\:gy-5 {
--bs-gutter-y: 2.5rem
}
.md\:g-6,
.md\:gx-6 {
--bs-gutter-x: 3rem
}
.md\:g-6,
.md\:gy-6 {
--bs-gutter-y: 3rem
}
.md\:g-7,
.md\:gx-7 {
--bs-gutter-x: 3.5rem
}
.md\:g-7,
.md\:gy-7 {
--bs-gutter-y: 3.5rem
}
.md\:g-8,
.md\:gx-8 {
--bs-gutter-x: 4rem
}
.md\:g-8,
.md\:gy-8 {
--bs-gutter-y: 4rem
}
.md\:g-9,
.md\:gx-9 {
--bs-gutter-x: 5rem
}
.md\:g-9,
.md\:gy-9 {
--bs-gutter-y: 5rem
}
.md\:g-10,
.md\:gx-10 {
--bs-gutter-x: 8rem
}
.md\:g-10,
.md\:gy-10 {
--bs-gutter-y: 8rem
}
}
@media (min-width: 992px) {
.lg\:col {
flex: 1 0 0%
}
.lg\:row-cols-auto > * {
flex: 0 0 auto;
width: auto
}
.lg\:row-cols-1 > * {
flex: 0 0 auto;
width: 100%
}
.lg\:row-cols-2 > * {
flex: 0 0 auto;
width: 50%
}
.lg\:row-cols-3 > * {
flex: 0 0 auto;
width: 33.3333333333%
}
.lg\:row-cols-4 > * {
flex: 0 0 auto;
width: 25%
}
.lg\:row-cols-5 > * {
flex: 0 0 auto;
width: 20%
}
.lg\:row-cols-6 > * {
flex: 0 0 auto;
width: 16.6666666667%
}
.lg\:row-cols-7 > * {
flex: 0 0 auto;
width: 14.2857142857%
}
.lg\:row-cols-8 > * {
flex: 0 0 auto;
width: 12.5%
}
.lg\:row-cols-9 > * {
flex: 0 0 auto;
width: 11.1111111111%
}
.lg\:row-cols-10 > * {
flex: 0 0 auto;
width: 10%
}
.lg\:row-cols-11 > * {
flex: 0 0 auto;
width: 9.0909090909%
}
.lg\:row-cols-12 > * {
flex: 0 0 auto;
width: 8.3333333333%
}
.lg\:col-auto {
flex: 0 0 auto;
width: auto
}
.lg\:col-1 {
--grid-total: 12;
--grid-count: 1;
flex: 0 0 auto;
width: 8.33333333%
}
.lg\:col-2 {
--grid-total: 12;
--grid-count: 2;
flex: 0 0 auto;
width: 16.66666667%
}
.lg\:col-3 {
--grid-total: 12;
--grid-count: 3;
flex: 0 0 auto;
width: 25%
}
.lg\:col-4 {
--grid-total: 12;
--grid-count: 4;
flex: 0 0 auto;
width: 33.33333333%
}
.lg\:col-5 {
--grid-total: 12;
--grid-count: 5;
flex: 0 0 auto;
width: 41.66666667%
}
.lg\:col-6 {
--grid-total: 12;
--grid-count: 6;
flex: 0 0 auto;
width: 50%
}
.lg\:col-7 {
--grid-total: 12;
--grid-count: 7;
flex: 0 0 auto;
width: 58.33333333%
}
.lg\:col-8 {
--grid-total: 12;
--grid-count: 8;
flex: 0 0 auto;
width: 66.66666667%
}
.lg\:col-9 {
--grid-total: 12;
--grid-count: 9;
flex: 0 0 auto;
width: 75%
}
.lg\:col-10 {
--grid-total: 12;
--grid-count: 10;
flex: 0 0 auto;
width: 83.33333333%
}
.lg\:col-11 {
--grid-total: 12;
--grid-count: 11;
flex: 0 0 auto;
width: 91.66666667%
}
.lg\:col-12 {
--grid-total: 12;
--grid-count: 12;
flex: 0 0 auto;
width: 100%
}
.lg\:offset-0 {
margin-left: 0
}
.lg\:offset-1 {
margin-left: 8.33333333%
}
.lg\:offset-2 {
margin-left: 16.66666667%
}
.lg\:offset-3 {
margin-left: 25%
}
.lg\:offset-4 {
margin-left: 33.33333333%
}
.lg\:offset-5 {
margin-left: 41.66666667%
}
.lg\:offset-6 {
margin-left: 50%
}
.lg\:offset-7 {
margin-left: 58.33333333%
}
.lg\:offset-8 {
margin-left: 66.66666667%
}
.lg\:offset-9 {
margin-left: 75%
}
.lg\:offset-10 {
margin-left: 83.33333333%
}
.lg\:offset-11 {
margin-left: 91.66666667%
}
.lg\:g-0,
.lg\:gx-0 {
--bs-gutter-x: 0
}
.lg\:g-0,
.lg\:gy-0 {
--bs-gutter-y: 0
}
.lg\:g-narrow,
.lg\:gx-narrow {
--bs-gutter-x: 0.25rem
}
.lg\:g-narrow,
.lg\:gy-narrow {
--bs-gutter-y: 0.25rem
}
.lg\:g-1,
.lg\:gx-1 {
--bs-gutter-x: 0.5rem
}
.lg\:g-1,
.lg\:gy-1 {
--bs-gutter-y: 0.5rem
}
.lg\:g-2,
.lg\:gx-2 {
--bs-gutter-x: 1rem
}
.lg\:g-2,
.lg\:gy-2 {
--bs-gutter-y: 1rem
}
.lg\:g-3,
.lg\:gx-3 {
--bs-gutter-x: 1.5rem
}
.lg\:g-3,
.lg\:gy-3 {
--bs-gutter-y: 1.5rem
}
.lg\:g-4,
.lg\:gx-4 {
--bs-gutter-x: 2rem
}
.lg\:g-4,
.lg\:gy-4 {
--bs-gutter-y: 2rem
}
.lg\:g-5,
.lg\:gx-5 {
--bs-gutter-x: 2.5rem
}
.lg\:g-5,
.lg\:gy-5 {
--bs-gutter-y: 2.5rem
}
.lg\:g-6,
.lg\:gx-6 {
--bs-gutter-x: 3rem
}
.lg\:g-6,
.lg\:gy-6 {
--bs-gutter-y: 3rem
}
.lg\:g-7,
.lg\:gx-7 {
--bs-gutter-x: 3.5rem
}
.lg\:g-7,
.lg\:gy-7 {
--bs-gutter-y: 3.5rem
}
.lg\:g-8,
.lg\:gx-8 {
--bs-gutter-x: 4rem
}
.lg\:g-8,
.lg\:gy-8 {
--bs-gutter-y: 4rem
}
.lg\:g-9,
.lg\:gx-9 {
--bs-gutter-x: 5rem
}
.lg\:g-9,
.lg\:gy-9 {
--bs-gutter-y: 5rem
}
.lg\:g-10,
.lg\:gx-10 {
--bs-gutter-x: 8rem
}
.lg\:g-10,
.lg\:gy-10 {
--bs-gutter-y: 8rem
}
}
@media (min-width: 1200px) {
.xl\:col {
flex: 1 0 0%
}
.xl\:row-cols-auto > * {
flex: 0 0 auto;
width: auto
}
.xl\:row-cols-1 > * {
flex: 0 0 auto;
width: 100%
}
.xl\:row-cols-2 > * {
flex: 0 0 auto;
width: 50%
}
.xl\:row-cols-3 > * {
flex: 0 0 auto;
width: 33.3333333333%
}
.xl\:row-cols-4 > * {
flex: 0 0 auto;
width: 25%
}
.xl\:row-cols-5 > * {
flex: 0 0 auto;
width: 20%
}
.xl\:row-cols-6 > * {
flex: 0 0 auto;
width: 16.6666666667%
}
.xl\:row-cols-7 > * {
flex: 0 0 auto;
width: 14.2857142857%
}
.xl\:row-cols-8 > * {
flex: 0 0 auto;
width: 12.5%
}
.xl\:row-cols-9 > * {
flex: 0 0 auto;
width: 11.1111111111%
}
.xl\:row-cols-10 > * {
flex: 0 0 auto;
width: 10%
}
.xl\:row-cols-11 > * {
flex: 0 0 auto;
width: 9.0909090909%
}
.xl\:row-cols-12 > * {
flex: 0 0 auto;
width: 8.3333333333%
}
.xl\:col-auto {
flex: 0 0 auto;
width: auto
}
.xl\:col-1 {
--grid-total: 12;
--grid-count: 1;
flex: 0 0 auto;
width: 8.33333333%
}
.xl\:col-2 {
--grid-total: 12;
--grid-count: 2;
flex: 0 0 auto;
width: 16.66666667%
}
.xl\:col-3 {
--grid-total: 12;
--grid-count: 3;
flex: 0 0 auto;
width: 25%
}
.xl\:col-4 {
--grid-total: 12;
--grid-count: 4;
flex: 0 0 auto;
width: 33.33333333%
}
.xl\:col-5 {
--grid-total: 12;
--grid-count: 5;
flex: 0 0 auto;
width: 41.66666667%
}
.xl\:col-6 {
--grid-total: 12;
--grid-count: 6;
flex: 0 0 auto;
width: 50%
}
.xl\:col-7 {
--grid-total: 12;
--grid-count: 7;
flex: 0 0 auto;
width: 58.33333333%
}
.xl\:col-8 {
--grid-total: 12;
--grid-count: 8;
flex: 0 0 auto;
width: 66.66666667%
}
.xl\:col-9 {
--grid-total: 12;
--grid-count: 9;
flex: 0 0 auto;
width: 75%
}
.xl\:col-10 {
--grid-total: 12;
--grid-count: 10;
flex: 0 0 auto;
width: 83.33333333%
}
.xl\:col-11 {
--grid-total: 12;
--grid-count: 11;
flex: 0 0 auto;
width: 91.66666667%
}
.xl\:col-12 {
--grid-total: 12;
--grid-count: 12;
flex: 0 0 auto;
width: 100%
}
.xl\:offset-0 {
margin-left: 0
}
.xl\:offset-1 {
margin-left: 8.33333333%
}
.xl\:offset-2 {
margin-left: 16.66666667%
}
.xl\:offset-3 {
margin-left: 25%
}
.xl\:offset-4 {
margin-left: 33.33333333%
}
.xl\:offset-5 {
margin-left: 41.66666667%
}
.xl\:offset-6 {
margin-left: 50%
}
.xl\:offset-7 {
margin-left: 58.33333333%
}
.xl\:offset-8 {
margin-left: 66.66666667%
}
.xl\:offset-9 {
margin-left: 75%
}
.xl\:offset-10 {
margin-left: 83.33333333%
}
.xl\:offset-11 {
margin-left: 91.66666667%
}
.xl\:g-0,
.xl\:gx-0 {
--bs-gutter-x: 0
}
.xl\:g-0,
.xl\:gy-0 {
--bs-gutter-y: 0
}
.xl\:g-narrow,
.xl\:gx-narrow {
--bs-gutter-x: 0.25rem
}
.xl\:g-narrow,
.xl\:gy-narrow {
--bs-gutter-y: 0.25rem
}
.xl\:g-1,
.xl\:gx-1 {
--bs-gutter-x: 0.5rem
}
.xl\:g-1,
.xl\:gy-1 {
--bs-gutter-y: 0.5rem
}
.xl\:g-2,
.xl\:gx-2 {
--bs-gutter-x: 1rem
}
.xl\:g-2,
.xl\:gy-2 {
--bs-gutter-y: 1rem
}
.xl\:g-3,
.xl\:gx-3 {
--bs-gutter-x: 1.5rem
}
.xl\:g-3,
.xl\:gy-3 {
--bs-gutter-y: 1.5rem
}
.xl\:g-4,
.xl\:gx-4 {
--bs-gutter-x: 2rem
}
.xl\:g-4,
.xl\:gy-4 {
--bs-gutter-y: 2rem
}
.xl\:g-5,
.xl\:gx-5 {
--bs-gutter-x: 2.5rem
}
.xl\:g-5,
.xl\:gy-5 {
--bs-gutter-y: 2.5rem
}
.xl\:g-6,
.xl\:gx-6 {
--bs-gutter-x: 3rem
}
.xl\:g-6,
.xl\:gy-6 {
--bs-gutter-y: 3rem
}
.xl\:g-7,
.xl\:gx-7 {
--bs-gutter-x: 3.5rem
}
.xl\:g-7,
.xl\:gy-7 {
--bs-gutter-y: 3.5rem
}
.xl\:g-8,
.xl\:gx-8 {
--bs-gutter-x: 4rem
}
.xl\:g-8,
.xl\:gy-8 {
--bs-gutter-y: 4rem
}
.xl\:g-9,
.xl\:gx-9 {
--bs-gutter-x: 5rem
}
.xl\:g-9,
.xl\:gy-9 {
--bs-gutter-y: 5rem
}
.xl\:g-10,
.xl\:gx-10 {
--bs-gutter-x: 8rem
}
.xl\:g-10,
.xl\:gy-10 {
--bs-gutter-y: 8rem
}
}
@media (min-width: 1400px) {
.xxl\:col {
flex: 1 0 0%
}
.xxl\:row-cols-auto > * {
flex: 0 0 auto;
width: auto
}
.xxl\:row-cols-1 > * {
flex: 0 0 auto;
width: 100%
}
.xxl\:row-cols-2 > * {
flex: 0 0 auto;
width: 50%
}
.xxl\:row-cols-3 > * {
flex: 0 0 auto;
width: 33.3333333333%
}
.xxl\:row-cols-4 > * {
flex: 0 0 auto;
width: 25%
}
.xxl\:row-cols-5 > * {
flex: 0 0 auto;
width: 20%
}
.xxl\:row-cols-6 > * {
flex: 0 0 auto;
width: 16.6666666667%
}
.xxl\:row-cols-7 > * {
flex: 0 0 auto;
width: 14.2857142857%
}
.xxl\:row-cols-8 > * {
flex: 0 0 auto;
width: 12.5%
}
.xxl\:row-cols-9 > * {
flex: 0 0 auto;
width: 11.1111111111%
}
.xxl\:row-cols-10 > * {
flex: 0 0 auto;
width: 10%
}
.xxl\:row-cols-11 > * {
flex: 0 0 auto;
width: 9.0909090909%
}
.xxl\:row-cols-12 > * {
flex: 0 0 auto;
width: 8.3333333333%
}
.xxl\:col-auto {
flex: 0 0 auto;
width: auto
}
.xxl\:col-1 {
--grid-total: 12;
--grid-count: 1;
flex: 0 0 auto;
width: 8.33333333%
}
.xxl\:col-2 {
--grid-total: 12;
--grid-count: 2;
flex: 0 0 auto;
width: 16.66666667%
}
.xxl\:col-3 {
--grid-total: 12;
--grid-count: 3;
flex: 0 0 auto;
width: 25%
}
.xxl\:col-4 {
--grid-total: 12;
--grid-count: 4;
flex: 0 0 auto;
width: 33.33333333%
}
.xxl\:col-5 {
--grid-total: 12;
--grid-count: 5;
flex: 0 0 auto;
width: 41.66666667%
}
.xxl\:col-6 {
--grid-total: 12;
--grid-count: 6;
flex: 0 0 auto;
width: 50%
}
.xxl\:col-7 {
--grid-total: 12;
--grid-count: 7;
flex: 0 0 auto;
width: 58.33333333%
}
.xxl\:col-8 {
--grid-total: 12;
--grid-count: 8;
flex: 0 0 auto;
width: 66.66666667%
}
.xxl\:col-9 {
--grid-total: 12;
--grid-count: 9;
flex: 0 0 auto;
width: 75%
}
.xxl\:col-10 {
--grid-total: 12;
--grid-count: 10;
flex: 0 0 auto;
width: 83.33333333%
}
.xxl\:col-11 {
--grid-total: 12;
--grid-count: 11;
flex: 0 0 auto;
width: 91.66666667%
}
.xxl\:col-12 {
--grid-total: 12;
--grid-count: 12;
flex: 0 0 auto;
width: 100%
}
.xxl\:offset-0 {
margin-left: 0
}
.xxl\:offset-1 {
margin-left: 8.33333333%
}
.xxl\:offset-2 {
margin-left: 16.66666667%
}
.xxl\:offset-3 {
margin-left: 25%
}
.xxl\:offset-4 {
margin-left: 33.33333333%
}
.xxl\:offset-5 {
margin-left: 41.66666667%
}
.xxl\:offset-6 {
margin-left: 50%
}
.xxl\:offset-7 {
margin-left: 58.33333333%
}
.xxl\:offset-8 {
margin-left: 66.66666667%
}
.xxl\:offset-9 {
margin-left: 75%
}
.xxl\:offset-10 {
margin-left: 83.33333333%
}
.xxl\:offset-11 {
margin-left: 91.66666667%
}
.xxl\:g-0,
.xxl\:gx-0 {
--bs-gutter-x: 0
}
.xxl\:g-0,
.xxl\:gy-0 {
--bs-gutter-y: 0
}
.xxl\:g-narrow,
.xxl\:gx-narrow {
--bs-gutter-x: 0.25rem
}
.xxl\:g-narrow,
.xxl\:gy-narrow {
--bs-gutter-y: 0.25rem
}
.xxl\:g-1,
.xxl\:gx-1 {
--bs-gutter-x: 0.5rem
}
.xxl\:g-1,
.xxl\:gy-1 {
--bs-gutter-y: 0.5rem
}
.xxl\:g-2,
.xxl\:gx-2 {
--bs-gutter-x: 1rem
}
.xxl\:g-2,
.xxl\:gy-2 {
--bs-gutter-y: 1rem
}
.xxl\:g-3,
.xxl\:gx-3 {
--bs-gutter-x: 1.5rem
}
.xxl\:g-3,
.xxl\:gy-3 {
--bs-gutter-y: 1.5rem
}
.xxl\:g-4,
.xxl\:gx-4 {
--bs-gutter-x: 2rem
}
.xxl\:g-4,
.xxl\:gy-4 {
--bs-gutter-y: 2rem
}
.xxl\:g-5,
.xxl\:gx-5 {
--bs-gutter-x: 2.5rem
}
.xxl\:g-5,
.xxl\:gy-5 {
--bs-gutter-y: 2.5rem
}
.xxl\:g-6,
.xxl\:gx-6 {
--bs-gutter-x: 3rem
}
.xxl\:g-6,
.xxl\:gy-6 {
--bs-gutter-y: 3rem
}
.xxl\:g-7,
.xxl\:gx-7 {
--bs-gutter-x: 3.5rem
}
.xxl\:g-7,
.xxl\:gy-7 {
--bs-gutter-y: 3.5rem
}
.xxl\:g-8,
.xxl\:gx-8 {
--bs-gutter-x: 4rem
}
.xxl\:g-8,
.xxl\:gy-8 {
--bs-gutter-y: 4rem
}
.xxl\:g-9,
.xxl\:gx-9 {
--bs-gutter-x: 5rem
}
.xxl\:g-9,
.xxl\:gy-9 {
--bs-gutter-y: 5rem
}
.xxl\:g-10,
.xxl\:gx-10 {
--bs-gutter-x: 8rem
}
.xxl\:g-10,
.xxl\:gy-10 {
--bs-gutter-y: 8rem
}
}
.ratio {
position: relative;
width: 100%
}
.ratio::before {
display: block;
padding-top: var(--bs-aspect-ratio);
content: ""
}
.ratio > * {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.ratio-1x1 {
--bs-aspect-ratio: 100%
}
.ratio-16x9 {
--bs-aspect-ratio: 56.25%
}
  
 /* ============ joGoods SaaS-like Clean Hero (Mobile First) ============ */
.jg-hero-saas{
  --brand:#da3559;
  --brand-soft: rgba(218,53,89,.10);
  --ink:#101828;
  --muted:#667085;
  --line:#eaecf05f;
  --bg:#FBFCFE;
  --cta:#B7E56A;          /* قريب من الأخضر بالصورة */
  --cta-ink:#0F2A12;
border-radius:0 0 0 30px ; ;
  padding: 18px 0px 13px;
   overflow:hidden;
  position:relative;
  margin-bottom: 10px ;;
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Arial;
}

 

.jg-hero-saas__wrap{
  max-width: 540px;            /* نفس روح الموبايل بالصورة */
  margin: 0 auto;
  position:relative;
  z-index:2;
}
 

.jo-premium-layout {
     background-color: #ffffff;
     padding-bottom: 20px;
    color: #111827;
    direction: rtl; /* ضمان الاتجاه العربي */
    overflow: hidden; /* لمنع أي سكرول أفقي خارجي بالخطأ */
}

/* ===================================
   1. STORE SLIDER (المتاجر)
==================================== */
.jo-main-heading {
    font-size: 32px;
    font-weight: 900;
    color: #1e293b;
    margin: 0 16px 20px 16px;
    letter-spacing: -0.5px;
}

.jo-stores-carousel {
    display: flex;
    gap: 14px; 
    padding: 0 16px 24px 16px; 
    overflow-x: auto;
  scroll-snap-type: x mandatory; 
    
    scrollbar-width: none; 
    -webkit-overflow-scrolling: touch; 
    scroll-padding-inline-start: 17px;scroll-behavior: smooth; /* تجعل الانتقال ينساب بنعومة */
}

.jo-stores-carousel::-webkit-scrollbar {
    display: none; 
}

.jo-store-card {
    flex: 0 0 150px;  
    height: 180px;
     position: relative;
    overflow: hidden;
    scroll-snap-align: start; 
    flex-shrink: 0; 
    text-decoration: none;
    background-color: #f1f5f9;
    transform: translateZ(0);  
    
    
}

 

.jo-store-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.jo-store-card:active .jo-store-img {
    transform: scale(1.05);
}

/* تدرج داكن من الأسفل لقراءة النص بوضوح */
.jo-store-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, transparent 88%);
    z-index: 1;
}

/* نصوص المتجر فوق الصورة */
.jo-store-info {
    position: absolute;
    bottom: 40px; 
    left: 12px;
    right: 12px;
    z-index: 2;
    color: #ffffff;
    text-align: right; /* محاذاة النص لليمين */
}

.jo-store-name {
    font-size: 15px;
    font-weight: 800;
    margin: 0 0 4px 0;
    line-height: 1.2;
}

.jo-store-desc {
    font-size: 12.5px;
    font-weight: 600;
    color: #d1d5db;
    margin: 0;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* سطرين كحد أقصى */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* بادج التقييم */
.jo-rating-badge {
    position: absolute;
    bottom: 10px;
    right: 12px; 
    background: #ffffff46;
    padding: 4px 8px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    gap: 4px;
    z-index: 2;
     ;
 }

.jo-rating-badge span {
    font-size: 12px;
    font-weight: 800;
    color: #fff;
    line-height: 1;
   
}
.jo-rating-badge svg{
   color: #da3559
}

.jo-slider-spacer {
    flex: 0 0 8px; /* مسافة أمان في نهاية السحب يساراً */
}

/* ===================================
   2. PRODUCTS GRID (أحدث المنتجات)
==================================== */
.jo-section-header {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding: 0 16px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.jo-sub-heading {
    font-size: 17px;
    font-weight: 800;
    color: #111827;
    margin: 0;
}

.jo-view-all {
    font-size: 13.5px;
    font-weight: 700;
    color: #da3559; /* لون joGoods الأحمر المميز */
    text-decoration: none;
    padding: 4px 8px;
    background-color: rgba(218, 53, 89, 0.1); /* خلفية حمراء شفافة خفيفة */
     transition: background-color 0.2s;
}

.jo-view-all:active {
    background-color: rgba(218, 53, 89, 0.2);
}

.jo-products-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr); 
    gap: 20px 12px;
    padding: 0 16px;
}

.jo-product-item {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    transition: opacity 0.2s;
}

.jo-product-item:active {
    opacity: 0.6;
}

.jo-prod-thumb {
    width: 60px;
    height: 60px;
     object-fit: cover;
    background-color: #f1f5f9;
    flex-shrink: 0;  
 }

.jo-prod-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    overflow: hidden; /* لمنع النص من كسر التصميم */
}

.jo-prod-name {
    font-size: 14px;
    font-weight: 800;
    color: #111827;
    margin: 0;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; /* إضافة نقاط ... إذا كان اسم المنتج طويلاً */
}

.jo-prod-store {
    font-size: 12px;
    font-weight: 500;
    color: #64748b;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* كارت عرض المزيد في نهاية السلايدر */
.jo-store-more {
    background-color: #da3559 !important; /* لون joGoods */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    gap: 12px;
    transition: transform 0.2s ease, opacity 0.2s ease;
}

.jo-store-more:active {
    opacity: 0.8;
    transform: scale(0.96); /* حركة ضغط ناعمة */
}

/* الدائرة اللي حول الأيقونة */
.jo-more-icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.2); /* أبيض شفاف */
    display: flex;
    align-items: center;
    justify-content: center;
}

.jo-store-more span {
    font-size: 16px;
    font-weight: 800;
}

/* حاوية اللوجو والاسم */
.jo-store-title-wrapper {
    display: flex;
    align-items: center;
    gap: 8px; /* المسافة بين اللوجو واسم المتجر */
    margin-bottom: 4px;
}

/* تصميم لوجو المتجر الصغير */
.jo-store-avatar {
    width: 29px;
    height: 29px;
    border-radius: 50%; /* دائري بالكامل */
    object-fit: cover;
    border: 1px solid rgba(255, 255, 255, 0.273); /* إطار أبيض شفاف وأنيق */
    flex-shrink: 0; /* بيمنع اللوجو يزغر إذا الاسم كان طويل */
}

/* تعديل بسيط على الاسم عشان يمسح المارجن القديم */
.jo-store-name {
    font-size: 15px;
    font-weight: 800;
    margin: 0; 
    line-height: 1.2;
}

   .jg-hero-cta-wrap {
    margin-top: 12px;
     text-align: right; /* أو center حسب محاذاة العنوان عندك */
    padding: 0 5px; /* عشان ما يلزق بحواف الشاشة عالموبايل */
}

.jg-hero-subtext {
    font-size: 14px;
    font-weight: 500;
    color: #64748b; /* لون رمادي هادئ عشان ما يزعج العين */
    margin: 0;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap; /* عشان لو الشاشة صغيرة ينزل السطر بذكاء */
}

.jg-hero-link {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #da3559; /* لون joGoods الأحمر */
    text-decoration: none;
    font-weight: 800;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.jg-hero-link:active {
    opacity: 0.7;
    transform: translateX(-4px); /* حركة خفيفة لليسار عند الضغط */
}

.jg-hero-link:hover {
    text-decoration: underline;
}
/* Title */
.jg-hero-saas__title{
  margin: 8px 0 0;
  font-weight: 900;
  color: var(--ink);
  letter-spacing: -0.5px;
  line-height: 1.15;
  font-size: 26px;
}

.jg-hero-saas__accent{
  color: var(--brand);
  position:relative;
  font-weight: 700;
 }
 
/* Subtitle */
.jg-hero-saas__sub{
  margin: 10px 0 0;
  color: var(--muted);
  font-size: 14.5px;
  line-height: 1.7;
}

/* Actions */
.jg-hero-saas__actions{
  display: flex;
  flex-direction: row;      /* بدل column */
  gap: 8px;
  margin-top: 19px;
  align-items: center;
}

.jg-hero-saas__actions > *{
  flex: 0 0 auto;
}


.jg-hero-saas__btn{
  display:flex;
  align-items:center;
  justify-content:center;
  height: 52px;
  border-radius: 14px;
  text-decoration:none;
  font-weight: 800;
  font-size: 14px;
  border: 1px solid transparent;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
  user-select:none;
}

/* Primary = green like screenshot */
.jg-hero-saas__btn--primary{
  background: var(--cta);
  color: var(--cta-ink);
  box-shadow: 0 10px 22px rgba(183,229,106,.22);
}
.jg-hero-saas__btn--primary:hover{ transform: translateY(-1px); }

/* Secondary = white button */
.jg-hero-saas__btn--ghost{
  background: #fff;
  color: #344054;
  border-color: var(--line);
}
.jg-hero-saas__btn--ghost:hover{ transform: translateY(-1px); }

/* Trust row */
.jg-hero-saas__trust{
  margin-top: 5px;
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom: 10px;
}

.jg-hero-saas__avatars{
  display:flex;
  align-items:center;
  padding-left: 6px;
}

.jg-hero-saas__av{
  width: 34px;
  height: 34px;
  border-radius: 999px;
  border: 1px solid #fff;
  background: #eee;
  background-size: contain;
  margin-left: -10px; /* overlap like screenshot */
}
 
.jg-hero-saas__trust-meta{
  display:flex;
  flex-direction:column;
  gap:4px;
}

 

.jg-hero-saas__trust-text{
  color: #000000;
  font-size: 13px;
}
 
/* Desktop responsive */
@media (min-width: 992px){
  .jg-hero-saas{
    padding: 35px 22px 35px;
 
  }
  .jg-hero-saas__wrap{
    max-width: 100%;
  }

  /* make it look stronger on desktop while staying similar */
  .jg-hero-saas__title{ font-size: 42px; }
  .jg-hero-saas__sub{ font-size: 16px; max-width: 720px; }

  .jg-hero-saas__actions{
    flex-direction: row;
    gap: 8px;
   }
  .jg-hero-saas__btn{
    width: 240px;
    height: 54px;
  }
}

  
   .jg-slim-cats {
        padding: 10px 0; /* مساحة شبه منعدمة */
        background: #fff;
         direction: rtl;
        font-family: 'Cairo', sans-serif;
        margin-bottom: 10px;
        padding-bottom: 5px;
    }

    .jg-container {
        max-width: 1400px;
        margin: 0 auto;
        padding: 0 20px;
    }

    .jg-slim-wrapper {
        display: flex;
        align-items: center;
        gap: 10px;
        overflow-x: auto;
        scrollbar-width: none; /* Firefox */
    }

    .jg-slim-wrapper::-webkit-scrollbar { display: none; } /* Chrome/Safari */

    .jg-slim-item {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 3px ;
        background: #fff;
        text-decoration: none;
        border: 1px solid #ededed;
         flex-shrink: 0;
         padding-left: 8px ;
        /* Radius = 0 */
        border-radius: 50px; 
    }

    .jg-slim-item:last-child {padding: 4px 8px ;}

  .jg-slim-item:hover {
    background: #e3e7eb; /* يبقى فاتحاً */
    border-color: #e3e7eb; /* الحدود تصبح بلون البراند */
}

 
    .jg-slim-item:hover .jg-slim-label {
    color: #222; /* النص يتغير لونه أيضاً */
    }
    
    .jg-slim-img {
        width: 32px; /* حجم صغير جداً يشبه الأيقونة */
        height: 32px;
        overflow: hidden;
        border-radius: 50px;
    }

    .jg-slim-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .jg-slim-label {
        font-size: 0.85rem;
        font-weight: 800;
        color: #333;
        white-space: nowrap;
    }

 

   


    /* Special style for View More */
    .jg-view-more {
        background: #da3559;
        border-color: #da3559;
    }
    .jg-view-more .jg-slim-label {
        color: #fff;
    }

    @media (max-width: 600px) {
        .jg-slim-cats { padding: 10px 0; margin-bottom: 10px ;        padding-bottom: 15px;
 }
        .jg-slim-item { padding: 4px 4px; padding-left: 8px;; }
            .jg-slim-item:last-child {padding: 7px 8px ;}

        .jg-slim-label { font-size: 0.75rem; }
    }
 .cart-circle {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #f1f5f9;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' style='width:1em;height:1em;vertical-align:middle' fill='currentcolor' overflow='hidden'%3E%3Cpath d='M614.5 758.8c-28.3 0-51.2 22.9-51.1 51.2 0 28.3 22.9 51.2 51.1 51.2 28.3 0 51.2-22.9 51.2-51.2 0-28.3-22.9-51.2-51.2-51.2zm-327.7 0c-28.3 0-51.2 22.9-51.2 51.2 0 28.3 22.9 51.2 51.2 51.2 28.3 0 51.2-22.9 51.1-51.2 0-28.3-22.9-51.2-51.1-51.2zm541-563.2c-18.1 0-36.7 3.5-56.9 15.6-19.3 11.6-34.7 29.3-44.4 52.8l-3.4 9-1.4 5.6-18.5 113.1L671.8 591c-3.4 20.9-20.4 36.7-41 39l-5.3.3H278.3c-21.3 0-39.6-14.3-45.3-35.1l-1.2-5.4-48.6-260.5c-3.9-20.8-23.9-34.6-44.8-30.7-19.2 3.6-32.4 21-31.3 40l.6 4.8 48.5 259.5c9.2 57.5 57.1 100.4 114.5 103.9l7.6.3h347.2c60.6 0 112.3-43.9 122.1-104L784 372.8l12.8-77.6 1-2.8c2.6-6 5.9-10.3 9.8-13.3l3-2.1c4.4-2.6 8.8-3.9 13-4.4l4.2-.2h85.3c21.2 0 38.4-17.2 38.4-38.4 0-19.6-14.6-35.7-33.6-38.1l-4.8-.3h-85.3zm-382.2-1.2c-19.6 0-35.7 14.6-38.1 33.6l-.3 4.8v72.5h-72.6c-21.2 0-38.4 17.2-38.4 38.4 0 19.6 14.6 35.7 33.6 38.1l4.8.3h72.6v72.5c0 21.2 17.2 38.4 38.4 38.4 19.6 0 35.7-14.6 38.1-33.5l.3-4.9v-72.5h72.5c21.2 0 38.4-17.2 38.4-38.4 0-19.6-14.6-35.7-33.6-38.1l-4.8-.3H484v-72.5c0-21.2-17.2-38.4-38.4-38.4z' fill='%23000'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px;
  position: relative;
  border: 1px solid #f1f5f9
}





.cart-disabled{
  width:32px;
  height:32px;
  border-radius:50%;
  background:#f1f5f9;
  position:relative;
  cursor:not-allowed;
  pointer-events:none;
  border:1px solid #f1f5f9;
}

/* SVG فقط */
.cart-disabled::after{
  content:"";
  position:absolute;
  inset:0;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s7-6.2 7-11a7 7 0 1 0-14 0c0 4.8 7 11 7 11z'/%3E%3Ccircle cx='12' cy='10' r='2'/%3E%3Cline x1='4' y1='4' x2='20' y2='20'/%3E%3C/svg%3E");  background-repeat:no-repeat;
  background-position:center;
 background-size: 19px; /* كان 18px */

  opacity:.35; /* هنا فقط */
}
 /* حلقة التنفيذ */
.cart-circle::after {
  content: "";
  position: absolute;
  inset: -3px;
  border-radius: 50%;
  border: 2px solid transparent;
  border-top-color: #da3559;
  border-right-color: #da3559; /* يساعد الإحساس بالدوران الكامل */
  opacity: 0;
  pointer-events: none;
}

/* عند الإضافة */
.cart-circle.is-added::after {
  opacity: 1;
  animation: micro-progress 0.6s cubic-bezier(.4,0,.2,1);
}

/* لفة كاملة ناعمة */
@keyframes micro-progress {
  from {
    transform: rotate(0deg);
    opacity: 1;
  }
  to {
    transform: rotate(360deg);
    opacity: 0;  
  }
}



.ratio-15x20 {
--bs-aspect-ratio: 110%;

}

@media (max-width: 768px){
  .ratio-15x20{
    --bs-aspect-ratio:125%;
  }
}





.hstack {
display: flex;
flex-direction: row;
align-items: center;
align-self: stretch
}
.vstack {
display: flex;
flex: 1 1 auto;
flex-direction: column;
align-self: stretch
}
.vr {
display: inline-block;
align-self: stretch;
width: 1px;
min-height: 1em;
background-color: currentcolor;
opacity: 0.25
}
.btn {
--bs-btn-padding-x: 1.5rem;
--bs-btn-padding-y: 0px;
--bs-btn-font-family: var(--font-family-primary);
--bs-btn-font-size: 1rem;
--bs-btn-font-weight: 700;
--bs-btn-line-height: 48px;
--bs-btn-color: #212529;
--bs-btn-bg: transparent;
--bs-btn-border-width: 1px;
--bs-btn-border-color: transparent;
--bs-btn-border-radius: 64px;
--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;
user-select: none;
border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
border-radius: var(--bs-btn-border-radius);
background-color: var(--bs-btn-bg);
transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out
}
@media (prefers-reduced-motion: reduce) {
.btn {
transition: none
}
}
.btn-sm,
.btn-group-sm > .btn {
--bs-btn-padding-y: 0.25rem;
--bs-btn-padding-x: 0.5rem;
--bs-btn-font-size: 0.875rem;
--bs-btn-border-radius: 64px
}
.form-control-plaintext {
display: block;
width: 100%;
padding: 1rem 0;
margin-bottom: 0;
line-height: 1.25rem;
color: #212529;
background-color: transparent;
border: solid transparent;
border-width: 1px 0
}
.form-control-plaintext:focus {
outline: 0
}
.form-control-plaintext.form-control-sm,
.form-control-plaintext.form-control-lg {
padding-right: 0;
padding-left: 0
}
.form-control-sm {
min-height: calc(1.5em + 0.5rem + 2px);
padding: 0.75rem;
font-size: 1rem;
border-radius: var(--radius)
}
.breadcrumb {
--bs-breadcrumb-padding-x: 0;
--bs-breadcrumb-padding-y: 0;
--bs-breadcrumb-margin-bottom: 1rem;
--bs-breadcrumb-bg: ;
--bs-breadcrumb-border-radius: ;
--bs-breadcrumb-divider-color: #6c757d;
--bs-breadcrumb-item-padding-x: 0.5rem;
--bs-breadcrumb-item-active-color: #6c757d;
display: flex;
flex-wrap: wrap;
padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
margin-bottom: var(--bs-breadcrumb-margin-bottom);
font-size: 14px;
list-style: none;
background-color: var(--bs-breadcrumb-bg);
border-radius: var(--bs-breadcrumb-border-radius);
 
}
.breadcrumb-item + .breadcrumb-item {
padding-left: var(--bs-breadcrumb-item-padding-x)
}
.breadcrumb-item + .breadcrumb-item::before {
float: left;
padding-right: var(--bs-breadcrumb-item-padding-x);
color: var(--bs-breadcrumb-divider-color);
content: var(--bs-breadcrumb-divider, "/")/* rtl: var(--bs-breadcrumb-divider, "/") */
}
.breadcrumb-item.active {
color: var(--bs-breadcrumb-item-active-color)
}

.show-st {
    display: inline-flex;
    align-items: center;
    gap: 6px; /* تقليل المسافة بين العناصر */
    padding: 2px 10px; /* تصغير الحجم العام */
    background: #f1f5f9; /* رمادي فاتح جداً هادئ */
    border: 0.5px solid #e2e8f0; /* إطار نحيف جداً */
    border-radius: 50px; /* حواف دائرية بالكامل (Pill Shape) */
    direction: rtl;
    font-size: 12px; /* تصغير حجم الخط */
    color: #475569;
}

.store-tag {
    display: block; /* عشان ياخد سطر لحاله ويبعد عن السعر */
    color: #cc2131; /* لون البراند الأحمر من شعار جودوز */
    font-size: 14px;
    font-weight: 700; /* خط عريض عشان يبرز إنه اسم متجر */
    text-decoration: none;
    margin-bottom: 4px; /* مسافة بسيطة عن السعر اللي تحته */
    opacity: 0.9;
    transition: opacity 0.2s;
}

.store-tag:hover {
    opacity: 1;
    text-decoration: underline; /* خط تحت الكلمة عند اللمس ليوحي بوجود رابط */
}
.opacity-10,
.opacity-10-hover:hover,
.hover\:opacity-10:hover {
opacity: 0.1 !important
}
.opacity-40,
.opacity-40-hover:hover,
.hover\:opacity-40:hover {
opacity: 0.4 !important
}
.opacity-60,
.opacity-60-hover:hover,
.hover\:opacity-60:hover {
opacity: 0.6 !important
}
.opacity-90,
.opacity-90-hover:hover,
.hover\:opacity-90:hover {
opacity: 0.9 !important
}
.opacity-95,
.opacity-95-hover:hover,
.hover\:opacity-95:hover {
opacity: 0.95 !important
}
.opacity-100,
.opacity-100-hover:hover,
.hover\:opacity-100:hover {
opacity: 1 !important
}
.overflow-unset {
overflow: unset !important
}
.overflow-auto {
overflow: auto !important
}
.overflow-hidden {
overflow: hidden !important
}
.overflow-visible {
overflow: visible !important
}
.overflow-scroll {
overflow: scroll !important
}
.d-inline,
.d-inline-hover:hover,
.hover\:d-inline:hover {
display: inline !important
}
[dir=ltr] .ltr\:d-inline {
display: inline !important
}
[dir=rtl] .rtl\:d-inline {
display: inline !important
}
.d-inline-block,
.d-inline-block-hover:hover,
.hover\:d-inline-block:hover {
display: inline-block !important
}
[dir=ltr] .ltr\:d-inline-block {
display: inline-block !important
}
[dir=rtl] .rtl\:d-inline-block {
display: inline-block !important
}
.d-block,
.d-block-hover:hover,
.hover\:d-block:hover {
display: block !important
}
[dir=ltr] .ltr\:d-block {
display: block !important
}
[dir=rtl] .rtl\:d-block {
display: block !important
}
.d-grid,
.d-grid-hover:hover,
.hover\:d-grid:hover {
display: grid !important
}
[dir=ltr] .ltr\:d-grid {
display: grid !important
}
[dir=rtl] .rtl\:d-grid {
display: grid !important
}
.d-none,
.d-none-hover:hover,
.hover\:d-none:hover {
display: none !important
}
.shadow-xs,
.shadow-xs-hover:hover,
.hover\:shadow-xs:hover {
box-shadow: 0 0.125rem 0.25rem -0.1rem var(--shadow-color) !important
}
.shadow-sm,
.shadow-sm-hover:hover,
.hover\:shadow-sm:hover {
box-shadow: 0 0.25rem 0.5rem -0.1rem var(--shadow-color) !important
}
.shadow-md,
.shadow-md-hover:hover,
.hover\:shadow-md:hover {
box-shadow: 0 0.5rem 1rem -0.1rem var(--shadow-color) !important
}
.shadow-lg,
.shadow-lg-hover:hover,
.hover\:shadow-lg:hover {
box-shadow: 0 1rem 1.5rem -0.1rem var(--shadow-color) !important
}
.shadow-xl,
.shadow-xl-hover:hover,
.hover\:shadow-xl:hover {
box-shadow: 0 1.5rem 2rem -0.1rem var(--shadow-color) !important
}
.shadow-2xl,
.shadow-2xl-hover:hover,
.hover\:shadow-2xl:hover {
box-shadow: 0 2rem 2.5rem -0.1rem var(--shadow-color) !important
}
.shadow-none,
.shadow-none-hover:hover,
.hover\:shadow-none:hover {
box-shadow: 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: sticky !important
}
.top-auto {
top: auto !important
}
.top-0 {
top: 0 !important
}
.top-px {
top: 1px !important
}
.top-1 {
top: 0.125rem !important
}
.top-2 {
top: 0.25rem !important
}
.top-3 {
top: 0.5rem !important
}
.top-4 {
top: 1rem !important
}
.top-5 {
top: 1.5rem !important
}
.top-6 {
top: 2rem !important
}
.top-7 {
top: 2.5rem !important
}
.top-8 {
top: 3rem !important
}
.top-9 {
top: 4rem !important
}
.top-10 {
top: 5rem !important
}
.top-25 {
top: 25% !important
}
.top-50 {
top: 50% !important
}
.top-75 {
top: 75% !important
}
.top-100 {
top: 100% !important
}
.bottom-auto {
bottom: auto !important
}
.bottom-0 {
bottom: 0 !important
}
.bottom-px {
bottom: 1px !important
}
.bottom-1 {
bottom: 0.125rem !important
}
.bottom-2 {
bottom: 0.25rem !important
}
.bottom-3 {
bottom: 0.5rem !important
}
.bottom-4 {
bottom: 1rem !important
}
.bottom-5 {
bottom: 1.5rem !important
}
.bottom-6 {
bottom: 2rem !important
}
.bottom-7 {
bottom: 2.5rem !important
}
.bottom-8 {
bottom: 3rem !important
}
.bottom-9 {
bottom: 4rem !important
}
.bottom-10 {
bottom: 5rem !important
}
.bottom-25 {
bottom: 25% !important
}
.bottom-50 {
bottom: 50% !important
}
.bottom-75 {
bottom: 75% !important
}
.bottom-100 {
bottom: 100% !important
}
.start-auto {
left: auto !important
}
[dir=ltr] .ltr\:start-auto {
left: auto !important
}
[dir=rtl] .rtl\:start-auto {
left: auto !important
}
.start-0 {
left: 0 !important
}
.start-50 {
left: 50% !important
}
[dir=ltr] .ltr\:start-50 {
left: 50% !important
}
[dir=rtl] .rtl\:start-50 {
left: 50% !important
}
.start-75 {
left: 75% !important
}
[dir=ltr] .ltr\:start-75 {
left: 75% !important
}
[dir=rtl] .rtl\:start-75 {
left: 75% !important
}
.start-100 {
left: 100% !important
}
[dir=ltr] .ltr\:start-100 {
left: 100% !important
}
[dir=rtl] .rtl\:start-100 {
left: 100% !important
}
.end-auto {
right: auto !important
}
[dir=ltr] .ltr\:end-auto {
right: auto !important
}
[dir=rtl] .rtl\:end-auto {
right: auto !important
}
.end-0 {
right: 0 !important
}
[dir=ltr] .ltr\:end-0 {
right: 0 !important
}
[dir=rtl] .rtl\:end-0 {
right: 0 !important
}
.end-px {
right: 1px !important
}
[dir=ltr] .ltr\:end-px {
right: 1px !important
}
[dir=rtl] .rtl\:end-px {
right: 1px !important
}
.end-1 {
right: 0.125rem !important
}
[dir=ltr] .ltr\:end-1 {
right: 0.125rem !important
}
[dir=rtl] .rtl\:end-1 {
right: 0.125rem !important
}
.end-2 {
right: 0.25rem !important
}
[dir=ltr] .ltr\:end-2 {
right: 0.25rem !important
}
[dir=rtl] .rtl\:end-2 {
right: 0.25rem !important
}
.end-3 {
right: 0.5rem !important
}
[dir=ltr] .ltr\:end-3 {
right: 0.5rem !important
}
[dir=rtl] .rtl\:end-3 {
right: 0.5rem !important
}
.end-4 {
right: 1rem !important
}
[dir=ltr] .ltr\:end-4 {
right: 1rem !important
}
[dir=rtl] .rtl\:end-4 {
right: 1rem !important
}
.end-5 {
right: 1.5rem !important
}
[dir=ltr] .ltr\:end-5 {
right: 1.5rem !important
}
[dir=rtl] .rtl\:end-5 {
right: 1.5rem !important
}
.end-6 {
right: 2rem !important
}
[dir=ltr] .ltr\:end-6 {
right: 2rem !important
}
[dir=rtl] .rtl\:end-6 {
right: 2rem !important
}
.end-7 {
right: 2.5rem !important
}
[dir=ltr] .ltr\:end-7 {
right: 2.5rem !important
}
[dir=rtl] .rtl\:end-7 {
right: 2.5rem !important
}
.end-8 {
right: 3rem !important
}
[dir=ltr] .ltr\:end-8 {
right: 3rem !important
}
[dir=rtl] .rtl\:end-8 {
right: 3rem !important
}
.end-9 {
right: 4rem !important
}
[dir=ltr] .ltr\:end-9 {
right: 4rem !important
}
[dir=rtl] .rtl\:end-9 {
right: 4rem !important
}
.end-10 {
right: 5rem !important
}
[dir=ltr] .ltr\:end-10 {
right: 5rem !important
}
[dir=rtl] .rtl\:end-10 {
right: 5rem !important
}
.end-25 {
right: 25% !important
}
[dir=ltr] .ltr\:end-25 {
right: 25% !important
}
[dir=rtl] .rtl\:end-25 {
right: 25% !important
}
.end-50 {
right: 50% !important
}
[dir=ltr] .ltr\:end-50 {
right: 50% !important
}
[dir=rtl] .rtl\:end-50 {
right: 50% !important
}
.end-75 {
right: 75% !important
}
[dir=ltr] .ltr\:end-75 {
right: 75% !important
}
[dir=rtl] .rtl\:end-75 {
right: 75% !important
}
.end-100 {
right: 100% !important
}
[dir=ltr] .ltr\:end-100 {
right: 100% !important
}
[dir=rtl] .rtl\:end-100 {
right: 100% !important
}
.translate-middle {
transform: translate(-50%, -50%) !important
}
.translate-middle-x {
transform: translateX(-50%) !important
}
.translate-middle-y {
transform: translateY(-50%) !important
}
.border {
border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}
.border-0 {
border: 0 !important
}
.border-bottom {
border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

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

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


    .search-container {
     width: 100%;
    margin: 0 auto;
 
}


.pro-breadcrumb{
contain:content;

display:flex;

align-items:center;

gap:6px;

font-size:13px;

color:#6b7280;

padding:12px 0;

font-family: system-ui,-apple-system,"Segoe UI",Roboto;

white-space:nowrap;        /* يمنع نزول السطر */
overflow-x:auto;           /* يعمل scroll */
overflow-y:hidden;

}

/* إخفاء scrollbar */

.pro-breadcrumb::-webkit-scrollbar{
display:none;
}

.pro-breadcrumb{

scrollbar-width:none;
}

.pro-breadcrumb a{

color:#51555c;

text-decoration:none;

}

.pro-breadcrumb a:hover{

color:#111;

}

.pro-breadcrumb span{

color:#51555c;

}

.pro-breadcrumb-product{

color:#000;

 
white-space:nowrap;      /* يمنع نزول السطر */

overflow:hidden;         /* يخفي الزائد */

text-overflow:ellipsis;  /* يظهر ... */

max-width:220px;         /* طول العنوان */

display:inline-block;

vertical-align:bottom;

}
 
 

/* Search Input */
.search-input-group {
    position: relative;
}

.search-input {
    width: 100%;
    padding: 8px 1px;
    padding-right: 45px;
  width: 370px;
    
    border: 1px solid #f1f5f9;
    border-radius: 50px;
    font-size: 16px;
    outline: none;
    transition: 0.3s;
    background: #f1f5f9;
}

/* Mobile (below 768px) */
@media (max-width: 768px) {

      .search-container {
    margin-bottom: 5px ;
 padding: 0 15px ;
}


    .search-input {
        width:  100%;      /* full width on mobile */
       
        

    }

    
}
 

.search-icon {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 15px;
    color: #444;
}

/* ==========================================================
   Advanced Search Panel (UI-safe overlay)
   Works with your existing .search-input-group
========================================================== */

 
.jg-search-panel{
  position:absolute;
  left:0; right:0;
  top: calc(100% + 8px);
  z-index: 9999;
  background:#fff;
  border:1px solid #eef2f7;
  border-radius:14px;
  box-shadow: 0 10px 28px rgba(2, 6, 23, .08);
  overflow:hidden;
  display:none;
}

.jg-search-panel.is-open{ display:block; }

.jg-search-panel__meta{
  padding:10px 12px;
  background:#fff;
  border-bottom:1px solid #eef2f7;
  font-size:13px;
  color:#64748b;
  display:flex;
  gap:10px;
  align-items:center;
  justify-content:space-between;
}

.jg-search-panel__meta b{ color:#0f172a; font-weight:700; }

.jg-search-list{
  max-height: 340px;
  overflow:auto;
  -webkit-overflow-scrolling: touch;
}

.jg-search-item{
  display:flex;
  gap:10px;
  padding:10px 12px;
  cursor:pointer;
  border-bottom:1px solid #f1f5f9;
  align-items:center;
}
.jg-search-item:last-child{ border-bottom:0; }

.jg-search-item:hover,
.jg-search-item.is-active{ background:#f8faff; }

.jg-search-thumb{
  width:40px; height:40px;
  border-radius:10px;
  background:#f1f5f9;
  flex:0 0 40px;
  overflow:hidden;
}
.jg-search-thumb img{
  width:100%; height:100%;
  object-fit:cover;
  display:block;
}

.jg-search-text{ min-width:0; flex:1; }
.jg-search-title{
  font-size:15px;
  font-weight:600;
  color:#0f172a;
  line-height:1.2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.jg-search-sub{
  margin-top:2px;
  font-size:12px;
  color:#64748b;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
/* ==========================================================
   SEARCH CLOSE BUTTON
   Clean • Accessible • Premium
========================================================== */

.jg-search-close{
  appearance: none;
  border: 0;
  background: #f1f5f9;
  color: #334155;

  width: 28px;
  height: 28px;
  border-radius: 50px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  font-size: 18px;
  line-height: 1;
  font-weight: 600;

  cursor: pointer;
 
}

/* Hover */
.jg-search-close:hover{
  background: #e2e8f0;
  color: #0f172a;
  box-shadow: 0 3px 10px rgba(15,23,42,.15);
 }

/* Active (click feedback) */
.jg-search-close:active{
  transform: scale(.95);
  box-shadow: 0 2px 6px rgba(15,23,42,.2);
}

/* Keyboard focus (accessibility) */
.jg-search-close:focus-visible{
  outline: none;
  box-shadow:
    0 0 0 2px #fff,
    0 0 0 4px #6366f1;
}


/* Optional: subtle danger hint on hover */
.jg-search-close:hover{
  background: #fee2e2;
  color: #991b1b;
}

.jg-hl{
  background: rgba(163, 22, 22, 0.12);
  border-radius:6px;
 
}

.jg-search-hint{
  padding:10px 12px;
  border-top:1px solid #eef2f7;
  font-size:12px;
  color:#64748b;
  background:#fff;
}

@media (max-width: 768px){
  .jg-search-panel{ border-radius:16px; }
  .jg-search-list{ max-height: 52vh; }
}

 
.jg-search-filters{
  display:flex;
  gap:8px;
  padding:10px 12px;
  border-bottom:1px solid #eef2f7;
  background:#fff;

  overflow-x:auto;
  overflow-y:hidden;
  white-space:nowrap;
  -webkit-overflow-scrolling: touch;
}

.jg-search-filters::-webkit-scrollbar{
  height:4px;
}
.jg-search-filters::-webkit-scrollbar-thumb{
  background:#e3e3e3;
  border-radius:4px;
}
.jg-filter-chip{
  font-size:12px;
  padding:7px 10px;
  border-radius:999px;
  border:1px solid #da355929;
  background: #fff;;
   cursor:pointer;
  white-space:nowrap;
}
.jg-filter-chip:hover{
  background:#da355929;
  border-color:#da355929;
}
.chip-icon{
  margin-inline-end:6px;
  font-weight:700;
  color:#da3559;
  opacity:.9;
}

.search-icon {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 15px;
    color: #444;
}

 

 
 



 @media (max-width: 767px) {
  .border-bottom-nav {
    border-bottom: none !important;
  }
}


.border-bottom-0 {
border-bottom: 0 !important
}
[dir=ltr] .ltr\:border-start {
border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}
[dir=rtl] .rtl\:border-start {
border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}
.w-18px,
.w-18px-hover:hover,
.hover\:w-18px:hover,
.w-18px-focus:focus,
.focus\:w-18px:focus {
width: 18px !important
}
.w-20px,
.w-20px-hover:hover,
.hover\:w-20px:hover,
.w-20px-focus:focus,
.focus\:w-20px:focus {
width: 20px !important
}
.w-24px,
.w-24px-hover:hover,
.hover\:w-24px:hover,
.w-24px-focus:focus,
.focus\:w-24px:focus {
width: 24px !important
}
.w-32px,
.w-32px-hover:hover,
.hover\:w-32px:hover,
.w-32px-focus:focus,
.focus\:w-32px:focus {
width: 32px !important
}
.w-36px,
.w-36px-hover:hover,
.hover\:w-36px:hover,
.w-36px-focus:focus,
.focus\:w-36px:focus {
width: 36px !important
}
.w-40px,
.w-40px-hover:hover,
.hover\:w-40px:hover,
.w-40px-focus:focus,
.focus\:w-40px:focus {
width: 40px !important
}
.w-48px,
.w-48px-hover:hover,
.hover\:w-48px:hover,
.w-48px-focus:focus,
.focus\:w-48px:focus {
width: 48px !important
}
.w-56px,
.w-56px-hover:hover,
.hover\:w-56px:hover,
.w-56px-focus:focus,
.focus\:w-56px:focus {
width: 56px !important
}
.w-64px,
.w-64px-hover:hover,
.hover\:w-64px:hover,
.w-64px-focus:focus,
.focus\:w-64px:focus {
width: 64px !important
}
.w-72px,
.w-72px-hover:hover,
.hover\:w-72px:hover,
.w-72px-focus:focus,
.focus\:w-72px:focus {
width: 72px !important
}
.w-80px,
.w-80px-hover:hover,
.hover\:w-80px:hover,
.w-80px-focus:focus,
.focus\:w-80px:focus {
width: 80px !important
}




.w-96px,
.w-96px-hover:hover,
.hover\:w-96px:hover,
.w-96px-focus:focus,
.focus\:w-96px:focus {
width: 96px !important
}
.w-100px,
.w-100px-hover:hover,
.hover\:w-100px:hover,
.w-100px-focus:focus,
.focus\:w-100px:focus {
width: 100px !important
}


.w-128px,
.w-128px-hover:hover,
.hover\:w-128px:hover,
.w-128px-focus:focus,
.focus\:w-128px:focus {
width: 128px !important
}
.w-150px,
.w-150px-hover:hover,
.hover\:w-150px:hover,
.w-150px-focus:focus,
.focus\:w-150px:focus {
width: 150px !important
}
.w-200px,
.w-200px-hover:hover,
.hover\:w-200px:hover,
.w-200px-focus:focus,
.focus\:w-200px:focus {
width: 200px !important
}
.w-250px,
.w-250px-hover:hover,
.hover\:w-250px:hover,
.w-250px-focus:focus,
.focus\:w-250px:focus {
width: 250px !important
}
.w-300px,
.w-300px-hover:hover,
.hover\:w-300px:hover,
.w-300px-focus:focus,
.focus\:w-300px:focus {
width: 300px !important
}
.w-350px,
.w-350px-hover:hover,
.hover\:w-350px:hover,
.w-350px-focus:focus,
.focus\:w-350px:focus {
width: 350px !important
}
.w-400px,
.w-400px-hover:hover,
.hover\:w-400px:hover,
.w-400px-focus:focus,
.focus\:w-400px:focus {
width: 400px !important
}
.w-450px,
.w-450px-hover:hover,
.hover\:w-450px:hover,
.w-450px-focus:focus,
.focus\:w-450px:focus {
width: 450px !important
}
.w-500px,
.w-500px-hover:hover,
.hover\:w-500px:hover,
.w-500px-focus:focus,
.focus\:w-500px:focus {
width: 500px !important
}
.w-550px,
.w-550px-hover:hover,
.hover\:w-550px:hover,
.w-550px-focus:focus,
.focus\:w-550px:focus {
width: 550px !important
}
.w-600px,
.w-600px-hover:hover,
.hover\:w-600px:hover,
.w-600px-focus:focus,
.focus\:w-600px:focus {
width: 600px !important
}
.w-650px,
.w-650px-hover:hover,
.hover\:w-650px:hover,
.w-650px-focus:focus,
.focus\:w-650px:focus {
width: 650px !important
}
.w-700px,
.w-700px-hover:hover,
.hover\:w-700px:hover,
.w-700px-focus:focus,
.focus\:w-700px:focus {
width: 700px !important
}
.w-750px,
.w-750px-hover:hover,
.hover\:w-750px:hover,
.w-750px-focus:focus,
.focus\:w-750px:focus {
width: 750px !important
}
.w-800px,
.w-800px-hover:hover,
.hover\:w-800px:hover,
.w-800px-focus:focus,
.focus\:w-800px:focus {
width: 800px !important
}
.w-850px,
.w-850px-hover:hover,
.hover\:w-850px:hover,
.w-850px-focus:focus,
.focus\:w-850px:focus {
width: 850px !important
}
.w-900px,
.w-900px-hover:hover,
.hover\:w-900px:hover,
.w-900px-focus:focus,
.focus\:w-900px:focus {
width: 900px !important
}
.w-950px,
.w-950px-hover:hover,
.hover\:w-950px:hover,
.w-950px-focus:focus,
.focus\:w-950px:focus {
width: 950px !important
}
.w-1000px,
.w-1000px-hover:hover,
.hover\:w-1000px:hover,
.w-1000px-focus:focus,
.focus\:w-1000px:focus {
width: 1000px !important
}
.w-1170px,
.w-1170px-hover:hover,
.hover\:w-1170px:hover,
.w-1170px-focus:focus,
.focus\:w-1170px:focus {
width: 1170px !important
}
.w-1280px,
.w-1280px-hover:hover,
.hover\:w-1280px:hover,
.w-1280px-focus:focus,
.focus\:w-1280px:focus {
width: 1280px !important
}
.w-1320px,
.w-1320px-hover:hover,
.hover\:w-1320px:hover,
.w-1320px-focus:focus,
.focus\:w-1320px:focus {
width: 1320px !important
}
.w-1440px,
.w-1440px-hover:hover,
.hover\:w-1440px:hover,
.w-1440px-focus:focus,
.focus\:w-1440px:focus {
width: 1440px !important
}
.w-xs,
.w-xs-hover:hover,
.hover\:w-xs:hover,
.w-xs-focus:focus,
.focus\:w-xs:focus {
width: 320px !important
}
.w-sm,
.w-sm-hover:hover,
.hover\:w-sm:hover,
.w-sm-focus:focus,
.focus\:w-sm:focus {
width: 640px !important
}
.w-md,
.w-md-hover:hover,
.hover\:w-md:hover,
.w-md-focus:focus,
.focus\:w-md:focus {
width: 720px !important
}
.w-lg,
.w-lg-hover:hover,
.hover\:w-lg:hover,
.w-lg-focus:focus,
.focus\:w-lg:focus {
width: 1040px !important
}
.w-xl,
.w-xl-hover:hover,
.hover\:w-xl:hover,
.w-xl-focus:focus,
.focus\:w-xl:focus {
width: 1280px !important
}
.w-2xl,
.w-2xl-hover:hover,
.hover\:w-2xl:hover,
.w-2xl-focus:focus,
.focus\:w-2xl:focus {
width: 1312px !important
}
.w-1\/6,
.w-1\/6-hover:hover,
.hover\:w-1\/6:hover,
.w-1\/6-focus:focus,
.focus\:w-1\/6:focus {
width: 16.6666667% !important
}
.w-2\/6,
.w-2\/6-hover:hover,
.hover\:w-2\/6:hover,
.w-2\/6-focus:focus,
.focus\:w-2\/6:focus {
width: 33.3333333% !important
}
.w-3\/6,
.w-3\/6-hover:hover,
.hover\:w-3\/6:hover,
.w-3\/6-focus:focus,
.focus\:w-3\/6:focus {
width: 50% !important
}
.w-4\/6,
.w-4\/6-hover:hover,
.hover\:w-4\/6:hover,
.w-4\/6-focus:focus,
.focus\:w-4\/6:focus {
width: 66.6666667% !important
}
.w-5\/6,
.w-5\/6-hover:hover,
.hover\:w-5\/6:hover,
.w-5\/6-focus:focus,
.focus\:w-5\/6:focus {
width: 83.3333333% !important
}
.w-1\/5,
.w-1\/5-hover:hover,
.hover\:w-1\/5:hover,
.w-1\/5-focus:focus,
.focus\:w-1\/5:focus {
width: 20% !important
}
.w-2\/5,
.w-2\/5-hover:hover,
.hover\:w-2\/5:hover,
.w-2\/5-focus:focus,
.focus\:w-2\/5:focus {
width: 40% !important
}
.w-3\/5,
.w-3\/5-hover:hover,
.hover\:w-3\/5:hover,
.w-3\/5-focus:focus,
.focus\:w-3\/5:focus {
width: 60% !important
}
.w-4\/5,
.w-4\/5-hover:hover,
.hover\:w-4\/5:hover,
.w-4\/5-focus:focus,
.focus\:w-4\/5:focus {
width: 80% !important
}
.w-1\/4,
.w-1\/4-hover:hover,
.hover\:w-1\/4:hover,
.w-1\/4-focus:focus,
.focus\:w-1\/4:focus {
width: 25% !important
}
.w-2\/4,
.w-2\/4-hover:hover,
.hover\:w-2\/4:hover,
.w-2\/4-focus:focus,
.focus\:w-2\/4:focus {
width: 50% !important
}
.w-3\/4,
.w-3\/4-hover:hover,
.hover\:w-3\/4:hover,
.w-3\/4-focus:focus,
.focus\:w-3\/4:focus {
width: 75% !important
}
.w-1\/3,
.w-1\/3-hover:hover,
.hover\:w-1\/3:hover,
.w-1\/3-focus:focus,
.focus\:w-1\/3:focus {
width: 33.3333333% !important
}
.w-2\/3,
.w-2\/3-hover:hover,
.hover\:w-2\/3:hover,
.w-2\/3-focus:focus,
.focus\:w-2\/3:focus {
width: 66.6666667% !important
}
.w-1\/2,
.w-1\/2-hover:hover,
.hover\:w-1\/2:hover,
.w-1\/2-focus:focus,
.focus\:w-1\/2:focus {
width: 50% !important
}
.w-100,
.w-100-hover:hover,
.hover\:w-100:hover,
.w-100-focus:focus,
.focus\:w-100:focus {
width: 100% !important
}
.w-full,
.w-full-hover:hover,
.hover\:w-full:hover,
.w-full-focus:focus,
.focus\:w-full:focus {
width: 100% !important
}
.w-min,
.w-min-hover:hover,
.hover\:w-min:hover,
.w-min-focus:focus,
.focus\:w-min:focus {
width: min-content !important
}
.w-max,
.w-max-hover:hover,
.hover\:w-max:hover,
.w-max-focus:focus,
.focus\:w-max:focus {
width: max-content !important
}
.w-fit,
.w-fit-hover:hover,
.hover\:w-fit:hover,
.w-fit-focus:focus,
.focus\:w-fit:focus {
width: fit-content !important
}
.w-auto,
.w-auto-hover:hover,
.hover\:w-auto:hover,
.w-auto-focus:focus,
.focus\:w-auto:focus {
width: auto !important
}
.w-0,
.w-0-hover:hover,
.hover\:w-0:hover,
.w-0-focus:focus,
.focus\:w-0:focus {
width: 0 !important
}
.w-screen,
.w-screen-hover:hover,
.hover\:w-screen:hover,
.w-screen-focus:focus,
.focus\:w-screen:focus {
width: 100vw !important
}
.max-w-none,
.max-w-none-hover:hover,
.hover\:max-w-none:hover {
max-width: none !important
}
.max-w-px,
.max-w-px-hover:hover,
.hover\:max-w-px:hover {
max-width: 1px !important
}
.max-w-2px,
.max-w-2px-hover:hover,
.hover\:max-w-2px:hover {
max-width: 2px !important
}
.max-w-4px,
.max-w-4px-hover:hover,
.hover\:max-w-4px:hover {
max-width: 4px !important
}
.max-w-8px,
.max-w-8px-hover:hover,
.hover\:max-w-8px:hover {
max-width: 8px !important
}
.max-w-16px,
.max-w-16px-hover:hover,
.hover\:max-w-16px:hover {
max-width: 16px !important
}
.max-w-18px,
.max-w-18px-hover:hover,
.hover\:max-w-18px:hover {
max-width: 18px !important
}
.max-w-20px,
.max-w-20px-hover:hover,
.hover\:max-w-20px:hover {
max-width: 20px !important
}
.max-w-24px,
.max-w-24px-hover:hover,
.hover\:max-w-24px:hover {
max-width: 24px !important
}
.max-w-32px,
.max-w-32px-hover:hover,
.hover\:max-w-32px:hover {
max-width: 32px !important
}
.max-w-36px,
.max-w-36px-hover:hover,
.hover\:max-w-36px:hover {
max-width: 36px !important
}
.max-w-40px,
.max-w-40px-hover:hover,
.hover\:max-w-40px:hover {
max-width: 40px !important
}
.max-w-48px,
.max-w-48px-hover:hover,
.hover\:max-w-48px:hover {
max-width: 48px !important
}
.max-w-56px,
.max-w-56px-hover:hover,
.hover\:max-w-56px:hover {
max-width: 56px !important
}
.max-w-64px,
.max-w-64px-hover:hover,
.hover\:max-w-64px:hover {
max-width: 64px !important
}
.max-w-72px,
.max-w-72px-hover:hover,
.hover\:max-w-72px:hover {
max-width: 72px !important
}
.max-w-80px,
.max-w-80px-hover:hover,
.hover\:max-w-80px:hover {
max-width: 80px !important
}
.max-w-96px,
.max-w-96px-hover:hover,
.hover\:max-w-96px:hover {
max-width: 96px !important
}
.max-w-100px,
.max-w-100px-hover:hover,
.hover\:max-w-100px:hover {
max-width: 100px !important
}
.max-w-128px,
.max-w-128px-hover:hover,
.hover\:max-w-128px:hover {
max-width: 128px !important
}
.max-w-150px,
.max-w-150px-hover:hover,
.hover\:max-w-150px:hover {
max-width: 150px !important
}
.max-w-200px,
.max-w-200px-hover:hover,
.hover\:max-w-200px:hover {
max-width: 200px !important
}
.max-w-250px,
.max-w-250px-hover:hover,
.hover\:max-w-250px:hover {
max-width: 250px !important
}
.max-w-300px,
.max-w-300px-hover:hover,
.hover\:max-w-300px:hover {
max-width: 300px !important
}
.max-w-350px,
.max-w-350px-hover:hover,
.hover\:max-w-350px:hover {
max-width: 350px !important
}
.max-w-400px,
.max-w-400px-hover:hover,
.hover\:max-w-400px:hover {
max-width: 400px !important
}
.max-w-450px,
.max-w-450px-hover:hover,
.hover\:max-w-450px:hover {
max-width: 450px !important
}
.max-w-500px,
.max-w-500px-hover:hover,
.hover\:max-w-500px:hover {
max-width: 500px !important
}
.max-w-550px,
.max-w-550px-hover:hover,
.hover\:max-w-550px:hover {
max-width: 550px !important
}
.max-w-600px,
.max-w-600px-hover:hover,
.hover\:max-w-600px:hover {
max-width: 600px !important
}
.max-w-650px,
.max-w-650px-hover:hover,
.hover\:max-w-650px:hover {
max-width: 650px !important
}
.max-w-700px,
.max-w-700px-hover:hover,
.hover\:max-w-700px:hover {
max-width: 700px !important
}
.max-w-750px,
.max-w-750px-hover:hover,
.hover\:max-w-750px:hover {
max-width: 750px !important
}
.max-w-800px,
.max-w-800px-hover:hover,
.hover\:max-w-800px:hover {
max-width: 800px !important
}
.max-w-850px,
.max-w-850px-hover:hover,
.hover\:max-w-850px:hover {
max-width: 850px !important
}
.max-w-900px,
.max-w-900px-hover:hover,
.hover\:max-w-900px:hover {
max-width: 900px !important
}
.max-w-950px,
.max-w-950px-hover:hover,
.hover\:max-w-950px:hover {
max-width: 950px !important
}
.max-w-1000px,
.max-w-1000px-hover:hover,
.hover\:max-w-1000px:hover {
max-width: 1000px !important
}
.max-w-1170px,
.max-w-1170px-hover:hover,
.hover\:max-w-1170px:hover {
max-width: 1170px !important
}
.max-w-1280px,
.max-w-1280px-hover:hover,
.hover\:max-w-1280px:hover {
max-width: 1280px !important
}
.max-w-1320px,
.max-w-1320px-hover:hover,
.hover\:max-w-1320px:hover {
max-width: 1320px !important
}
.max-w-1440px,
.max-w-1440px-hover:hover,
.hover\:max-w-1440px:hover {
max-width: 1440px !important
}
.max-w-1\/6,
.max-w-1\/6-hover:hover,
.hover\:max-w-1\/6:hover {
max-width: 16.6666667% !important
}
.max-w-2\/6,
.max-w-2\/6-hover:hover,
.hover\:max-w-2\/6:hover {
max-width: 33.3333333% !important
}
.max-w-3\/6,
.max-w-3\/6-hover:hover,
.hover\:max-w-3\/6:hover {
max-width: 50% !important
}
.max-w-4\/6,
.max-w-4\/6-hover:hover,
.hover\:max-w-4\/6:hover {
max-width: 66.6666667% !important
}
.max-w-5\/6,
.max-w-5\/6-hover:hover,
.hover\:max-w-5\/6:hover {
max-width: 83.3333333% !important
}
.max-w-1\/5,
.max-w-1\/5-hover:hover,
.hover\:max-w-1\/5:hover {
max-width: 20% !important
}
.max-w-2\/5,
.max-w-2\/5-hover:hover,
.hover\:max-w-2\/5:hover {
max-width: 40% !important
}
.max-w-3\/5,
.max-w-3\/5-hover:hover,
.hover\:max-w-3\/5:hover {
max-width: 60% !important
}
.max-w-4\/5,
.max-w-4\/5-hover:hover,
.hover\:max-w-4\/5:hover {
max-width: 80% !important
}
.max-w-1\/4,
.max-w-1\/4-hover:hover,
.hover\:max-w-1\/4:hover {
max-width: 25% !important
}
.max-w-2\/4,
.max-w-2\/4-hover:hover,
.hover\:max-w-2\/4:hover {
max-width: 50% !important
}
.max-w-3\/4,
.max-w-3\/4-hover:hover,
.hover\:max-w-3\/4:hover {
max-width: 75% !important
}
.max-w-1\/3,
.max-w-1\/3-hover:hover,
.hover\:max-w-1\/3:hover {
max-width: 33.3333333% !important
}
.max-w-2\/3,
.max-w-2\/3-hover:hover,
.hover\:max-w-2\/3:hover {
max-width: 66.6666667% !important
}
.max-w-1\/2,
.max-w-1\/2-hover:hover,
.hover\:max-w-1\/2:hover {
max-width: 50% !important
}
.max-w-xs,
.max-w-xs-hover:hover,
.hover\:max-w-xs:hover {
max-width: 320px !important
}
.max-w-sm,
.max-w-sm-hover:hover,
.hover\:max-w-sm:hover {
max-width: 640px !important
}
.max-w-md,
.max-w-md-hover:hover,
.hover\:max-w-md:hover {
max-width: 720px !important
}
.max-w-lg,
.max-w-lg-hover:hover,
.hover\:max-w-lg:hover {
max-width: 1040px !important
}
.max-w-xl,
.max-w-xl-hover:hover,
.hover\:max-w-xl:hover {
max-width: 1280px !important
}
.max-w-2xl,
.max-w-2xl-hover:hover,
.hover\:max-w-2xl:hover {
max-width: 1312px !important
}
.max-w-100,
.max-w-100-hover:hover,
.hover\:max-w-100:hover {
max-width: 100% !important
}
.max-w-full,
.max-w-full-hover:hover,
.hover\:max-w-full:hover {
max-width: 100% !important
}
.max-w-min,
.max-w-min-hover:hover,
.hover\:max-w-min:hover {
max-width: min-content !important
}
.max-w-max,
.max-w-max-hover:hover,
.hover\:max-w-max:hover {
max-width: max-content !important
}
.max-w-fit,
.max-w-fit-hover:hover,
.hover\:max-w-fit:hover {
max-width: fit-content !important
}
.max-w-0,
.max-w-0-hover:hover,
.hover\:max-w-0:hover {
max-width: 0 !important
}
.vw-100 {
width: 100vw !important
}
.min-vw-100 {
min-width: 100vw !important
}
.h-px,
.h-px-hover:hover,
.hover\:h-px:hover {
height: 1px !important
}
.h-2px,
.h-2px-hover:hover,
.hover\:h-2px:hover {
height: 2px !important
}
.h-4px,
.h-4px-hover:hover,
.hover\:h-4px:hover {
height: 4px !important
}
.h-8px,
.h-8px-hover:hover,
.hover\:h-8px:hover {
height: 8px !important
}
.h-16px,
.h-16px-hover:hover,
.hover\:h-16px:hover {
height: 16px !important
}
.h-18px,
.h-18px-hover:hover,
.hover\:h-18px:hover {
height: 18px !important
}
.h-20px,
.h-20px-hover:hover,
.hover\:h-20px:hover {
height: 20px !important
}
.h-24px,
.h-24px-hover:hover,
.hover\:h-24px:hover {
height: 24px !important
}
.h-32px,
.h-32px-hover:hover,
.hover\:h-32px:hover {
height: 32px !important
}
.h-36px,
.h-36px-hover:hover,
.hover\:h-36px:hover {
height: 36px !important
}
.h-40px,
.h-40px-hover:hover,
.hover\:h-40px:hover {
height: 40px !important
}
.h-48px,
.h-48px-hover:hover,
.hover\:h-48px:hover {
height: 48px !important
}
.h-56px,
.h-56px-hover:hover,
.hover\:h-56px:hover {
height: 56px !important
}
.h-64px,
.h-64px-hover:hover,
.hover\:h-64px:hover {
height: 64px !important
}
.h-72px,
.h-72px-hover:hover,
.hover\:h-72px:hover {
height: 72px !important
}
.h-80px,
.h-80px-hover:hover,
.hover\:h-80px:hover {
height: 80px !important
}
.h-96px,
.h-96px-hover:hover,
.hover\:h-96px:hover {
height: 96px !important
}
.h-100px,
.h-100px-hover:hover,
.hover\:h-100px:hover {
height: 100px !important
}
.h-128px,
.h-128px-hover:hover,
.hover\:h-128px:hover {
height: 128px !important
}
.h-150px,
.h-150px-hover:hover,
.hover\:h-150px:hover {
height: 150px !important
}
.h-200px,
.h-200px-hover:hover,
.hover\:h-200px:hover {
height: 200px !important
}
.h-250px,
.h-250px-hover:hover,
.hover\:h-250px:hover {
height: 250px !important
}
.h-300px,
.h-300px-hover:hover,
.hover\:h-300px:hover {
height: 300px !important
}
.h-350px,
.h-350px-hover:hover,
.hover\:h-350px:hover {
height: 350px !important
}
.h-400px,
.h-400px-hover:hover,
.hover\:h-400px:hover {
height: 400px !important
}
.h-450px,
.h-450px-hover:hover,
.hover\:h-450px:hover {
height: 450px !important
}
.h-500px,
.h-500px-hover:hover,
.hover\:h-500px:hover {
height: 500px !important
}
.h-550px,
.h-550px-hover:hover,
.hover\:h-550px:hover {
height: 550px !important
}
.h-600px,
.h-600px-hover:hover,
.hover\:h-600px:hover {
height: 600px !important
}
.h-650px,
.h-650px-hover:hover,
.hover\:h-650px:hover {
height: 650px !important
}
.h-700px,
.h-700px-hover:hover,
.hover\:h-700px:hover {
height: 700px !important
}
.h-750px,
.h-750px-hover:hover,
.hover\:h-750px:hover {
height: 750px !important
}
.h-800px,
.h-800px-hover:hover,
.hover\:h-800px:hover {
height: 800px !important
}
.h-850px,
.h-850px-hover:hover,
.hover\:h-850px:hover {
height: 850px !important
}
.h-900px,
.h-900px-hover:hover,
.hover\:h-900px:hover {
height: 900px !important
}
.h-950px,
.h-950px-hover:hover,
.hover\:h-950px:hover {
height: 950px !important
}
.h-1000px,
.h-1000px-hover:hover,
.hover\:h-1000px:hover {
height: 1000px !important
}
.h-1170px,
.h-1170px-hover:hover,
.hover\:h-1170px:hover {
height: 1170px !important
}
.h-1280px,
.h-1280px-hover:hover,
.hover\:h-1280px:hover {
height: 1280px !important
}
.h-1320px,
.h-1320px-hover:hover,
.hover\:h-1320px:hover {
height: 1320px !important
}
.h-1440px,
.h-1440px-hover:hover,
.hover\:h-1440px:hover {
height: 1440px !important
}
.h-xs,
.h-xs-hover:hover,
.hover\:h-xs:hover {
height: 320px !important
}
.h-sm,
.h-sm-hover:hover,
.hover\:h-sm:hover {
height: 640px !important
}
.h-md,
.h-md-hover:hover,
.hover\:h-md:hover {
height: 720px !important
}
.h-lg,
.h-lg-hover:hover,
.hover\:h-lg:hover {
height: 1040px !important
}
.h-xl,
.h-xl-hover:hover,
.hover\:h-xl:hover {
height: 1280px !important
}
.h-2xl,
.h-2xl-hover:hover,
.hover\:h-2xl:hover {
height: 1312px !important
}
.h-1\/6,
.h-1\/6-hover:hover,
.hover\:h-1\/6:hover {
height: 16.6666667% !important
}
.h-2\/6,
.h-2\/6-hover:hover,
.hover\:h-2\/6:hover {
height: 33.3333333% !important
}
.h-3\/6,
.h-3\/6-hover:hover,
.hover\:h-3\/6:hover {
height: 50% !important
}
.h-4\/6,
.h-4\/6-hover:hover,
.hover\:h-4\/6:hover {
height: 66.6666667% !important
}
.h-5\/6,
.h-5\/6-hover:hover,
.hover\:h-5\/6:hover {
height: 83.3333333% !important
}
.h-1\/5,
.h-1\/5-hover:hover,
.hover\:h-1\/5:hover {
height: 20% !important
}
.h-2\/5,
.h-2\/5-hover:hover,
.hover\:h-2\/5:hover {
height: 40% !important
}
.h-3\/5,
.h-3\/5-hover:hover,
.hover\:h-3\/5:hover {
height: 60% !important
}
.h-4\/5,
.h-4\/5-hover:hover,
.hover\:h-4\/5:hover {
height: 80% !important
}
.h-1\/4,
.h-1\/4-hover:hover,
.hover\:h-1\/4:hover {
height: 25% !important
}
.h-2\/4,
.h-2\/4-hover:hover,
.hover\:h-2\/4:hover {
height: 50% !important
}
.h-3\/4,
.h-3\/4-hover:hover,
.hover\:h-3\/4:hover {
height: 75% !important
}
.h-1\/3,
.h-1\/3-hover:hover,
.hover\:h-1\/3:hover {
height: 33.3333333% !important
}
.h-2\/3,
.h-2\/3-hover:hover,
.hover\:h-2\/3:hover {
height: 66.6666667% !important
}
.h-1\/2,
.h-1\/2-hover:hover,
.hover\:h-1\/2:hover {
height: 50% !important
}
.h-100,
.h-100-hover:hover,
.hover\:h-100:hover {
height: 100% !important
}
.h-full,
.h-full-hover:hover,
.hover\:h-full:hover {
height: 100% !important
}
.h-min,
.h-min-hover:hover,
.hover\:h-min:hover {
height: min-content !important
}
.h-max,
.h-max-hover:hover,
.hover\:h-max:hover {
height: max-content !important
}
.h-fit,
.h-fit-hover:hover,
.hover\:h-fit:hover {
height: fit-content !important
}
.h-auto,
.h-auto-hover:hover,
.hover\:h-auto:hover {
height: auto !important
}
.h-0,
.h-0-hover:hover,
.hover\:h-0:hover {
height: 0 !important
}
.h-screen,
.h-screen-hover:hover,
.hover\:h-screen:hover {
height: 100vh !important
}
.max-h-none,
.max-h-none-hover:hover,
.hover\:max-h-none:hover {
max-height: none !important
}
.max-h-px,
.max-h-px-hover:hover,
.hover\:max-h-px:hover {
max-height: 1px !important
}
.max-h-2px,
.max-h-2px-hover:hover,
.hover\:max-h-2px:hover {
max-height: 2px !important
}
.max-h-4px,
.max-h-4px-hover:hover,
.hover\:max-h-4px:hover {
max-height: 4px !important
}
.max-h-8px,
.max-h-8px-hover:hover,
.hover\:max-h-8px:hover {
max-height: 8px !important
}
.max-h-16px,
.max-h-16px-hover:hover,
.hover\:max-h-16px:hover {
max-height: 16px !important
}
.max-h-18px,
.max-h-18px-hover:hover,
.hover\:max-h-18px:hover {
max-height: 18px !important
}
.max-h-20px,
.max-h-20px-hover:hover,
.hover\:max-h-20px:hover {
max-height: 20px !important
}
.max-h-24px,
.max-h-24px-hover:hover,
.hover\:max-h-24px:hover {
max-height: 24px !important
}
.max-h-32px,
.max-h-32px-hover:hover,
.hover\:max-h-32px:hover {
max-height: 32px !important
}
.max-h-36px,
.max-h-36px-hover:hover,
.hover\:max-h-36px:hover {
max-height: 36px !important
}
.max-h-40px,
.max-h-40px-hover:hover,
.hover\:max-h-40px:hover {
max-height: 40px !important
}
.max-h-48px,
.max-h-48px-hover:hover,
.hover\:max-h-48px:hover {
max-height: 48px !important
}
.max-h-56px,
.max-h-56px-hover:hover,
.hover\:max-h-56px:hover {
max-height: 56px !important
}
.max-h-64px,
.max-h-64px-hover:hover,
.hover\:max-h-64px:hover {
max-height: 64px !important
}
.max-h-72px,
.max-h-72px-hover:hover,
.hover\:max-h-72px:hover {
max-height: 72px !important
}
.max-h-80px,
.max-h-80px-hover:hover,
.hover\:max-h-80px:hover {
max-height: 80px !important
}
.max-h-96px,
.max-h-96px-hover:hover,
.hover\:max-h-96px:hover {
max-height: 96px !important
}
.max-h-100px,
.max-h-100px-hover:hover,
.hover\:max-h-100px:hover {
max-height: 100px !important
}
.max-h-128px,
.max-h-128px-hover:hover,
.hover\:max-h-128px:hover {
max-height: 128px !important
}
.max-h-150px,
.max-h-150px-hover:hover,
.hover\:max-h-150px:hover {
max-height: 150px !important
}
.max-h-200px,
.max-h-200px-hover:hover,
.hover\:max-h-200px:hover {
max-height: 200px !important
}
.max-h-250px,
.max-h-250px-hover:hover,
.hover\:max-h-250px:hover {
max-height: 250px !important
}
.max-h-300px,
.max-h-300px-hover:hover,
.hover\:max-h-300px:hover {
max-height: 300px !important
}
.max-h-350px,
.max-h-350px-hover:hover,
.hover\:max-h-350px:hover {
max-height: 350px !important
}
.max-h-400px,
.max-h-400px-hover:hover,
.hover\:max-h-400px:hover {
max-height: 400px !important
}
.max-h-450px,
.max-h-450px-hover:hover,
.hover\:max-h-450px:hover {
max-height: 450px !important
}
.max-h-500px,
.max-h-500px-hover:hover,
.hover\:max-h-500px:hover {
max-height: 500px !important
}
.max-h-550px,
.max-h-550px-hover:hover,
.hover\:max-h-550px:hover {
max-height: 550px !important
}
.max-h-600px,
.max-h-600px-hover:hover,
.hover\:max-h-600px:hover {
max-height: 600px !important
}
.max-h-650px,
.max-h-650px-hover:hover,
.hover\:max-h-650px:hover {
max-height: 650px !important
}
.max-h-700px,
.max-h-700px-hover:hover,
.hover\:max-h-700px:hover {
max-height: 700px !important
}
.max-h-750px,
.max-h-750px-hover:hover,
.hover\:max-h-750px:hover {
max-height: 750px !important
}
.max-h-800px,
.max-h-800px-hover:hover,
.hover\:max-h-800px:hover {
max-height: 800px !important
}
.max-h-850px,
.max-h-850px-hover:hover,
.hover\:max-h-850px:hover {
max-height: 850px !important
}
.max-h-900px,
.max-h-900px-hover:hover,
.hover\:max-h-900px:hover {
max-height: 900px !important
}
.max-h-950px,
.max-h-950px-hover:hover,
.hover\:max-h-950px:hover {
max-height: 950px !important
}
.max-h-1000px,
.max-h-1000px-hover:hover,
.hover\:max-h-1000px:hover {
max-height: 1000px !important
}
.max-h-1170px,
.max-h-1170px-hover:hover,
.hover\:max-h-1170px:hover {
max-height: 1170px !important
}
.max-h-1280px,
.max-h-1280px-hover:hover,
.hover\:max-h-1280px:hover {
max-height: 1280px !important
}
.max-h-1320px,
.max-h-1320px-hover:hover,
.hover\:max-h-1320px:hover {
max-height: 1320px !important
}
.max-h-1440px,
.max-h-1440px-hover:hover,
.hover\:max-h-1440px:hover {
max-height: 1440px !important
}
.max-h-1\/6,
.max-h-1\/6-hover:hover,
.hover\:max-h-1\/6:hover {
max-height: 16.6666667% !important
}
.max-h-2\/6,
.max-h-2\/6-hover:hover,
.hover\:max-h-2\/6:hover {
max-height: 33.3333333% !important
}
.max-h-3\/6,
.max-h-3\/6-hover:hover,
.hover\:max-h-3\/6:hover {
max-height: 50% !important
}
.max-h-4\/6,
.max-h-4\/6-hover:hover,
.hover\:max-h-4\/6:hover {
max-height: 66.6666667% !important
}
.max-h-5\/6,
.max-h-5\/6-hover:hover,
.hover\:max-h-5\/6:hover {
max-height: 83.3333333% !important
}
.max-h-1\/5,
.max-h-1\/5-hover:hover,
.hover\:max-h-1\/5:hover {
max-height: 20% !important
}
.max-h-2\/5,
.max-h-2\/5-hover:hover,
.hover\:max-h-2\/5:hover {
max-height: 40% !important
}
.max-h-3\/5,
.max-h-3\/5-hover:hover,
.hover\:max-h-3\/5:hover {
max-height: 60% !important
}
.max-h-4\/5,
.max-h-4\/5-hover:hover,
.hover\:max-h-4\/5:hover {
max-height: 80% !important
}
.max-h-1\/4,
.max-h-1\/4-hover:hover,
.hover\:max-h-1\/4:hover {
max-height: 25% !important
}
.max-h-2\/4,
.max-h-2\/4-hover:hover,
.hover\:max-h-2\/4:hover {
max-height: 50% !important
}
.max-h-3\/4,
.max-h-3\/4-hover:hover,
.hover\:max-h-3\/4:hover {
max-height: 75% !important
}
.max-h-1\/3,
.max-h-1\/3-hover:hover,
.hover\:max-h-1\/3:hover {
max-height: 33.3333333% !important
}
.max-h-2\/3,
.max-h-2\/3-hover:hover,
.hover\:max-h-2\/3:hover {
max-height: 66.6666667% !important
}
.max-h-1\/2,
.max-h-1\/2-hover:hover,
.hover\:max-h-1\/2:hover {
max-height: 50% !important
}
.max-h-xs,
.max-h-xs-hover:hover,
.hover\:max-h-xs:hover {
max-height: 320px !important
}
.max-h-sm,
.max-h-sm-hover:hover,
.hover\:max-h-sm:hover {
max-height: 640px !important
}
.max-h-md,
.max-h-md-hover:hover,
.hover\:max-h-md:hover {
max-height: 720px !important
}
.max-h-lg,
.max-h-lg-hover:hover,
.hover\:max-h-lg:hover {
max-height: 1040px !important
}
.max-h-xl,
.max-h-xl-hover:hover,
.hover\:max-h-xl:hover {
max-height: 1280px !important
}
.max-h-2xl,
.max-h-2xl-hover:hover,
.hover\:max-h-2xl:hover {
max-height: 1312px !important
}
.max-h-100,
.max-h-100-hover:hover,
.hover\:max-h-100:hover {
max-height: 100% !important
}
.max-h-full,
.max-h-full-hover:hover,
.hover\:max-h-full:hover {
max-height: 100% !important
}
.max-h-min,
.max-h-min-hover:hover,
.hover\:max-h-min:hover {
max-height: min-content !important
}
.max-h-max,
.max-h-max-hover:hover,
.hover\:max-h-max:hover {
max-height: max-content !important
}
.max-h-fit,
.max-h-fit-hover:hover,
.hover\:max-h-fit:hover {
max-height: fit-content !important
}
.max-h-0,
.max-h-0-hover:hover,
.hover\:max-h-0:hover {
max-height: 0 !important
}
.max-h-screen,
.max-h-screen-hover:hover,
.hover\:max-h-screen:hover {
max-height: 100vh !important
}
.vh-100 {
height: 100vh !important
}
.min-vh-100 {
min-height: 100vh !important
}
.flex-auto {
flex: 1 1 auto !important
}
.flex-fill {
flex: 1 1 auto !important
}
.flex-initial {
flex: 0 1 auto !important
}
.flex-1 {
flex: 1 1 0% !important
}
.flex-none {
flex: none !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-start {
justify-content: flex-start !important
}
.justify-center {
justify-content: center !important
}
.justify-end {
justify-content: flex-end !important
}
.justify-between {
justify-content: space-between !important
}
.justify-around {
justify-content: space-around !important
}
.justify-evenly {
justify-content: space-evenly !important
}
.items-start {
align-items: flex-start !important
}
.items-center {
align-items: center !important
}
.items-end {
align-items: flex-end !important
}
.order-1 {
order: 1 !important
}
[dir=ltr] .ltr\:order-1 {
order: 1 !important
}
[dir=rtl] .rtl\:order-1 {
order: 1 !important
}
.order-2 {
order: 2 !important
}
[dir=ltr] .ltr\:order-2 {
order: 2 !important
}
[dir=rtl] .rtl\:order-2 {
order: 2 !important
}
.order-3 {
order: 3 !important
}
[dir=ltr] .ltr\:order-3 {
order: 3 !important
}
[dir=rtl] .rtl\:order-3 {
order: 3 !important
}
.order-4 {
order: 4 !important
}
[dir=ltr] .ltr\:order-4 {
order: 4 !important
}
[dir=rtl] .rtl\:order-4 {
order: 4 !important
}
.order-5 {
order: 5 !important
}
[dir=ltr] .ltr\:order-5 {
order: 5 !important
}
[dir=rtl] .rtl\:order-5 {
order: 5 !important
}
.order-last {
order: 6 !important
}
[dir=ltr] .ltr\:order-last {
order: 6 !important
}
[dir=rtl] .rtl\:order-last {
order: 6 !important
}
.m-0 {
margin: 0 !important
}
.m-narrow {
margin: 0.25rem !important
}
.m-1 {
margin: 0.5rem !important
}
.m-2 {
margin: 1rem !important
}
.m-3 {
margin: 1.5rem !important
}
.mx-auto {
margin-right: auto !important;
margin-left: auto !important
}
.my-1 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important
}
.my-2 {
margin-top: 1rem !important;
margin-bottom: 1rem !important
}
.my-3 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important
}
.my-4 {
margin-top: 2rem !important;
margin-bottom: 2rem !important
}
.my-5 {
margin-top: 2.5rem !important;
margin-bottom: 2.5rem !important
}
.my-6 {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.my-7 {
margin-top: 3.5rem !important;
margin-bottom: 3.5rem !important
}
.my-8 {
margin-top: 4rem !important;
margin-bottom: 4rem !important
}
.my-9 {
margin-top: 5rem !important;
margin-bottom: 5rem !important
}
.my-10 {
margin-top: 8rem !important;
margin-bottom: 8rem !important
}
.my-auto {
margin-top: auto !important;
margin-bottom: auto !important
}
.mt-0 {
margin-top: 0 !important
}
.mt-narrow {
margin-top: 0.25rem !important
}
.mt-1 {
margin-top: 0.5rem !important
}
.mt-2 {
margin-top: 1rem !important
}
.mt-3 {
margin-top: 1.5rem !important
}
.mt-4 {
margin-top: 2rem !important
}
.mt-5 {
margin-top: 2.5rem !important
}
.mt-6 {
margin-top: 3rem !important
}
.mt-7 {
margin-top: 3.5rem !important
}
.mt-8 {
margin-top: 4rem !important
}
.mt-9 {
margin-top: 5rem !important
}
.mt-10 {
margin-top: 8rem !important
}
.mt-auto {
margin-top: auto !important
}
.me-0 {
margin-right: 0 !important
}
[dir=ltr] .ltr\:me-0 {
margin-right: 0 !important
}
[dir=rtl] .rtl\:me-0 {
margin-right: 0 !important
}
.me-narrow {
margin-right: 0.25rem !important
}
[dir=ltr] .ltr\:me-narrow {
margin-right: 0.25rem !important
}
[dir=rtl] .rtl\:me-narrow {
margin-right: 0.25rem !important
}
.me-1 {
margin-right: 0.5rem !important
}
[dir=ltr] .ltr\:me-1 {
margin-right: 0.5rem !important
}
[dir=rtl] .rtl\:me-1 {
margin-right: 0.5rem !important
}
.me-2 {
margin-right: 1rem !important
}
[dir=ltr] .ltr\:me-2 {
margin-right: 1rem !important
}
[dir=rtl] .rtl\:me-2 {
margin-right: 1rem !important
}
.me-3 {
margin-right: 1.5rem !important
}
[dir=ltr] .ltr\:me-3 {
margin-right: 1.5rem !important
}
[dir=rtl] .rtl\:me-3 {
margin-right: 1.5rem !important
}
.me-4 {
margin-right: 2rem !important
}
[dir=ltr] .ltr\:me-4 {
margin-right: 2rem !important
}
[dir=rtl] .rtl\:me-4 {
margin-right: 2rem !important
}
.me-5 {
margin-right: 2.5rem !important
}
[dir=ltr] .ltr\:me-5 {
margin-right: 2.5rem !important
}
[dir=rtl] .rtl\:me-5 {
margin-right: 2.5rem !important
}
.me-6 {
margin-right: 3rem !important
}
[dir=ltr] .ltr\:me-6 {
margin-right: 3rem !important
}
[dir=rtl] .rtl\:me-6 {
margin-right: 3rem !important
}
.me-7 {
margin-right: 3.5rem !important
}
[dir=ltr] .ltr\:me-7 {
margin-right: 3.5rem !important
}
[dir=rtl] .rtl\:me-7 {
margin-right: 3.5rem !important
}
.me-8 {
margin-right: 4rem !important
}
[dir=ltr] .ltr\:me-8 {
margin-right: 4rem !important
}
[dir=rtl] .rtl\:me-8 {
margin-right: 4rem !important
}
.me-9 {
margin-right: 5rem !important
}
[dir=ltr] .ltr\:me-9 {
margin-right: 5rem !important
}
[dir=rtl] .rtl\:me-9 {
margin-right: 5rem !important
}
.me-10 {
margin-right: 8rem !important
}
[dir=ltr] .ltr\:me-10 {
margin-right: 8rem !important
}
[dir=rtl] .rtl\:me-10 {
margin-right: 8rem !important
}
.me-auto {
margin-right: auto !important
}
[dir=ltr] .ltr\:me-auto {
margin-right: auto !important
}
[dir=rtl] .rtl\:me-auto {
margin-right: auto !important
}
.mb-0 {
margin-bottom: 0 !important
}
.mb-narrow {
margin-bottom: 0.25rem !important
}
.mb-1 {
margin-bottom: 0.5rem !important
}
.mb-2 {
margin-bottom: 1rem !important
}
.mb-3 {
margin-bottom: 1.5rem !important
}
.mb-4 {
margin-bottom: 2rem !important
}
.mb-5 {
margin-bottom: 2.5rem !important
}
.mb-6 {
margin-bottom: 3rem !important
}
.mb-7 {
margin-bottom: 3.5rem !important
}
.mb-8 {
margin-bottom: 4rem !important
}
.mb-9 {
margin-bottom: 5rem !important
}
.mb-10 {
margin-bottom: 8rem !important
}
.mb-auto {
margin-bottom: auto !important
}
.ms-0 {
margin-left: 0 !important
}
[dir=ltr] .ltr\:ms-0 {
margin-left: 0 !important
}
[dir=rtl] .rtl\:ms-0 {
margin-left: 0 !important
}
.ms-narrow {
margin-left: 0.25rem !important
}
[dir=ltr] .ltr\:ms-narrow {
margin-left: 0.25rem !important
}
[dir=rtl] .rtl\:ms-narrow {
margin-left: 0.25rem !important
}
.ms-1 {
margin-left: 0.5rem !important
}
[dir=ltr] .ltr\:ms-1 {
margin-left: 0.5rem !important
}
[dir=rtl] .rtl\:ms-1 {
margin-left: 0.5rem !important
}
.ms-2 {
margin-left: 1rem !important
}
[dir=ltr] .ltr\:ms-2 {
margin-left: 1rem !important
}
[dir=rtl] .rtl\:ms-2 {
margin-left: 1rem !important
}
.ms-3 {
margin-left: 1.5rem !important
}
[dir=ltr] .ltr\:ms-3 {
margin-left: 1.5rem !important
}
[dir=rtl] .rtl\:ms-3 {
margin-left: 1.5rem !important
}
.ms-4 {
margin-left: 2rem !important
}
[dir=ltr] .ltr\:ms-4 {
margin-left: 2rem !important
}
[dir=rtl] .rtl\:ms-4 {
margin-left: 2rem !important
}
.ms-5 {
margin-left: 2.5rem !important
}
[dir=ltr] .ltr\:ms-5 {
margin-left: 2.5rem !important
}
[dir=rtl] .rtl\:ms-5 {
margin-left: 2.5rem !important
}
.ms-6 {
margin-left: 3rem !important
}
[dir=ltr] .ltr\:ms-6 {
margin-left: 3rem !important
}
[dir=rtl] .rtl\:ms-6 {
margin-left: 3rem !important
}
.ms-7 {
margin-left: 3.5rem !important
}
[dir=ltr] .ltr\:ms-7 {
margin-left: 3.5rem !important
}
[dir=rtl] .rtl\:ms-7 {
margin-left: 3.5rem !important
}
.ms-8 {
margin-left: 4rem !important
}
[dir=ltr] .ltr\:ms-8 {
margin-left: 4rem !important
}
[dir=rtl] .rtl\:ms-8 {
margin-left: 4rem !important
}
.ms-9 {
margin-left: 5rem !important
}
[dir=ltr] .ltr\:ms-9 {
margin-left: 5rem !important
}
[dir=rtl] .rtl\:ms-9 {
margin-left: 5rem !important
}
.ms-10 {
margin-left: 8rem !important
}
[dir=ltr] .ltr\:ms-10 {
margin-left: 8rem !important
}
[dir=rtl] .rtl\:ms-10 {
margin-left: 8rem !important
}
.ms-auto {
margin-left: auto !important
}
[dir=ltr] .ltr\:ms-auto {
margin-left: auto !important
}
[dir=rtl] .rtl\:ms-auto {
margin-left: auto !important
}
.m-nnarrow {
margin: -0.25rem !important
}
.m-n1 {
margin: -0.5rem !important
}
.m-n2 {
margin: -1rem !important
}
.m-n3 {
margin: -1.5rem !important
}
.m-n4 {
margin: -2rem !important
}
.m-n5 {
margin: -2.5rem !important
}
.m-n6 {
margin: -3rem !important
}
.m-n7 {
margin: -3.5rem !important
}
.m-n8 {
margin: -4rem !important
}
.m-n9 {
margin: -5rem !important
}
.m-n10 {
margin: -8rem !important
}
.p-0 {
padding: 0 !important
}
.p-narrow {
padding: 0.25rem !important
}
.p-1 {
padding: 0.5rem !important
}
.p-2 {
padding: 1rem !important
}
.p-3 {
padding: 1.5rem !important
}
.p-4 {
padding: 2rem !important
}
.p-5 {
padding: 2.5rem !important
}
.px-1 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important
}
.py-1 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important
}
.py-2 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.py-3 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important
}
.py-4 {
padding-top: 2rem !important;
padding-bottom: 2rem !important
}
.gap-narrow {
gap: 0.25rem !important
}
.gap-1 {
gap: 0.5rem !important
}
.gap-2 {
gap: 1rem !important
}
.gap-3 {
gap: 1.5rem !important
}
.gap-4 {
gap: 2rem !important
}
.fs-5 {
font-size: 1rem !important
}
[dir=ltr] .ltr\:fs-5 {
font-size: 1rem !important
}
[dir=rtl] .rtl\:fs-5 {
font-size: 1rem !important
}
.fs-6 {
font-size: 0.875rem !important
}
.fs-7 {
font-size: 0.75rem !important
}
.fs-8 {
font-size: 0.75rem !important
}
.fw-medium {
font-weight: 400 !important
}
[dir=ltr] .ltr\:fw-medium {
font-weight: 400 !important
}
[dir=rtl] .rtl\:fw-medium {
font-weight: 400 !important
}
.fw-semibold {
font-weight: 600 !important
}
[dir=ltr] .ltr\:fw-semibold {
font-weight: 600 !important
}
[dir=rtl] .rtl\:fw-semibold {
font-weight: 600 !important
}
.fw-bold {
font-weight: 600 !important;
font-size: 15px ;;
}
[dir=ltr] .ltr\:fw-bold {
font-weight: 900 !important
}
[dir=rtl] .rtl\:fw-bold {
font-weight: 600 !important
}
.text-center {
text-align: center !important
}
[dir=ltr] .ltr\:text-center {
text-align: center !important
}
[dir=rtl] .rtl\:text-center {
text-align: center !important
}
.text-none {
text-decoration: none !important
}
.text-underline {
text-decoration: underline !important
}
.text-line-through {
text-decoration: line-through !important
}
.text-lowercase {
text-transform: lowercase !important
}
.text-uppercase {
text-transform: uppercase !important
}

.text-primarys{
  font-size: 17px;
}
/* rtl:end:remove */
.text-primary,
.text-primary-hover:hover,
.hover\:text-primary:hover,
.text-primary-focus:focus,
.focus\:text-primary:focus {
--bs-text-opacity: 1;
color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important
}
.text-dark,
.text-dark-hover:hover,
.hover\:text-dark:hover,
.text-dark-focus:focus,
.focus\:text-dark:focus {
--bs-text-opacity: 1;
color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important
}
.text-gray,
.text-gray-hover:hover,
.hover\:text-gray:hover,
.text-gray-focus:focus,
.focus\:text-gray:focus {
--bs-text-opacity: 1;
color: rgba(var(--bs-gray-rgb), var(--bs-text-opacity)) !important
}
.text-gray-10,
.text-gray-10-hover:hover,
.hover\:text-gray-10:hover,
.text-gray-10-focus:focus,
.focus\:text-gray-10:focus {
--bs-text-opacity: 1;
color: rgba(var(--bs-gray-10-rgb), var(--bs-text-opacity)) !important
}
.text-gray-25,
.text-gray-25-hover:hover,
.hover\:text-gray-25:hover,
.text-gray-25-focus:focus,
.focus\:text-gray-25:focus {
--bs-text-opacity: 1;
color: rgba(var(--bs-gray-25-rgb), var(--bs-text-opacity)) !important
}
.text-gray-50,
.text-gray-50-hover:hover,
.hover\:text-gray-50:hover,
.text-gray-50-focus:focus,
.focus\:text-gray-50:focus {
--bs-text-opacity: 1;
color: rgba(var(--bs-gray-50-rgb), var(--bs-text-opacity)) !important
}
.text-gray-100,
.text-gray-100-hover:hover,
.hover\:text-gray-100:hover,
.text-gray-100-focus:focus,
.focus\:text-gray-100:focus {
--bs-text-opacity: 1;
color: rgba(var(--bs-gray-100-rgb), var(--bs-text-opacity)) !important
}
.text-gray-200,
.text-gray-200-hover:hover,
.hover\:text-gray-200:hover,
.text-gray-200-focus:focus,
.focus\:text-gray-200:focus {
--bs-text-opacity: 1;
color: rgba(var(--bs-gray-200-rgb), var(--bs-text-opacity)) !important
}
.text-gray-300,
.text-gray-300-hover:hover,
.hover\:text-gray-300:hover,
.text-gray-300-focus:focus,
.focus\:text-gray-300:focus {
--bs-text-opacity: 1;
color: rgba(var(--bs-gray-300-rgb), var(--bs-text-opacity)) !important
}
.text-gray-400,
.text-gray-400-hover:hover,
.hover\:text-gray-400:hover,
.text-gray-400-focus:focus,
.focus\:text-gray-400:focus {
--bs-text-opacity: 1;
color: rgba(var(--bs-gray-400-rgb), var(--bs-text-opacity)) !important
}
.text-gray-500,
.text-gray-500-hover:hover,
.hover\:text-gray-500:hover,
.text-gray-500-focus:focus,
.focus\:text-gray-500:focus {
--bs-text-opacity: 1;
color: rgba(var(--bs-gray-500-rgb), var(--bs-text-opacity)) !important
}
.text-gray-600,
.text-gray-600-hover:hover,
.hover\:text-gray-600:hover,
.text-gray-600-focus:focus,
.focus\:text-gray-600:focus {
--bs-text-opacity: 1;
color: rgba(var(--bs-gray-600-rgb), var(--bs-text-opacity)) !important
}
.text-gray-700,
.text-gray-700-hover:hover,
.hover\:text-gray-700:hover,
.text-gray-700-focus:focus,
.focus\:text-gray-700:focus {
--bs-text-opacity: 1;
color: rgba(var(--bs-gray-700-rgb), var(--bs-text-opacity)) !important
}
.text-gray-800,
.text-gray-800-hover:hover,
.hover\:text-gray-800:hover,
.text-gray-800-focus:focus,
.focus\:text-gray-800:focus {
--bs-text-opacity: 1;
color: rgba(var(--bs-gray-800-rgb), var(--bs-text-opacity)) !important
}
.text-gray-900,
.text-gray-900-hover:hover,
.hover\:text-gray-900:hover,
.text-gray-900-focus:focus,
.focus\:text-gray-900:focus {
--bs-text-opacity: 1;
color: rgba(var(--bs-gray-900-rgb), var(--bs-text-opacity)) !important
}
.text-white-900{
--bs-text-opacity: 1;
color: #fff
}
.text-slate,
.text-slate-hover:hover,
.hover\:text-slate:hover,
.text-slate-focus:focus,
.focus\:text-slate:focus {
--bs-text-opacity: 1;
color: rgba(var(--bs-slate-rgb), var(--bs-text-opacity)) !important
}
.text-slate-10,
.text-slate-10-hover:hover,
.hover\:text-slate-10:hover,
.text-slate-10-focus:focus,
.focus\:text-slate-10:focus {
--bs-text-opacity: 1;
color: rgba(var(--bs-slate-10-rgb), var(--bs-text-opacity)) !important
}
.text-slate-25,
.text-slate-25-hover:hover,
.hover\:text-slate-25:hover,
.text-slate-25-focus:focus,
.focus\:text-slate-25:focus {
--bs-text-opacity: 1;
color: rgba(var(--bs-slate-25-rgb), var(--bs-text-opacity)) !important
}
.text-black,
.text-black-hover:hover,
.hover\:text-black:hover,
.text-black-focus:focus,
.focus\:text-black:focus {
--bs-text-opacity: 1;
color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important
}
.text-white,
.text-white-hover:hover,
.hover\:text-white:hover,
.text-white-focus:focus,
.focus\:text-white:focus {
--bs-text-opacity: 1;
color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important
}
.text-opacity-60,
.text-opacity-60-hover:hover,
.hover\:text-opacity-60:hover {
--bs-text-opacity: 0.6
}
.text-opacity-70,
.text-opacity-70-hover:hover,
.hover\:text-opacity-70:hover {
--bs-text-opacity: 0.7
}
.bg-primary,
.bg-primary-hover:hover,
.hover\:bg-primary:hover,
.bg-primary-focus:focus,
.focus\:bg-primary:focus {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important
}
.bg-gray-25,
.bg-gray-25-hover:hover,
.hover\:bg-gray-25:hover,
.bg-gray-25-focus:focus,
.focus\:bg-gray-25:focus {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-gray-25-rgb),  0.55) !important
}
.bg-gray-50,
.bg-gray-50-hover:hover,
.hover\:bg-gray-50:hover,
.bg-gray-50-focus:focus,
.focus\:bg-gray-50:focus {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-gray-50-rgb), var(--bs-bg-opacity)) !important
}
.bg-gray-100,
.bg-gray-100-hover:hover,
.hover\:bg-gray-100:hover,
.bg-gray-100-focus:focus,
.focus\:bg-gray-100:focus {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-gray-100-rgb), var(--bs-bg-opacity)) !important
}
.bg-gray-200,
.bg-gray-200-hover:hover,
.hover\:bg-gray-200:hover,
.bg-gray-200-focus:focus,
.focus\:bg-gray-200:focus {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-gray-200-rgb), var(--bs-bg-opacity)) !important
}
.bg-gray-300,
.bg-gray-300-hover:hover,
.hover\:bg-gray-300:hover,
.bg-gray-300-focus:focus,
.focus\:bg-gray-300:focus {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-gray-300-rgb), var(--bs-bg-opacity)) !important
}
.bg-gray-400,
.bg-gray-400-hover:hover,
.hover\:bg-gray-400:hover,
.bg-gray-400-focus:focus,
.focus\:bg-gray-400:focus {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-gray-400-rgb), var(--bs-bg-opacity)) !important
}
.bg-gray-500,
.bg-gray-500-hover:hover,
.hover\:bg-gray-500:hover,
.bg-gray-500-focus:focus,
.focus\:bg-gray-500:focus {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-gray-500-rgb), var(--bs-bg-opacity)) !important
}
.bg-gray-600,
.bg-gray-600-hover:hover,
.hover\:bg-gray-600:hover,
.bg-gray-600-focus:focus,
.focus\:bg-gray-600:focus {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-gray-600-rgb), var(--bs-bg-opacity)) !important
}
.bg-gray-700,
.bg-gray-700-hover:hover,
.hover\:bg-gray-700:hover,
.bg-gray-700-focus:focus,
.focus\:bg-gray-700:focus {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-gray-700-rgb), var(--bs-bg-opacity)) !important
}
.bg-gray-800,
.bg-gray-800-hover:hover,
.hover\:bg-gray-800:hover,
.bg-gray-800-focus:focus,
.focus\:bg-gray-800:focus {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-gray-800-rgb), var(--bs-bg-opacity)) !important
}
.bg-gray-900,
.bg-gray-900-hover:hover,
.hover\:bg-gray-900:hover,
.bg-gray-900-focus:focus,
.focus\:bg-gray-900:focus {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-gray-900-rgb), var(--bs-bg-opacity)) !important
}
.bg-yellow-400,
.bg-yellow-400-hover:hover,
.hover\:bg-yellow-400:hover,
.bg-yellow-400-focus:focus,
.focus\:bg-yellow-400:focus {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-yellow-400-rgb), var(--bs-bg-opacity)) !important;
white-space: nowrap;
 
/* padding-top:1px ; */
}


.account-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    width:38px;
    height:38px;
    border-radius:50%;
    transition:all .25s ease;
    text-decoration:none;
}

.account-btn:hover{
    background:rgba(218,53,89,.08);
   
}


 /* ===============================
   Hero Rating Cards - RTL Optimized
   =============================== */

.jg-hero-proof {
    position: absolute;
    /* يفضل تغييرها لـ right لتجنب مشاكل التجاوب، لكن سأبقيها left كما طلبت */
    left: 210px; 
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    z-index: 10;
    direction: rtl; /* الاتجاه عربي */
}

.jg-proof-card {
    background: #ffffff;
    padding: 20px 22px;
    border-radius: 18px;
    width: 180px;
    text-align: center;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.03);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    position: relative;
    flex-shrink: 0;
    /* بما أن الأب rtl، فالابن يرث ذلك تلقائياً، لا داعي لتكرارها إلا للتأكيد */
}

/* التنسيق المتداخل للـ RTL */

.jg-proof-card:nth-child(1) {
    /* الكرت الأبعد (يمين) */
    /* عكسنا الاتجاه: جعلنا الـ translateX سالبة ليدخل الكرت تحت الذي يليه من جهة اليمين */
    transform: rotate(2deg) translateX(-30px) translateY(-13px);
    z-index: 1;
    opacity: 0.88;
}

.jg-proof-card:nth-child(2) {
    /* الكرت الأوسط */
    transform: rotate(1deg) translateX(-15px) translateY(0);
    z-index: 2;
}

.jg-proof-card:nth-child(3) {
    /* الكرت الأقرب (يسار) */
    transform: rotate(0deg) translateX(0) translateY(13px);
    z-index: 3;
    box-shadow: 0 14px 30px rgba(0,0,0,0.03), 0 4px 8px rgba(0,0,0,0.04);
    border-color: rgba(218, 53, 89, 0.06);
}

.jg-proof-card:hover {
    /* عند الهوفر يفضل إلغاء الـ translateX تماماً ليبرز الكرت */
    transform: translateY(1px) scale(1.05) !important;
    z-index: 10; 
    box-shadow: 0 20px 40px rgba(0,0,0,0.1);
}



.jg-stars-container {
    direction: ltr; /* نثبت الاتجاه ltr للنجوم فقط لضمان دقة الحساب */
    display: inline-block;
}

.stars-outer {
    position: relative;
    display: inline-block;
    font-size: 20px; /* حجم النجوم */
    line-height: 1;
}

/* النجوم الرمادية (الخلفية) */
.stars-outer::before {
    content: "★★★★★";
    color: #e2e2e2; /* رمادي خفيف جداً ومودرن */
    letter-spacing: 2px;
}

/* النجوم النشطة (الطبقة العلوية) */
.stars-inner {
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;
    overflow: hidden;
    width: 0;
    transition: width 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.stars-inner::before {
    content: "★★★★★";
    color: #da3559; /* لونك المعتمد */
    letter-spacing: 2px;
}
.jg-rating strong {
    font-size: 17px; 
    font-weight: 800;
    color: #111;
    display: block;
}

.jg-rating span {
    font-size: 11.5px;
    color: #888;
}

 

.jg-brand{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;

    font-size:11.5px;
    color:#676767;
    font-weight:700;

    margin-top:12px;
    padding-top:9px;
    border-top:1px solid #f8f8f8;
}

/* لوقو المتجر */
.jg-brand-logo{
    width:30px;
    height:30px;
    border-radius:50px;
    object-fit:cover;
    border:1px solid #f0f0f0;
}



/* الموبايل - إخفاء */
@media (max-width: 1024px) {
    .jg-hero-proof { display: none !important; }
}

/* ===== Avatar Wrapper ===== */
.avatar{
    width:35px;
    height:35px;
    border-radius:50%;
    overflow:hidden;
    flex-shrink:0;
    border:1px solid #e4e0e0c9;
    box-shadow:0 2px 8px rgba(0,0,0,.08);
}

/* ===== Avatar Image ===== */
.avatar-img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    background: #e4e0e0c9;
    object-position:center 30%; /* فوق الوسط بشوي */
transform:scale(1.07);}

/* أول حرف */
.avatar-circle{
    width:33px;
    height:33px;
    border-radius:50%;
 background:rgba(218,53,89,.12);
color:#da3559;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:600;
    font-size:13px;
    letter-spacing:.5px;
}



/* أيقونة الزائر */
.guest-icon{
    width:34px;
    height:34px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#f3f4f6;
    color:#111827;
    transition:.25s;
}

.account-btn:hover .guest-icon{
    background:#da3559;
    color:#fff;
}

  :root {
        --f-primary: #da3559; /* لون الهوية الصارخ */
        --f-dark: #111111;    /* أسود ناعم ومودرن */
        --f-white: #ffffff;   /* أبيض ناصع */
        --f-bg-muted: #f9fafb; /* خلفية باهتة جداً للخلفية العامة */
        --f-text-muted: #6b7280;
        --f-font: 'Inter', -apple-system, sans-serif;
    }

    /* الحاوية الرئيسية - بدون حدود، عائمة */
    .f-store-header {
        width: 100%;
         margin: 0 auto; /* مساحة علوية لتعطيه مساحة للتنفس */
        background: var(--f-white);
        font-family: var(--f-font);
        direction: rtl; /* دعم كامل للعربية */
        position: relative;;
        margin-bottom: 15px ;
      
    }

 .f-banner {
    height: 160px; /* قمت بزيادة الطول ليتناسب مع غلاف المتجر، يمكنك تعديله */
    
    /* إضافة الصورة */
    background-image: url('https://media.licdn.com/dms/image/v2/D4D3DAQHiOAQjD0MR2w/image-scale_191_1128/B4DZzJwkACGkAc-/0/1772911477655/jogoods_cover?e=1775480400&v=beta&t=Z7sUFj-6aHoDasY4Tvvt2zv9j5SADLQXEOrvEIPIV4M'); /* ضع رابط صورتك هنا */
    
    /* إعدادات ضبط الصورة */
    background-size: cover;       /* تجعل الصورة تغطي كامل المساحة دون تمدد مشوه */
    background-position: center;  /* تجعل منتصف الصورة هو الظاهر دائماً */
    background-repeat: no-repeat; /* تمنع تكرار الصورة */
    
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 40px;
    position: relative;
    
    /* لمسة جمالية: إضافة طبقة تعتيم خفيفة لتوضيح النص إذا وجد */
    background-color: rgba(0, 0, 0, 0.3); 
    background-blend-mode: overlay;
}
  

    /* منطقة المحتوى - تداخل سلس (Seamless Overlap) */
    .f-main-section {
        display: grid;
        grid-template-columns: auto 1fr auto;
        padding: 20px 40px 10px;
        gap: 30px;
        align-items: end;
        position: relative;
     }

    /* اللوجو "الكتلة الصلبة العائمة" - Floating Block Logo */
    .f-logo-block {
        width: 130px;
        height: 130px;
         color: #000;
         background-color: #eee;;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 900;
        font-size: 60px;
        margin-top: -65px; /* تداخل قوي وأنيق */
        z-index: 10;
        position: relative;
        flex-shrink: 0;
        
 
       
    }
   .f-logo-block img {
     object-fit: contain; 
    
     width: 100%;
    height: 100%;
    
     display: block;
}
    /* تفاصيل المتجر - Hierarchy & Clean Lines */
    .f-details-area {
        display: flex;
        flex-direction: column;
        gap: 8px;
        padding-bottom: 5px;
    }

    .f-title-line {
        display: flex;
        align-items: center;
        gap: 15px;
        flex-wrap: wrap;
    }

    .f-title-line h1 {
        font-size: clamp(22px, 3.5vw, 28px);
        font-weight: 900;
        color: var(--f-dark);
        letter-spacing: -1.2px;
        margin: 0;
        text-transform: uppercase;
        line-height: 1;
    }

    /* أيقونة التحقق - لمسة الهوية */
    .f-check-ico {
        color: var(--f-primary);
        display: flex;
    }

    /* بادج العضوية - نحيف جداً */
    .f-member-badge {
        font-size: 10px;
        font-weight: 800;
        color: var(--f-dark);
        letter-spacing: 1px;
        border: 2px solid var(--f-dark);
        padding: 2px 8px;
    }

    /* بيانات سريعة - الخط الرفيع */
    .f-meta-row {
        display: flex;
        gap: 15px;
        margin-top: 5px;
        flex-wrap: wrap;
    }

    .f-meta-node {
        font-size: 12px;
        font-weight: 600;
        color: var(--f-text-muted);
        display: flex;
        align-items: center;
        gap: 5px;
    }

    .f-meta-node span {
        color: var(--f-dark);
        font-weight: 800;
    }

    /* الأزرار - "الفخامة الهادئة" (Quiet Luxury Buttons) */
    .f-action-group {
        display: flex;
        gap: 12px;
        align-self: flex-end;
    }

    .f-btn {
        height: 42px;
        padding: 0 25px;
        font-size: 14px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 1px;
        border: none;
        background: var(--f-white);
        color: var(--f-dark);
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: all 0.3s ease;
        text-decoration: none;
    }

    .f-btn-dark {
        background: var(--f-dark);
        color: var(--f-white);
    }

    .f-btn:hover {
        background: var(--f-primary);
        color: var(--f-white);
        transform: translateY(-3px); /* تأثير تحريك خفيف بدلاً من الظلال */
    }

    /* شريط الإحصائيات السفلي - عائم وشفاف (Ultra Slim) */
    .f-stats-seamless {
        display: grid;
        grid-template-columns: repeat(9, 1fr);
        border-top: 1px solid transparent; /* إخفاء الحدود */
        background: #fafafa; /* خلفية شبه بيضاء */
    }

    .f-stat-cell {
        padding: 8px;
        text-align: center;
        border-left: 1px solid transparent; /* إخفاء الحدود */
        transition: background 0.3s;
    }

    .f-stat-cell:last-child { border-left: none; }
    .f-stat-cell:hover { background: #f0f0f0; }

    .f-stat-label {
        font-size: 11px;
        font-weight: 700;
        color: var(--f-text-muted);
        text-transform: uppercase;
        margin-bottom: 4px;
        display: block;
        letter-spacing: 0.5px;
    }

    .f-stat-value {
        font-size: 17px;
        font-weight: 900;
        color: var(--f-dark);
    }

    /* لون نيون للإحصائيات الإيجابية */
    .f-stat-good {
        color: #da3559 !important; 
    }

    /* RESPONSIVE - سفاح بنعومة */
    @media (max-width: 850px) {

         /* البانر العائم (Floating Banner Strip) */
    .f-banner {
              padding: 5px 20px;
              

    }


        .f-main-section {
            grid-template-columns: 1fr;
            text-align: center;
            padding: 20px 20px 30px;
            gap: 20px;
        }

        .f-logo-block {
            margin: -55px auto 0;
            width: 110px;
            height: 110px;
            font-size: 50px;
        }

        .f-title-line { justify-content: center; }
        .f-meta-row { justify-content: center; font-size: 11px; gap: 10px; }
        .f-action-group { width: 100%; justify-content: center; margin-top: 20px; }
        .f-btn { flex: 1; }

        .f-stats-seamless { grid-template-columns: repeat(4, 1fr); }
        .f-stat-cell:nth-child(n+3) { border-top: 1px solid #f1f1f1; /* حدود ناعمة للموبايل */ }
    }

.bg-red-400{
  color: #fff;
  background: #f59e0b;
}
.bg-white,
.bg-white-hover:hover,
.hover\:bg-white:hover,
.bg-white-focus:focus,
.focus\:bg-white:focus {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important
}
.bg-body,
.bg-body-hover:hover,
.hover\:bg-body:hover,
.bg-body-focus:focus,
.focus\:bg-body:focus {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important
}
.bg-transparent,
.bg-transparent-hover:hover,
.hover\:bg-transparent:hover,
.bg-transparent-focus:focus,
.focus\:bg-transparent:focus {
--bs-bg-opacity: 1;
background-color: transparent !important
}
 
.rounded-default,
.rounded-default-hover:hover,
.hover\:rounded-default:hover {
border-radius: 8px !important
}
.rounded-0-5,
.rounded-0-5-hover:hover,
.hover\:rounded-0-5:hover {
border-radius: 2px !important
}
.rounded-circle,
.rounded-circle-hover:hover,
.hover\:rounded-circle:hover {
border-radius: 50% !important
}
.rounded-full,
.rounded-full-hover:hover,
.hover\:rounded-full:hover {
border-radius: 100% !important
}
.rounded-pill,
.rounded-pill-hover:hover,
.hover\:rounded-pill:hover {
border-radius: 50rem !important
}
.rounded {
  border-radius: 9px ;;
}
.g-row-end-10 {
grid-row-end: 10 !important
}
[dir=ltr] .ltr\:g-row-end-10 {
grid-row-end: 10 !important
}
[dir=rtl] .rtl\:g-row-end-10 {
grid-row-end: 10 !important
}
.g-row-end-11 {
grid-row-end: 11 !important
}
[dir=ltr] .ltr\:g-row-end-11 {
grid-row-end: 11 !important
}
[dir=rtl] .rtl\:g-row-end-11 {
grid-row-end: 11 !important
}
.g-row-end-12 {
grid-row-end: 12 !important
}
[dir=ltr] .ltr\:g-row-end-12 {
grid-row-end: 12 !important
}
[dir=rtl] .rtl\:g-row-end-12 {
grid-row-end: 12 !important
}
.g-row-end-13 {
grid-row-end: 13 !important
}
[dir=ltr] .ltr\:g-row-end-13 {
grid-row-end: 13 !important
}
[dir=rtl] .rtl\:g-row-end-13 {
grid-row-end: 13 !important
}
.g-row-end-auto {
grid-row-end: auto !important
}
[dir=ltr] .ltr\:g-row-end-auto {
grid-row-end: auto !important
}
[dir=rtl] .rtl\:g-row-end-auto {
grid-row-end: auto !important
}
.g-row-auto {
grid-row: auto !important
}
.g-col-span-1 {
grid-column: span 1/span 1 !important
}
.g-col-span-2 {
grid-column: span 2/span 2 !important
}
.g-col-span-3 {
grid-column: span 3/span 3 !important
}
.g-col-span-4 {
grid-column: span 4/span 4 !important
}
.g-col-span-5 {
grid-column: span 5/span 5 !important
}
.g-col-span-6 {
grid-column: span 6/span 6 !important
}
.g-col-span-7 {
grid-column: span 7/span 7 !important
}
.g-col-span-8 {
grid-column: span 8/span 8 !important
}
.g-col-span-9 {
grid-column: span 9/span 9 !important
}
.g-col-span-10 {
grid-column: span 10/span 10 !important
}
.g-col-span-11 {
grid-column: span 11/span 11 !important
}
.g-col-span-12 {
grid-column: span 12/span 12 !important
}
.g-col-span-full {
grid-column: "1 / -1" !important
}
.g-col-start-1 {
grid-column-start: 1 !important
}
[dir=ltr] .ltr\:g-col-start-1 {
grid-column-start: 1 !important
}
[dir=rtl] .rtl\:g-col-start-1 {
grid-column-start: 1 !important
}
.g-col-start-2 {
grid-column-start: 2 !important
}
.text-truncate-2 {
-webkit-line-clamp: 2 !important
}
.min-w-72px,
.min-w-72px-hover:hover,
.hover\:min-w-72px:hover {
min-width: 72px !important
}
.min-w-80px,
.min-w-80px-hover:hover,
.hover\:min-w-80px:hover {
min-width: 80px !important
}
.min-w-150px,
.min-w-150px-hover:hover,
.hover\:min-w-150px:hover {
min-width: 150px !important
}
.min-h-72px,
.min-h-72px-hover:hover,
.hover\:min-h-72px:hover {
min-height: 72px !important
}
.min-h-80px,
.min-h-80px-hover:hover,
.hover\:min-h-80px:hover {
min-height: 80px !important
}
.min-h-96px,
.min-h-96px-hover:hover,
.hover\:min-h-96px:hover {
min-height: 96px !important
}
.min-h-100px,
.min-h-100px-hover:hover,
.hover\:min-h-100px:hover {
min-height: 100px !important
}
.min-h-128px,
.min-h-128px-hover:hover,
.hover\:min-h-128px:hover {
min-height: 128px !important
}
.min-h-150px,
.min-h-150px-hover:hover,
.hover\:min-h-150px:hover {
min-height: 150px !important
}
.min-h-200px,
.min-h-200px-hover:hover,
.hover\:min-h-200px:hover {
min-height: 200px !important
}
.min-h-250px,
.min-h-250px-hover:hover,
.hover\:min-h-250px:hover {
min-height: 250px !important
}
.min-h-300px,
.min-h-300px-hover:hover,
.hover\:min-h-300px:hover {
min-height: 300px !important
}
.min-h-350px,
.min-h-350px-hover:hover,
.hover\:min-h-350px:hover {
min-height: 350px !important
}
.min-h-400px,
.min-h-400px-hover:hover,
.hover\:min-h-400px:hover {
min-height: 400px !important
}
.min-h-450px,
.min-h-450px-hover:hover,
.hover\:min-h-450px:hover {
min-height: 450px !important
}
.min-h-500px,
.min-h-500px-hover:hover,
.hover\:min-h-500px:hover {
min-height: 500px !important
}
.min-h-550px,
.min-h-550px-hover:hover,
.hover\:min-h-550px:hover {
min-height: 550px !important
}
.min-h-600px,
.min-h-600px-hover:hover,
.hover\:min-h-600px:hover {
min-height: 600px !important
}
.min-h-fit,
.min-h-fit-hover:hover,
.hover\:min-h-fit:hover {
min-height: fit-content !important
}
.min-h-0,
.min-h-0-hover:hover,
.hover\:min-h-0:hover {
min-height: 0 !important
}
.min-h-screen,
.min-h-screen-hover:hover,
.hover\:min-h-screen:hover {
min-height: 100vh !important
}
.overflow-x-unset {
overflow-x: unset !important
}
.overflow-x-auto {
overflow-x: auto !important
}
.overflow-x-hidden {
overflow-x: hidden !important
}
.overflow-x-visible {
overflow-x: visible !important
}
.overflow-x-scroll {
overflow-x: scroll !important
}
.overflow-y-unset {
overflow-y: unset !important
}
.overflow-y-auto {
overflow-y: auto !important
}
.overflow-y-hidden {
overflow-y: hidden !important
}
.overflow-y-visible {
overflow-y: visible !important
}
.overflow-y-scroll {
overflow-y: scroll !important
}
.icon-narrow {
width: 16px !important;
height: 16px !important;
font-size: 16px !important
}
.icon-1 {
width: 20px !important;
height: 20px !important;
font-size: 20px !important
}
.icon-2 {
width: 24px !important;
height: 24px !important;
font-size: 24px !important
}
.-ls-1 {
letter-spacing: -1px !important
}
[dir=ltr] .ltr\:-ls-1 {
letter-spacing: -1px !important
}
[dir=rtl] .rtl\:-ls-1 {
letter-spacing: -1px !important
}
.-ls-2 {
letter-spacing: -2px !important
}
[dir=ltr] .ltr\:-ls-2 {
letter-spacing: -2px !important
}
[dir=rtl] .rtl\:-ls-2 {
letter-spacing: -2px !important
}
.-ls-3 {
letter-spacing: -3px !important
}
[dir=ltr] .ltr\:-ls-3 {
letter-spacing: -3px !important
}
[dir=rtl] .rtl\:-ls-3 {
letter-spacing: -3px !important
}
.-ls-4 {
letter-spacing: -4px !important
}
[dir=ltr] .ltr\:-ls-4 {
letter-spacing: -4px !important
}
[dir=rtl] .rtl\:-ls-4 {
letter-spacing: -4px !important
}
.-ls-5 {
letter-spacing: -5px !important
}
[dir=ltr] .ltr\:-ls-5 {
letter-spacing: -5px !important
}
[dir=rtl] .rtl\:-ls-5 {
letter-spacing: -5px !important
}
.-ls-6 {
letter-spacing: -6px !important
}
[dir=ltr] .ltr\:-ls-6 {
letter-spacing: -6px !important
}
[dir=rtl] .rtl\:-ls-6 {
letter-spacing: -6px !important
}
.object-contain {
object-fit: contain !important
}
.object-cover {
object-fit: cover !important
}
.object-fill {
object-fit: fill !important
}
.object-none {
object-fit: none !important
}
.object-scale-down {
object-fit: scale-down !important
}
.object-position-center {
object-position: center !important
}
[dir=ltr] .ltr\:object-position-center {
object-position: center !important
}
[dir=rtl] .rtl\:object-position-center {
object-position: center !important
}
.object-position-top {
object-position: top !important
}
[dir=ltr] .ltr\:object-position-top {
object-position: top !important
}
[dir=rtl] .rtl\:object-position-top {
object-position: top !important
}
.object-position-right {
object-position: right !important
}
[dir=ltr] .ltr\:object-position-right {
object-position: right !important
}
[dir=rtl] .rtl\:object-position-right {
object-position: right !important
}
.object-position-bottom {
object-position: bottom !important
}
[dir=ltr] .ltr\:object-position-bottom {
object-position: bottom !important
}
[dir=rtl] .rtl\:object-position-bottom {
object-position: bottom !important
}
.object-position-left {
object-position: left !important
}
[dir=ltr] .ltr\:object-position-left {
object-position: left !important
}
[dir=rtl] .rtl\:object-position-left {
object-position: left !important
}
.duration-0,
.duration-0-hover:hover,
.hover\:duration-0:hover {
transition-duration: 0ms !important
}
.duration-75,
.duration-75-hover:hover,
.hover\:duration-75:hover {
transition-duration: 75ms !important
}
.duration-100,
.duration-100-hover:hover,
.hover\:duration-100:hover {
transition-duration: 100ms !important
}

.duration-150,
.duration-150-hover:hover,
.hover\:duration-150:hover {
transition-duration: 150ms !important
}
.ratio-1x1 {
--bs-aspect-ratio: 100% !important
}
.ratio-1x2 {
--bs-aspect-ratio: 200% !important
}
.ratio-2x1 {
--bs-aspect-ratio: 50% !important
}
.ratio-2x3 {
--bs-aspect-ratio: 150% !important
}
.ratio-3x2 {
--bs-aspect-ratio: 66.6666667% !important
}
.ratio-3x4 {
--bs-aspect-ratio: 133.333333% !important
}
.ratio-4x3 {
--bs-aspect-ratio: 75% !important
}
.ratio-16x9 {
--bs-aspect-ratio: 56.25% !important
}
.ratio-21x9 {
--bs-aspect-ratio: 42.8571428571% !important
}
.z-1 {
z-index: 1 !important
}
.z-1n {
z-index: -1 !important
}
.z-2 {
z-index: 2 !important
}
.z-2n {
z-index: -2 !important
}
.z-3 {
z-index: 3 !important
}
.z-3n {
z-index: -3 !important
}
.z-99 {
z-index: 99 !important
}
.z-999 {
z-index: 999 !important
}
.z-1000 {
z-index: 1000 !important
}
.z-1020 {
z-index: 1020 !important
}
.z-1030 {
z-index: 1030 !important
}
.z-1040 {
z-index: 1040 !important
}
.z-1045 {
z-index: 1045 !important
}
.z-1050 {
z-index: 1050 !important
}
.z-1055 {
z-index: 1055 !important
}
.z-1060 {
z-index: 1060 !important
}
.z-1070 {
z-index: 1070 !important
}
.z-1080 {
z-index: 1080 !important
}
.z-1090 {
z-index: 1090 !important
}
.z-9999 {
z-index: 9999 !important
}
.z-0 {
z-index: 0 !important
}
@media (min-width: 459px) {
.float-sm-start {
float: left !important
}
.float-sm-end {
float: right !important
}
.float-sm-none {
float: none !important
}
.sm\:float-start {
float: left !important
}
.sm\:float-end {
float: right !important
}
.sm\:float-none {
float: none !important
}
.opacity-sm-0,
.opacity-sm-0-hover:hover,
.hover\:opacity-sm-0:hover {
opacity: 0 !important
}
.opacity-sm-5,
.opacity-sm-5-hover:hover,
.hover\:opacity-sm-5:hover {
opacity: 0.05 !important
}
.opacity-sm-10,
.opacity-sm-10-hover:hover,
.hover\:opacity-sm-10:hover {
opacity: 0.1 !important
}
.opacity-sm-15,
.opacity-sm-15-hover:hover,
.hover\:opacity-sm-15:hover {
opacity: 0.15 !important
}
.opacity-sm-20,
.opacity-sm-20-hover:hover,
.hover\:opacity-sm-20:hover {
opacity: 0.2 !important
}
.opacity-sm-25,
.opacity-sm-25-hover:hover,
.hover\:opacity-sm-25:hover {
opacity: 0.25 !important
}
.opacity-sm-30,
.opacity-sm-30-hover:hover,
.hover\:opacity-sm-30:hover {
opacity: 0.3 !important
}
.opacity-sm-35,
.opacity-sm-35-hover:hover,
.hover\:opacity-sm-35:hover {
opacity: 0.35 !important
}
.opacity-sm-40,
.opacity-sm-40-hover:hover,
.hover\:opacity-sm-40:hover {
opacity: 0.4 !important
}
.opacity-sm-45,
.opacity-sm-45-hover:hover,
.hover\:opacity-sm-45:hover {
opacity: 0.45 !important
}
.opacity-sm-50,
.opacity-sm-50-hover:hover,
.hover\:opacity-sm-50:hover {
opacity: 0.5 !important
}
.opacity-sm-55,
.opacity-sm-55-hover:hover,
.hover\:opacity-sm-55:hover {
opacity: 0.55 !important
}
.opacity-sm-60,
.opacity-sm-60-hover:hover,
.hover\:opacity-sm-60:hover {
opacity: 0.6 !important
}
.opacity-sm-65,
.opacity-sm-65-hover:hover,
.hover\:opacity-sm-65:hover {
opacity: 0.65 !important
}
.opacity-sm-70,
.opacity-sm-70-hover:hover,
.hover\:opacity-sm-70:hover {
opacity: 0.7 !important
}
.opacity-sm-75,
.opacity-sm-75-hover:hover,
.hover\:opacity-sm-75:hover {
opacity: 0.75 !important
}
.opacity-sm-80,
.opacity-sm-80-hover:hover,
.hover\:opacity-sm-80:hover {
opacity: 0.8 !important
}
.opacity-sm-85,
.opacity-sm-85-hover:hover,
.hover\:opacity-sm-85:hover {
opacity: 0.85 !important
}
.opacity-sm-90,
.opacity-sm-90-hover:hover,
.hover\:opacity-sm-90:hover {
opacity: 0.9 !important
}
.opacity-sm-95,
.opacity-sm-95-hover:hover,
.hover\:opacity-sm-95:hover {
opacity: 0.95 !important
}
.opacity-sm-100,
.opacity-sm-100-hover:hover,
.hover\:opacity-sm-100:hover {
opacity: 1 !important
}
.sm\:opacity-0,
.sm\:opacity-0-hover:hover,
.sm\:hover\:opacity-0:hover {
opacity: 0 !important
}
.sm\:opacity-5,
.sm\:opacity-5-hover:hover,
.sm\:hover\:opacity-5:hover {
opacity: 0.05 !important
}
.sm\:opacity-10,
.sm\:opacity-10-hover:hover,
.sm\:hover\:opacity-10:hover {
opacity: 0.1 !important
}
.sm\:opacity-15,
.sm\:opacity-15-hover:hover,
.sm\:hover\:opacity-15:hover {
opacity: 0.15 !important
}
.sm\:opacity-20,
.sm\:opacity-20-hover:hover,
.sm\:hover\:opacity-20:hover {
opacity: 0.2 !important
}
.sm\:opacity-25,
.sm\:opacity-25-hover:hover,
.sm\:hover\:opacity-25:hover {
opacity: 0.25 !important
}
.sm\:opacity-30,
.sm\:opacity-30-hover:hover,
.sm\:hover\:opacity-30:hover {
opacity: 0.3 !important
}
.sm\:opacity-35,
.sm\:opacity-35-hover:hover,
.sm\:hover\:opacity-35:hover {
opacity: 0.35 !important
}
.sm\:opacity-40,
.sm\:opacity-40-hover:hover,
.sm\:hover\:opacity-40:hover {
opacity: 0.4 !important
}
.sm\:opacity-45,
.sm\:opacity-45-hover:hover,
.sm\:hover\:opacity-45:hover {
opacity: 0.45 !important
}
.sm\:opacity-50,
.sm\:opacity-50-hover:hover,
.sm\:hover\:opacity-50:hover {
opacity: 0.5 !important
}
.sm\:opacity-55,
.sm\:opacity-55-hover:hover,
.sm\:hover\:opacity-55:hover {
opacity: 0.55 !important
}
.sm\:opacity-60,
.sm\:opacity-60-hover:hover,
.sm\:hover\:opacity-60:hover {
opacity: 0.6 !important
}
.sm\:opacity-65,
.sm\:opacity-65-hover:hover,
.sm\:hover\:opacity-65:hover {
opacity: 0.65 !important
}
.sm\:opacity-70,
.sm\:opacity-70-hover:hover,
.sm\:hover\:opacity-70:hover {
opacity: 0.7 !important
}
.sm\:opacity-75,
.sm\:opacity-75-hover:hover,
.sm\:hover\:opacity-75:hover {
opacity: 0.75 !important
}
.sm\:opacity-80,
.sm\:opacity-80-hover:hover,
.sm\:hover\:opacity-80:hover {
opacity: 0.8 !important
}
.sm\:opacity-85,
.sm\:opacity-85-hover:hover,
.sm\:hover\:opacity-85:hover {
opacity: 0.85 !important
}
.sm\:opacity-90,
.sm\:opacity-90-hover:hover,
.sm\:hover\:opacity-90:hover {
opacity: 0.9 !important
}
.sm\:opacity-95,
.sm\:opacity-95-hover:hover,
.sm\:hover\:opacity-95:hover {
opacity: 0.95 !important
}
.sm\:opacity-100,
.sm\:opacity-100-hover:hover,
.sm\:hover\:opacity-100:hover {
opacity: 1 !important
}
.w-sm-px,
.w-sm-px-hover:hover,
.hover\:w-sm-px:hover,
.w-sm-px-focus:focus,
.focus\:w-sm-px:focus {
width: 1px !important
}
.w-sm-2px,
.w-sm-2px-hover:hover,
.hover\:w-sm-2px:hover,
.w-sm-2px-focus:focus,
.focus\:w-sm-2px:focus {
width: 2px !important
}
.w-sm-4px,
.w-sm-4px-hover:hover,
.hover\:w-sm-4px:hover,
.w-sm-4px-focus:focus,
.focus\:w-sm-4px:focus {
width: 4px !important
}
.w-sm-8px,
.w-sm-8px-hover:hover,
.hover\:w-sm-8px:hover,
.w-sm-8px-focus:focus,
.focus\:w-sm-8px:focus {
width: 8px !important
}
.w-sm-16px,
.w-sm-16px-hover:hover,
.hover\:w-sm-16px:hover,
.w-sm-16px-focus:focus,
.focus\:w-sm-16px:focus {
width: 16px !important
}
.w-sm-18px,
.w-sm-18px-hover:hover,
.hover\:w-sm-18px:hover,
.w-sm-18px-focus:focus,
.focus\:w-sm-18px:focus {
width: 18px !important
}
.w-sm-20px,
.w-sm-20px-hover:hover,
.hover\:w-sm-20px:hover,
.w-sm-20px-focus:focus,
.focus\:w-sm-20px:focus {
width: 20px !important
}
.w-sm-24px,
.w-sm-24px-hover:hover,
.hover\:w-sm-24px:hover,
.w-sm-24px-focus:focus,
.focus\:w-sm-24px:focus {
width: 24px !important
}
.w-sm-32px,
.w-sm-32px-hover:hover,
.hover\:w-sm-32px:hover,
.w-sm-32px-focus:focus,
.focus\:w-sm-32px:focus {
width: 32px !important
}
.w-sm-36px,
.w-sm-36px-hover:hover,
.hover\:w-sm-36px:hover,
.w-sm-36px-focus:focus,
.focus\:w-sm-36px:focus {
width: 36px !important
}
.w-sm-40px,
.w-sm-40px-hover:hover,
.hover\:w-sm-40px:hover,
.w-sm-40px-focus:focus,
.focus\:w-sm-40px:focus {
width: 40px !important
}
.w-sm-48px,
.w-sm-48px-hover:hover,
.hover\:w-sm-48px:hover,
.w-sm-48px-focus:focus,
.focus\:w-sm-48px:focus {
width: 48px !important
}
.w-sm-56px,
.w-sm-56px-hover:hover,
.hover\:w-sm-56px:hover,
.w-sm-56px-focus:focus,
.focus\:w-sm-56px:focus {
width: 56px !important
}
.w-sm-64px,
.w-sm-64px-hover:hover,
.hover\:w-sm-64px:hover,
.w-sm-64px-focus:focus,
.focus\:w-sm-64px:focus {
width: 64px !important
}
.w-sm-72px,
.w-sm-72px-hover:hover,
.hover\:w-sm-72px:hover,
.w-sm-72px-focus:focus,
.focus\:w-sm-72px:focus {
width: 72px !important
}
.w-sm-80px,
.w-sm-80px-hover:hover,
.hover\:w-sm-80px:hover,
.w-sm-80px-focus:focus,
.focus\:w-sm-80px:focus {
width: 80px !important
}
.w-sm-96px,
.w-sm-96px-hover:hover,
.hover\:w-sm-96px:hover,
.w-sm-96px-focus:focus,
.focus\:w-sm-96px:focus {
width: 96px !important
}
.w-sm-100px,
.w-sm-100px-hover:hover,
.hover\:w-sm-100px:hover,
.w-sm-100px-focus:focus,
.focus\:w-sm-100px:focus {
width: 100px !important
}
.w-sm-128px,
.w-sm-128px-hover:hover,
.hover\:w-sm-128px:hover,
.w-sm-128px-focus:focus,
.focus\:w-sm-128px:focus {
width: 128px !important
}
.w-sm-150px,
.w-sm-150px-hover:hover,
.hover\:w-sm-150px:hover,
.w-sm-150px-focus:focus,
.focus\:w-sm-150px:focus {
width: 150px !important
}
.w-sm-200px,
.w-sm-200px-hover:hover,
.hover\:w-sm-200px:hover,
.w-sm-200px-focus:focus,
.focus\:w-sm-200px:focus {
width: 200px !important
}
.w-sm-250px,
.w-sm-250px-hover:hover,
.hover\:w-sm-250px:hover,
.w-sm-250px-focus:focus,
.focus\:w-sm-250px:focus {
width: 250px !important
}
.w-sm-300px,
.w-sm-300px-hover:hover,
.hover\:w-sm-300px:hover,
.w-sm-300px-focus:focus,
.focus\:w-sm-300px:focus {
width: 300px !important
}
.w-sm-350px,
.w-sm-350px-hover:hover,
.hover\:w-sm-350px:hover,
.w-sm-350px-focus:focus,
.focus\:w-sm-350px:focus {
width: 350px !important
}
.w-sm-400px,
.w-sm-400px-hover:hover,
.hover\:w-sm-400px:hover,
.w-sm-400px-focus:focus,
.focus\:w-sm-400px:focus {
width: 400px !important
}
.w-sm-450px,
.w-sm-450px-hover:hover,
.hover\:w-sm-450px:hover,
.w-sm-450px-focus:focus,
.focus\:w-sm-450px:focus {
width: 450px !important
}
.w-sm-500px,
.w-sm-500px-hover:hover,
.hover\:w-sm-500px:hover,
.w-sm-500px-focus:focus,
.focus\:w-sm-500px:focus {
width: 500px !important
}
.w-sm-550px,
.w-sm-550px-hover:hover,
.hover\:w-sm-550px:hover,
.w-sm-550px-focus:focus,
.focus\:w-sm-550px:focus {
width: 550px !important
}
.w-sm-600px,
.w-sm-600px-hover:hover,
.hover\:w-sm-600px:hover,
.w-sm-600px-focus:focus,
.focus\:w-sm-600px:focus {
width: 600px !important
}
.w-sm-650px,
.w-sm-650px-hover:hover,
.hover\:w-sm-650px:hover,
.w-sm-650px-focus:focus,
.focus\:w-sm-650px:focus {
width: 650px !important
}
.w-sm-700px,
.w-sm-700px-hover:hover,
.hover\:w-sm-700px:hover,
.w-sm-700px-focus:focus,
.focus\:w-sm-700px:focus {
width: 700px !important
}
.w-sm-750px,
.w-sm-750px-hover:hover,
.hover\:w-sm-750px:hover,
.w-sm-750px-focus:focus,
.focus\:w-sm-750px:focus {
width: 750px !important
}
.w-sm-800px,
.w-sm-800px-hover:hover,
.hover\:w-sm-800px:hover,
.w-sm-800px-focus:focus,
.focus\:w-sm-800px:focus {
width: 800px !important
}
.w-sm-850px,
.w-sm-850px-hover:hover,
.hover\:w-sm-850px:hover,
.w-sm-850px-focus:focus,
.focus\:w-sm-850px:focus {
width: 850px !important
}
.w-sm-900px,
.w-sm-900px-hover:hover,
.hover\:w-sm-900px:hover,
.w-sm-900px-focus:focus,
.focus\:w-sm-900px:focus {
width: 900px !important
}
.w-sm-950px,
.w-sm-950px-hover:hover,
.hover\:w-sm-950px:hover,
.w-sm-950px-focus:focus,
.focus\:w-sm-950px:focus {
width: 950px !important
}
.w-sm-1000px,
.w-sm-1000px-hover:hover,
.hover\:w-sm-1000px:hover,
.w-sm-1000px-focus:focus,
.focus\:w-sm-1000px:focus {
width: 1000px !important
}
.w-sm-1170px,
.w-sm-1170px-hover:hover,
.hover\:w-sm-1170px:hover,
.w-sm-1170px-focus:focus,
.focus\:w-sm-1170px:focus {
width: 1170px !important
}
.w-sm-1280px,
.w-sm-1280px-hover:hover,
.hover\:w-sm-1280px:hover,
.w-sm-1280px-focus:focus,
.focus\:w-sm-1280px:focus {
width: 1280px !important
}
.w-sm-1320px,
.w-sm-1320px-hover:hover,
.hover\:w-sm-1320px:hover,
.w-sm-1320px-focus:focus,
.focus\:w-sm-1320px:focus {
width: 1320px !important
}
.w-sm-1440px,
.w-sm-1440px-hover:hover,
.hover\:w-sm-1440px:hover,
.w-sm-1440px-focus:focus,
.focus\:w-sm-1440px:focus {
width: 1440px !important
}
.w-sm-xs,
.w-sm-xs-hover:hover,
.hover\:w-sm-xs:hover,
.w-sm-xs-focus:focus,
.focus\:w-sm-xs:focus {
width: 320px !important
}
.w-sm-sm,
.w-sm-sm-hover:hover,
.hover\:w-sm-sm:hover,
.w-sm-sm-focus:focus,
.focus\:w-sm-sm:focus {
width: 640px !important
}
.w-sm-md,
.w-sm-md-hover:hover,
.hover\:w-sm-md:hover,
.w-sm-md-focus:focus,
.focus\:w-sm-md:focus {
width: 720px !important
}
.w-sm-lg,
.w-sm-lg-hover:hover,
.hover\:w-sm-lg:hover,
.w-sm-lg-focus:focus,
.focus\:w-sm-lg:focus {
width: 1040px !important
}
.w-sm-xl,
.w-sm-xl-hover:hover,
.hover\:w-sm-xl:hover,
.w-sm-xl-focus:focus,
.focus\:w-sm-xl:focus {
width: 1280px !important
}
.w-sm-2xl,
.w-sm-2xl-hover:hover,
.hover\:w-sm-2xl:hover,
.w-sm-2xl-focus:focus,
.focus\:w-sm-2xl:focus {
width: 1312px !important
}
.w-sm-1\/6,
.w-sm-1\/6-hover:hover,
.hover\:w-sm-1\/6:hover,
.w-sm-1\/6-focus:focus,
.focus\:w-sm-1\/6:focus {
width: 16.6666667% !important
}
.w-sm-2\/6,
.w-sm-2\/6-hover:hover,
.hover\:w-sm-2\/6:hover,
.w-sm-2\/6-focus:focus,
.focus\:w-sm-2\/6:focus {
width: 33.3333333% !important
}
.w-sm-3\/6,
.w-sm-3\/6-hover:hover,
.hover\:w-sm-3\/6:hover,
.w-sm-3\/6-focus:focus,
.focus\:w-sm-3\/6:focus {
width: 50% !important
}
.w-sm-4\/6,
.w-sm-4\/6-hover:hover,
.hover\:w-sm-4\/6:hover,
.w-sm-4\/6-focus:focus,
.focus\:w-sm-4\/6:focus {
width: 66.6666667% !important
}
.w-sm-5\/6,
.w-sm-5\/6-hover:hover,
.hover\:w-sm-5\/6:hover,
.w-sm-5\/6-focus:focus,
.focus\:w-sm-5\/6:focus {
width: 83.3333333% !important
}
.w-sm-1\/5,
.w-sm-1\/5-hover:hover,
.hover\:w-sm-1\/5:hover,
.w-sm-1\/5-focus:focus,
.focus\:w-sm-1\/5:focus {
width: 20% !important
}
.w-sm-2\/5,
.w-sm-2\/5-hover:hover,
.hover\:w-sm-2\/5:hover,
.w-sm-2\/5-focus:focus,
.focus\:w-sm-2\/5:focus {
width: 40% !important
}
.w-sm-3\/5,
.w-sm-3\/5-hover:hover,
.hover\:w-sm-3\/5:hover,
.w-sm-3\/5-focus:focus,
.focus\:w-sm-3\/5:focus {
width: 60% !important
}
.w-sm-4\/5,
.w-sm-4\/5-hover:hover,
.hover\:w-sm-4\/5:hover,
.w-sm-4\/5-focus:focus,
.focus\:w-sm-4\/5:focus {
width: 80% !important
}
.w-sm-1\/4,
.w-sm-1\/4-hover:hover,
.hover\:w-sm-1\/4:hover,
.w-sm-1\/4-focus:focus,
.focus\:w-sm-1\/4:focus {
width: 25% !important
}
.w-sm-2\/4,
.w-sm-2\/4-hover:hover,
.hover\:w-sm-2\/4:hover,
.w-sm-2\/4-focus:focus,
.focus\:w-sm-2\/4:focus {
width: 50% !important
}
.w-sm-3\/4,
.w-sm-3\/4-hover:hover,
.hover\:w-sm-3\/4:hover,
.w-sm-3\/4-focus:focus,
.focus\:w-sm-3\/4:focus {
width: 75% !important
}
.w-sm-1\/3,
.w-sm-1\/3-hover:hover,
.hover\:w-sm-1\/3:hover,
.w-sm-1\/3-focus:focus,
.focus\:w-sm-1\/3:focus {
width: 33.3333333% !important
}
.w-sm-2\/3,
.w-sm-2\/3-hover:hover,
.hover\:w-sm-2\/3:hover,
.w-sm-2\/3-focus:focus,
.focus\:w-sm-2\/3:focus {
width: 66.6666667% !important
}
.w-sm-1\/2,
.w-sm-1\/2-hover:hover,
.hover\:w-sm-1\/2:hover,
.w-sm-1\/2-focus:focus,
.focus\:w-sm-1\/2:focus {
width: 50% !important
}
.w-sm-100,
.w-sm-100-hover:hover,
.hover\:w-sm-100:hover,
.w-sm-100-focus:focus,
.focus\:w-sm-100:focus {
width: 100% !important
}
.w-sm-full,
.w-sm-full-hover:hover,
.hover\:w-sm-full:hover,
.w-sm-full-focus:focus,
.focus\:w-sm-full:focus {
width: 100% !important
}
.w-sm-min,
.w-sm-min-hover:hover,
.hover\:w-sm-min:hover,
.w-sm-min-focus:focus,
.focus\:w-sm-min:focus {
width: min-content !important
}
.w-sm-max,
.w-sm-max-hover:hover,
.hover\:w-sm-max:hover,
.w-sm-max-focus:focus,
.focus\:w-sm-max:focus {
width: max-content !important
}
.w-sm-fit,
.w-sm-fit-hover:hover,
.hover\:w-sm-fit:hover,
.w-sm-fit-focus:focus,
.focus\:w-sm-fit:focus {
width: fit-content !important
}
.w-sm-auto,
.w-sm-auto-hover:hover,
.hover\:w-sm-auto:hover,
.w-sm-auto-focus:focus,
.focus\:w-sm-auto:focus {
width: auto !important
}
.w-sm-0,
.w-sm-0-hover:hover,
.hover\:w-sm-0:hover,
.w-sm-0-focus:focus,
.focus\:w-sm-0:focus {
width: 0 !important
}
.w-sm-screen,
.w-sm-screen-hover:hover,
.hover\:w-sm-screen:hover,
.w-sm-screen-focus:focus,
.focus\:w-sm-screen:focus {
width: 100vw !important
}
.sm\:w-px,
.sm\:w-px-hover:hover,
.sm\:hover\:w-px:hover,
.sm\:w-px-focus:focus,
.sm\:focus\:w-px:focus {
width: 1px !important
}
.sm\:w-2px,
.sm\:w-2px-hover:hover,
.sm\:hover\:w-2px:hover,
.sm\:w-2px-focus:focus,
.sm\:focus\:w-2px:focus {
width: 2px !important
}
.sm\:w-4px,
.sm\:w-4px-hover:hover,
.sm\:hover\:w-4px:hover,
.sm\:w-4px-focus:focus,
.sm\:focus\:w-4px:focus {
width: 4px !important
}
.sm\:w-8px,
.sm\:w-8px-hover:hover,
.sm\:hover\:w-8px:hover,
.sm\:w-8px-focus:focus,
.sm\:focus\:w-8px:focus {
width: 8px !important
}
.sm\:w-16px,
.sm\:w-16px-hover:hover,
.sm\:hover\:w-16px:hover,
.sm\:w-16px-focus:focus,
.sm\:focus\:w-16px:focus {
width: 16px !important
}
.sm\:w-18px,
.sm\:w-18px-hover:hover,
.sm\:hover\:w-18px:hover,
.sm\:w-18px-focus:focus,
.sm\:focus\:w-18px:focus {
width: 18px !important
}
.sm\:w-20px,
.sm\:w-20px-hover:hover,
.sm\:hover\:w-20px:hover,
.sm\:w-20px-focus:focus,
.sm\:focus\:w-20px:focus {
width: 20px !important
}
.sm\:w-24px,
.sm\:w-24px-hover:hover,
.sm\:hover\:w-24px:hover,
.sm\:w-24px-focus:focus,
.sm\:focus\:w-24px:focus {
width: 24px !important
}
.sm\:w-32px,
.sm\:w-32px-hover:hover,
.sm\:hover\:w-32px:hover,
.sm\:w-32px-focus:focus,
.sm\:focus\:w-32px:focus {
width: 32px !important
}
.sm\:w-36px,
.sm\:w-36px-hover:hover,
.sm\:hover\:w-36px:hover,
.sm\:w-36px-focus:focus,
.sm\:focus\:w-36px:focus {
width: 36px !important
}
.sm\:w-40px,
.sm\:w-40px-hover:hover,
.sm\:hover\:w-40px:hover,
.sm\:w-40px-focus:focus,
.sm\:focus\:w-40px:focus {
width: 40px !important
}
.sm\:w-48px,
.sm\:w-48px-hover:hover,
.sm\:hover\:w-48px:hover,
.sm\:w-48px-focus:focus,
.sm\:focus\:w-48px:focus {
width: 48px !important
}
.sm\:w-56px,
.sm\:w-56px-hover:hover,
.sm\:hover\:w-56px:hover,
.sm\:w-56px-focus:focus,
.sm\:focus\:w-56px:focus {
width: 56px !important
}
.sm\:w-64px,
.sm\:w-64px-hover:hover,
.sm\:hover\:w-64px:hover,
.sm\:w-64px-focus:focus,
.sm\:focus\:w-64px:focus {
width: 64px !important
}
.sm\:px-2 {
padding-right: 1rem !important;
padding-left: 1rem !important
}
.sm\:ratio-4x3 {
--bs-aspect-ratio: 75% !important
}
.sm\:ratio-16x9 {
--bs-aspect-ratio: 56.25% !important
}
.sm\:ratio-21x9 {
--bs-aspect-ratio: 42.8571428571% !important
}
}
@media (min-width: 768px) {
.float-md-start {
float: left !important
}
.float-md-end {
float: right !important
}
.float-md-none {
float: none !important
}
.md\:float-start {
float: left !important
}
.md\:float-end {
float: right !important
}
.md\:float-none {
float: none !important
}
.opacity-md-0,
.opacity-md-0-hover:hover,
.hover\:opacity-md-0:hover {
opacity: 0 !important
}
.opacity-md-5,
.opacity-md-5-hover:hover,
.hover\:opacity-md-5:hover {
opacity: 0.05 !important
}
.opacity-md-10,
.opacity-md-10-hover:hover,
.hover\:opacity-md-10:hover {
opacity: 0.1 !important
}
.opacity-md-15,
.opacity-md-15-hover:hover,
.hover\:opacity-md-15:hover {
opacity: 0.15 !important
}
.opacity-md-20,
.opacity-md-20-hover:hover,
.hover\:opacity-md-20:hover {
opacity: 0.2 !important
}
.opacity-md-25,
.opacity-md-25-hover:hover,
.hover\:opacity-md-25:hover {
opacity: 0.25 !important
}
.opacity-md-30,
.opacity-md-30-hover:hover,
.hover\:opacity-md-30:hover {
opacity: 0.3 !important
}
.opacity-md-35,
.opacity-md-35-hover:hover,
.hover\:opacity-md-35:hover {
opacity: 0.35 !important
}
.opacity-md-40,
.opacity-md-40-hover:hover,
.hover\:opacity-md-40:hover {
opacity: 0.4 !important
}
.opacity-md-45,
.opacity-md-45-hover:hover,
.hover\:opacity-md-45:hover {
opacity: 0.45 !important
}
.opacity-md-50,
.opacity-md-50-hover:hover,
.hover\:opacity-md-50:hover {
opacity: 0.5 !important
}
.opacity-md-55,
.opacity-md-55-hover:hover,
.hover\:opacity-md-55:hover {
opacity: 0.55 !important
}
.opacity-md-60,
.opacity-md-60-hover:hover,
.hover\:opacity-md-60:hover {
opacity: 0.6 !important
}
.opacity-md-65,
.opacity-md-65-hover:hover,
.hover\:opacity-md-65:hover {
opacity: 0.65 !important
}
.opacity-md-70,
.opacity-md-70-hover:hover,
.hover\:opacity-md-70:hover {
opacity: 0.7 !important
}
.opacity-md-75,
.opacity-md-75-hover:hover,
.hover\:opacity-md-75:hover {
opacity: 0.75 !important
}
.opacity-md-80,
.opacity-md-80-hover:hover,
.hover\:opacity-md-80:hover {
opacity: 0.8 !important
}
.opacity-md-85,
.opacity-md-85-hover:hover,
.hover\:opacity-md-85:hover {
opacity: 0.85 !important
}
.opacity-md-90,
.opacity-md-90-hover:hover,
.hover\:opacity-md-90:hover {
opacity: 0.9 !important
}
.opacity-md-95,
.opacity-md-95-hover:hover,
.hover\:opacity-md-95:hover {
opacity: 0.95 !important
}
.opacity-md-100,
.opacity-md-100-hover:hover,
.hover\:opacity-md-100:hover {
opacity: 1 !important
}
.md\:opacity-0,
.md\:opacity-0-hover:hover,
.md\:hover\:opacity-0:hover {
opacity: 0 !important
}
.md\:opacity-5,
.md\:opacity-5-hover:hover,
.md\:hover\:opacity-5:hover {
opacity: 0.05 !important
}
.md\:opacity-10,
.md\:opacity-10-hover:hover,
.md\:hover\:opacity-10:hover {
opacity: 0.1 !important
}
.md\:opacity-15,
.md\:opacity-15-hover:hover,
.md\:hover\:opacity-15:hover {
opacity: 0.15 !important
}
.md\:opacity-20,
.md\:opacity-20-hover:hover,
.md\:hover\:opacity-20:hover {
opacity: 0.2 !important
}
.md\:opacity-25,
.md\:opacity-25-hover:hover,
.md\:hover\:opacity-25:hover {
opacity: 0.25 !important
}
.md\:opacity-30,
.md\:opacity-30-hover:hover,
.md\:hover\:opacity-30:hover {
opacity: 0.3 !important
}
.md\:opacity-35,
.md\:opacity-35-hover:hover,
.md\:hover\:opacity-35:hover {
opacity: 0.35 !important
}
.md\:opacity-40,
.md\:opacity-40-hover:hover,
.md\:hover\:opacity-40:hover {
opacity: 0.4 !important
}
.md\:opacity-45,
.md\:opacity-45-hover:hover,
.md\:hover\:opacity-45:hover {
opacity: 0.45 !important
}
.md\:opacity-50,
.md\:opacity-50-hover:hover,
.md\:hover\:opacity-50:hover {
opacity: 0.5 !important
}
.md\:opacity-55,
.md\:opacity-55-hover:hover,
.md\:hover\:opacity-55:hover {
opacity: 0.55 !important
}
.md\:opacity-60,
.md\:opacity-60-hover:hover,
.md\:hover\:opacity-60:hover {
opacity: 0.6 !important
}
.md\:opacity-65,
.md\:opacity-65-hover:hover,
.md\:hover\:opacity-65:hover {
opacity: 0.65 !important
}
.md\:opacity-70,
.md\:opacity-70-hover:hover,
.md\:hover\:opacity-70:hover {
opacity: 0.7 !important
}
.md\:opacity-75,
.md\:opacity-75-hover:hover,
.md\:hover\:opacity-75:hover {
opacity: 0.75 !important
}
.md\:opacity-80,
.md\:opacity-80-hover:hover,
.md\:hover\:opacity-80:hover {
opacity: 0.8 !important
}
.md\:opacity-85,
.md\:opacity-85-hover:hover,
.md\:hover\:opacity-85:hover {
opacity: 0.85 !important
}
.md\:opacity-90,
.md\:opacity-90-hover:hover,
.md\:hover\:opacity-90:hover {
opacity: 0.9 !important
}
.md\:opacity-95,
.md\:opacity-95-hover:hover,
.md\:hover\:opacity-95:hover {
opacity: 0.95 !important
}
.md\:opacity-100,
.md\:opacity-100-hover:hover,
.md\:hover\:opacity-100:hover {
opacity: 1 !important
}
.overflow-md-unset {
overflow: unset !important
}
.overflow-md-auto {
overflow: auto !important
}
.overflow-md-hidden {
overflow: hidden !important
}
.overflow-md-visible {
overflow: visible !important
}
.overflow-md-scroll {
overflow: scroll !important
}
.md\:overflow-unset {
overflow: unset !important
}
.md\:overflow-auto {
overflow: auto !important
}
.md\:overflow-hidden {
overflow: hidden !important
}
.md\:overflow-visible {
overflow: visible !important
}
.md\:overflow-scroll {
overflow: scroll !important
}
.d-md-inline,
.d-md-inline-hover:hover,
.hover\:d-md-inline:hover {
display: inline !important
}
[dir=ltr] .ltr\:d-md-inline {
display: inline !important
}
[dir=rtl] .rtl\:d-md-inline {
display: inline !important
}
.d-md-inline-block,
.d-md-inline-block-hover:hover,
.hover\:d-md-inline-block:hover {
display: inline-block !important
}
[dir=ltr] .ltr\:d-md-inline-block {
display: inline-block !important
}
[dir=rtl] .rtl\:d-md-inline-block {
display: inline-block !important
}
.d-md-block,
.d-md-block-hover:hover,
.hover\:d-md-block:hover {
display: block !important
}
[dir=ltr] .ltr\:d-md-block {
display: block !important
}
[dir=rtl] .rtl\:d-md-block {
display: block !important
}
.d-md-grid,
.d-md-grid-hover:hover,
.hover\:d-md-grid:hover {
display: grid !important
}
[dir=ltr] .ltr\:d-md-grid {
display: grid !important
}
[dir=rtl] .rtl\:d-md-grid {
display: grid !important
}
.d-md-table,
.d-md-table-hover:hover,
.hover\:d-md-table:hover {
display: table !important
}
[dir=ltr] .ltr\:d-md-table {
display: table !important
}
[dir=rtl] .rtl\:d-md-table {
display: table !important
}
.d-md-table-row,
.d-md-table-row-hover:hover,
.hover\:d-md-table-row:hover {
display: table-row !important
}
[dir=ltr] .ltr\:d-md-table-row {
display: table-row !important
}
[dir=rtl] .rtl\:d-md-table-row {
display: table-row !important
}
.d-md-table-cell,
.d-md-table-cell-hover:hover,
.hover\:d-md-table-cell:hover {
display: table-cell !important
}
[dir=ltr] .ltr\:d-md-table-cell {
display: table-cell !important
}
[dir=rtl] .rtl\:d-md-table-cell {
display: table-cell !important
}
.d-md-flex,
.d-md-flex-hover:hover,
.hover\:d-md-flex:hover {
display: flex !important
}
[dir=ltr] .ltr\:d-md-flex {
display: flex !important
}
[dir=rtl] .rtl\:d-md-flex {
display: flex !important
}
.d-md-inline-flex,
.d-md-inline-flex-hover:hover,
.hover\:d-md-inline-flex:hover {
display: inline-flex !important
}
[dir=ltr] .ltr\:d-md-inline-flex {
display: inline-flex !important
}
[dir=rtl] .rtl\:d-md-inline-flex {
display: inline-flex !important
}
.d-md-none,
.d-md-none-hover:hover,
.hover\:d-md-none:hover {
display: none !important
}
[dir=ltr] .ltr\:d-md-none {
display: none !important
}
[dir=rtl] .rtl\:d-md-none {
display: none !important
}
.md\:d-inline,
.md\:d-inline-hover:hover,
.md\:hover\:d-inline:hover {
display: inline !important
}
[dir=ltr] .ltr\:md\:d-inline {
display: inline !important
}
[dir=rtl] .rtl\:md\:d-inline {
display: inline !important
}
.md\:d-inline-block,
.md\:d-inline-block-hover:hover,
.md\:hover\:d-inline-block:hover {
display: inline-block !important
}
[dir=ltr] .ltr\:md\:d-inline-block {
display: inline-block !important
}
[dir=rtl] .rtl\:md\:d-inline-block {
display: inline-block !important
}
.md\:d-block,
.md\:d-block-hover:hover,
.md\:hover\:d-block:hover {
display: block !important
}
[dir=ltr] .ltr\:md\:d-block {
display: block !important
}
[dir=rtl] .rtl\:md\:d-block {
display: block !important
}
.md\:d-grid,
.md\:d-grid-hover:hover,
.md\:hover\:d-grid:hover {
display: grid !important
}
[dir=ltr] .ltr\:md\:d-grid {
display: grid !important
}
[dir=rtl] .rtl\:md\:d-grid {
display: grid !important
}
.md\:d-table,
.md\:d-table-hover:hover,
.md\:hover\:d-table:hover {
display: table !important
}
[dir=ltr] .ltr\:md\:d-table {
display: table !important
}
[dir=rtl] .rtl\:md\:d-table {
display: table !important
}
.md\:d-table-row,
.md\:d-table-row-hover:hover,
.md\:hover\:d-table-row:hover {
display: table-row !important
}
[dir=ltr] .ltr\:md\:d-table-row {
display: table-row !important
}
[dir=rtl] .rtl\:md\:d-table-row {
display: table-row !important
}
.md\:d-table-cell,
.md\:d-table-cell-hover:hover,
.md\:hover\:d-table-cell:hover {
display: table-cell !important
}
[dir=ltr] .ltr\:md\:d-table-cell {
display: table-cell !important
}
[dir=rtl] .rtl\:md\:d-table-cell {
display: table-cell !important
}
.md\:d-flex,
.md\:d-flex-hover:hover,
.md\:hover\:d-flex:hover {
display: flex !important
}
[dir=ltr] .ltr\:md\:d-flex {
display: flex !important
}
[dir=rtl] .rtl\:md\:d-flex {
display: flex !important
}
.md\:d-inline-flex,
.md\:d-inline-flex-hover:hover,
.md\:hover\:d-inline-flex:hover {
display: inline-flex !important
}
[dir=ltr] .ltr\:md\:d-inline-flex {
display: inline-flex !important
}
[dir=rtl] .rtl\:md\:d-inline-flex {
display: inline-flex !important
}
.md\:d-none,
.md\:d-none-hover:hover,
.md\:hover\:d-none:hover {
display: none !important
}
[dir=ltr] .ltr\:md\:d-none {
display: none !important
}
[dir=rtl] .rtl\:md\:d-none {
display: none !important
}
[dir=ltr] .ltr\:d-md-inline {
display: inline !important
}
[dir=rtl] .rtl\:d-md-inline {
display: inline !important
}
[dir=ltr] .ltr\:d-md-inline-block {
display: inline-block !important
}
[dir=rtl] .rtl\:d-md-inline-block {
display: inline-block !important
}
[dir=ltr] .ltr\:d-md-block {
display: block !important
}
[dir=rtl] .rtl\:d-md-block {
display: block !important
}
[dir=ltr] .ltr\:d-md-grid {
display: grid !important
}
[dir=rtl] .rtl\:d-md-grid {
display: grid !important
}
[dir=ltr] .ltr\:d-md-table {
display: table !important
}
[dir=rtl] .rtl\:d-md-table {
display: table !important
}
[dir=ltr] .ltr\:d-md-table-row {
display: table-row !important
}
[dir=rtl] .rtl\:d-md-table-row {
display: table-row !important
}
[dir=ltr] .ltr\:d-md-table-cell {
display: table-cell !important
}
[dir=rtl] .rtl\:d-md-table-cell {
display: table-cell !important
}
[dir=ltr] .ltr\:d-md-flex {
display: flex !important
}
[dir=rtl] .rtl\:d-md-flex {
display: flex !important
}
[dir=ltr] .ltr\:d-md-inline-flex {
display: inline-flex !important
}
[dir=rtl] .rtl\:d-md-inline-flex {
display: inline-flex !important
}
[dir=ltr] .ltr\:d-md-none {
display: none !important
}
[dir=rtl] .rtl\:d-md-none {
display: none !important
}
.md\:w-20px,
.md\:w-20px-hover:hover,
.md\:hover\:w-20px:hover,
.md\:w-20px-focus:focus,
.md\:focus\:w-20px:focus {
width: 20px !important
}
.md\:w-24px,
.md\:w-24px-hover:hover,
.md\:hover\:w-24px:hover,
.md\:w-24px-focus:focus,
.md\:focus\:w-24px:focus {
width: 24px !important
}
.md\:w-32px,
.md\:w-32px-hover:hover,
.md\:hover\:w-32px:hover,
.md\:w-32px-focus:focus,
.md\:focus\:w-32px:focus {
width: 32px !important
}
.md\:h-32px,
.md\:h-32px-hover:hover,
.md\:hover\:h-32px:hover {
height: 32px !important
}
[dir=ltr] .ltr\:order-md-4 {
order: 4 !important
}
[dir=rtl] .rtl\:order-md-4 {
order: 4 !important
}
.order-md-5 {
order: 5 !important
}
[dir=ltr] .ltr\:order-md-5 {
order: 5 !important
}
[dir=rtl] .rtl\:order-md-5 {
order: 5 !important
}
.order-md-last {
order: 6 !important
}
[dir=ltr] .ltr\:order-md-last {
order: 6 !important
}
[dir=rtl] .rtl\:order-md-last {
order: 6 !important
}
.md\:order-first {
order: -1 !important
}
.md\:order-1 {
order: 1 !important
}
[dir=ltr] .ltr\:md\:order-1 {
order: 1 !important
}
[dir=rtl] .rtl\:md\:order-1 {
order: 1 !important
}
.md\:order-2 {
order: 2 !important
}
[dir=ltr] .ltr\:md\:order-2 {
order: 2 !important
}
[dir=rtl] .rtl\:md\:order-2 {
order: 2 !important
}
.md\:order-3 {
order: 3 !important
}
[dir=ltr] .ltr\:md\:order-3 {
order: 3 !important
}
[dir=rtl] .rtl\:md\:order-3 {
order: 3 !important
}
.md\:order-4 {
order: 4 !important
}
[dir=ltr] .ltr\:md\:order-4 {
order: 4 !important
}
[dir=rtl] .rtl\:md\:order-4 {
order: 4 !important
}
.md\:order-5 {
order: 5 !important
}
[dir=ltr] .ltr\:md\:order-5 {
order: 5 !important
}
[dir=rtl] .rtl\:md\:order-5 {
order: 5 !important
}
.md\:order-last {
order: 6 !important
}
.md\:m-2 {
margin: 1rem !important
}
.ratio-md-1x1 {
--bs-aspect-ratio: 100% !important
}
.ratio-md-1x2 {
--bs-aspect-ratio: 200% !important
}
.ratio-md-2x1 {
--bs-aspect-ratio: 50% !important
}
.ratio-md-2x3 {
--bs-aspect-ratio: 150% !important
}
.ratio-md-3x2 {
--bs-aspect-ratio: 66.6666667% !important
}
.ratio-md-3x4 {
--bs-aspect-ratio: 133.333333% !important
}
.ratio-md-4x3 {
--bs-aspect-ratio: 75% !important
}
.ratio-md-16x9 {
--bs-aspect-ratio: 56.25% !important
}
.ratio-md-21x9 {
--bs-aspect-ratio: 42.8571428571% !important
}
.md\:ratio-1x1 {
--bs-aspect-ratio: 100% !important
}
.md\:ratio-1x2 {
--bs-aspect-ratio: 200% !important
}
.md\:ratio-2x1 {
--bs-aspect-ratio: 50% !important
}
.md\:ratio-2x3 {
--bs-aspect-ratio: 150% !important
}
.md\:ratio-3x2 {
--bs-aspect-ratio: 66.6666667% !important
}
.md\:ratio-3x4 {
--bs-aspect-ratio: 133.333333% !important
}
.md\:ratio-4x3 {
--bs-aspect-ratio: 75% !important
}
.md\:ratio-16x9 {
--bs-aspect-ratio: 56.25% !important
}
.md\:ratio-21x9 {
--bs-aspect-ratio: 42.8571428571% !important
}
}
@media (min-width: 992px) {
.float-lg-start {
float: left !important
}
.float-lg-end {
float: right !important
}
.float-lg-none {
float: none !important
}
.lg\:float-start {
float: left !important
}
.lg\:float-end {
float: right !important
}
.lg\:float-none {
float: none !important
}
.opacity-lg-0,
.opacity-lg-0-hover:hover,
.hover\:opacity-lg-0:hover {
opacity: 0 !important
}
.opacity-lg-5,
.opacity-lg-5-hover:hover,
.hover\:opacity-lg-5:hover {
opacity: 0.05 !important
}
.opacity-lg-10,
.opacity-lg-10-hover:hover,
.hover\:opacity-lg-10:hover {
opacity: 0.1 !important
}
.opacity-lg-15,
.opacity-lg-15-hover:hover,
.hover\:opacity-lg-15:hover {
opacity: 0.15 !important
}
.opacity-lg-20,
.opacity-lg-20-hover:hover,
.hover\:opacity-lg-20:hover {
opacity: 0.2 !important
}
.opacity-lg-25,
.opacity-lg-25-hover:hover,
.hover\:opacity-lg-25:hover {
opacity: 0.25 !important
}
.opacity-lg-30,
.opacity-lg-30-hover:hover,
.hover\:opacity-lg-30:hover {
opacity: 0.3 !important
}
.opacity-lg-35,
.opacity-lg-35-hover:hover,
.hover\:opacity-lg-35:hover {
opacity: 0.35 !important
}
.opacity-lg-40,
.opacity-lg-40-hover:hover,
.hover\:opacity-lg-40:hover {
opacity: 0.4 !important
}
.opacity-lg-45,
.opacity-lg-45-hover:hover,
.hover\:opacity-lg-45:hover {
opacity: 0.45 !important
}
.opacity-lg-50,
.opacity-lg-50-hover:hover,
.hover\:opacity-lg-50:hover {
opacity: 0.5 !important
}
.opacity-lg-55,
.opacity-lg-55-hover:hover,
.hover\:opacity-lg-55:hover {
opacity: 0.55 !important
}
.opacity-lg-60,
.opacity-lg-60-hover:hover,
.hover\:opacity-lg-60:hover {
opacity: 0.6 !important
}
.opacity-lg-65,
.opacity-lg-65-hover:hover,
.hover\:opacity-lg-65:hover {
opacity: 0.65 !important
}
.opacity-lg-70,
.opacity-lg-70-hover:hover,
.hover\:opacity-lg-70:hover {
opacity: 0.7 !important
}
.opacity-lg-75,
.opacity-lg-75-hover:hover,
.hover\:opacity-lg-75:hover {
opacity: 0.75 !important
}
.opacity-lg-80,
.opacity-lg-80-hover:hover,
.hover\:opacity-lg-80:hover {
opacity: 0.8 !important
}
.opacity-lg-85,
.opacity-lg-85-hover:hover,
.hover\:opacity-lg-85:hover {
opacity: 0.85 !important
}
.opacity-lg-90,
.opacity-lg-90-hover:hover,
.hover\:opacity-lg-90:hover {
opacity: 0.9 !important
}
.opacity-lg-95,
.opacity-lg-95-hover:hover,
.hover\:opacity-lg-95:hover {
opacity: 0.95 !important
}
.opacity-lg-100,
.opacity-lg-100-hover:hover,
.hover\:opacity-lg-100:hover {
opacity: 1 !important
}
.lg\:opacity-0,
.lg\:opacity-0-hover:hover,
.lg\:hover\:opacity-0:hover {
opacity: 0 !important
}
.lg\:opacity-5,
.lg\:opacity-5-hover:hover,
.lg\:hover\:opacity-5:hover {
opacity: 0.05 !important
}
.lg\:opacity-10,
.lg\:opacity-10-hover:hover,
.lg\:hover\:opacity-10:hover {
opacity: 0.1 !important
}
.lg\:opacity-15,
.lg\:opacity-15-hover:hover,
.lg\:hover\:opacity-15:hover {
opacity: 0.15 !important
}
.lg\:opacity-20,
.lg\:opacity-20-hover:hover,
.lg\:hover\:opacity-20:hover {
opacity: 0.2 !important
}
.lg\:opacity-25,
.lg\:opacity-25-hover:hover,
.lg\:hover\:opacity-25:hover {
opacity: 0.25 !important
}
.lg\:opacity-30,
.lg\:opacity-30-hover:hover,
.lg\:hover\:opacity-30:hover {
opacity: 0.3 !important
}
.lg\:opacity-35,
.lg\:opacity-35-hover:hover,
.lg\:hover\:opacity-35:hover {
opacity: 0.35 !important
}
.lg\:opacity-40,
.lg\:opacity-40-hover:hover,
.lg\:hover\:opacity-40:hover {
opacity: 0.4 !important
}
.lg\:opacity-45,
.lg\:opacity-45-hover:hover,
.lg\:hover\:opacity-45:hover {
opacity: 0.45 !important
}
.lg\:opacity-50,
.lg\:opacity-50-hover:hover,
.lg\:hover\:opacity-50:hover {
opacity: 0.5 !important
}
.lg\:opacity-55,
.lg\:opacity-55-hover:hover,
.lg\:hover\:opacity-55:hover {
opacity: 0.55 !important
}
.lg\:opacity-60,
.lg\:opacity-60-hover:hover,
.lg\:hover\:opacity-60:hover {
opacity: 0.6 !important
}
.lg\:opacity-65,
.lg\:opacity-65-hover:hover,
.lg\:hover\:opacity-65:hover {
opacity: 0.65 !important
}
.lg\:opacity-70,
.lg\:opacity-70-hover:hover,
.lg\:hover\:opacity-70:hover {
opacity: 0.7 !important
}
.lg\:opacity-75,
.lg\:opacity-75-hover:hover,
.lg\:hover\:opacity-75:hover {
opacity: 0.75 !important
}
.lg\:opacity-80,
.lg\:opacity-80-hover:hover,
.lg\:hover\:opacity-80:hover {
opacity: 0.8 !important
}
.lg\:opacity-85,
.lg\:opacity-85-hover:hover,
.lg\:hover\:opacity-85:hover {
opacity: 0.85 !important
}
.lg\:opacity-90,
.lg\:opacity-90-hover:hover,
.lg\:hover\:opacity-90:hover {
opacity: 0.9 !important
}
.lg\:opacity-95,
.lg\:opacity-95-hover:hover,
.lg\:hover\:opacity-95:hover {
opacity: 0.95 !important
}
.lg\:opacity-100,
.lg\:opacity-100-hover:hover,
.lg\:hover\:opacity-100:hover {
opacity: 1 !important
}
.overflow-lg-unset {
overflow: unset !important
}
.overflow-lg-auto {
overflow: auto !important
}
.overflow-lg-hidden {
overflow: hidden !important
}
.overflow-lg-visible {
overflow: visible !important
}
.overflow-lg-scroll {
overflow: scroll !important
}
.lg\:overflow-unset {
overflow: unset !important
}
.lg\:overflow-auto {
overflow: auto !important
}
.lg\:overflow-hidden {
overflow: hidden !important
}
.lg\:overflow-visible {
overflow: visible !important
}
.lg\:overflow-scroll {
overflow: scroll !important
}
.d-lg-inline,
.d-lg-inline-hover:hover,
.hover\:d-lg-inline:hover {
display: inline !important
}
[dir=ltr] .ltr\:d-lg-inline {
display: inline !important
}
[dir=rtl] .rtl\:d-lg-inline {
display: inline !important
}
.d-lg-inline-block,
.d-lg-inline-block-hover:hover,
.hover\:d-lg-inline-block:hover {
display: inline-block !important
}
[dir=ltr] .ltr\:d-lg-inline-block {
display: inline-block !important
}
[dir=rtl] .rtl\:d-lg-inline-block {
display: inline-block !important
}
.d-lg-block,
.d-lg-block-hover:hover,
.hover\:d-lg-block:hover {
display: block !important
}
[dir=ltr] .ltr\:d-lg-block {
display: block !important
}
[dir=rtl] .rtl\:d-lg-block {
display: block !important
}
.d-lg-grid,
.d-lg-grid-hover:hover,
.hover\:d-lg-grid:hover {
display: grid !important
}
[dir=ltr] .ltr\:d-lg-grid {
display: grid !important
}
[dir=rtl] .rtl\:d-lg-grid {
display: grid !important
}
.d-lg-table,
.d-lg-table-hover:hover,
.hover\:d-lg-table:hover {
display: table !important
}
[dir=ltr] .ltr\:d-lg-table {
display: table !important
}
[dir=rtl] .rtl\:d-lg-table {
display: table !important
}
.d-lg-table-row,
.d-lg-table-row-hover:hover,
.hover\:d-lg-table-row:hover {
display: table-row !important
}
[dir=ltr] .ltr\:d-lg-table-row {
display: table-row !important
}
[dir=rtl] .rtl\:d-lg-table-row {
display: table-row !important
}
.d-lg-table-cell,
.d-lg-table-cell-hover:hover,
.hover\:d-lg-table-cell:hover {
display: table-cell !important
}
[dir=ltr] .ltr\:d-lg-table-cell {
display: table-cell !important
}
[dir=rtl] .rtl\:d-lg-table-cell {
display: table-cell !important
}
.d-lg-flex,
.d-lg-flex-hover:hover,
.hover\:d-lg-flex:hover {
display: flex !important
}
[dir=ltr] .ltr\:d-lg-flex {
display: flex !important
}
[dir=rtl] .rtl\:d-lg-flex {
display: flex !important
}
.d-lg-inline-flex,
.d-lg-inline-flex-hover:hover,
.hover\:d-lg-inline-flex:hover {
display: inline-flex !important
}
[dir=ltr] .ltr\:d-lg-inline-flex {
display: inline-flex !important
}
[dir=rtl] .rtl\:d-lg-inline-flex {
display: inline-flex !important
}
.d-lg-none,
.d-lg-none-hover:hover,
.hover\:d-lg-none:hover {
display: none !important
}
[dir=ltr] .ltr\:d-lg-none {
display: none !important
}
[dir=rtl] .rtl\:d-lg-none {
display: none !important
}
.lg\:d-inline,
.lg\:d-inline-hover:hover,
.lg\:hover\:d-inline:hover {
display: inline !important
}
[dir=ltr] .ltr\:lg\:d-inline {
display: inline !important
}
[dir=rtl] .rtl\:lg\:d-inline {
display: inline !important
}
.lg\:d-inline-block,
.lg\:d-inline-block-hover:hover,
.lg\:hover\:d-inline-block:hover {
display: inline-block !important
}
[dir=ltr] .ltr\:lg\:d-inline-block {
display: inline-block !important
}
[dir=rtl] .rtl\:lg\:d-inline-block {
display: inline-block !important
}
.lg\:d-block,
.lg\:d-block-hover:hover,
.lg\:hover\:d-block:hover {
display: block !important
}
[dir=ltr] .ltr\:lg\:d-block {
display: block !important
}
[dir=rtl] .rtl\:lg\:d-block {
display: block !important
}
.lg\:d-grid,
.lg\:d-grid-hover:hover,
.lg\:hover\:d-grid:hover {
display: grid !important
}
[dir=ltr] .ltr\:lg\:d-grid {
display: grid !important
}
[dir=rtl] .rtl\:lg\:d-grid {
display: grid !important
}
.lg\:d-table,
.lg\:d-table-hover:hover,
.lg\:hover\:d-table:hover {
display: table !important
}
[dir=ltr] .ltr\:lg\:d-table {
display: table !important
}
[dir=rtl] .rtl\:lg\:d-table {
display: table !important
}
.lg\:d-table-row,
.lg\:d-table-row-hover:hover,
.lg\:hover\:d-table-row:hover {
display: table-row !important
}
[dir=ltr] .ltr\:lg\:d-table-row {
display: table-row !important
}
[dir=rtl] .rtl\:lg\:d-table-row {
display: table-row !important
}
.lg\:d-table-cell,
.lg\:d-table-cell-hover:hover,
.lg\:hover\:d-table-cell:hover {
display: table-cell !important
}
[dir=ltr] .ltr\:lg\:d-table-cell {
display: table-cell !important
}
[dir=rtl] .rtl\:lg\:d-table-cell {
display: table-cell !important
}
.lg\:d-flex,
.lg\:d-flex-hover:hover,
.lg\:hover\:d-flex:hover {
display: flex !important
}
[dir=ltr] .ltr\:lg\:d-flex {
display: flex !important
}
[dir=rtl] .rtl\:lg\:d-flex {
display: flex !important
}
.lg\:d-inline-flex,
.lg\:d-inline-flex-hover:hover,
.lg\:hover\:d-inline-flex:hover {
display: inline-flex !important
}
[dir=ltr] .ltr\:lg\:d-inline-flex {
display: inline-flex !important
}
[dir=rtl] .rtl\:lg\:d-inline-flex {
display: inline-flex !important
}
.lg\:d-none,
.lg\:d-none-hover:hover,
.lg\:hover\:d-none:hover {
display: none !important
}
[dir=ltr] .ltr\:lg\:d-none {
display: none !important
}
[dir=rtl] .rtl\:lg\:d-none {
display: none !important
}
[dir=ltr] .ltr\:d-lg-inline {
display: inline !important
}
[dir=rtl] .rtl\:d-lg-inline {
display: inline !important
}
[dir=ltr] .ltr\:d-lg-inline-block {
display: inline-block !important
}
[dir=rtl] .rtl\:d-lg-inline-block {
display: inline-block !important
}
[dir=ltr] .ltr\:d-lg-block {
display: block !important
}
[dir=rtl] .rtl\:d-lg-block {
display: block !important
}
[dir=ltr] .ltr\:d-lg-grid {
display: grid !important
}
[dir=rtl] .rtl\:d-lg-grid {
display: grid !important
}
[dir=ltr] .ltr\:d-lg-table {
display: table !important
}
[dir=rtl] .rtl\:d-lg-table {
display: table !important
}
[dir=ltr] .ltr\:d-lg-table-row {
display: table-row !important
}
[dir=rtl] .rtl\:d-lg-table-row {
display: table-row !important
}
.w-lg-1440px,
.w-lg-1440px-hover:hover,
.hover\:w-lg-1440px:hover,
.w-lg-1440px-focus:focus,
.focus\:w-lg-1440px:focus {
width: 1440px !important
}
.w-lg-xs,
.w-lg-xs-hover:hover,
.hover\:w-lg-xs:hover,
.w-lg-xs-focus:focus,
.focus\:w-lg-xs:focus {
width: 320px !important
}
.w-lg-sm,
.w-lg-sm-hover:hover,
.hover\:w-lg-sm:hover,
.w-lg-sm-focus:focus,
.focus\:w-lg-sm:focus {
width: 640px !important
}
.w-lg-md,
.w-lg-md-hover:hover,
.hover\:w-lg-md:hover,
.w-lg-md-focus:focus,
.focus\:w-lg-md:focus {
width: 720px !important
}
.w-lg-lg,
.w-lg-lg-hover:hover,
.hover\:w-lg-lg:hover,
.w-lg-lg-focus:focus,
.focus\:w-lg-lg:focus {
width: 1040px !important
}
.w-lg-xl,
.w-lg-xl-hover:hover,
.hover\:w-lg-xl:hover,
.w-lg-xl-focus:focus,
.focus\:w-lg-xl:focus {
width: 1280px !important
}
.w-lg-2xl,
.w-lg-2xl-hover:hover,
.hover\:w-lg-2xl:hover,
.w-lg-2xl-focus:focus,
.focus\:w-lg-2xl:focus {
width: 1312px !important
}
.w-lg-1\/6,
.w-lg-1\/6-hover:hover,
.hover\:w-lg-1\/6:hover,
.w-lg-1\/6-focus:focus,
.focus\:w-lg-1\/6:focus {
width: 16.6666667% !important
}
.w-lg-2\/6,
.w-lg-2\/6-hover:hover,
.hover\:w-lg-2\/6:hover,
.w-lg-2\/6-focus:focus,
.focus\:w-lg-2\/6:focus {
width: 33.3333333% !important
}
.w-lg-3\/6,
.w-lg-3\/6-hover:hover,
.hover\:w-lg-3\/6:hover,
.w-lg-3\/6-focus:focus,
.focus\:w-lg-3\/6:focus {
width: 50% !important
}
.w-lg-4\/6,
.w-lg-4\/6-hover:hover,
.hover\:w-lg-4\/6:hover,
.w-lg-4\/6-focus:focus,
.focus\:w-lg-4\/6:focus {
width: 66.6666667% !important
}
.w-lg-5\/6,
.w-lg-5\/6-hover:hover,
.hover\:w-lg-5\/6:hover,
.w-lg-5\/6-focus:focus,
.focus\:w-lg-5\/6:focus {
width: 83.3333333% !important
}
.w-lg-1\/5,
.w-lg-1\/5-hover:hover,
.hover\:w-lg-1\/5:hover,
.w-lg-1\/5-focus:focus,
.focus\:w-lg-1\/5:focus {
width: 20% !important
}
.w-lg-2\/5,
.w-lg-2\/5-hover:hover,
.hover\:w-lg-2\/5:hover,
.w-lg-2\/5-focus:focus,
.focus\:w-lg-2\/5:focus {
width: 40% !important
}
.w-lg-3\/5,
.w-lg-3\/5-hover:hover,
.hover\:w-lg-3\/5:hover,
.w-lg-3\/5-focus:focus,
.focus\:w-lg-3\/5:focus {
width: 60% !important
}
.w-lg-4\/5,
.w-lg-4\/5-hover:hover,
.hover\:w-lg-4\/5:hover,
.w-lg-4\/5-focus:focus,
.focus\:w-lg-4\/5:focus {
width: 80% !important
}
.w-lg-1\/4,
.w-lg-1\/4-hover:hover,
.hover\:w-lg-1\/4:hover,
.w-lg-1\/4-focus:focus,
.focus\:w-lg-1\/4:focus {
width: 25% !important
}
.w-lg-2\/4,
.w-lg-2\/4-hover:hover,
.hover\:w-lg-2\/4:hover,
.w-lg-2\/4-focus:focus,
.focus\:w-lg-2\/4:focus {
width: 50% !important
}
.w-lg-3\/4,
.w-lg-3\/4-hover:hover,
.hover\:w-lg-3\/4:hover,
.w-lg-3\/4-focus:focus,
.focus\:w-lg-3\/4:focus {
width: 75% !important
}
.w-lg-1\/3,
.w-lg-1\/3-hover:hover,
.hover\:w-lg-1\/3:hover,
.w-lg-1\/3-focus:focus,
.focus\:w-lg-1\/3:focus {
width: 33.3333333% !important
}
.w-lg-2\/3,
.w-lg-2\/3-hover:hover,
.hover\:w-lg-2\/3:hover,
.w-lg-2\/3-focus:focus,
.focus\:w-lg-2\/3:focus {
width: 66.6666667% !important
}
.w-lg-1\/2,
.w-lg-1\/2-hover:hover,
.hover\:w-lg-1\/2:hover,
.w-lg-1\/2-focus:focus,
.focus\:w-lg-1\/2:focus {
width: 50% !important
}
.w-lg-100,
.w-lg-100-hover:hover,
.hover\:w-lg-100:hover,
.w-lg-100-focus:focus,
.focus\:w-lg-100:focus {
width: 100% !important
}
.w-lg-full,
.w-lg-full-hover:hover,
.hover\:w-lg-full:hover,
.w-lg-full-focus:focus,
.focus\:w-lg-full:focus {
width: 100% !important
}
.w-lg-min,
.w-lg-min-hover:hover,
.hover\:w-lg-min:hover,
.w-lg-min-focus:focus,
.focus\:w-lg-min:focus {
width: min-content !important
}
.w-lg-max,
.w-lg-max-hover:hover,
.hover\:w-lg-max:hover,
.w-lg-max-focus:focus,
.focus\:w-lg-max:focus {
width: max-content !important
}
.w-lg-fit,
.w-lg-fit-hover:hover,
.hover\:w-lg-fit:hover,
.w-lg-fit-focus:focus,
.focus\:w-lg-fit:focus {
width: fit-content !important
}
.w-lg-auto,
.w-lg-auto-hover:hover,
.hover\:w-lg-auto:hover,
.w-lg-auto-focus:focus,
.focus\:w-lg-auto:focus {
width: auto !important
}
.w-lg-0,
.w-lg-0-hover:hover,
.hover\:w-lg-0:hover,
.w-lg-0-focus:focus,
.focus\:w-lg-0:focus {
width: 0 !important
}
.w-lg-screen,
.w-lg-screen-hover:hover,
.hover\:w-lg-screen:hover,
.w-lg-screen-focus:focus,
.focus\:w-lg-screen:focus {
width: 100vw !important
}
.lg\:w-px,
.lg\:w-px-hover:hover,
.lg\:hover\:w-px:hover,
.lg\:w-px-focus:focus,
.lg\:focus\:w-px:focus {
width: 1px !important
}
.lg\:w-2px,
.lg\:w-2px-hover:hover,
.lg\:hover\:w-2px:hover,
.lg\:w-2px-focus:focus,
.lg\:focus\:w-2px:focus {
width: 2px !important
}
.lg\:w-4px,
.lg\:w-4px-hover:hover,
.lg\:hover\:w-4px:hover,
.lg\:w-4px-focus:focus,
.lg\:focus\:w-4px:focus {
width: 4px !important
}
.lg\:w-8px,
.lg\:w-8px-hover:hover,
.lg\:hover\:w-8px:hover,
.lg\:w-8px-focus:focus,
.lg\:focus\:w-8px:focus {
width: 8px !important
}
.lg\:w-16px,
.lg\:w-16px-hover:hover,
.lg\:hover\:w-16px:hover,
.lg\:w-16px-focus:focus,
.lg\:focus\:w-16px:focus {
width: 16px !important
}
.lg\:w-18px,
.lg\:w-18px-hover:hover,
.lg\:hover\:w-18px:hover,
.lg\:w-18px-focus:focus,
.lg\:focus\:w-18px:focus {
width: 18px !important
}
.lg\:w-20px,
.lg\:w-20px-hover:hover,
.lg\:hover\:w-20px:hover,
.lg\:w-20px-focus:focus,
.lg\:focus\:w-20px:focus {
width: 20px !important
}
.lg\:w-24px,
.lg\:w-24px-hover:hover,
.lg\:hover\:w-24px:hover,
.lg\:w-24px-focus:focus,
.lg\:focus\:w-24px:focus {
width: 24px !important
}
.lg\:w-32px,
.lg\:w-32px-hover:hover,
.lg\:hover\:w-32px:hover,
.lg\:w-32px-focus:focus,
.lg\:focus\:w-32px:focus {
width: 32px !important
}
.lg\:w-36px,
.lg\:w-36px-hover:hover,
.lg\:hover\:w-36px:hover,
.lg\:w-36px-focus:focus,
.lg\:focus\:w-36px:focus {
width: 36px !important
}
.lg\:w-40px,
.lg\:w-40px-hover:hover,
.lg\:hover\:w-40px:hover,
.lg\:w-40px-focus:focus,
.lg\:focus\:w-40px:focus {
width: 40px !important
}
.lg\:w-48px,
.lg\:w-48px-hover:hover,
.lg\:hover\:w-48px:hover,
.lg\:w-48px-focus:focus,
.lg\:focus\:w-48px:focus {
width: 48px !important
}
.lg\:w-56px,
.lg\:w-56px-hover:hover,
.lg\:hover\:w-56px:hover,
.lg\:w-56px-focus:focus,
.lg\:focus\:w-56px:focus {
width: 56px !important
}
.lg\:w-64px,
.lg\:w-64px-hover:hover,
.lg\:hover\:w-64px:hover,
.lg\:w-64px-focus:focus,
.lg\:focus\:w-64px:focus {
width: 64px !important
}
.lg\:w-72px,
.lg\:w-72px-hover:hover,
.lg\:hover\:w-72px:hover,
.lg\:w-72px-focus:focus,
.lg\:focus\:w-72px:focus {
width: 72px !important
}
.lg\:w-80px,
.lg\:w-80px-hover:hover,
.lg\:hover\:w-80px:hover,
.lg\:w-80px-focus:focus,
.lg\:focus\:w-80px:focus {
width: 80px !important
}
.lg\:w-96px,
.lg\:w-96px-hover:hover,
.lg\:hover\:w-96px:hover,
.lg\:w-96px-focus:focus,
.lg\:focus\:w-96px:focus {
width: 96px !important
}
.lg\:w-100px,
.lg\:w-100px-hover:hover,
.lg\:hover\:w-100px:hover,
.lg\:w-100px-focus:focus,
.lg\:focus\:w-100px:focus {
width: 100px !important
}
.lg\:w-128px,
.lg\:w-128px-hover:hover,
.lg\:hover\:w-128px:hover,
.lg\:w-128px-focus:focus,
.lg\:focus\:w-128px:focus {
width: 128px !important
}
.lg\:w-150px,
.lg\:w-150px-hover:hover,
.lg\:hover\:w-150px:hover,
.lg\:w-150px-focus:focus,
.lg\:focus\:w-150px:focus {
width: 150px !important
}
.lg\:w-200px,
.lg\:w-200px-hover:hover,
.lg\:hover\:w-200px:hover,
.lg\:w-200px-focus:focus,
.lg\:focus\:w-200px:focus {
width: 200px !important
}
.lg\:w-250px,
.lg\:w-250px-hover:hover,
.lg\:hover\:w-250px:hover,
.lg\:w-250px-focus:focus,
.lg\:focus\:w-250px:focus {
width: 250px !important
}
.lg\:w-300px,
.lg\:w-300px-hover:hover,
.lg\:hover\:w-300px:hover,
.lg\:w-300px-focus:focus,
.lg\:focus\:w-300px:focus {
width: 300px !important
}
.lg\:w-350px,
.lg\:w-350px-hover:hover,
.lg\:hover\:w-350px:hover,
.lg\:w-350px-focus:focus,
.lg\:focus\:w-350px:focus {
width: 350px !important
}
.lg\:w-400px,
.lg\:w-400px-hover:hover,
.lg\:hover\:w-400px:hover,
.lg\:w-400px-focus:focus,
.lg\:focus\:w-400px:focus {
width: 400px !important
}
.lg\:w-450px,
.lg\:w-450px-hover:hover,
.lg\:hover\:w-450px:hover,
.lg\:w-450px-focus:focus,
.lg\:focus\:w-450px:focus {
width: 450px !important
}
.lg\:w-500px,
.lg\:w-500px-hover:hover,
.lg\:hover\:w-500px:hover,
.lg\:w-500px-focus:focus,
.lg\:focus\:w-500px:focus {
width: 500px !important
}
.lg\:w-550px,
.lg\:w-550px-hover:hover,
.lg\:hover\:w-550px:hover,
.lg\:w-550px-focus:focus,
.lg\:focus\:w-550px:focus {
width: 550px !important
}
.lg\:w-600px,
.lg\:w-600px-hover:hover,
.lg\:hover\:w-600px:hover,
.lg\:w-600px-focus:focus,
.lg\:focus\:w-600px:focus {
width: 600px !important
}
.lg\:w-650px,
.lg\:w-650px-hover:hover,
.lg\:hover\:w-650px:hover,
.lg\:w-650px-focus:focus,
.lg\:focus\:w-650px:focus {
width: 650px !important
}
.lg\:w-700px,
.lg\:w-700px-hover:hover,
.lg\:hover\:w-700px:hover,
.lg\:w-700px-focus:focus,
.lg\:focus\:w-700px:focus {
width: 700px !important
}
.lg\:w-750px,
.lg\:w-750px-hover:hover,
.lg\:hover\:w-750px:hover,
.lg\:w-750px-focus:focus,
.lg\:focus\:w-750px:focus {
width: 750px !important
}
.lg\:w-800px,
.lg\:w-800px-hover:hover,
.lg\:hover\:w-800px:hover,
.lg\:w-800px-focus:focus,
.lg\:focus\:w-800px:focus {
width: 800px !important
}
.lg\:w-850px,
.lg\:w-850px-hover:hover,
.lg\:hover\:w-850px:hover,
.lg\:w-850px-focus:focus,
.lg\:focus\:w-850px:focus {
width: 850px !important
}
.lg\:w-900px,
.lg\:w-900px-hover:hover,
.lg\:hover\:w-900px:hover,
.lg\:w-900px-focus:focus,
.lg\:focus\:w-900px:focus {
width: 900px !important
}
.lg\:w-950px,
.lg\:w-950px-hover:hover,
.lg\:hover\:w-950px:hover,
.lg\:w-950px-focus:focus,
.lg\:focus\:w-950px:focus {
width: 950px !important
}
.lg\:w-1000px,
.lg\:w-1000px-hover:hover,
.lg\:hover\:w-1000px:hover,
.lg\:w-1000px-focus:focus,
.lg\:focus\:w-1000px:focus {
width: 1000px !important
}
.lg\:w-1170px,
.lg\:w-1170px-hover:hover,
.lg\:hover\:w-1170px:hover,
.lg\:w-1170px-focus:focus,
.lg\:focus\:w-1170px:focus {
width: 1170px !important
}
.lg\:w-1280px,
.lg\:w-1280px-hover:hover,
.lg\:hover\:w-1280px:hover,
.lg\:w-1280px-focus:focus,
.lg\:focus\:w-1280px:focus {
width: 1280px !important
}
.lg\:w-1320px,
.lg\:w-1320px-hover:hover,
.lg\:hover\:w-1320px:hover,
.lg\:w-1320px-focus:focus,
.lg\:focus\:w-1320px:focus {
width: 1320px !important
}
.lg\:w-1440px,
.lg\:w-1440px-hover:hover,
.lg\:hover\:w-1440px:hover,
.lg\:w-1440px-focus:focus,
.lg\:focus\:w-1440px:focus {
width: 1440px !important
}
.lg\:w-xs,
.lg\:w-xs-hover:hover,
.lg\:hover\:w-xs:hover,
.lg\:w-xs-focus:focus,
.lg\:focus\:w-xs:focus {
width: 320px !important
}
.lg\:w-sm,
.lg\:w-sm-hover:hover,
.lg\:hover\:w-sm:hover,
.lg\:w-sm-focus:focus,
.lg\:focus\:w-sm:focus {
width: 640px !important
}
.lg\:w-md,
.lg\:w-md-hover:hover,
.lg\:hover\:w-md:hover,
.lg\:w-md-focus:focus,
.lg\:focus\:w-md:focus {
width: 720px !important
}
.lg\:w-lg,
.lg\:w-lg-hover:hover,
.lg\:hover\:w-lg:hover,
.lg\:w-lg-focus:focus,
.lg\:focus\:w-lg:focus {
width: 1040px !important
}
.lg\:w-xl,
.lg\:w-xl-hover:hover,
.lg\:hover\:w-xl:hover,
.lg\:w-xl-focus:focus,
.lg\:focus\:w-xl:focus {
width: 1280px !important
}
.lg\:w-2xl,
.lg\:w-2xl-hover:hover,
.lg\:hover\:w-2xl:hover,
.lg\:w-2xl-focus:focus,
.lg\:focus\:w-2xl:focus {
width: 1312px !important
}
.lg\:w-1\/6,
.lg\:w-1\/6-hover:hover,
.lg\:hover\:w-1\/6:hover,
.lg\:w-1\/6-focus:focus,
.lg\:focus\:w-1\/6:focus {
width: 16.6666667% !important
}
.lg\:w-2\/6,
.lg\:w-2\/6-hover:hover,
.lg\:hover\:w-2\/6:hover,
.lg\:w-2\/6-focus:focus,
.lg\:focus\:w-2\/6:focus {
width: 33.3333333% !important
}
.lg\:w-3\/6,
.lg\:w-3\/6-hover:hover,
.lg\:hover\:w-3\/6:hover,
.lg\:w-3\/6-focus:focus,
.lg\:focus\:w-3\/6:focus {
width: 50% !important
}
.lg\:w-4\/6,
.lg\:w-4\/6-hover:hover,
.lg\:hover\:w-4\/6:hover,
.lg\:w-4\/6-focus:focus,
.lg\:focus\:w-4\/6:focus {
width: 66.6666667% !important
}
.lg\:w-5\/6,
.lg\:w-5\/6-hover:hover,
.lg\:hover\:w-5\/6:hover,
.lg\:w-5\/6-focus:focus,
.lg\:focus\:w-5\/6:focus {
width: 83.3333333% !important
}
.lg\:w-1\/5,
.lg\:w-1\/5-hover:hover,
.lg\:hover\:w-1\/5:hover,
.lg\:w-1\/5-focus:focus,
.lg\:focus\:w-1\/5:focus {
width: 20% !important
}
.lg\:w-2\/5,
.lg\:w-2\/5-hover:hover,
.lg\:hover\:w-2\/5:hover,
.lg\:w-2\/5-focus:focus,
.lg\:focus\:w-2\/5:focus {
width: 40% !important
}
.lg\:w-3\/5,
.lg\:w-3\/5-hover:hover,
.lg\:hover\:w-3\/5:hover,
.lg\:w-3\/5-focus:focus,
.lg\:focus\:w-3\/5:focus {
width: 60% !important
}
.lg\:w-4\/5,
.lg\:w-4\/5-hover:hover,
.lg\:hover\:w-4\/5:hover,
.lg\:w-4\/5-focus:focus,
.lg\:focus\:w-4\/5:focus {
width: 80% !important
}
.lg\:w-1\/4,
.lg\:w-1\/4-hover:hover,
.lg\:hover\:w-1\/4:hover,
.lg\:w-1\/4-focus:focus,
.lg\:focus\:w-1\/4:focus {
width: 25% !important
}
.lg\:w-2\/4,
.lg\:w-2\/4-hover:hover,
.lg\:hover\:w-2\/4:hover,
.lg\:w-2\/4-focus:focus,
.lg\:focus\:w-2\/4:focus {
width: 50% !important
}
.lg\:w-3\/4,
.lg\:w-3\/4-hover:hover,
.lg\:hover\:w-3\/4:hover,
.lg\:w-3\/4-focus:focus,
.lg\:focus\:w-3\/4:focus {
width: 75% !important
}
.lg\:w-1\/3,
.lg\:w-1\/3-hover:hover,
.lg\:hover\:w-1\/3:hover,
.lg\:w-1\/3-focus:focus,
.lg\:focus\:w-1\/3:focus {
width: 33.3333333% !important
}
.lg\:w-2\/3,
.lg\:w-2\/3-hover:hover,
.lg\:hover\:w-2\/3:hover,
.lg\:w-2\/3-focus:focus,
.lg\:focus\:w-2\/3:focus {
width: 66.6666667% !important
}
.lg\:w-1\/2,
.lg\:w-1\/2-hover:hover,
.lg\:hover\:w-1\/2:hover,
.lg\:w-1\/2-focus:focus,
.lg\:focus\:w-1\/2:focus {
width: 50% !important
}
.lg\:w-100,
.lg\:w-100-hover:hover,
.lg\:hover\:w-100:hover,
.lg\:w-100-focus:focus,
.lg\:focus\:w-100:focus {
width: 100% !important
}
.lg\:w-full,
.lg\:w-full-hover:hover,
.lg\:hover\:w-full:hover,
.lg\:w-full-focus:focus,
.lg\:focus\:w-full:focus {
width: 100% !important
}
.lg\:w-min,
.lg\:w-min-hover:hover,
.lg\:hover\:w-min:hover,
.lg\:w-min-focus:focus,
.lg\:focus\:w-min:focus {
width: min-content !important
}
.lg\:w-max,
.lg\:w-max-hover:hover,
.lg\:hover\:w-max:hover,
.lg\:w-max-focus:focus,
.lg\:focus\:w-max:focus {
width: max-content !important
}
.lg\:w-fit,
.lg\:w-fit-hover:hover,
.lg\:hover\:w-fit:hover,
.lg\:w-fit-focus:focus,
.lg\:focus\:w-fit:focus {
width: fit-content !important
}
.lg\:w-auto,
.lg\:w-auto-hover:hover,
.lg\:hover\:w-auto:hover,
.lg\:w-auto-focus:focus,
.lg\:focus\:w-auto:focus {
width: auto !important
}
.lg\:w-0,
.lg\:w-0-hover:hover,
.lg\:hover\:w-0:hover,
.lg\:w-0-focus:focus,
.lg\:focus\:w-0:focus {
width: 0 !important
}
.lg\:w-screen,
.lg\:w-screen-hover:hover,
.lg\:hover\:w-screen:hover,
.lg\:w-screen-focus:focus,
.lg\:focus\:w-screen:focus {
width: 100vw !important
}
.max-w-lg-none,
.max-w-lg-none-hover:hover,
.hover\:max-w-lg-none:hover {
max-width: none !important
}
.max-w-lg-px,
.max-w-lg-px-hover:hover,
.hover\:max-w-lg-px:hover {
max-width: 1px !important
}
.max-w-lg-2px,
.max-w-lg-2px-hover:hover,
.hover\:max-w-lg-2px:hover {
max-width: 2px !important
}
.max-w-lg-4px,
.max-w-lg-4px-hover:hover,
.hover\:max-w-lg-4px:hover {
max-width: 4px !important
}
.max-w-lg-8px,
.max-w-lg-8px-hover:hover,
.hover\:max-w-lg-8px:hover {
max-width: 8px !important
}
.max-w-lg-16px,
.max-w-lg-16px-hover:hover,
.hover\:max-w-lg-16px:hover {
max-width: 16px !important
}
.max-w-lg-18px,
.max-w-lg-18px-hover:hover,
.hover\:max-w-lg-18px:hover {
max-width: 18px !important
}
.max-w-lg-20px,
.max-w-lg-20px-hover:hover,
.hover\:max-w-lg-20px:hover {
max-width: 20px !important
}
.max-w-lg-24px,
.max-w-lg-24px-hover:hover,
.hover\:max-w-lg-24px:hover {
max-width: 24px !important
}
.max-w-lg-32px,
.max-w-lg-32px-hover:hover,
.hover\:max-w-lg-32px:hover {
max-width: 32px !important
}
.max-w-lg-36px,
.max-w-lg-36px-hover:hover,
.hover\:max-w-lg-36px:hover {
max-width: 36px !important
}
.max-w-lg-40px,
.max-w-lg-40px-hover:hover,
.hover\:max-w-lg-40px:hover {
max-width: 40px !important
}
.max-w-lg-48px,
.max-w-lg-48px-hover:hover,
.hover\:max-w-lg-48px:hover {
max-width: 48px !important
}
.max-w-lg-56px,
.max-w-lg-56px-hover:hover,
.hover\:max-w-lg-56px:hover {
max-width: 56px !important
}
.max-w-lg-64px,
.max-w-lg-64px-hover:hover,
.hover\:max-w-lg-64px:hover {
max-width: 64px !important
}
.max-w-lg-72px,
.max-w-lg-72px-hover:hover,
.hover\:max-w-lg-72px:hover {
max-width: 72px !important
}
.max-w-lg-80px,
.max-w-lg-80px-hover:hover,
.hover\:max-w-lg-80px:hover {
max-width: 80px !important
}
.max-w-lg-96px,
.max-w-lg-96px-hover:hover,
.hover\:max-w-lg-96px:hover {
max-width: 96px !important
}
.max-w-lg-100px,
.max-w-lg-100px-hover:hover,
.hover\:max-w-lg-100px:hover {
max-width: 100px !important
}
.max-w-lg-128px,
.max-w-lg-128px-hover:hover,
.hover\:max-w-lg-128px:hover {
max-width: 128px !important
}
.max-w-lg-150px,
.max-w-lg-150px-hover:hover,
.hover\:max-w-lg-150px:hover {
max-width: 150px !important
}
.max-w-lg-200px,
.max-w-lg-200px-hover:hover,
.hover\:max-w-lg-200px:hover {
max-width: 200px !important
}
.max-w-lg-250px,
.max-w-lg-250px-hover:hover,
.hover\:max-w-lg-250px:hover {
max-width: 250px !important
}
.max-w-lg-300px,
.max-w-lg-300px-hover:hover,
.hover\:max-w-lg-300px:hover {
max-width: 300px !important
}
.max-w-lg-350px,
.max-w-lg-350px-hover:hover,
.hover\:max-w-lg-350px:hover {
max-width: 350px !important
}
.max-w-lg-400px,
.max-w-lg-400px-hover:hover,
.hover\:max-w-lg-400px:hover {
max-width: 400px !important
}
.max-w-lg-450px,
.max-w-lg-450px-hover:hover,
.hover\:max-w-lg-450px:hover {
max-width: 450px !important
}
.max-w-lg-500px,
.max-w-lg-500px-hover:hover,
.hover\:max-w-lg-500px:hover {
max-width: 500px !important
}
.max-w-lg-550px,
.max-w-lg-550px-hover:hover,
.hover\:max-w-lg-550px:hover {
max-width: 550px !important
}
.max-w-lg-600px,
.max-w-lg-600px-hover:hover,
.hover\:max-w-lg-600px:hover {
max-width: 600px !important
}
.max-w-lg-650px,
.max-w-lg-650px-hover:hover,
.hover\:max-w-lg-650px:hover {
max-width: 650px !important
}
.max-w-lg-700px,
.max-w-lg-700px-hover:hover,
.hover\:max-w-lg-700px:hover {
max-width: 700px !important
}
.max-w-lg-750px,
.max-w-lg-750px-hover:hover,
.hover\:max-w-lg-750px:hover {
max-width: 750px !important
}
.max-w-lg-800px,
.max-w-lg-800px-hover:hover,
.hover\:max-w-lg-800px:hover {
max-width: 800px !important
}
.max-w-lg-850px,
.max-w-lg-850px-hover:hover,
.hover\:max-w-lg-850px:hover {
max-width: 850px !important
}
.max-w-lg-900px,
.max-w-lg-900px-hover:hover,
.hover\:max-w-lg-900px:hover {
max-width: 900px !important
}
.max-w-lg-950px,
.max-w-lg-950px-hover:hover,
.hover\:max-w-lg-950px:hover {
max-width: 950px !important
}
.max-w-lg-1000px,
.max-w-lg-1000px-hover:hover,
.hover\:max-w-lg-1000px:hover {
max-width: 1000px !important
}
.max-w-lg-1170px,
.max-w-lg-1170px-hover:hover,
.hover\:max-w-lg-1170px:hover {
max-width: 1170px !important
}
.max-w-lg-1280px,
.max-w-lg-1280px-hover:hover,
.hover\:max-w-lg-1280px:hover {
max-width: 1280px !important
}
.max-w-lg-1320px,
.max-w-lg-1320px-hover:hover,
.hover\:max-w-lg-1320px:hover {
max-width: 1320px !important
}
.max-w-lg-1440px,
.max-w-lg-1440px-hover:hover,
.hover\:max-w-lg-1440px:hover {
max-width: 1440px !important
}
.max-w-lg-1\/6,
.max-w-lg-1\/6-hover:hover,
.hover\:max-w-lg-1\/6:hover {
max-width: 16.6666667% !important
}
.max-w-lg-2\/6,
.max-w-lg-2\/6-hover:hover,
.hover\:max-w-lg-2\/6:hover {
max-width: 33.3333333% !important
}
.max-w-lg-3\/6,
.max-w-lg-3\/6-hover:hover,
.hover\:max-w-lg-3\/6:hover {
max-width: 50% !important
}
.max-w-lg-4\/6,
.max-w-lg-4\/6-hover:hover,
.hover\:max-w-lg-4\/6:hover {
max-width: 66.6666667% !important
}
.max-w-lg-5\/6,
.max-w-lg-5\/6-hover:hover,
.hover\:max-w-lg-5\/6:hover {
max-width: 83.3333333% !important
}
.max-w-lg-1\/5,
.max-w-lg-1\/5-hover:hover,
.hover\:max-w-lg-1\/5:hover {
max-width: 20% !important
}
.max-w-lg-2\/5,
.max-w-lg-2\/5-hover:hover,
.hover\:max-w-lg-2\/5:hover {
max-width: 40% !important
}
.max-w-lg-3\/5,
.max-w-lg-3\/5-hover:hover,
.hover\:max-w-lg-3\/5:hover {
max-width: 60% !important
}
.max-w-lg-4\/5,
.max-w-lg-4\/5-hover:hover,
.hover\:max-w-lg-4\/5:hover {
max-width: 80% !important
}
.max-w-lg-1\/4,
.max-w-lg-1\/4-hover:hover,
.hover\:max-w-lg-1\/4:hover {
max-width: 25% !important
}
.max-w-lg-2\/4,
.max-w-lg-2\/4-hover:hover,
.hover\:max-w-lg-2\/4:hover {
max-width: 50% !important
}
.max-w-lg-3\/4,
.max-w-lg-3\/4-hover:hover,
.hover\:max-w-lg-3\/4:hover {
max-width: 75% !important
}
.max-w-lg-1\/3,
.max-w-lg-1\/3-hover:hover,
.hover\:max-w-lg-1\/3:hover {
max-width: 33.3333333% !important
}
.max-w-lg-2\/3,
.max-w-lg-2\/3-hover:hover,
.hover\:max-w-lg-2\/3:hover {
max-width: 66.6666667% !important
}
.max-w-lg-1\/2,
.max-w-lg-1\/2-hover:hover,
.hover\:max-w-lg-1\/2:hover {
max-width: 50% !important
}
.max-w-lg-xs,
.max-w-lg-xs-hover:hover,
.hover\:max-w-lg-xs:hover {
max-width: 320px !important
}
.max-w-lg-sm,
.max-w-lg-sm-hover:hover,
.hover\:max-w-lg-sm:hover {
max-width: 640px !important
}
.max-w-lg-md,
.max-w-lg-md-hover:hover,
.hover\:max-w-lg-md:hover {
max-width: 720px !important
}
.max-w-lg-lg,
.max-w-lg-lg-hover:hover,
.hover\:max-w-lg-lg:hover {
max-width: 1040px !important
}
.max-w-lg-xl,
.max-w-lg-xl-hover:hover,
.hover\:max-w-lg-xl:hover {
max-width: 1280px !important
}
.max-w-lg-2xl,
.max-w-lg-2xl-hover:hover,
.hover\:max-w-lg-2xl:hover {
max-width: 1312px !important
}
.max-w-lg-100,
.max-w-lg-100-hover:hover,
.hover\:max-w-lg-100:hover {
max-width: 100% !important
}
.max-w-lg-full,
.max-w-lg-full-hover:hover,
.hover\:max-w-lg-full:hover {
max-width: 100% !important
}
.max-w-lg-min,
.max-w-lg-min-hover:hover,
.hover\:max-w-lg-min:hover {
max-width: min-content !important
}
.max-w-lg-max,
.max-w-lg-max-hover:hover,
.hover\:max-w-lg-max:hover {
max-width: max-content !important
}
.max-w-lg-fit,
.max-w-lg-fit-hover:hover,
.hover\:max-w-lg-fit:hover {
max-width: fit-content !important
}
.max-w-lg-0,
.max-w-lg-0-hover:hover,
.hover\:max-w-lg-0:hover {
max-width: 0 !important
}
.lg\:m-2 {
margin: 1rem !important
}
.lg\:m-3 {
margin: 1.5rem !important
}
.lg\:m-4 {
margin: 2rem !important
}
.lg\:m-5 {
margin: 2.5rem !important
}
.lg\:m-6 {
margin: 3rem !important
}
.lg\:m-7 {
margin: 3.5rem !important
}
.lg\:m-8 {
margin: 4rem !important
}
.lg\:m-9 {
margin: 5rem !important
}
.lg\:m-10 {
margin: 8rem !important
}
.lg\:m-auto {
margin: auto !important
}
.mx-lg-0 {
margin-right: 0 !important;
margin-left: 0 !important
}
.mx-lg-narrow {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important
}
.mx-lg-1 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important
}
.lg\:px-1 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important
}
.lg\:px-2 {
padding-right: 1rem !important;
padding-left: 1rem !important
}
.lg\:px-3 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important
}
.lg\:px-4 {
padding-right: 2rem !important;
padding-left: 2rem !important
}
.lg\:px-5 {
padding-right: 2.5rem !important;
padding-left: 2.5rem !important
}
.lg\:px-6 {
padding-right: 3rem !important;
padding-left: 3rem !important
}
.lg\:px-7 {
padding-right: 3.5rem !important;
padding-left: 3.5rem !important
}
.lg\:px-8 {
padding-right: 4rem !important;
padding-left: 4rem !important
}
.lg\:px-9 {
padding-right: 5rem !important;
padding-left: 5rem !important
}
.lg\:px-10 {
padding-right: 8rem !important;
padding-left: 8rem !important
}
.py-lg-0 {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.py-lg-narrow {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important
}
.py-lg-1 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important
}
.py-lg-2 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.py-lg-3 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important
}
.py-lg-4 {
padding-top: 2rem !important;
padding-bottom: 2rem !important
}
.py-lg-5 {
padding-top: 2.5rem !important;
padding-bottom: 2.5rem !important
}
.py-lg-6 {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.py-lg-7 {
padding-top: 3.5rem !important;
padding-bottom: 3.5rem !important
}
.py-lg-8 {
padding-top: 4rem !important;
padding-bottom: 4rem !important
}
.py-lg-9 {
padding-top: 5rem !important;
padding-bottom: 5rem !important
}
.py-lg-10 {
padding-top: 8rem !important;
padding-bottom: 8rem !important
}
.lg\:py-0 {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.lg\:py-narrow {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important
}
.lg\:py-1 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important
}
.lg\:py-2 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.lg\:py-3 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important
}
.lg\:py-4 {
padding-top: 2rem !important;
padding-bottom: 2rem !important
}
.lg\:py-5 {
padding-top: 2.5rem !important;
padding-bottom: 2.5rem !important
}
.lg\:py-6 {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.lg\:py-7 {
padding-top: 3.5rem !important;
padding-bottom: 3.5rem !important
}
.lg\:py-8 {
padding-top: 4rem !important;
padding-bottom: 4rem !important
}
.lg\:py-9 {
padding-top: 5rem !important;
padding-bottom: 5rem !important
}
.lg\:py-10 {
padding-top: 8rem !important;
padding-bottom: 8rem !important
}
.pt-lg-0 {
padding-top: 0 !important
}
.pt-lg-narrow {
padding-top: 0.25rem !important
}
.pt-lg-1 {
padding-top: 0.5rem !important
}
.pt-lg-2 {
padding-top: 1rem !important
}
.pt-lg-3 {
padding-top: 1.5rem !important
}
.pt-lg-4 {
padding-top: 2rem !important
}
.pt-lg-5 {
padding-top: 2.5rem !important
}
.pt-lg-6 {
padding-top: 3rem !important
}
.pt-lg-7 {
padding-top: 3.5rem !important
}
.pt-lg-8 {
padding-top: 4rem !important
}
.pt-lg-9 {
padding-top: 5rem !important
}
.lg\:gap-0 {
gap: 0 !important
}
.lg\:gap-narrow {
gap: 0.25rem !important
}
.lg\:gap-1 {
gap: 0.5rem !important
}
.lg\:gap-2 {
gap: 1rem !important
}
.lg\:gap-3 {
gap: 1.5rem !important
}
.lg\:gap-4 {
gap: 2rem !important
}
.lg\:gap-5 {
gap: 2.5rem !important
}
.lg\:gap-6 {
gap: 3rem !important
}
.lg\:gap-7 {
gap: 3.5rem !important
}
.lg\:gap-8 {
gap: 4rem !important
}
.lg\:gap-9 {
gap: 5rem !important
}
.lg\:gap-10 {
gap: 8rem !important
}
.fs-lg-1 {
font-size: 1.75rem !important
}
[dir=ltr] .ltr\:fs-lg-1 {
font-size: 1.75rem !important
}
[dir=rtl] .rtl\:fs-lg-1 {
font-size: 1.75rem !important
}
.lg\:min-h-56px,
.lg\:min-h-56px-hover:hover,
.lg\:hover\:min-h-56px:hover {
min-height: 56px !important
}
.lg\:min-h-64px,
.lg\:min-h-64px-hover:hover,
.lg\:hover\:min-h-64px:hover {
min-height: 64px !important
}
.lg\:min-h-72px,
.lg\:min-h-72px-hover:hover,
.lg\:hover\:min-h-72px:hover {
min-height: 72px !important
}
.lg\:min-h-80px,
.lg\:min-h-80px-hover:hover,
.lg\:hover\:min-h-80px:hover {
min-height: 80px !important
}
.lg\:min-h-96px,
.lg\:min-h-96px-hover:hover,
.lg\:hover\:min-h-96px:hover {
min-height: 96px !important
}
.lg\:min-h-100px,
.lg\:min-h-100px-hover:hover,
.lg\:hover\:min-h-100px:hover {
min-height: 100px !important
}
.lg\:min-h-128px,
.lg\:min-h-128px-hover:hover,
.lg\:hover\:min-h-128px:hover {
min-height: 128px !important
}
.lg\:mask-start {
mask-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%) !important
}
[dir=ltr] .ltr\:lg\:mask-start {
mask-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%) !important
}
[dir=rtl] .rtl\:lg\:mask-start {
mask-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%) !important
}
.lg\:mask-start-1 {
mask-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 95%, rgba(0, 0, 0, 0) 100%) !important
}
[dir=ltr] .ltr\:lg\:mask-start-1 {
mask-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 95%, rgba(0, 0, 0, 0) 100%) !important
}
[dir=rtl] .rtl\:lg\:mask-start-1 {
mask-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 95%, rgba(0, 0, 0, 0) 100%) !important
}
.lg\:mask-start-2 {
mask-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%) !important
}
[dir=ltr] .ltr\:lg\:mask-start-2 {
mask-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%) !important
}
[dir=rtl] .rtl\:lg\:mask-start-2 {
mask-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%) !important
}
.lg\:mask-start-3 {
mask-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%) !important
}
[dir=ltr] .ltr\:lg\:mask-start-3 {
mask-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%) !important
}
[dir=rtl] .rtl\:lg\:mask-start-3 {
mask-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%) !important
}
.lg\:mask-start-4 {
mask-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%) !important
}
[dir=ltr] .ltr\:lg\:mask-start-4 {
mask-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%) !important
}
[dir=rtl] .rtl\:lg\:mask-start-4 {
mask-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%) !important
}
.lg\:mask-start-0 {
mask-image: none !important
}
[dir=ltr] .ltr\:lg\:mask-start-0 {
mask-image: none !important
}
[dir=rtl] .rtl\:lg\:mask-start-0 {
mask-image: none !important
}
.mask-end-lg {
mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%) !important
}
[dir=ltr] .ltr\:mask-end-lg {
mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%) !important
}
[dir=rtl] .rtl\:mask-end-lg {
mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%) !important
}
.mask-end-lg-1 {
mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 95%, rgba(0, 0, 0, 0) 100%) !important
}
[dir=ltr] .ltr\:mask-end-lg-1 {
mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 95%, rgba(0, 0, 0, 0) 100%) !important
}
[dir=rtl] .rtl\:mask-end-lg-1 {
mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 95%, rgba(0, 0, 0, 0) 100%) !important
}
.mask-end-lg-2 {
mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%) !important
}
[dir=ltr] .ltr\:mask-end-lg-2 {
mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%) !important
}
[dir=rtl] .rtl\:mask-end-lg-2 {
mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%) !important
}
.mask-end-lg-3 {
mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%) !important
}
[dir=ltr] .ltr\:mask-end-lg-3 {
mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%) !important
}
[dir=rtl] .rtl\:mask-end-lg-3 {
mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%) !important
}
.mask-end-lg-4 {
mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%) !important
}
[dir=ltr] .ltr\:mask-end-lg-4 {
mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%) !important
}
[dir=rtl] .rtl\:mask-end-lg-4 {
mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%) !important
}
.mask-end-lg-0 {
mask-image: none !important
}
[dir=ltr] .ltr\:mask-end-lg-0 {
mask-image: none !important
}
[dir=rtl] .rtl\:mask-end-lg-0 {
mask-image: none !important
}
.lg\:mask-end {
mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%) !important
}
[dir=ltr] .ltr\:lg\:mask-end {
mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%) !important
}
[dir=rtl] .rtl\:lg\:mask-end {
mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%) !important
}
.lg\:mask-end-1 {
mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 95%, rgba(0, 0, 0, 0) 100%) !important
}
[dir=ltr] .ltr\:lg\:mask-end-1 {
mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 95%, rgba(0, 0, 0, 0) 100%) !important
}
[dir=rtl] .rtl\:lg\:mask-end-1 {
mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 95%, rgba(0, 0, 0, 0) 100%) !important
}
.lg\:mask-end-2 {
mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%) !important
}
[dir=ltr] .ltr\:lg\:mask-end-2 {
mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%) !important
}
[dir=rtl] .rtl\:lg\:mask-end-2 {
mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%) !important
}
.lg\:mask-end-3 {
mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%) !important
}
[dir=ltr] .ltr\:lg\:mask-end-3 {
mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%) !important
}
[dir=rtl] .rtl\:lg\:mask-end-3 {
mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%) !important
}
.lg\:mask-end-4 {
mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%) !important
}
[dir=ltr] .ltr\:lg\:mask-end-4 {
mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%) !important
}
[dir=rtl] .rtl\:lg\:mask-end-4 {
mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%) !important
}
.ratio-lg-1x1 {
--bs-aspect-ratio: 100% !important
}
.ratio-lg-1x2 {
--bs-aspect-ratio: 200% !important
}
.ratio-lg-2x1 {
--bs-aspect-ratio: 50% !important
}
.ratio-lg-2x3 {
--bs-aspect-ratio: 150% !important
}
.ratio-lg-3x2 {
--bs-aspect-ratio: 66.6666667% !important
}
.ratio-lg-3x4 {
--bs-aspect-ratio: 133.333333% !important
}
.ratio-lg-4x3 {
--bs-aspect-ratio: 75% !important
}
.ratio-lg-16x9 {
--bs-aspect-ratio: 56.25% !important
}
.ratio-lg-21x9 {
--bs-aspect-ratio: 42.8571428571% !important
}
.lg\:ratio-1x1 {
--bs-aspect-ratio: 100% !important
}
.lg\:ratio-1x2 {
--bs-aspect-ratio: 200% !important
}
.lg\:ratio-2x1 {
--bs-aspect-ratio: 50% !important
}
.lg\:ratio-2x3 {
--bs-aspect-ratio: 150% !important
}
.lg\:ratio-3x2 {
--bs-aspect-ratio: 66.6666667% !important
}
.lg\:ratio-3x4 {
--bs-aspect-ratio: 133.333333% !important
}
.lg\:ratio-4x3 {
--bs-aspect-ratio: 75% !important
}
.lg\:ratio-16x9 {
--bs-aspect-ratio: 56.25% !important
}
.lg\:ratio-21x9 {
--bs-aspect-ratio: 42.8571428571% !important
}
}
@media print {
.opacity-print-0,
.opacity-print-0-hover:hover,
.hover\:opacity-print-0:hover {
opacity: 0 !important
}
.opacity-print-5,
.opacity-print-5-hover:hover,
.hover\:opacity-print-5:hover {
opacity: 0.05 !important
}
.opacity-print-10,
.opacity-print-10-hover:hover,
.hover\:opacity-print-10:hover {
opacity: 0.1 !important
}
.opacity-print-15,
.opacity-print-15-hover:hover,
.hover\:opacity-print-15:hover {
opacity: 0.15 !important
}
.opacity-print-20,
.opacity-print-20-hover:hover,
.hover\:opacity-print-20:hover {
opacity: 0.2 !important
}
.opacity-print-25,
.opacity-print-25-hover:hover,
.hover\:opacity-print-25:hover {
opacity: 0.25 !important
}
.opacity-print-30,
.opacity-print-30-hover:hover,
.hover\:opacity-print-30:hover {
opacity: 0.3 !important
}
.opacity-print-35,
.opacity-print-35-hover:hover,
.hover\:opacity-print-35:hover {
opacity: 0.35 !important
}
.opacity-print-40,
.opacity-print-40-hover:hover,
.hover\:opacity-print-40:hover {
opacity: 0.4 !important
}
.opacity-print-45,
.opacity-print-45-hover:hover,
.hover\:opacity-print-45:hover {
opacity: 0.45 !important
}
.opacity-print-50,
.opacity-print-50-hover:hover,
.hover\:opacity-print-50:hover {
opacity: 0.5 !important
}
.opacity-print-55,
.opacity-print-55-hover:hover,
.hover\:opacity-print-55:hover {
opacity: 0.55 !important
}
.opacity-print-60,
.opacity-print-60-hover:hover,
.hover\:opacity-print-60:hover {
opacity: 0.6 !important
}
.opacity-print-65,
.opacity-print-65-hover:hover,
.hover\:opacity-print-65:hover {
opacity: 0.65 !important
}
.opacity-print-70,
.opacity-print-70-hover:hover,
.hover\:opacity-print-70:hover {
opacity: 0.7 !important
}
.opacity-print-75,
.opacity-print-75-hover:hover,
.hover\:opacity-print-75:hover {
opacity: 0.75 !important
}
.opacity-print-80,
.opacity-print-80-hover:hover,
.hover\:opacity-print-80:hover {
opacity: 0.8 !important
}
.opacity-print-85,
.opacity-print-85-hover:hover,
.hover\:opacity-print-85:hover {
opacity: 0.85 !important
}
.opacity-print-90,
.opacity-print-90-hover:hover,
.hover\:opacity-print-90:hover {
opacity: 0.9 !important
}
.opacity-print-95,
.opacity-print-95-hover:hover,
.hover\:opacity-print-95:hover {
opacity: 0.95 !important
}
.opacity-print-100,
.opacity-print-100-hover:hover,
.hover\:opacity-print-100:hover {
opacity: 1 !important
}
.d-print-inline,
.d-print-inline-hover:hover,
.hover\:d-print-inline:hover {
display: inline !important
}
[dir=ltr] .ltr\:d-print-inline {
display: inline !important
}
[dir=rtl] .rtl\:d-print-inline {
display: inline !important
}
.d-print-inline-block,
.d-print-inline-block-hover:hover,
.hover\:d-print-inline-block:hover {
display: inline-block !important
}
[dir=ltr] .ltr\:d-print-inline-block {
display: inline-block !important
}
[dir=rtl] .rtl\:d-print-inline-block {
display: inline-block !important
}
.d-print-block,
.d-print-block-hover:hover,
.hover\:d-print-block:hover {
display: block !important
}
[dir=ltr] .ltr\:d-print-block {
display: block !important
}
[dir=rtl] .rtl\:d-print-block {
display: block !important
}
.d-print-grid,
.d-print-grid-hover:hover,
.hover\:d-print-grid:hover {
display: grid !important
}
[dir=ltr] .ltr\:d-print-grid {
display: grid !important
}
[dir=rtl] .rtl\:d-print-grid {
display: grid !important
}
.d-print-table,
.d-print-table-hover:hover,
.hover\:d-print-table:hover {
display: table !important
}
[dir=ltr] .ltr\:d-print-table {
display: table !important
}
[dir=rtl] .rtl\:d-print-table {
display: table !important
}
.d-print-table-row,
.d-print-table-row-hover:hover,
.hover\:d-print-table-row:hover {
display: table-row !important
}
[dir=ltr] .ltr\:d-print-table-row {
display: table-row !important
}
[dir=rtl] .rtl\:d-print-table-row {
display: table-row !important
}
.d-print-table-cell,
.d-print-table-cell-hover:hover,
.hover\:d-print-table-cell:hover {
display: table-cell !important
}
[dir=ltr] .ltr\:d-print-table-cell {
display: table-cell !important
}
[dir=rtl] .rtl\:d-print-table-cell {
display: table-cell !important
}
.d-print-flex,
.d-print-flex-hover:hover,
.hover\:d-print-flex:hover {
display: flex !important
}
[dir=ltr] .ltr\:d-print-flex {
display: flex !important
}
[dir=rtl] .rtl\:d-print-flex {
display: flex !important
}
.d-print-inline-flex,
.d-print-inline-flex-hover:hover,
.hover\:d-print-inline-flex:hover {
display: inline-flex !important
}
[dir=ltr] .ltr\:d-print-inline-flex {
display: inline-flex !important
}
[dir=rtl] .rtl\:d-print-inline-flex {
display: inline-flex !important
}
.d-print-none,
.d-print-none-hover:hover,
.hover\:d-print-none:hover {
display: none !important
}
[dir=ltr] .ltr\:d-print-none {
display: none !important
}
[dir=rtl] .rtl\:d-print-none {
display: none !important
}
[dir=ltr] .ltr\:d-print-inline {
display: inline !important
}
[dir=rtl] .rtl\:d-print-inline {
display: inline !important
}
[dir=ltr] .ltr\:d-print-inline-block {
display: inline-block !important
}
[dir=rtl] .rtl\:d-print-inline-block {
display: inline-block !important
}
[dir=ltr] .ltr\:d-print-block {
display: block !important
}
[dir=rtl] .rtl\:d-print-block {
display: block !important
}
[dir=ltr] .ltr\:d-print-grid {
display: grid !important
}
[dir=rtl] .rtl\:d-print-grid {
display: grid !important
}
[dir=ltr] .ltr\:d-print-table {
display: table !important
}
[dir=rtl] .rtl\:d-print-table {
display: table !important
}
[dir=ltr] .ltr\:d-print-table-row {
display: table-row !important
}
[dir=rtl] .rtl\:d-print-table-row {
display: table-row !important
}
[dir=ltr] .ltr\:d-print-table-cell {
display: table-cell !important
}
[dir=rtl] .rtl\:d-print-table-cell {
display: table-cell !important
}
[dir=ltr] .ltr\:d-print-flex {
display: flex !important
}
[dir=rtl] .rtl\:d-print-flex {
display: flex !important
}
[dir=ltr] .ltr\:d-print-inline-flex {
display: inline-flex !important
}
[dir=rtl] .rtl\:d-print-inline-flex {
display: inline-flex !important
}
[dir=ltr] .ltr\:d-print-none {
display: none !important
}
[dir=rtl] .rtl\:d-print-none {
display: none !important
}
}
@media (min-width: 459px) {
.sm\:dropdown-menu-start {
--bs-position: start
}
.sm\:dropdown-menu-start[data-bs-popper] {
right: auto;
left: 0
}
.sm\:dropdown-menu-end {
--bs-position: end
}
.sm\:dropdown-menu-end[data-bs-popper] {
right: 0;
left: auto
}
}
@media (min-width: 768px) {
.md\:dropdown-menu-start {
--bs-position: start
}
.md\:dropdown-menu-start[data-bs-popper] {
right: auto;
left: 0
}
.md\:dropdown-menu-end {
--bs-position: end
}
.md\:dropdown-menu-end[data-bs-popper] {
right: 0;
left: auto
}
}
@media (min-width: 992px) {
.lg\:dropdown-menu-start {
--bs-position: start
}
.lg\:dropdown-menu-start[data-bs-popper] {
right: auto;
left: 0
}
.lg\:dropdown-menu-end {
--bs-position: end
}
.lg\:dropdown-menu-end[data-bs-popper] {
right: 0;
left: auto
}
}
@media (min-width: 1200px) {
.xl\:dropdown-menu-start {
--bs-position: start
}
.xl\:dropdown-menu-start[data-bs-popper] {
right: auto;
left: 0
}
.xl\:dropdown-menu-end {
--bs-position: end
}
.xl\:dropdown-menu-end[data-bs-popper] {
right: 0;
left: auto
}
}
@media (min-width: 1400px) {
.xxl\:dropdown-menu-start {
--bs-position: start
}
.xxl\:dropdown-menu-start[data-bs-popper] {
right: auto;
left: 0
}
.xxl\:dropdown-menu-end {
--bs-position: end
}
.xxl\:dropdown-menu-end[data-bs-popper] {
right: 0;
left: auto
}
}
@media (min-width: 459px) {
.sm\:list-group-horizontal {
flex-direction: row
}
.sm\:list-group-horizontal > .list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--bs-list-group-border-radius);
border-top-right-radius: 0
}
.sm\:list-group-horizontal > .list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--bs-list-group-border-radius);
border-bottom-left-radius: 0
}
.sm\:list-group-horizontal > .list-group-item.active {
margin-top: 0
}
.sm\:list-group-horizontal > .list-group-item + .list-group-item {
border-top-width: var(--bs-list-group-border-width);
border-left-width: 0
}
.sm\: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: 768px) {
.md\:list-group-horizontal {
flex-direction: row
}
.md\:list-group-horizontal > .list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--bs-list-group-border-radius);
border-top-right-radius: 0
}
.md\:list-group-horizontal > .list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--bs-list-group-border-radius);
border-bottom-left-radius: 0
}
.md\:list-group-horizontal > .list-group-item.active {
margin-top: 0
}
.md\:list-group-horizontal > .list-group-item + .list-group-item {
border-top-width: var(--bs-list-group-border-width);
border-left-width: 0
}
.md\: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: 992px) {
.lg\:list-group-horizontal {
flex-direction: row
}
.lg\:list-group-horizontal > .list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--bs-list-group-border-radius);
border-top-right-radius: 0
}
.lg\:list-group-horizontal > .list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--bs-list-group-border-radius);
border-bottom-left-radius: 0
}
.lg\:list-group-horizontal > .list-group-item.active {
margin-top: 0
}
.lg\:list-group-horizontal > .list-group-item + .list-group-item {
border-top-width: var(--bs-list-group-border-width);
border-left-width: 0
}
.lg\: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: 1200px) {
.xl\:list-group-horizontal {
flex-direction: row
}
.xl\:list-group-horizontal > .list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--bs-list-group-border-radius);
border-top-right-radius: 0
}
.xl\:list-group-horizontal > .list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--bs-list-group-border-radius);
border-bottom-left-radius: 0
}
.xl\:list-group-horizontal > .list-group-item.active {
margin-top: 0
}
.xl\:list-group-horizontal > .list-group-item + .list-group-item {
border-top-width: var(--bs-list-group-border-width);
border-left-width: 0
}
.xl\: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: 1400px) {
.xxl\:list-group-horizontal {
flex-direction: row
}
.xxl\:list-group-horizontal > .list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--bs-list-group-border-radius);
border-top-right-radius: 0
}
.xxl\:list-group-horizontal > .list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--bs-list-group-border-radius);
border-bottom-left-radius: 0
}
.xxl\:list-group-horizontal > .list-group-item.active {
margin-top: 0
}
.xxl\:list-group-horizontal > .list-group-item + .list-group-item {
border-top-width: var(--bs-list-group-border-width);
border-left-width: 0
}
.xxl\: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: 459px) {
.sm\:navbar-expand {
flex-wrap: nowrap;
justify-content: flex-start
}
.sm\:navbar-expand .navbar-nav {
flex-direction: row
}
.sm\:navbar-expand .navbar-nav .dropdown-menu {
position: absolute
}
.sm\:navbar-expand .navbar-nav .nav-link {
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x)
}
.sm\:navbar-expand .navbar-nav-scroll {
overflow: visible
}
.sm\:navbar-expand .navbar-collapse {
display: flex !important;
flex-basis: auto
}
.sm\:navbar-expand .navbar-toggler {
display: none
}
.sm\: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
}
.sm\:navbar-expand .offcanvas .offcanvas-header {
display: none
}
.sm\:navbar-expand .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible
}
}
@media (min-width: 768px) {
.md\:navbar-expand {
flex-wrap: nowrap;
justify-content: flex-start
}
.md\:navbar-expand .navbar-nav {
flex-direction: row
}
.md\:navbar-expand .navbar-nav .dropdown-menu {
position: absolute
}
.md\:navbar-expand .navbar-nav .nav-link {
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x)
}
.md\:navbar-expand .navbar-nav-scroll {
overflow: visible
}
.md\:navbar-expand .navbar-collapse {
display: flex !important;
flex-basis: auto
}
.md\:navbar-expand .navbar-toggler {
display: none
}
.md\: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
}
.md\:navbar-expand .offcanvas .offcanvas-header {
display: none
}
.md\:navbar-expand .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible
}
}
@media (min-width: 992px) {
.lg\:navbar-expand {
flex-wrap: nowrap;
justify-content: flex-start
}
.lg\:navbar-expand .navbar-nav {
flex-direction: row
}
.lg\:navbar-expand .navbar-nav .dropdown-menu {
position: absolute
}
.lg\:navbar-expand .navbar-nav .nav-link {
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x)
}
.lg\:navbar-expand .navbar-nav-scroll {
overflow: visible
}
.lg\:navbar-expand .navbar-collapse {
display: flex !important;
flex-basis: auto
}
.lg\:navbar-expand .navbar-toggler {
display: none
}
.lg\: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
}
.lg\:navbar-expand .offcanvas .offcanvas-header {
display: none
}
.lg\:navbar-expand .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible
}
}
@media (min-width: 1200px) {
.xl\:navbar-expand {
flex-wrap: nowrap;
justify-content: flex-start
}
.xl\:navbar-expand .navbar-nav {
flex-direction: row
}
.xl\:navbar-expand .navbar-nav .dropdown-menu {
position: absolute
}
.xl\:navbar-expand .navbar-nav .nav-link {
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x)
}
.xl\:navbar-expand .navbar-nav-scroll {
overflow: visible
}
.xl\:navbar-expand .navbar-collapse {
display: flex !important;
flex-basis: auto
}
.xl\:navbar-expand .navbar-toggler {
display: none
}
.xl\: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
}
.xl\:navbar-expand .offcanvas .offcanvas-header {
display: none
}
.xl\:navbar-expand .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible
}
}
@media (min-width: 1400px) {
.xxl\:navbar-expand {
flex-wrap: nowrap;
justify-content: flex-start
}
.xxl\:navbar-expand .navbar-nav {
flex-direction: row
}
.xxl\:navbar-expand .navbar-nav .dropdown-menu {
position: absolute
}
.xxl\:navbar-expand .navbar-nav .nav-link {
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x)
}
.xxl\:navbar-expand .navbar-nav-scroll {
overflow: visible
}
.xxl\:navbar-expand .navbar-collapse {
display: flex !important;
flex-basis: auto
}
.xxl\:navbar-expand .navbar-toggler {
display: none
}
.xxl\: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
}
.xxl\:navbar-expand .offcanvas .offcanvas-header {
display: none
}
.xxl\:navbar-expand .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible
}
}
@media (max-width: 458.98px) {
.sm\:offcanvas {
position: fixed;
bottom: 0;
z-index: var(--bs-offcanvas-zindex);
display: flex;
flex-direction: column;
max-width: 100%;
color: var(--bs-offcanvas-color);
visibility: hidden;
background-color: var(--bs-offcanvas-bg);
background-clip: padding-box;
outline: 0;
transition: var(--bs-offcanvas-transition)
}
}
@media (max-width: 458.98px) and (prefers-reduced-motion: reduce) {
.sm\:offcanvas {
transition: none
}
}
@media (max-width: 458.98px) {
.sm\:offcanvas.offcanvas-start {
top: 0;
left: 0;
width: var(--bs-offcanvas-width);
border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(-100%)
}
}
@media (max-width: 458.98px) {
.sm\:offcanvas.offcanvas-end {
top: 0;
right: 0;
width: var(--bs-offcanvas-width);
border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(100%)
}
}
@media (max-width: 458.98px) {
.sm\:offcanvas.offcanvas-top {
top: 0;
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(-100%)
}
}
@media (max-width: 458.98px) {
.sm\:offcanvas.offcanvas-bottom {
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(100%)
}
}
@media (max-width: 458.98px) {
.sm\:offcanvas.showing,
.sm\:offcanvas.show:not(.hiding) {
transform: none
}
}
@media (max-width: 458.98px) {
.sm\:offcanvas.showing,
.sm\:offcanvas.hiding,
.sm\:offcanvas.show {
visibility: visible
}
}
@media (min-width: 459px) {
.sm\:offcanvas {
--bs-offcanvas-height: auto;
--bs-offcanvas-border-width: 0;
background-color: transparent !important
}
.sm\:offcanvas .offcanvas-header {
display: none
}
.sm\:offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
background-color: transparent !important
}
}
@media (max-width: 767.98px) {
.md\:offcanvas {
position: fixed;
bottom: 0;
z-index: var(--bs-offcanvas-zindex);
display: flex;
flex-direction: column;
max-width: 100%;
color: var(--bs-offcanvas-color);
visibility: hidden;
background-color: var(--bs-offcanvas-bg);
background-clip: padding-box;
outline: 0;
transition: var(--bs-offcanvas-transition)
}
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
.md\:offcanvas {
transition: none
}
}
@media (max-width: 767.98px) {
.md\:offcanvas.offcanvas-start {
top: 0;
left: 0;
width: var(--bs-offcanvas-width);
border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(-100%)
}
}
@media (max-width: 767.98px) {
.md\:offcanvas.offcanvas-end {
top: 0;
right: 0;
width: var(--bs-offcanvas-width);
border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(100%)
}
}
@media (max-width: 767.98px) {
.md\:offcanvas.offcanvas-top {
top: 0;
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(-100%)
}
}
@media (max-width: 767.98px) {
.md\:offcanvas.offcanvas-bottom {
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(100%)
}
}
@media (max-width: 767.98px) {
.md\:offcanvas.showing,
.md\:offcanvas.show:not(.hiding) {
transform: none
}
}
@media (max-width: 767.98px) {
.md\:offcanvas.showing,
.md\:offcanvas.hiding,
.md\:offcanvas.show {
visibility: visible
}
}
@media (min-width: 768px) {
.md\:offcanvas {
--bs-offcanvas-height: auto;
--bs-offcanvas-border-width: 0;
background-color: transparent !important
}
.md\:offcanvas .offcanvas-header {
display: none
}
.md\:offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
background-color: transparent !important
}
}
@media (max-width: 991.98px) {
.lg\:offcanvas {
position: fixed;
bottom: 0;
z-index: var(--bs-offcanvas-zindex);
display: flex;
flex-direction: column;
max-width: 100%;
color: var(--bs-offcanvas-color);
visibility: hidden;
background-color: var(--bs-offcanvas-bg);
background-clip: padding-box;
outline: 0;
transition: var(--bs-offcanvas-transition)
}
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
.lg\:offcanvas {
transition: none
}
}
@media (max-width: 991.98px) {
.lg\:offcanvas.offcanvas-start {
top: 0;
left: 0;
width: var(--bs-offcanvas-width);
border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(-100%)
}
}
@media (max-width: 991.98px) {
.lg\:offcanvas.offcanvas-end {
top: 0;
right: 0;
width: var(--bs-offcanvas-width);
border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(100%)
}
}
@media (max-width: 991.98px) {
.lg\:offcanvas.offcanvas-top {
top: 0;
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(-100%)
}
}
@media (max-width: 991.98px) {
.lg\:offcanvas.offcanvas-bottom {
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(100%)
}
}
@media (max-width: 991.98px) {
.lg\:offcanvas.showing,
.lg\:offcanvas.show:not(.hiding) {
transform: none
}
}
@media (max-width: 991.98px) {
.lg\:offcanvas.showing,
.lg\:offcanvas.hiding,
.lg\:offcanvas.show {
visibility: visible
}
}
@media (min-width: 992px) {
.lg\:offcanvas {
--bs-offcanvas-height: auto;
--bs-offcanvas-border-width: 0;
background-color: transparent !important
}
.lg\:offcanvas .offcanvas-header {
display: none
}
.lg\:offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
background-color: transparent !important
}
}
@media (max-width: 1199.98px) {
.xl\:offcanvas {
position: fixed;
bottom: 0;
z-index: var(--bs-offcanvas-zindex);
display: flex;
flex-direction: column;
max-width: 100%;
color: var(--bs-offcanvas-color);
visibility: hidden;
background-color: var(--bs-offcanvas-bg);
background-clip: padding-box;
outline: 0;
transition: var(--bs-offcanvas-transition)
}
}
@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
.xl\:offcanvas {
transition: none
}
}
@media (max-width: 1199.98px) {
.xl\:offcanvas.offcanvas-start {
top: 0;
left: 0;
width: var(--bs-offcanvas-width);
border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(-100%)
}
}
@media (max-width: 1199.98px) {
.xl\:offcanvas.offcanvas-end {
top: 0;
right: 0;
width: var(--bs-offcanvas-width);
border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(100%)
}
}
@media (max-width: 1199.98px) {
.xl\:offcanvas.offcanvas-top {
top: 0;
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(-100%)
}
}
@media (max-width: 1199.98px) {
.xl\:offcanvas.offcanvas-bottom {
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(100%)
}
}
@media (max-width: 1199.98px) {
.xl\:offcanvas.showing,
.xl\:offcanvas.show:not(.hiding) {
transform: none
}
}
@media (max-width: 1199.98px) {
.xl\:offcanvas.showing,
.xl\:offcanvas.hiding,
.xl\:offcanvas.show {
visibility: visible
}
}
@media (min-width: 1200px) {
.xl\:offcanvas {
--bs-offcanvas-height: auto;
--bs-offcanvas-border-width: 0;
background-color: transparent !important
}
.xl\:offcanvas .offcanvas-header {
display: none
}
.xl\:offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
background-color: transparent !important
}
}
@media (max-width: 1399.98px) {
.xxl\:offcanvas {
position: fixed;
bottom: 0;
z-index: var(--bs-offcanvas-zindex);
display: flex;
flex-direction: column;
max-width: 100%;
color: var(--bs-offcanvas-color);
visibility: hidden;
background-color: var(--bs-offcanvas-bg);
background-clip: padding-box;
outline: 0;
transition: var(--bs-offcanvas-transition)
}
}
@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
.xxl\:offcanvas {
transition: none
}
}
@media (max-width: 1399.98px) {
.xxl\:offcanvas.offcanvas-start {
top: 0;
left: 0;
width: var(--bs-offcanvas-width);
border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(-100%)
}
}
@media (max-width: 1399.98px) {
.xxl\:offcanvas.offcanvas-end {
top: 0;
right: 0;
width: var(--bs-offcanvas-width);
border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(100%)
}
}
@media (max-width: 1399.98px) {
.xxl\:offcanvas.offcanvas-top {
top: 0;
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(-100%)
}
}
@media (max-width: 1399.98px) {
.xxl\:offcanvas.offcanvas-bottom {
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(100%)
}
}
@media (max-width: 1399.98px) {
.xxl\:offcanvas.showing,
.xxl\:offcanvas.show:not(.hiding) {
transform: none
}
}
@media (max-width: 1399.98px) {
.xxl\:offcanvas.showing,
.xxl\:offcanvas.hiding,
.xxl\:offcanvas.show {
visibility: visible
}
}
@media (min-width: 1400px) {
.xxl\:offcanvas {
--bs-offcanvas-height: auto;
--bs-offcanvas-border-width: 0;
background-color: transparent !important
}
.xxl\:offcanvas .offcanvas-header {
display: none
}
.xxl\:offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
background-color: transparent !important
}
}
@media (max-width: 458.98px) {
.sm\:table-responsive {
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
}
@media (max-width: 767.98px) {
.md\:table-responsive {
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
}
@media (max-width: 991.98px) {
.lg\:table-responsive {
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
}
@media (max-width: 1199.98px) {
.xl\:table-responsive {
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
}
@media (max-width: 1399.98px) {
.xxl\:table-responsive {
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
}
@media (min-width: 459px) {
.sm\:sticky-top {
position: sticky;
top: 0;
z-index: 1020
}
.sm\:sticky-bottom {
position: sticky;
bottom: 0;
z-index: 1020
}
}
@media (min-width: 768px) {
.md\:sticky-top {
position: sticky;
top: 0;
z-index: 1020
}
.md\:sticky-bottom {
position: sticky;
bottom: 0;
z-index: 1020
}
}
@media (min-width: 992px) {
.lg\:sticky-top {
position: sticky;
top: 0;
z-index: 1020
}
.lg\:sticky-bottom {
position: sticky;
bottom: 0;
z-index: 1020
}
}
@media (min-width: 1200px) {
.xl\:sticky-top {
position: sticky;
top: 0;
z-index: 1020
}
.xl\:sticky-bottom {
position: sticky;
bottom: 0;
z-index: 1020
}
}
@media (min-width: 1400px) {
.xxl\:sticky-top {
position: sticky;
top: 0;
z-index: 1020
}
.xxl\:sticky-bottom {
position: sticky;
bottom: 0;
z-index: 1020
}
}
.bg-gradient-to-t {
background-image: linear-gradient(to top, var(--uc-gradient-stops)) !important
}
.bg-gradient-to-r {
background-image: linear-gradient(to right, var(--uc-gradient-stops)) !important
}
.bg-gradient-to-b {
background-image: linear-gradient(to bottom, var(--uc-gradient-stops)) !important
}
.to-transparent {
--uc-gradient-to: rgba(255, 255, 255, 0)
}
.from-transparent {
--uc-gradient-from: transparent;
--uc-gradient-stops: var(--uc-gradient-from),var(--uc-gradient-to)
}
.via-transparent {
--uc-gradient-stops: var(--uc-gradient-from),transparent,var(--uc-gradient-to) !important
}
.to-black {
--uc-gradient-to: black
}
.from-black {
--uc-gradient-from: #000;
--uc-gradient-stops: var(--uc-gradient-from),var(--uc-gradient-to)
}

.rounded-15{
  border-radius: 15px;
}

select.form-control {
    width: 100%;
    padding: 12px 44px 12px 14px;
    font-size: 15px;
    font-weight: 500;
    color: #1f2937;
    background-color: #fff;
    border: 1.5px solid #e5e7eb;
    border-radius: 12px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    transition: all .25s ease;

    /* Elegant arrow */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 16px;
}

/* Hover */
select.form-control:hover {
    border-color: #c7d2fe;
}

/* Focus */
select.form-control:focus {
    outline: none;
    border-color: #6366f1;
    box-shadow: 0 0 0 4px rgba(99,102,241,.15);
}

/* RTL (Arabic) */
html[dir="rtl"] select.form-control {
    padding: 12px 14px 12px 44px;
    background-position: left 14px center;
}
.form-control {
  display: block;
  width: 100%;
  padding: 1rem 1rem;
   font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  appearance: none;
  border-radius: var(--radius);
  transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none
  }
}

/* Default (Desktop / Tablet) */
#variant-product-image {
    width: 90px;
     object-fit: cover;
    border-radius: 8px;
    
}

/* Mobile */
@media (max-width: 576px) {
    #variant-product-image {
      width: auto;
         height: 155px;  
    }
}
.bg-prim{
   background: #f1f2f6;


}

@media (max-width: 768px) {
  [dir=ltr] .footer-lang [data-uc-drop] {
    right: 0;
   
     
  
  }
 [dir="rtl"] .footer-lang [data-uc-drop] {
    position: absolute !important;
    left: 0 !important;
    right: auto !important;
    top: auto !important;
    bottom: 100%;
    margin-bottom: 8px;

    transform: none !important;
    z-index: 9999;
  }


}

 .cart-summary-grid{
  display:grid;
  gap:12px;
}

/* لو بدكها صفّين على الشاشات الكبيرة */
@media (min-width: 992px){
  .cart-summary-grid{
    grid-template-columns: 1fr 1fr;
  }
  .cart-summary-grid .sum-total{
    grid-column: 1 / -1;
  }
}

.sum-card{
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 16px;
  background: #fff;
  padding: 14px 14px;
   display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.dark .sum-card,
html.dark .sum-card,
.dark-mode .sum-card{
  background: rgba(255,255,255,.04);
  border-color: rgba(255,255,255,.10);
 }

.sum-label{
  display:flex;
  align-items:center;
  gap:10px;
  min-width: 140px;
}

.sum-title{
  font-weight: 800;
  letter-spacing: .2px;
  font-size: 14px;
  color: #111827;
}

.dark .sum-title,
html.dark .sum-title,
.dark-mode .sum-title{
  color: rgba(255,255,255,.9);
}

.sum-icon{
  width: 40px;
  height: 40px;
  border-radius: 12px;
  display:grid;
  place-items:center;
  background: rgba(17,24,39,.06);
  color: #111827;
}

.sum-icon svg{
  width: 20px;
  height: 20px;
}

.dark .sum-icon,
html.dark .sum-icon,
.dark-mode .sum-icon{
  background: rgba(255,255,255,.08);
  color: rgba(255,255,255,.92);
}

.sum-value{
  font-weight: 500;
  font-size: 15px;
  color: #111827;
  text-align: left; /* في RTL خليها left عشان الأرقام ترتب */
  direction: ltr;
}

.sum-muted{
  font-weight: 700;
  opacity: .75;
}

.sum-total{
  border-radius: 18px;
  border-color: rgba(37,99,235,.18);
 }

.dark .sum-total,
html.dark .sum-total,
.dark-mode .sum-total{
  border-color: rgba(99,102,241,.22);
 }

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

.sum-strong .total{
  font-weight: 700;
  letter-spacing: .3px;
}
.right{
  text-align: right;
}

 
.store-modal {
    max-width: 560px;
    border-radius: 18px;
    overflow: hidden;
    background: #fff;
    position: relative;
    box-shadow:
        0 20px 40px rgba(0,0,0,.12),
        0 4px 8px rgba(0,0,0,.08);
}

/* Close */
.store-close {
    position: absolute;
    top: 16px;
    inset-inline-end: 16px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #f3f4f6;
    display: grid;
    place-items: center;
    z-index: 20;;
    border: none
}

/* Header */

 
.store-header {
    display: flex;
    gap: 16px;
    padding: 24px;
       overflow: hidden; /* 🔴 هذا هو المفتاح */
}

.store-avatar img {
       width: 180px;

    height: 88px;
    border-radius: 18px;
    object-fit: cover;
 }

.store-name {
    font-size: 20px;
    font-weight: 600;
    margin: 0;
}
.store-status-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
}

.smstore-name{
   font-size:13px;
    
    color:#111827;
    letter-spacing:.2px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    font-weight:600;
}

.store-desc {
    font-size: 13px;
    color: #6b7280;
    margin-top: 6px;
}

/* Badges */
.store-badges {
    display: flex;
    gap: 8px;
    margin-top: 8px;
        align-items: center; /* مهم */

}

.badge {
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 999px;
    background: #f3f4f6;
      display: inline-flex;          /* 🔑 */
    align-items: center;            /* 🔑 */
        white-space: nowrap;            /* يمنع التفاف النص */

}

.badge.verified {
    background: #ecfeff;
    color: #0369a1;
}

.badge.fast {
    background: #ecfdf5;
    color: #047857;
}

/* ===============================
   STORE INFO – PRO UI
================================ */

.store-info-pro {
    margin: 8px 24px 16px;
    border-radius: 18px;
    background: #ffffff;
    border: 1px solid #eceef2;
    overflow: hidden;
}

/* Row */
.info-row {
    display: grid;
    grid-template-columns: 20px auto 1fr;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    font-size: 13px;
}

/* Divider */
.info-row + .info-row {
    border-top: 1px solid #f2f3f6;
}
 

/* Label */
.info-row .label {
    color: #6b7280;
    font-size: 11px;
    white-space: nowrap;
}

/* Value */
.info-row .value {
    font-weight: 600;
    color: #111827;
    text-align: end;
}

/* ===============================
   MOBILE
================================ */

@media (max-width: 520px) {
    .store-info-pro {
        margin: 8px 16px 14px;
    }

    .info-row {
        grid-template-columns: 18px 1fr;
        row-gap: 4px;
    }

    .info-row .value {
        grid-column: 2;
        text-align: start;
    }

   
}

 

/* Actions */
.store-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    padding: 16px 24px 24px;
}

/* ===============================
   MODERN LOADING OVERLAY
================================ */

.store-loading {
    position: absolute;
    inset: 0;
    z-index: 15;
    display: grid;
    place-items: center;
    background: rgba(255,255,255);
 }

/* Spinner */
.loader-ring {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 3px solid #e5e7eb;
    border-top-color: #111827;
    animation: spin 0.8s linear infinite;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

 


   :root{
  --bg: #ffffff;
  --line: #eef0f3;
  --text: #0b0f19;
  --muted: #6b7280;
  --brand: #da3559;
  --radius: 20px;
}

/* HERO */
.jg-store-hero{
  background: linear-gradient(
    180deg,
    #ffffff 0%,
    #fafbfc 100%
  );
  padding: 56px 24px;
}

/* WRAP */
.jg-store-wrap{
  max-width: 1280px;
  margin: auto;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 40px;
  align-items: center;
}

/* AVATAR */
.jg-store-avatar img{
  width: 140px;
  height: 140px;
  border-radius: 50%;
  object-fit: cover;
  background: #fff;
  border: 1px solid var(--line);
}

/* CONTENT */
.jg-store-head{
  display: flex;
  align-items: center;
  gap: 12px;
}

.jg-store-head h1{
  font-size: 26px;
  margin: 0;
  letter-spacing: -.3px;
}

/* VERIFIED */
.jg-verify{
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  background: #ecfdf5;
  color: #16a34a;
  font-weight: 600;
}

/* TAGLINE */
.jg-store-tagline{
  margin: 8px 0 0;
  font-size: 15px;
  color: var(--muted);
  max-width: 520px;
}

/* METRICS */
.jg-metrics{
  display: flex;
  gap: 28px;
  margin-top: 20px;
}

.jg-metrics div{
  position: relative;
}

.jg-metrics strong{
  display: block;
  font-size: 18px;
  font-weight: 700;
}

.jg-metrics span{
  font-size: 12px;
  color: var(--muted);
}

/* CTA */
.jg-store-cta{
  display: flex;
  gap: 12px;
}

/* BUTTONS */
.jg-btn{
  padding: 12px 18px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: .2s ease;
}

 

.jg-btn.ghost{
  background: transparent;
  border: 1px solid var(--line);
  color: var(--text);
}

.jg-btn.ghost:hover{
  background: #f8fafc;
}

/* MOBILE */
@media (max-width: 900px){
  .jg-store-wrap{
    grid-template-columns: 1fr;
    text-align: center;
  }

  .jg-store-avatar img{
    margin: auto;
  }

  .jg-metrics{
    justify-content: center;
    flex-wrap: wrap;
  }

  .jg-store-cta{
    justify-content: center;
    flex-wrap: wrap;
  }
}

/* 1. إخفاء الكود تماماً في الديسكتاب (أكبر من 768px) */
@media (min-width: 769px) {
    .mobile-only-chips {
        display: none !important;
    }
}

/* 2. تنسيق الموبايل فقط */
@media (max-width: 768px) {
    .mobile-only-chips {
        display: flex !important;
        flex-wrap: nowrap; /* لجعلها سطر واحد قابل للتمرير */
        overflow-x: auto;
        gap: 8px;
        padding: 10px 15px;
        background: #fff;
        -webkit-overflow-scrolling: touch;
    }
    
    .mobile-only-chips::-webkit-scrollbar {
        display: none; /* إخفاء شريط التمرير المزعج */
    }

    .psf-chip {
        flex-shrink: 0;
        display: flex;
        align-items: center;
        background: #fff;
        padding: 6px 12px;
        border-radius: 50px;
        border: 1px solid #da3559;
        font-size: 12px;
        color: #da3559;
    }

    .psf-chip button {
        margin-right: 8px;
        background: none;
        border: none;
        color: #da3559;
        display: flex;
        padding: 0;
    }

    .clear-all-mobile {
        font-size: 11px;
        color: #666;
        text-decoration: underline;
        white-space: nowrap;
        align-self: center;
    }
}

   :root{
               /* White-only palette */
               --bg: #fbfbfc;
               --panel: #ffffff;
               --panel-2: #ffffff;
               --line: #eceef2;
               --line-2: #f2f3f6;
               --text: #101114;
               --muted: #5c616b;
               --muted-2:#747a86;
               /* Soft shadow (very light) */
               --sh: 0 10px 22px rgba(16,17,20,.04), 0 2px 6px rgba(16,17,20,.03);
               --r-lg: 8px;
               --r-md: 14px;
               --r-sm: 12px;
               --pad: 16px;
               --max: 1180px;
               --fs-1: 25px;
               --fs-2: 16px;
               --fs-3: 14px;
               --tap: 44px;
               }
               /* Reset */
               /* Layout wrapper */
            /* نسخة الديسكتوب */
.psf-wrap {
    width: 100%;
    padding: 18px 5px; /* البادينج الافتراضي للديسكتوب */
}

/* نسخة الموبايل */
@media (max-width: 768px) { /* أو حسب breakpoint الموبايل */
    .psf-wrap {
    padding:   5px; /* البادينج الافتراضي للديسكتوب */
    }
}
               /* Top bar */
               .psf-topbar{
                padding: 0px 0;
               }
               .psf-topbar-inner{
               display:flex;
               align-items:center;
               justify-content:space-between;
               gap: 12px;
               }
            .psf-title{
    position:relative;
    display:flex;
    flex-direction:column;
    gap:6px;
    min-width:160px;

    /* بدل ما يكون النص كله وردي */
    color:#111827;

     padding-block:4px 8px;
}

.psf-title::after{
    content:"";
    position:absolute;
    bottom:-6px;
    right:0;
    width:60px;
    height:2px;
    background:#da3559;
    border-radius:6px;
}
 
               .psf-title h1{
               margin:0;
               font-size: var(--fs-1);
               letter-spacing: -.02em;
               line-height: 1.05;
                 }
               .psf-title p{
               margin:0;
               color: var(--muted);
               font-size: 13px;
               }
               
               /* Search */
               .psf-search{
               flex: 1;
               display:flex;
               align-items:center;
               gap:10px;
               background: var(--panel);
               border: 1px solid var(--line);
               border-radius: 999px;
               padding: 10px 12px;
               box-shadow: 0 1px 0 rgba(16,17,20,.02);
               min-height: var(--tap);
               }
               .psf-search svg{
               width:18px; height:18px;
               opacity:.75;
               flex:0 0 auto;
               }
               .psf-search input{
               width:100%;
               border:0;
               outline:0;
               background: transparent;
               font-size: 14px;
               color: var(--text);
               }
               .psf-search input::placeholder{ color: rgba(16,17,20,.45); }
               /* Actions */
               .psf-actions{
               display:flex;
               align-items:center;
               gap:10px;
               }
      .psf-btn{
    height: 38px;
    padding: 0 14px;
    border-radius: 150px;

    /* درجات أبيض */
    background:  #f1f5f9;
    border: 1px solid #f1f5f9;

    color: #111827;
    font-size: 13px;
    font-weight: 600;

    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;

    cursor:pointer;
    transition: all .2s ease;
}

.psf-btn svg {
  
  flex-shrink: 0;
}
/* Hover أبيض أنظف */
.psf-btn:hover{
    background:#ffffff;
    border-color:#e5e7eb;
}

/* Active subtle press */
.psf-btn:active{
    transform: translateY(1px);
}
               .psf-btn:active{ transform: translateY(1px); }
               /* Main grid */
               .psf-main{
               display:grid;
               grid-template-columns: 240px 1fr;
               gap: 16px;
               align-items:start;
                }
               /* Sidebar (desktop) */
               .psf-side{
                background: var(--panel);
                ;;
               overflow:hidden;
               }
               .psf-side-head{
                display:flex;
               align-items:center;
               justify-content:space-between;
               gap: 10px;
               }
               .psf-side-head strong{
               font-size: 20.5px;
               letter-spacing:.01em;
               }
               .psf-chiprow{
               display:flex;
               flex-wrap:wrap;
               gap:8px;
               padding: 5px;
                background: linear-gradient(to bottom, #fff, #fff);
               }
               .psf-chip{
               display:inline-flex;
               align-items:center;
               gap:8px;
               padding: 8px 10px;
               border-radius: 999px;
               border: 1px solid var(--line);
               background:#fff;
               font-size: 13.5px;
               color: var(--muted);
               white-space:nowrap;
               }
               .psf-chip b{ color: var(--text); font-weight:600; }
               .psf-chip button{
               border:0;
               background: transparent;
               cursor:pointer;
               padding:0;
               display:inline-flex;
               align-items:center;
               opacity:.65;
               }
               .psf-chip button:hover{ opacity:1; }
               /* Filter blocks */
               .psf-filters{
               padding: 0 0 14px;
               display:grid;
                }
               .psf-block{
                background:#fff;
               overflow:hidden;
               ;margin-bottom: 5px ;

                }
               .psf-block summary{
               list-style:none;
               cursor:pointer;
               user-select:none;
               padding-bottom:  12px ;
               display:flex;
               align-items:center;
               justify-content:space-between;
               gap:10px;
               }

               
details.psf-block summary::-webkit-details-marker {
    display: none;
}

details.psf-block summary {
    list-style: none;
    display: flex;
    align-items: center;
    cursor: pointer;
    padding-right: 25px;
    position: relative;
    width: fit-content;
    width: 100%;
}

details.psf-block summary::after {
    content: '';
    position: absolute;
    right: 5px;
    width: 7px;
    height: 7px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    transform: rotate(45deg);
    transition: transform 0.3s ease;
}

details.psf-block[open] summary::after {
    transform: rotate(-135deg);
}

 


/* عنوان الفلاتر */
.filters-title {
    font-size: 22.5px;
    color: #1a1a1a;
    position: relative;
    margin-bottom: 15px;
}

/* الخط تحت العنوان */
.filters-title::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -4px;
    width: 50px;
    height: 3px;
    background: #da3559;
    border-radius: 2px;
}
.psf-block summary .t{
               display:flex;
               flex-direction:column;
                
               }
               .psf-block summary .t span{
               font-size: 13px;
               font-weight: 550;
               letter-spacing: .01em;
               }
               .psf-block summary .t small{
               color: var(--muted);
               font-size: 12px;
               }
               .psf-block summary .ic{
               width: 34px;
               height: 34px;
               
               display:flex;
               align-items:center;
               justify-content:center;
            
               }
               .psf-block summary .ic svg{
               width:18px;height:18px;  
               opacity: .85;
               }
               .psf-block[open] summary{
                background: #fff;
               }
             /* نسخة الديسكتوب */
.psf-block-content {
    padding: 11px 5px;
    display: grid;
    gap: 5px; /* الفجوة الافتراضية للديسكتوب */
}

 
               /* Inputs inside filters */
               .psf-row{
               display:grid;
               gap: 8px;
               }
               .psf-label{
               font-size: 12px;
               color: var(--muted);
               }
               .psf-input, .psf-select{
               width:100%;
               min-height: 42px;
               border: 1px solid var(--line);
               border-radius: 12px;
               background:#fff;
               padding: 10px 12px;
               outline: none;
               font-size: 14px;
               color: var(--text);
               }
            .psf-select {
    appearance: none;
    -webkit-appearance: none; /* لدعم متصفحات Safari */
    
    /* استخدام SVG لسهم ناعم ومتناسق */
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="rgba(16,17,20,0.55)" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9l6 6 6-6"/></svg>');
    
    background-repeat: no-repeat;
    background-position: calc(100% - 15px) center; /* تحديد مكان السهم بدقة في المنتصف */
    background-size: 14px; /* تحكم في حجم السهم من هنا */
    
    padding-right: 40px; /* مساحة كافية للسهم جهة اليمين */
}

               .psf-check{
               display:flex;
               align-items:flex-start;
               gap:10px;
               padding: 10px 10px;
               border:1px solid var(--line);
               border-radius: 12px;
               background:#fff;
               }
               .psf-check input{
               width:18px;height:18px;
               margin-top:2px;
               accent-color: #111; /* still monochrome */
               }
               .psf-check .meta{
               display:flex;
               flex-direction:column;
               gap:2px;
               }
               .psf-check .meta b{
               font-size: 13px;
               font-weight: 650;
               }
               .psf-check .meta span{
               font-size: 12px;
               color: var(--muted);
               }
               /* Range */
               .psf-range{
               display:grid;
               gap: 10px;
               }
               .psf-range-nums{
               display:grid;
               grid-template-columns: 1fr 1fr;
               gap: 10px;
               }
               /* Side footer actions */
               .psf-side-foot{
               padding: 12px 14px 14px;
               border-top: 1px solid var(--line-2);
               display:flex;
               gap:10px;
               background:#fff;
               }
               .psf-ghost,
               .psf-solid {
               flex: 1;
               min-height: 44px;
               border-radius: 14px;
               border: 1px solid var(--line);
               background: #fff;
               cursor: pointer;
               font-size: 14px;
               font-weight: 650;
               display: inline-flex;        /* 🔑 الحل */
               align-items: center;         /* توسيط عمودي */
               justify-content: center;     /* توسيط أفقي */
               text-decoration: none;       /* إصلاح a */
               color: inherit;              /* إصلاح لون a */
               }
               .psf-solid{
               background: #da3559;
               color:#fff;
               border-color:#da3559;
               }
               .psf-ghost:active, .psf-solid:active{ transform: translateY(1px); }
               /* Content / results */
               .psf-content{
               min-width: 0;
               }
               /* Result header */
               .psf-results-head{
               background: var(--panel);
                 
                display:flex;
               align-items:center;
                gap: 10px;
                    justify-content: space-between;

               
               }
               .psf-results-head .left{
               display:flex;
               flex-direction:column;
               gap:3px;
               min-width:0;
               }
               .psf-results-head .left strong{
                letter-spacing:.01em;
               white-space:nowrap;
               overflow:hidden;
               text-overflow:ellipsis;
               }
               .psf-results-head .left span{
               font-size: 13px;
               color: var(--muted);
               }
               .psf-results-head .right{
               display:flex;
               align-items:center;
               gap: 10px;
               }
               .psf-pill{
               display:inline-flex;
               align-items:center;
               gap:8px;
               height: 40px;
               padding: 0 12px;
                border-radius: 999px;
               background:#fff;
               cursor:pointer;
               user-select:none;
               white-space: nowrap; /* ✅ هذا هو المهم */
               }
               .psf-pill span{
               font-size: 13px;
               color: var(--muted);
               }
               .psf-pill b{
               font-size: 13px;
               font-weight: 700;
               }
               /* Store cards row (optional) */
               /* Products grid */
               .psf-grid{
               margin-top: 14px;
               display:grid;
               grid-template-columns: repeat(4, minmax(0, 1fr));
               gap: 12px;
   row-gap: 14px ;

               }
               .psf-card{
               background:#fff;
               /* border:1px solid var(--line); */
               ;;
               overflow:hidden;
               display:flex;
               flex-direction:column;
               min-height: 100%;
               }
               .psf-card-body{
               padding: 10px 0 10px;
               display:flex;
               flex-direction:column;
               gap: 10px;
               flex: 1;
               }
               .psf-card-title{
               display:flex;
               align-items:flex-start;
               justify-content:space-between;
               gap: 10px;
                display: -webkit-box;
  -webkit-line-clamp: 2;      /* عدد السطور */
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.4;
  font-size: 14px ;;
  min-height: calc(1.4em * 2); /* يحافظ على ارتفاع ثابت */
  
               }
               .psf-card-title b{
               font-size: 14px;
               letter-spacing: -.01em;
               line-height: 1.25;
               max-height: 2.6em;
               overflow:hidden;
               display:-webkit-box;
               -webkit-line-clamp: 2;
               -webkit-box-orient: vertical;
               }
               .psf-like{
               width: 40px;
               height: 40px;
               border-radius: 14px;
               border:1px solid var(--line);
               background:#fff;
               display:inline-flex;
               align-items:center;
               justify-content:center;
               cursor:pointer;
               flex:0 0 auto;
               }
               .psf-like svg{ width:18px; height:18px; opacity:.75; }
               .psf-card-sub{
               display:flex;
               flex-direction:column;
               gap: 6px;
               color: var(--muted);
               font-size: 12px;
               }
               .psf-card-sub .row{
               display:flex;
               align-items:center;
               justify-content:space-between;
               gap: 10px;
               }
               .psf-mini{
               display:inline-flex;
               align-items:center;
               gap: 8px;
               min-width:0;
               }
               .psf-mini i{
               width: 30px;
               height: 30px;
               border-radius: 12px;
               border:1px solid var(--line);
               background:#fff;
               display:flex;
               align-items:center;
               justify-content:center;
               flex:0 0 auto;
               }
               .psf-mini i svg{ width:16px; height:16px; opacity:.7; }
               .psf-mini span{
               white-space:nowrap;
               overflow:hidden;
               text-overflow:ellipsis;
               }
               .psf-card-foot{
               padding:0 5px ;
               /* border-top: 1px solid var(--line-2); */
               display:flex;
               align-items:center;
               justify-content:space-between;
               gap: 10px;
               background:#fff;
               margin-bottom: 5px ;
               }
               .psf-store{
               display:flex;
               flex-direction:column;
               gap:2px;
               font-size: 14px;
              color: black;
               }
               
               .psf-store span{
               font-size: 12px;
                }
               .psf-add{
               height: 40px;
               padding: 0 12px;
               border-radius: 999px;
               border:1px solid var(--line);
               background:#fff;
               cursor:pointer;
               font-size: 13px;
               font-weight: 700;
               }
               /* Mobile filter drawer */
               .psf-drawer-overlay{
               position: fixed;
               inset: 0;
               background: rgba(16,17,20,.35);
               display:none;
               z-index: 1000;
               }
               .psf-drawer{
               position: fixed;
               inset: 0 0 0 auto;
               width: min(92vw, 420px);
               height: 100dvh;
               background:#fff;
               border-left: 1px solid var(--line);
               box-shadow: -20px 0 40px rgba(16,17,20,.10);
               transform: translateX(102%);
               transition: transform .2s ease;
               z-index: 1200;
               display: flex;
               }
               .psf-drawer.open{
               transform: translateX(0);
               }
               #mobileFiltersForm{
               display: flex;
               flex-direction: column;
               height: 100%;
               width: 100%;
               }
               .psf-drawer-overlay.show{ display:block; }
               .psf-drawer-top{
               padding: 14px;
               border-bottom: 1px solid var(--line-2);
               display:flex;
               align-items:center;
               justify-content:space-between;
               gap: 10px;
               flex-shrink: 0;
               }
               .psf-drawer-top strong{ font-size: 18px; }
               .psf-x{
               width: 44px;
               height: 44px;
               border: none;
               background:#fff;
               cursor:pointer;
               display:inline-flex;
               align-items:center;
               justify-content:center;
               }
               .psf-x svg{ width:24px;height:24px; opacity:.75; }
               .psf-drawer-body{
               flex: 1;
               overflow-y: auto;
               overflow-x: hidden;
               padding: 12px 14px 14px;
               -webkit-overflow-scrolling: touch;
               overscroll-behavior: contain;
               }
               .psf-drawer-body .psf-block{
               border-radius: 16px;
               }
               .psf-drawer-foot{
               padding: 12px 14px 14px;
               border-top: 1px solid var(--line-2);
               display:flex;
               gap: 10px;
               flex-shrink: 0;
               }
               /* Sort popup */
               .psf-modal-overlay{
               position: fixed;
               inset: 0;
               background: rgba(16,17,20,.35);
               display:none;
               z-index: 1000;
               }
               .psf-modal{
               position: fixed;
               left: 50%;
               top: 50%;
               transform: translate(-50%,-50%);
               width: min(92vw, 480px);
               background:#fff;
               border: 1px solid var(--line);
               border-radius: 18px;
               box-shadow: 0 30px 70px rgba(16,17,20,.18);
               display:none;
               z-index: 1200;
               overflow:hidden;
               }
               .psf-modal.show,
               .psf-modal-overlay.show{
               display:block;
               }
               .psf-modal-head{
               padding: 5px 14px 5px;
               border-bottom: 1px solid var(--line-2);
               display:flex;
               align-items:center;
               justify-content:space-between;
               gap: 10px;
               }
               .psf-modal-head strong{ font-size: 14px; }
               .psf-modal-body{
               padding: 12px 14px 14px;
               display:grid;
               gap: 10px;
               }
               .psf-radio{
               display:flex;
               align-items:center;
               gap: 10px;
               padding: 12px;
               border: 1px solid var(--line);
               border-radius: 14px;
               cursor:pointer;
               background:#fff;
               }
               .psf-radio input{ width:18px;height:18px; accent-color:#111; }
               .psf-radio .t{
               display:flex;
               flex-direction:column;
               gap:2px;
              
               }
               .psf-radio .t b{ font-size: 13px; font-weight: 700; }
               .psf-radio .t span{ font-size: 12px; color: var(--muted); }
               .psf-modal-foot{
               padding: 12px 14px 14px;
               border-top: 1px solid var(--line-2);
               display:flex;
               gap: 10px;
               }
               /* Responsive */
               @media (max-width: 1024px){
               .psf-main{ grid-template-columns: 1fr; }
               .psf-side{ display:none; }
               .psf-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
               }
               @media (max-width: 680px){
               .psf-title h1{ font-size: 20px; }
               .psf-title p{ font-size: 12px; }
               .psf-search{ display:none; } /* mobile: keep it clean */
               .psf-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
               .psf-results-head{
               padding: 7px  0px;
               border-radius: 9px;
               }
             
               .psf-pill{ height: 38px; }
               }

                 .psf-results-head .bb{
                color: #2563eb;
                font-size: 16px ;;

               }
               /* Small niceties */
               .psf-divider{
               height: 1px;
               background: var(--line-2);
               margin: 10px 0;
               }
               .psf-media{
               position: relative;
               aspect-ratio: 4 / 5;
                background: linear-gradient(180deg, rgba(16,17,20,.02), rgba(16,17,20,.05));
     overflow: hidden; /* مهم جداً */
 
                
                }
               /* images */
               .psf-track img{
               width: 100%;
               height: 100%;
               object-fit:cover;
    min-height: 200px;

 
               }



               /* =========================
   CART FEEDBACK (ADD-ON)
   use with .btn-primary
========================= */

.btn-cart-feedback{
  position: relative;
  overflow: hidden; /* للأنيميشن */
}

/* لمعة التنفيذ */
.btn-cart-feedback::after{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(
    120deg,
    transparent 35%,
    rgba(255,255,255,.35),
    transparent 65%
  );
  transform: translateX(-120%);
  opacity: 0;
  pointer-events:none;
}

/* حالة الإضافة */
.btn-cart-feedback.is-adding{
  pointer-events:none;
  opacity:.85;
  animation: cart-shake .45s ease-in-out;
}

/* تشغيل اللمعة */
.btn-cart-feedback.is-adding::after{
  opacity:1;
  animation: cart-sweep .6s cubic-bezier(.4,0,.2,1);
}

/* =========================
   ANIMATIONS
========================= */

@keyframes cart-shake{
  0%   { transform: translateX(0); }
  20%  { transform: translateX(-2px); }
  40%  { transform: translateX(3px); }
  60%  { transform: translateX(-3px); }
  80%  { transform: translateX(2px); }
  100% { transform: translateX(0); }
}

@keyframes cart-sweep{
  from { transform: translateX(-120%); }
  to   { transform: translateX(120%); }
}


  .mobile-menu {
         padding: 0px 16px;
         display: flex;
         flex-direction: column;
         gap: 8px;
         }
         .menu-section {
         display: flex;
         flex-direction: column;
         gap: 8px;
         }
         .menu-divider {
         height: 1px;
         background: #e5e7eb;
         margin: 6px 0;
         }
         input[type="search"] {
  -webkit-appearance: none;
  appearance: none;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  display: none;
}

 /* 🔥 Urgency Static Style */
.pm-timeline-countdown{
  max-width:150px ;
  margin-top:8px;
  margin-bottom:10px;

  display:flex;
  align-items:center;
  gap:10px;

 
  
  border-radius:6px;
}

/* 🔴 الوقت */
.pm-time{
  font-size:13.1px;
  font-weight:500;
  color:#dc2626;
  letter-spacing:.5px;

  font-variant-numeric:tabular-nums;
  white-space:nowrap;
  direction:ltr;
  unicode-bidi:isolate;
  gap:0;     
  
 
   font-variant-numeric: tabular-nums;
  letter-spacing:.5px;
}

 


/* الخط */
.pm-line{
  position:relative;
  height:3px;              /* 👈 أسمك */
  background:#fee2e2;
  border-radius:999px;
  flex:1;
}

/* التعبئة */
.pm-line-fill{
  position:absolute;
  top:0;
  right:0;
  height:100%;
  width:100%;
  background:#dc2626;      /* 👈 أحمر قوي */
  transform-origin:right center;
  transform:scaleX(0);  

}

/* المؤشر */
.pm-indicator{
  position:absolute;
  right:0;
  top:50%;
  width:12px;
  height:12px;
  background:#dc2626;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
   transform:translate(50%,-50%);
 }

.pm-indicator svg{
  width:18px;
  height:18px;
  color:#fff;
}

/* ========================================
   JO GOODS – Default Pagination RTL Style
======================================== */

.orders-pagination{
    margin-top:20px;
    display:flex;
    justify-content:center;
    margin-bottom: 10px ;
 }

.orders-pagination nav{
    direction:rtl;
}

/* UL */
.orders-pagination .pagination{
    list-style:none;
    display:flex;
    align-items:center;
    gap:6px;
    padding:0;
    margin:0;
}

/* LI */
.orders-pagination .pagination li{
    display:flex;
}

/* Links & spans */
.orders-pagination .pagination a,
.orders-pagination .pagination span{
    min-width:34px;
    height:34px;
    padding:0 10px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
    font-weight:600;
    border:1px solid #e5e7eb;
    background:#fff;
    color:#111827;
    text-decoration:none;
    transition:.15s ease;
}

/* Hover */
.orders-pagination .pagination a:hover{
    background:#f9fafb;
    border-color:#d1d5db;
}

/* Active */
.orders-pagination .pagination .active span{
    border-color:#da3559;
    color:#da3559;
    font-weight:700;
}

/* Disabled */
.orders-pagination .pagination .disabled span{
    color:#9ca3af;
    background:#f3f4f6;
    cursor:not-allowed;
}

/* Responsive */
@media(max-width:640px){
    .orders-pagination .pagination a,
    .orders-pagination .pagination span{
        min-width:30px;
        height:30px;
        font-size:12px;
    }
}

.logout-link{
    background:none;
    border:none;
    padding:0;
    font:inherit;
    cursor:pointer;
    color:var(--text);
    display:flex;
    align-items:center;
    gap:6px;
    text-decoration:none;
    transition:.2s;
}

.logout-link:hover{
    color:#dc2626; /* أحمر خفيف */
}

/* الحاوية الرئيسية */
.custom-select-wrapper {
    position: relative;
    user-select: none;
    font-family: 'Inter', 'Segoe UI', sans-serif;
    direction: rtl; /* للتأكد من الاتجاه العربي */
}

/* الزر الرئيسي - بلمسة من لون اللوجو */
.custom-select-trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    background-color: #fff;
    border: 1.5px solid #eceef2;
    border-radius: 16px; 
    padding: 10px 18px;
    min-height: 50px;
    transition: all 0.3s ease;
}

/* التأثير عند التحويم - استخدام لون اللوجو بشفافية */
.custom-select-trigger:hover {
    border-color: #da3559;
    background-color: rgba(218, 53, 89, 0.02);
}

/* حالة الفتح - حدود بلون اللوجو وظل ناعم */
.custom-select-trigger.active {
    border-color: #da3559;
    box-shadow: 0 0 0 4px rgba(218, 53, 89, 0.15);
}

/* ترتيب الدائرة قبل الكلمة في الزر العلوي */
.custom-select-trigger span {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-direction: row; /* يضمن ظهور الدائرة أولاً ثم النص */
}

/* شكل السهم المودرن */
.arrow-icon {
    width: 8px;
    height: 8px;
    border-left: 2px solid #9ca3af;
    border-bottom: 2px solid #9ca3af;
    transform: rotate(-45deg); /* اتجاه السهم للأسفل */
    transition: all 0.3s ease;
    margin-top: -4px;
}

.custom-select-trigger.active .arrow-icon {
    transform: rotate(135deg); /* قلب السهم للأعلى عند الفتح */
    border-color: #da3559;
    margin-top: 4px;
}

/* القائمة المنسدلة */
.custom-options {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.98);
    backdrop-filter: blur(15px);
    border: 1px solid rgba(218, 53, 89, 0.1);
    border-radius: 20px;
    z-index: 9999;
    padding: 8px;
    margin: 0;
    list-style: none;
    max-height: 250px;
    overflow-y: auto;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
    
    /* أنيميشن */
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.custom-options.open {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* خيار القائمة */
.custom-option {
    padding: 12px 14px;
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    border-radius: 12px;
    transition: all 0.2s ease;
    flex-direction: row; /* الدائرة قبل النص */
    color: #333;
}

.custom-option:hover {
    background-color: rgba(218, 53, 89, 0.05); /* خلفية خفيفة بلون اللوجو */
    color: #da3559; /* تلوين النص عند التحويم */
}

/* العنصر المعطل */
.custom-option.disabled-opt {
    opacity: 0.3;
    pointer-events: none;
    background-color: #f9f9f9;
}

/* دائرة اللون المودرن (Squircle) */
.color-circle {
    width: 22px;
    height: 22px;
    border-radius: 7px;
    border: 2px solid #fff;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.08), 0 2px 5px rgba(0,0,0,0.1);
    flex-shrink: 0;
}

/* تخصيص السكرول بار بلون اللوجو */
.custom-options::-webkit-scrollbar {
    width: 5px;
}
.custom-options::-webkit-scrollbar-thumb {
    background: #da3559;
    border-radius: 10px;
}
.custom-options::-webkit-scrollbar-track {
    background: #f1f1f1;
}
  /* تنسيق الأقسام المينيمال */
    .minimal-categories { margin: 5px 0; }
    
    .group-header {
        padding: 10px 0 !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        color: #111 !important;
        text-decoration: none !important;
        border-bottom: 1px solid #fcfcfc;
    }

    /* هندلة السهم SVG */
    .svg-icon {
        color: #bbb;
        display: flex;
        align-items: center;
        transition: transform 0.3s ease, color 0.3s ease;
    }

    /* تدوير السهم عند فتح القائمة */
    .uc-open > .group-header .svg-icon {
        transform: rotate(180deg);
        color: var(--f-primary, #da3559);
    }

    .uc-open > .group-header span {
        color: var(--f-primary, #da3559);
    }

    /* قائمة الكاتيجوري */
    .minimal-sub-list {
        padding: 5px 12px 10px 0 !important;
        margin: 0 !important;
        list-style: none;
        border-right: 1px solid #f1f1f1;
    }

    .minimal-sub-list li a {
        padding: 6px 0 !important;
        font-size: 13px !important;
        color: #666 !important;
        text-decoration: none !important;
        display: block;
    }

    .minimal-sub-list li a:hover { color: #000 !important; }

    .view-all {
        font-weight: 800;
        color: var(--f-primary, #da3559) !important;
        font-size: 11px !important;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    .menu-divider { margin: 12px 0; background: #f5f5f5; height: 1px; }
    
    
.variant-product-name{
  font-size: 15px ;;
}