/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 06 2025 | 14:23:13 */
/* === CONTAINER === */
.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
  box-sizing: border-box;
}

/* === ROW === */
.row {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
}

/* === COLUMN BASE === */
[class*="col-"] {
  box-sizing: border-box;
  flex: 0 0 auto;
}

/* === MOBILE (≤767px) === */
.col-1  { width: 8.3333%; }
.col-2  { width: 16.6667%; }
.col-3  { width: 25%; }
.col-4  { width: 33.3333%; }
.col-5  { width: 41.6667%; }
.col-6  { width: 50%; }
.col-7  { width: 58.3333%; }
.col-8  { width: 66.6667%; }
.col-9  { width: 75%; }
.col-10 { width: 83.3333%; }
.col-11 { width: 91.6667%; }
.col-12 { width: 100%; }

/* === TABLET (≥768px) === */
@media (min-width: 768px) {
  .col-sm-1  { width: 8.3333%; }
  .col-sm-2  { width: 16.6667%; }
  .col-sm-3  { width: 25%; }
  .col-sm-4  { width: 33.3333%; }
  .col-sm-5  { width: 41.6667%; }
  .col-sm-6  { width: 50%; }
  .col-sm-7  { width: 58.3333%; }
  .col-sm-8  { width: 66.6667%; }
  .col-sm-9  { width: 75%; }
  .col-sm-10 { width: 83.3333%; }
  .col-sm-11 { width: 91.6667%; }
  .col-sm-12 { width: 100%; }
}

/* === DESKTOP (≥1025px) === */
@media (min-width: 1025px) {
  .col-md-1  { width: 8.3333%; }
  .col-md-2  { width: 16.6667%; }
  .col-md-3  { width: 25%; }
  .col-md-4  { width: 33.3333%; }
  .col-md-5  { width: 41.6667%; }
  .col-md-6  { width: 50%; }
  .col-md-7  { width: 58.3333%; }
  .col-md-8  { width: 66.6667%; }
  .col-md-9  { width: 75%; }
  .col-md-10 { width: 83.3333%; }
  .col-md-11 { width: 91.6667%; }
  .col-md-12 { width: 100%; }
}

/* === GAP UTILITIES (safe method — no flex-gap overflow) === */
/* Scale: 1=0.25rem, 2=0.5rem, 3=1rem, 4=1.5rem, 5=2rem */

/* Default (mobile) */
.gap-1 { margin: -0.125rem; }
.gap-1 > [class*="col-"] { padding: 0.125rem; }

.gap-2 { margin: -0.25rem; }
.gap-2 > [class*="col-"] { padding: 0.25rem; }

.gap-3 { margin: -0.5rem; }
.gap-3 > [class*="col-"] { padding: 0.5rem; }

.gap-4 { margin: -0.75rem; }
.gap-4 > [class*="col-"] { padding: 0.75rem; }

.gap-5 { margin: -1rem; }
.gap-5 > [class*="col-"] { padding: 1rem; }

/* Tablet (≥768px) */
@media (min-width: 768px) {
  .gap-sm-1 { margin: -0.125rem; }
  .gap-sm-1 > [class*="col-"] { padding: 0.125rem; }

  .gap-sm-2 { margin: -0.25rem; }
  .gap-sm-2 > [class*="col-"] { padding: 0.25rem; }

  .gap-sm-3 { margin: -0.5rem; }
  .gap-sm-3 > [class*="col-"] { padding: 0.5rem; }

  .gap-sm-4 { margin: -0.75rem; }
  .gap-sm-4 > [class*="col-"] { padding: 0.75rem; }

  .gap-sm-5 { margin: -1rem; }
  .gap-sm-5 > [class*="col-"] { padding: 1rem; }
}

/* Desktop (≥1025px) */
@media (min-width: 1025px) {
  .gap-md-1 { margin: -0.125rem; }
  .gap-md-1 > [class*="col-"] { padding: 0.125rem; }

  .gap-md-2 { margin: -0.25rem; }
  .gap-md-2 > [class*="col-"] { padding: 0.25rem; }

  .gap-md-3 { margin: -0.5rem; }
  .gap-md-3 > [class*="col-"] { padding: 0.5rem; }

  .gap-md-4 { margin: -0.75rem; }
  .gap-md-4 > [class*="col-"] { padding: 0.75rem; }

  .gap-md-5 { margin: -1rem; }
  .gap-md-5 > [class*="col-"] { padding: 1rem; }
}

/* ----- Default breakpoints ----- */
/* Adjust these to match your project’s media queries */
@media (max-width: 767px) {
  /* Mobile (≤767px) */
  .show-mobile { display: block !important; }
  .hide-mobile { display: none !important; }
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* Tablet (768–1023px) */
  .show-tablet { display: block !important; }
  .hide-tablet { display: none !important; }
}

@media (min-width: 1024px) {
  /* Desktop (≥1024px) */
  .show-desktop { display: block !important; }
  .hide-desktop { display: none !important; }
}