/* Premium Glassmorphism Design for Servicy */

/* Royal Indigo & Deep Slate Navy Color Scheme */
:root {
    --servicy-primary: #5F60B9; /* Royal Indigo */
    --servicy-secondary: #2B2D42; /* Deep Slate Navy */
    --servicy-accent: #4E4FA3; /* Deep Indigo */
    --servicy-bg: #f4f6f9;
    --servicy-text: #2c3e50;
    --glass-bg: rgba(255, 255, 255, 0.7);
    --glass-border: rgba(255, 255, 255, 0.5);
    --glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.15);
}

body.dark {
    --servicy-bg: #121212;
    --servicy-text: #e0e0e0;
    --glass-bg: rgba(30, 30, 30, 0.7);
    --glass-border: rgba(50, 50, 50, 0.5);
    --glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.5);
}

/* Base Styles */
body {
    background-color: var(--servicy-bg);
    color: var(--servicy-text);
    font-family: 'Inter', 'Outfit', sans-serif;
}

/* Glassmorphism Classes */
.glass-panel {
    background: var(--glass-bg);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid var(--glass-border);
    box-shadow: var(--glass-shadow);
    border-radius: 16px;
    padding: 20px;
    transition: all 0.3s ease;
}

.glass-panel:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 40px 0 rgba(31, 38, 135, 0.25);
}

/* Hero Section Adjustments */
.padding-top-bottom-90.bg-light {
    background: linear-gradient(135deg, var(--servicy-primary) 0%, rgba(95, 96, 185, 0.8) 100%) !important;
    position: relative;
    overflow: hidden;
}

.padding-top-bottom-90.bg-light .iq-title-box h2,
.padding-top-bottom-90.bg-light .iq-title-box p {
    color: #ffffff !important;
}

.padding-top-bottom-90.bg-light .highlighted-image svg path {
    stroke: var(--servicy-primary) !important;
}

/* Dynamic Buttons */
.btn-primary, .bg-primary {
    background-color: var(--servicy-primary) !important;
    border-color: var(--servicy-primary) !important;
    transition: all 0.3s ease;
}

.btn-primary:hover, .bg-primary:hover {
    background-color: var(--servicy-accent) !important;
    border-color: var(--servicy-accent) !important;
    transform: scale(1.05);
}

/* Services Cards enhancements */
.service-slide-items-4 .card-box {
    background: var(--glass-bg);
    backdrop-filter: blur(8px);
    border: 1px solid var(--glass-border);
    border-radius: 12px;
    padding: 15px;
}

/* Typography Enhancements */
h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    letter-spacing: -0.5px;
}

.text-primary {
    color: var(--servicy-primary) !important;
}