/* Services Page Styles */

/* Font Definitions */
@font-face {
    font-family: Outfit;
    font-style: normal;
    font-weight: 100 900;
    src: url(https://themazine.com/cf-fonts/v/outfit/5.0.11/latin-ext/wght/normal.woff2);
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    font-display: swap;
}

@font-face {
    font-family: Outfit;
    font-style: normal;
    font-weight: 100 900;
    src: url(https://themazine.com/cf-fonts/v/outfit/5.0.11/latin/wght/normal.woff2);
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-display: swap;
}

@font-face {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 100 1000;
    src: url(https://themazine.com/cf-fonts/v/dm-sans/5.0.18/latin/opsz/normal.woff2);
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-display: swap;
}

@font-face {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 100 1000;
    src: url(https://themazine.com/cf-fonts/v/dm-sans/5.0.18/latin-ext/opsz/normal.woff2);
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    font-display: swap;
}

@font-face {
    font-family: 'DM Sans';
    font-style: italic;
    font-weight: 100 1000;
    src: url(https://themazine.com/cf-fonts/v/dm-sans/5.0.18/latin-ext/opsz/italic.woff2);
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    font-display: swap;
}

@font-face {
    font-family: 'DM Sans';
    font-style: italic;
    font-weight: 100 1000;
    src: url(https://themazine.com/cf-fonts/v/dm-sans/5.0.18/latin/opsz/italic.woff2);
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-display: swap;
}

/* Layout spacing for Services page */
.categories-list { padding: 48px 0; }
.categories-list .row { row-gap: 32px; }

/* Card spacing */
.service-card { padding: 4px; margin-bottom: 32px; }
.service-card__inner { border-radius: 16px; }

/* Services Page Fancy Cards */
.service-card { margin-bottom: 30px; }
.service-card__inner { position: relative; border-radius: 14px; overflow: hidden; box-shadow: 0 10px 25px rgba(0,0,0,0.08); background: #fff; transition: transform .25s ease, box-shadow .25s ease; }
.service-card__inner:hover { transform: translateY(-6px); box-shadow: 0 20px 35px rgba(0,0,0,0.12); }
.service-card__image { position: relative; height: 100%; }
.service-card__image img { width: 100%; height: 320px; object-fit: cover; object-position: center; display: block; }
@media (max-width: 991px) { .service-card__image img { height: 240px; } }
@media (max-width: 575px) { .service-card__image img { height: 210px; } }
.service-card__overlay { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: flex-end; padding: 20px; background: linear-gradient(180deg, rgba(0,0,0,0.05) 30%, rgba(0,0,0,0.7) 100%); opacity: 1; transition: opacity .25s ease; }
.service-card__content { color: #fff; }
.service-card__title { font-size: 1.2rem; font-weight: 800; margin: 0 0 6px; color: #fff; text-shadow: 0 2px 8px rgba(0,0,0,0.35); }
.service-card__category { font-size: .95rem; color: #fff; opacity: .95; text-shadow: 0 2px 6px rgba(0,0,0,0.3); }
.service-card__actions { margin-top: 12px; }
.service-card__actions .theme-btn { --btn-bg: #ff6a00; }

/* Tag badge on hover */
.service-card__inner::after { content: 'Service'; position: absolute; top: 14px; left: 14px; background: rgba(255,106,0,0.9); color: #fff; font-size: .75rem; font-weight: 600; padding: 7px 11px; border-radius: 999px; letter-spacing: .02em; }

/* Responsive */
@media (max-width: 991px) {
  .service-card__image img { height: 220px; }
}
@media (max-width: 575px) {
  .service-card__image img { height: 200px; }
  .service-card__inner::after,
  .service-card__badge {
    display: none !important;
  }
  .service-card__actions .theme-btn {
    font-size: 0.95rem !important;
    padding: 7px 18px !important;
    min-height: 36px !important;
    height: 36px !important;
    line-height: 1.1 !important;
    border-radius: 8px !important;
  }
  .service-card__actions .btn-wrap {
    padding: 0 !important;
  }
}