/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 03 2026 | 01:37:10 */
/* =========================================
   General Frosted Image Overlay
   Standalone classes:
   - .vg-frosted-overlay = top-left
   - .vg-frosted-overlay--top-right = top-right
   - .vg-frosted-overlay--top-center = top-center
========================================= */

.vg-frosted-overlay,
.vg-frosted-overlay--top-right,
.vg-frosted-overlay--top-center {
  position: relative !important;
  isolation: isolate;
  overflow: hidden !important;
  border-radius: inherit;

  -webkit-tap-highlight-color: transparent;
}

/* Keep the image underneath the overlay */
.vg-frosted-overlay img,
.vg-frosted-overlay--top-right img,
.vg-frosted-overlay--top-center img,
img.vg-frosted-overlay,
img.vg-frosted-overlay--top-right,
img.vg-frosted-overlay--top-center {
  display: block;
  width: 100%;
  height: auto;
}

/* Shared overlay layer */
.vg-frosted-overlay::before,
.vg-frosted-overlay--top-right::before,
.vg-frosted-overlay--top-center::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  border-radius: inherit;

  background: transparent;
  opacity: 1;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.26),
    inset 0 -24px 44px rgba(7, 24, 39, 0.10);

  transition:
    background 240ms ease,
    box-shadow 240ms ease,
    opacity 240ms ease;
}

/* =========================================
   Top-left overlay
   Class: vg-frosted-overlay
========================================= */

/* Hover: premium dark blue glow from top left */
.vg-frosted-overlay:hover::before,
.vg-frosted-overlay:focus-within::before {
  background:
    radial-gradient(
      ellipse at 0% 0%,
      rgba(6, 31, 63, 0.72) 0%,
      rgba(6, 31, 63, 0.48) 18%,
      rgba(36, 58, 94, 0.24) 34%,
      rgba(36, 58, 94, 0.08) 48%,
      rgba(36, 58, 94, 0) 62%
    );

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    inset 24px 24px 54px rgba(6, 31, 63, 0.22),
    inset 0 -24px 44px rgba(7, 24, 39, 0.08);
}

/* Active: premium champagne-amber glow from top left */
.vg-frosted-overlay:active::before {
  background:
    radial-gradient(
      ellipse at 0% 0%,
      rgba(255, 222, 139, 0.62) 0%,
      rgba(253, 196, 82, 0.48) 15%,
      rgba(216, 155, 43, 0.30) 31%,
      rgba(151, 103, 32, 0.14) 46%,
      rgba(216, 155, 43, 0.05) 58%,
      rgba(216, 155, 43, 0) 68%
    );

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.36),
    inset 24px 24px 62px rgba(255, 222, 139, 0.16),
    inset 18px 18px 44px rgba(216, 155, 43, 0.12),
    inset 0 -24px 44px rgba(7, 24, 39, 0.06),
    0 0 32px rgba(253, 196, 82, 0.16);
}

/* =========================================
   Top-right overlay
   Class: vg-frosted-overlay--top-right
========================================= */

/* Hover: premium dark blue glow from top right */
.vg-frosted-overlay--top-right:hover::before,
.vg-frosted-overlay--top-right:focus-within::before {
  background:
    radial-gradient(
      ellipse at 100% 0%,
      rgba(6, 31, 63, 0.72) 0%,
      rgba(6, 31, 63, 0.48) 18%,
      rgba(36, 58, 94, 0.24) 34%,
      rgba(36, 58, 94, 0.08) 48%,
      rgba(36, 58, 94, 0) 62%
    );

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    inset -24px 24px 54px rgba(6, 31, 63, 0.22),
    inset 0 -24px 44px rgba(7, 24, 39, 0.08);
}

/* Active: premium champagne-amber glow from top right */
.vg-frosted-overlay--top-right:active::before {
  background:
    radial-gradient(
      ellipse at 100% 0%,
      rgba(255, 222, 139, 0.62) 0%,
      rgba(253, 196, 82, 0.48) 15%,
      rgba(216, 155, 43, 0.30) 31%,
      rgba(151, 103, 32, 0.14) 46%,
      rgba(216, 155, 43, 0.05) 58%,
      rgba(216, 155, 43, 0) 68%
    );

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.36),
    inset -24px 24px 62px rgba(255, 222, 139, 0.16),
    inset -18px 18px 44px rgba(216, 155, 43, 0.12),
    inset 0 -24px 44px rgba(7, 24, 39, 0.06),
    0 0 32px rgba(253, 196, 82, 0.16);
}

/* =========================================
   Top-center overlay
   Class: vg-frosted-overlay--top-center
========================================= */

/* Hover: stronger premium dark blue glow from top center */
.vg-frosted-overlay--top-center:hover::before,
.vg-frosted-overlay--top-center:focus-within::before {
  background:
    radial-gradient(
      ellipse at 50% 0%,
      rgba(6, 31, 63, 0.88) 0%,
      rgba(6, 31, 63, 0.68) 16%,
      rgba(20, 45, 78, 0.46) 32%,
      rgba(36, 58, 94, 0.24) 48%,
      rgba(36, 58, 94, 0.08) 62%,
      rgba(36, 58, 94, 0) 74%
    );

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    inset 0 30px 72px rgba(6, 31, 63, 0.38),
    inset 0 14px 44px rgba(20, 45, 78, 0.24),
    inset 0 -24px 44px rgba(7, 24, 39, 0.08);
}

/* Active: premium champagne-amber glow from top center */
.vg-frosted-overlay--top-center:active::before {
  background:
    radial-gradient(
      ellipse at 50% 0%,
      rgba(255, 222, 139, 0.62) 0%,
      rgba(253, 196, 82, 0.48) 15%,
      rgba(216, 155, 43, 0.30) 31%,
      rgba(151, 103, 32, 0.14) 46%,
      rgba(216, 155, 43, 0.05) 58%,
      rgba(216, 155, 43, 0) 68%
    );

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.36),
    inset 0 24px 64px rgba(255, 222, 139, 0.17),
    inset 0 18px 46px rgba(216, 155, 43, 0.13),
    inset 0 -24px 44px rgba(7, 24, 39, 0.06),
    0 0 32px rgba(253, 196, 82, 0.16);
}