/* ========================================
   MRCODA GROUP - About Page Custom CSS
   WordPress Customizer > Additional CSS
   V2 - Default width + SVG Icons
   ======================================== */


/* =====================================================
   MRC-CF7 CONTACT FORM - MODERN CYBER STYLE
   ===================================================== */
   
/* Checkbox Group */
.mrc-cf7-field .wpcf7-checkbox {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
}

.mrc-cf7-field .wpcf7-checkbox .wpcf7-list-item {
    margin: 0 !important;
}

.mrc-cf7-field .wpcf7-checkbox input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    margin-right: 8px !important;
    accent-color: #00f5ff !important;
    cursor: pointer !important;
}

.mrc-cf7-field .wpcf7-checkbox .wpcf7-list-item-label {
    color: #fff !important;
    font-size: 14px !important;
    cursor: pointer !important;
}

.mrc-cf7-wrapper {
    max-width: 700px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

.mrc-cf7-wrapper p {
    margin: 0 !important;
    padding: 0 !important;
}

.mrc-cf7-wrapper br {
    display: none !important;
}

.mrc-cf7-row {
    margin-bottom: 25px !important;
}

.mrc-cf7-row-2col {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 25px !important;
}

.mrc-cf7-field {
    position: relative !important;
}

.mrc-cf7-field label {
    display: block !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    margin-bottom: 12px !important;
}

.mrc-cf7-req {
    color: #00f5ff !important;
}

.mrc-cf7-opt {
    color: #6b7280 !important;
    font-size: 12px !important;
    font-weight: 400 !important;
}

.mrc-cf7-field .wpcf7-form-control-wrap {
    display: block !important;
}

.mrc-cf7-field input[type="text"],
.mrc-cf7-field input[type="email"],
.mrc-cf7-field textarea,
.mrc-cf7-field select {
    width: 100% !important;
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid #2a3142 !important;
    border-radius: 8px !important;
    margin: 0 !important;
    color: #fff !important;
    font-size: 15px !important;
    outline: none !important;
    font-family: inherit !important;
    box-shadow: none !important;
    transition: all 0.2s ease !important;
}

.mrc-cf7-field input[type="text"]:focus,
.mrc-cf7-field input[type="email"]:focus,
.mrc-cf7-field textarea:focus,
.mrc-cf7-field select:focus {
    border-color: #00f5ff !important;
    background: rgba(0, 245, 255, 0.05) !important;
}

.mrc-cf7-field input::placeholder,
.mrc-cf7-field textarea::placeholder {
    color: #6b7280 !important;
    opacity: 1 !important;
}

.mrc-cf7-field textarea {
    min-height: 150px !important;
    resize: vertical !important;
    line-height: 1.6 !important;
}

.mrc-cf7-field select {
    cursor: pointer !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2300f5ff' d='M6 8L1 3h10z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 18px center !important;
    padding-right: 45px !important;
}

.mrc-cf7-field select option {
    background: #1a1f2e !important;
    color: #fff !important;
    padding: 10px !important;
}

.mrc-cf7-submit {
    text-align: center !important;
    margin-top: 35px !important;
}

.mrc-cf7-submit input[type="submit"] {
    background: #00f5ff !important;
    color: #000 !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 15px 40px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.mrc-cf7-submit input[type="submit"]:hover {
    background: #00d4dd !important;
}

.mrc-cf7-field .wpcf7-not-valid-tip {
    color: #ff4757 !important;
    font-size: 12px !important;
    margin-top: 10px !important;
    display: block !important;
}

.mrc-cf7-wrapper .wpcf7-response-output {
    border: none !important;
    padding: 18px 25px !important;
    border-radius: 8px !important;
    margin: 25px 0 0 0 !important;
    font-size: 14px !important;
    text-align: center !important;
}

.wpcf7-response-output {
    max-width: 700px !important;
    margin: auto !important;
}

.mrc-cf7-wrapper .wpcf7-form.sent .wpcf7-response-output {
    background: rgba(124, 252, 0, 0.1) !important;
    color: #7cfc00 !important;
}

.mrc-cf7-wrapper .wpcf7-form.invalid .wpcf7-response-output,
.mrc-cf7-wrapper .wpcf7-form.failed .wpcf7-response-output {
    background: rgba(255, 71, 87, 0.1) !important;
    color: #ff4757 !important;
}

@media (max-width: 768px) {
    .mrc-cf7-row-2col {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
    
    .mrc-cf7-submit input[type="submit"] {
        width: 100% !important;
        padding: 18px 30px !important;
    }
}




/* CSS Variables */
:root {
    --neon-cyan: #00f5ff;
    --neon-magenta: #ff00ff;
    --neon-purple: #a855f7;
    --dark-bg: #0a0a0f;
    --dark-card: #12121a;
    --dark-surface: #1a1a25;
    --text-primary: #ffffff;
    --text-secondary: #94a3b8;
    --gradient-cyber: linear-gradient(135deg, var(--neon-cyan), var(--neon-magenta));
    --gradient-glow: linear-gradient(135deg, rgba(0,245,255,0.1), rgba(255,0,255,0.1));
}

/* Page Background */
body.page-template-default {
    background-color: var(--dark-bg) !important;
}

/* ========================================
   CYBER GRID BACKGROUND
   ======================================== */
.cyber-grid {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 0;
    background: 
        linear-gradient(90deg, rgba(0,245,255,0.03) 1px, transparent 1px),
        linear-gradient(rgba(0,245,255,0.03) 1px, transparent 1px);
    background-size: 60px 60px;
    animation: gridPulse 4s ease-in-out infinite;
}

@keyframes gridPulse {
    0%, 100% { opacity: 0.3; }
    50% { opacity: 0.6; }
}

/* ========================================
   FLOATING PARTICLES
   ======================================== */
.particles {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
    overflow: hidden;
}

.particle {
    position: absolute;
    width: 4px;
    height: 4px;
    background: var(--neon-cyan);
    border-radius: 50%;
    box-shadow: 0 0 10px var(--neon-cyan), 0 0 20px var(--neon-cyan);
    animation: float 15s infinite;
    opacity: 0.6;
}

.particle:nth-child(1) { left: 5%; }
.particle:nth-child(2) { left: 20%; animation-delay: -2s; background: var(--neon-magenta); box-shadow: 0 0 10px var(--neon-magenta); }
.particle:nth-child(3) { left: 35%; animation-delay: -4s; }
.particle:nth-child(4) { left: 50%; animation-delay: -6s; background: var(--neon-purple); box-shadow: 0 0 10px var(--neon-purple); }
.particle:nth-child(5) { left: 65%; animation-delay: -8s; }
.particle:nth-child(6) { left: 80%; animation-delay: -10s; background: var(--neon-magenta); box-shadow: 0 0 10px var(--neon-magenta); }

@keyframes float {
    0%, 100% { transform: translateY(100vh) rotate(0deg); opacity: 0; }
    10% { opacity: 0.6; }
    90% { opacity: 0.6; }
    100% { transform: translateY(-100vh) rotate(720deg); opacity: 0; }
}

/* ========================================
   HERO SECTION
   ======================================== */
.mrc-hero-section {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.mrc-hero-section::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 800px;
    height: 800px;
    background: radial-gradient(circle, rgba(0,245,255,0.15) 0%, transparent 70%);
    animation: pulseGlow 3s ease-in-out infinite;
    pointer-events: none;
}

@keyframes pulseGlow {
    0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.5; }
    50% { transform: translate(-50%, -50%) scale(1.1); opacity: 0.8; }
}

.mrc-hero-section > .vc_column_container {
    position: relative;
    z-index: 10;
}

.mrc-hero-content {
    text-align: center !important;
    max-width: 900px;
    margin: 0 auto;
}



@keyframes badgeGlow {
    0%, 100% { box-shadow: 0 0 20px rgba(0,245,255,0.2); }
    50% { box-shadow: 0 0 40px rgba(0,245,255,0.4); }
}

.hero-badge::before {
    content: '';
    width: 8px;
    height: 8px;
    background: var(--neon-cyan);
    border-radius: 50%;
    animation: blink 1s infinite;
}

@keyframes blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.3; }
}

/* Hero Title with Glitch Effect */
.mrc-hero-content h1.glitch {
    font-size: clamp(48px, 8vw, 90px) !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
    margin-bottom: 20px !important;
    background: var(--gradient-cyber);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    filter: drop-shadow(0 0 30px rgba(0,245,255,0.3));
    position: relative;
}

.glitch::before,
.glitch::after {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--gradient-cyber);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.glitch::before {
    animation: glitch-anim 3s infinite linear alternate-reverse;
    clip-path: polygon(0 0, 100% 0, 100% 35%, 0 35%);
    transform: translate(-2px, -2px);
    opacity: 0.8;
}

.glitch::after {
    animation: glitch-anim 2s infinite linear alternate-reverse;
    clip-path: polygon(0 65%, 100% 65%, 100% 100%, 0 100%);
    transform: translate(2px, 2px);
    opacity: 0.8;
}

@keyframes glitch-anim {
    0% { transform: translate(0); }
    20% { transform: translate(-2px, 2px); }
    40% { transform: translate(-2px, -2px); }
    60% { transform: translate(2px, 2px); }
    80% { transform: translate(2px, -2px); }
    100% { transform: translate(0); }
}

.hero-subtitle {
    font-size: 22px !important;
    color: var(--text-secondary) !important;
    margin-bottom: 40px !important;
    font-weight: 400;
}

/* Hero Stats */
.mrc-hero-stats {
    display: flex;
    justify-content: center;
    gap: 50px;
    flex-wrap: wrap;
    margin-top: 40px;
}

.mrc-hero-stats .vc_column_inner {
    text-align: center;
}

.stat-item {
    text-align: center;
}

.stat-value {
    font-size: 42px !important;
    font-weight: 800 !important;
    color: var(--neon-cyan) !important;
    text-shadow: 0 0 20px rgba(0,245,255,0.5);
}

.stat-label {
    font-size: 15px !important;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--text-secondary) !important;
    margin-top: 5px;
}

/* ========================================
   SECTION STYLES
   ======================================== */
.mrc-section {
    padding: 50px 15px !important;
    position: relative;
    z-index: 10;
    background-color: var(--dark-bg) !important;
}

.section-header {
    margin-bottom: 50px;
}

.section-tag {
    font-size: 14px !important;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: var(--neon-magenta) !important;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.section-tag::before {
    content: '//';
    color: var(--neon-cyan);
}

.section-title {
    font-size: clamp(32px, 5vw, 48px) !important;
    font-weight: 700 !important;
    color: var(--text-primary) !important;
    position: relative;
    display: inline-block;
    margin: 0 !important;
}

.section-title::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 60px;
    height: 3px;
    background: var(--gradient-cyber);
    border-radius: 2px;
}

/* Story Content */
.story-content p {
    font-size: 18px !important;
    color: var(--text-secondary) !important;
    margin-bottom: 20px !important;
    line-height: 1.8 !important;
}

/* ========================================
   ORBIT ANIMATION
   ======================================== */
.orbit-container {
    position: relative;
    width: 300px;
    height: 300px;
    margin: 50px auto;
}

.orbit-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    background: var(--gradient-cyber);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-size: 16px;
    color: var(--dark-bg);
    box-shadow: 0 0 60px rgba(0,245,255,0.5);
    z-index: 10;
}

.orbit-ring {
    position: absolute;
    top: 50%;
    left: 50%;
    border: 1px solid rgba(0,245,255,0.3);
    border-radius: 50%;
}

.orbit-ring.ring-1 {
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    animation: rotate 15s linear infinite;
}

.orbit-ring.ring-2 {
    width: 220px;
    height: 220px;
    margin: -110px 0 0 -110px;
    animation: rotate 25s linear infinite reverse;
}

.orbit-ring.ring-3 {
    width: 300px;
    height: 300px;
    margin: -150px 0 0 -150px;
    animation: rotate 35s linear infinite;
}

.orbit-dot {
    position: absolute;
    top: -6px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background: var(--neon-cyan);
    border-radius: 50%;
    box-shadow: 0 0 15px var(--neon-cyan);
}

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

/* ========================================
   GLASS CARDS
   ======================================== */
.glass-card {
    background: linear-gradient(135deg, rgba(18,18,26,0.9), rgba(26,26,37,0.8)) !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255,255,255,0.05) !important;
    border-radius: 20px !important;
    padding: 40px !important;
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.glass-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(0,245,255,0.5), transparent);
    opacity: 0;
    transition: opacity 0.3s;
}

.glass-card:hover {
    transform: translateY(-5px);
    border-color: rgba(0,245,255,0.2) !important;
    box-shadow: 0 25px 50px rgba(0,0,0,0.5), 0 0 100px rgba(0,245,255,0.1);
}

.glass-card:hover::before {
    opacity: 1;
}

/* ========================================
   COMPANY FLAGS - SVG
   ======================================== */
.company-flag {
    width: 60px;
    height: 60px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 25px auto;
    position: relative;
    overflow: hidden;
}

.company-flag.flag-us {
    background: linear-gradient(135deg, #1a1a40, #0a0a2e);
}

.company-flag.flag-us::before {
    content: '';
    width: 36px;
    height: 36px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Crect fill='%23bf0a30' y='0' width='50' height='3.85'/%3E%3Crect fill='white' y='3.85' width='50' height='3.85'/%3E%3Crect fill='%23bf0a30' y='7.69' width='50' height='3.85'/%3E%3Crect fill='white' y='11.54' width='50' height='3.85'/%3E%3Crect fill='%23bf0a30' y='15.38' width='50' height='3.85'/%3E%3Crect fill='white' y='19.23' width='50' height='3.85'/%3E%3Crect fill='%23bf0a30' y='23.08' width='50' height='3.85'/%3E%3Crect fill='white' y='26.92' width='50' height='3.85'/%3E%3Crect fill='%23bf0a30' y='30.77' width='50' height='3.85'/%3E%3Crect fill='white' y='34.62' width='50' height='3.85'/%3E%3Crect fill='%23bf0a30' y='38.46' width='50' height='3.85'/%3E%3Crect fill='white' y='42.31' width='50' height='3.85'/%3E%3Crect fill='%23bf0a30' y='46.15' width='50' height='3.85'/%3E%3Crect fill='%23002868' width='20' height='26.92'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 4px;
}

.company-flag.flag-hk {
    background: linear-gradient(135deg, #2d1a1a, #1a0a0a);
}

.company-flag.flag-hk::before {
    content: '';
    width: 36px;
    height: 36px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Crect fill='%23de2910' width='50' height='50'/%3E%3Ccircle cx='25' cy='25' r='12' fill='white'/%3E%3Cpath fill='%23de2910' d='M25 15 L27 22 L34 22 L28 27 L30 34 L25 29 L20 34 L22 27 L16 22 L23 22 Z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 4px;
}

.company-flag.flag-tr {
    background: linear-gradient(135deg, #1a2d1a, #0a1a0a);
}

.company-flag.flag-tr::before {
    content: '';
    width: 36px;
    height: 36px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Crect fill='%23e30a17' width='50' height='50'/%3E%3Ccircle cx='18' cy='25' r='10' fill='white'/%3E%3Ccircle cx='21' cy='25' r='8' fill='%23e30a17'/%3E%3Cpath fill='white' d='M30 25 L34 27 L32 23 L36 21 L31 21 L30 16 L29 21 L24 21 L28 23 L26 27 Z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 4px;
}

/* ========================================
   COMPANY CARDS
   ======================================== */
.company-card {
    height: 100%;
}

.company-name {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: var(--text-primary) !important;
    margin-bottom: 5px !important;
}

.company-location {
    font-size: 16px !important;
    color: var(--neon-cyan) !important;
    margin-bottom: 20px !important;
}

.company-desc {
    color: var(--text-secondary) !important;
    margin-bottom: 25px !important;
    line-height: 1.7 !important;
}

.company-features {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.company-features li {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 0 !important;
    font-size: 16px !important;
    color: var(--text-secondary) !important;
    border-bottom: 1px solid rgba(255,255,255,0.05);
}

.company-features li:last-child {
    border-bottom: none;
}

.company-features li::before {
    content: '▹' !important;
    color: var(--neon-cyan) !important;
    font-size: 14px;
}

/* ========================================
   STATS BANNER
   ======================================== */
.mrc-stats-banner {
    padding: 0px 15px !important;
    position: relative;
    z-index: 10;
    background-color: var(--dark-bg) !important;
}

.mrc-stats-banner > .vc_column_container > .vc_column-inner > .wpb_wrapper > .vc_row {
    background: linear-gradient(135deg, rgba(0, 245, 255, 0.05), rgba(255, 0, 255, 0.05)) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 30px !important;
    padding: 50px 60px 30px 60px !important;
    text-align: center !important;
    position: relative;
    overflow: hidden;
}

.mrc-stats-banner > .vc_column_container > .vc_column-inner > .wpb_wrapper > .vc_row::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        radial-gradient(circle at 0% 0%, rgba(0,245,255,0.1) 0%, transparent 50%),
        radial-gradient(circle at 100% 100%, rgba(255,0,255,0.1) 0%, transparent 50%);
    pointer-events: none;
}

.banner-stat {
    text-align: center;
    position: relative;
    z-index: 1;
}

.banner-stat-value {
    font-size: 48px !important;
    font-weight: 900 !important;
    background: var(--gradient-cyber);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.banner-stat-label {
    font-size: 16px !important;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--text-secondary) !important;
    margin-top: 8px;
}

/* ========================================
   SERVICE ICONS - SVG
   ======================================== */
.service-icon {
    width: 60px;
    height: 60px;
    background: var(--gradient-glow);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    transition: all 0.3s;
    position: relative;
}

.service-icon::before {
    content: '';
    width: 28px;
    height: 28px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    filter: drop-shadow(0 0 8px var(--neon-cyan));
}

/* Gamepad Icon */
.service-icon.icon-gamepad::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2300f5ff' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M14.25 6.087c0-.355.186-.676.401-.959.221-.29.349-.634.349-1.003 0-1.036-1.007-1.875-2.25-1.875s-2.25.84-2.25 1.875c0 .369.128.713.349 1.003.215.283.401.604.401.959v0a.64.64 0 01-.657.643 48.39 48.39 0 01-4.163-.3c.186 1.613.293 3.25.315 4.907a.656.656 0 01-.658.663v0c-.355 0-.676-.186-.959-.401a1.647 1.647 0 00-1.003-.349c-1.036 0-1.875 1.007-1.875 2.25s.84 2.25 1.875 2.25c.369 0 .713-.128 1.003-.349.283-.215.604-.401.959-.401v0c.31 0 .555.26.532.57a48.039 48.039 0 01-.642 5.056c1.518.19 3.058.309 4.616.354a.64.64 0 00.657-.643v0c0-.355-.186-.676-.401-.959a1.647 1.647 0 01-.349-1.003c0-1.035 1.008-1.875 2.25-1.875 1.243 0 2.25.84 2.25 1.875 0 .369-.128.713-.349 1.003-.215.283-.4.604-.4.959v0c0 .333.277.599.61.58a48.1 48.1 0 005.427-.63 48.05 48.05 0 00.582-4.717.532.532 0 00-.533-.57v0c-.355 0-.676.186-.959.401-.29.221-.634.349-1.003.349-1.035 0-1.875-1.007-1.875-2.25s.84-2.25 1.875-2.25c.37 0 .713.128 1.003.349.283.215.604.401.96.401v0a.656.656 0 00.658-.663 48.422 48.422 0 00-.37-5.36c-1.886.342-3.81.574-5.766.689a.578.578 0 01-.61-.58v0z'/%3E%3C/svg%3E");
}

/* Bolt/Lightning Icon */
.service-icon.icon-bolt::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2300f5ff' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3.75 13.5l10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75z'/%3E%3C/svg%3E");
}

/* API/Code Icon */
.service-icon.icon-api::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2300f5ff' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M17.25 6.75L22.5 12l-5.25 5.25m-10.5 0L1.5 12l5.25-5.25m7.5-3l-4.5 16.5'/%3E%3C/svg%3E");
}

/* Automation/Cog Icon */
.service-icon.icon-automation::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2300f5ff' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M4.5 12a7.5 7.5 0 0015 0m-15 0a7.5 7.5 0 1115 0m-15 0H3m16.5 0H21m-1.5 0H12m-8.457 3.077l1.41-.513m14.095-5.13l1.41-.513M5.106 17.785l1.15-.964m11.49-9.642l1.149-.964M7.501 19.795l.75-1.3m7.5-12.99l.75-1.3m-6.063 16.658l.26-1.477m2.605-14.772l.26-1.477m0 17.726l-.26-1.477M10.698 4.614l-.26-1.477M16.5 19.794l-.75-1.299M7.5 4.205L12 12m6.894 5.785l-1.149-.964M6.256 7.178l-1.15-.964m15.352 8.864l-1.41-.513M4.954 9.435l-1.41-.514M12.002 12l-3.75 6.495'/%3E%3C/svg%3E");
}

/* Shield/Security Icon */
.service-icon.icon-shield::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2300f5ff' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 12.75L11.25 15 15 9.75m-3-7.036A11.959 11.959 0 013.598 6 11.99 11.99 0 003 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285z'/%3E%3C/svg%3E");
}

/* Analytics/Chart Icon */
.service-icon.icon-analytics::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2300f5ff' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3 13.125C3 12.504 3.504 12 4.125 12h2.25c.621 0 1.125.504 1.125 1.125v6.75C7.5 20.496 6.996 21 6.375 21h-2.25A1.125 1.125 0 013 19.875v-6.75zM9.75 8.625c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 01-1.125-1.125V8.625zM16.5 4.125c0-.621.504-1.125 1.125-1.125h2.25C20.496 3 21 3.504 21 4.125v15.75c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 01-1.125-1.125V4.125z'/%3E%3C/svg%3E");
}

.service-card:hover .service-icon {
    background: var(--gradient-cyber);
    border-color: transparent;
    box-shadow: 0 0 30px rgba(0,245,255,0.3);
}

.service-card:hover .service-icon::before {
    filter: brightness(0) invert(1) drop-shadow(0 0 5px white);
}

/* ========================================
   SERVICE CARDS
   ======================================== */
.service-card {
    text-align: left;
}

.service-title {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: var(--text-primary) !important;
    margin-bottom: 12px !important;
}

.service-desc {
    color: var(--text-secondary) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
}

/* ========================================
   CONTACT ICONS - SVG
   ======================================== */
.contact-icon {
    width: 50px;
    height: 50px;
    background: var(--gradient-glow);
    border: 1px solid rgba(0,245,255,0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px auto;
    position: relative;
}

.contact-icon::before {
    content: '';
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Mail Icon */
.contact-icon.icon-mail::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2300f5ff' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75'/%3E%3C/svg%3E");
}

/* Handshake Icon */
.contact-icon.icon-handshake::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2300f5ff' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M15 19.128a9.38 9.38 0 002.625.372 9.337 9.337 0 004.121-.952 4.125 4.125 0 00-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 018.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0111.964-3.07M12 6.375a3.375 3.375 0 11-6.75 0 3.375 3.375 0 016.75 0zm8.25 2.25a2.625 2.625 0 11-5.25 0 2.625 2.625 0 015.25 0z'/%3E%3C/svg%3E");
}

/* Lock Icon */
.contact-icon.icon-lock::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2300f5ff' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M16.5 10.5V6.75a4.5 4.5 0 10-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 002.25-2.25v-6.75a2.25 2.25 0 00-2.25-2.25H6.75a2.25 2.25 0 00-2.25 2.25v6.75a2.25 2.25 0 002.25 2.25z'/%3E%3C/svg%3E");
}

/* ========================================
   MISSION SECTION
   ======================================== */
.mrc-mission-section {
    padding: 0px 15px !important;
    position: relative;
    z-index: 10;
    background-color: var(--dark-bg) !important;
}

.mrc-mission-section .mission-content {
    background: linear-gradient(135deg, rgba(0,245,255,0.05), rgba(255,0,255,0.05)) !important;
    border: 1px solid rgba(255,255,255,0.05) !important;
    border-radius: 30px !important;
    padding: 80px 60px !important;
    text-align: center !important;
    position: relative;
    overflow: hidden;
}

.mrc-mission-section .mission-content::before,
.mrc-mission-section .mission-content::after {
    content: '"';
    font-size: 150px;
    color: rgba(0,245,255,0.05);
    position: absolute;
    line-height: 1;
}

.mrc-mission-section .mission-content::before {
    top: 20px;
    left: 40px;
}

.mrc-mission-section .mission-content::after {
    bottom: -40px;
    right: 40px;
    transform: rotate(180deg);
}

.mission-title {
    font-size: 16px !important;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: var(--neon-magenta) !important;
    margin-bottom: 30px !important;
}

.mission-text {
    font-size: 26px !important;
    line-height: 1.6 !important;
    color: var(--text-primary) !important;
    max-width: 900px;
    margin: 0 auto !important;
    font-weight: 500;
}

/* ========================================
   CTA SECTION
   ======================================== */
.mrc-cta-section {
    padding: 0px 15px !important;
    position: relative;
    z-index: 10;
    background-color: var(--dark-bg) !important;
}

.cta-header {
    text-align: center;
    margin-bottom: 50px;
}

.cta-title {
    font-size: clamp(28px, 4vw, 42px) !important;
    font-weight: 700 !important;
    color: var(--text-primary) !important;
    margin: 0 !important;
}

.contact-grid .vc_column_inner {
    padding: 15px !important;
}

.contact-card {
    text-align: center !important;
    height: 100%;
}

.contact-type {
    font-size: 14px !important;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--neon-cyan) !important;
    margin-bottom: 15px !important;
}

.contact-email {
    font-size: 18px !important;
    color: var(--text-primary) !important;
    margin-bottom: 8px !important;
}

.contact-note {
    font-size: 15px !important;
    color: var(--text-secondary) !important;
}

/* ========================================
   RESPONSIVE STYLES
   ======================================== */
@media (max-width: 992px) {
    .mrc-hero-stats .vc_column_inner {
        width: 33.33% !important;
    }
    
    .companies-grid .vc_column_inner,
    .services-grid .vc_column_inner,
    .contact-grid .vc_column_inner {
        width: 50% !important;
        margin-bottom: 30px;
    }
    
    .orbit-container {
        width: 250px;
        height: 250px;
    }
    
    .orbit-ring.ring-3 {
        width: 250px;
        height: 250px;
        margin: -125px 0 0 -125px;
    }
}

@media (max-width: 768px) {
    .mrc-hero-section {
        padding: 0px 15px !important;
    }
    
    .mrc-hero-stats .vc_column_inner {
        width: 100% !important;
        margin-bottom: 20px;
    }
    
    .companies-grid .vc_column_inner,
    .services-grid .vc_column_inner,
    .contact-grid .vc_column_inner {
        width: 100% !important;
    }
    
    .mrc-section {
        padding: 60px 15px !important;
    }
    
    .glass-card {
        padding: 30px !important;
    }
    
    .mrc-mission-section .mission-content {
        padding: 50px 30px !important;
    }
    
    .mission-text {
        font-size: 20px !important;
    }
    
    .banner-stat-value {
        font-size: 36px !important;
    }
    
    .orbit-container {
        display: none;
    }
}

/* ========================================
   WPBakery OVERRIDES
   ======================================== */
.mrc-hero-section .wpb_wrapper,
.mrc-section .wpb_wrapper,
.mrc-stats-banner .wpb_wrapper,
.mrc-mission-section .wpb_wrapper,
.mrc-cta-section .wpb_wrapper {
    background: transparent !important;
}

.mrc-hero-section .vc_column_text,
.mrc-section .vc_column_text,
.mrc-stats-banner .vc_column_text,
.mrc-mission-section .vc_column_text,
.mrc-cta-section .vc_column_text {
    background: transparent !important;
}

/* Remove default WPBakery margins */
.mrc-hero-section .vc_row,
.mrc-section .vc_row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Fix WPBakery column padding */
.companies-grid .vc_column_inner,
.services-grid .vc_column_inner {
    padding: 15px !important;
}

/* ========================================
   MRCODA - BUSINESS INQUIRIES PAGE
   Additional CSS (Add to existing CSS)
   ======================================== */

/* ========================================
   BENEFIT CARDS
   ======================================== */
.benefit-card {
    text-align: center;
    padding: 30px 20px !important;
}

.benefit-icon {
    width: 70px;
    height: 70px;
    background: var(--gradient-glow);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    transition: all 0.3s;
    position: relative;
}

.benefit-icon::before {
    content: '';
    width: 32px;
    height: 32px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.benefit-card:hover .benefit-icon {
    background: var(--gradient-cyber);
    box-shadow: 0 0 40px rgba(0,245,255,0.4);
}

.benefit-card:hover .benefit-icon::before {
    filter: brightness(0) invert(1);
}

.benefit-title {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: var(--text-primary) !important;
    margin-bottom: 10px !important;
}

.benefit-desc {
    font-size: 16px !important;
    color: var(--text-secondary) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

/* Benefit Icons */
.benefit-icon.icon-globe::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2300f5ff' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582m15.686 0A11.953 11.953 0 0112 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0121 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0112 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 013 12c0-1.605.42-3.113 1.157-4.418'/%3E%3C/svg%3E");
}

.benefit-icon.icon-briefcase::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2300f5ff' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M20.25 14.15v4.25c0 1.094-.787 2.036-1.872 2.18-2.087.277-4.216.42-6.378.42s-4.291-.143-6.378-.42c-1.085-.144-1.872-1.086-1.872-2.18v-4.25m16.5 0a2.18 2.18 0 00.75-1.661V8.706c0-1.081-.768-2.015-1.837-2.175a48.114 48.114 0 00-3.413-.387m4.5 8.006c-.194.165-.42.295-.673.38A23.978 23.978 0 0112 15.75c-2.648 0-5.195-.429-7.577-1.22a2.016 2.016 0 01-.673-.38m0 0A2.18 2.18 0 013 12.489V8.706c0-1.081.768-2.015 1.837-2.175a48.111 48.111 0 013.413-.387m7.5 0V5.25A2.25 2.25 0 0013.5 3h-3a2.25 2.25 0 00-2.25 2.25v.894m7.5 0a48.667 48.667 0 00-7.5 0M12 12.75h.008v.008H12v-.008z'/%3E%3C/svg%3E");
}

.benefit-icon.icon-verified::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2300f5ff' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 12.75L11.25 15 15 9.75M21 12c0 1.268-.63 2.39-1.593 3.068a3.745 3.745 0 01-1.043 3.296 3.745 3.745 0 01-3.296 1.043A3.745 3.745 0 0112 21c-1.268 0-2.39-.63-3.068-1.593a3.746 3.746 0 01-3.296-1.043 3.745 3.745 0 01-1.043-3.296A3.745 3.745 0 013 12c0-1.268.63-2.39 1.593-3.068a3.745 3.745 0 011.043-3.296 3.746 3.746 0 013.296-1.043A3.746 3.746 0 0112 3c1.268 0 2.39.63 3.068 1.593a3.746 3.746 0 013.296 1.043 3.746 3.746 0 011.043 3.296A3.745 3.745 0 0121 12z'/%3E%3C/svg%3E");
}

.benefit-icon.icon-api::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2300f5ff' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M17.25 6.75L22.5 12l-5.25 5.25m-10.5 0L1.5 12l5.25-5.25m7.5-3l-4.5 16.5'/%3E%3C/svg%3E");
}

.feature-icon.icon-analytics::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2300f5ff' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3 13.125C3 12.504 3.504 12 4.125 12h2.25c.621 0 1.125.504 1.125 1.125v6.75C7.5 20.496 6.996 21 6.375 21h-2.25A1.125 1.125 0 013 19.875v-6.75zM9.75 8.625c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 01-1.125-1.125V8.625zM16.5 4.125c0-.621.504-1.125 1.125-1.125h2.25C20.496 3 21 3.504 21 4.125v15.75c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 01-1.125-1.125V4.125z'/%3E%3C/svg%3E");
}

/* ========================================
   INTRO TEXT
   ======================================== */
.intro-text p {
    font-size: 18px !important;
    color: var(--text-secondary) !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
}

/* ========================================
   FEATURE ITEMS (Horizontal Layout)
   ======================================== */
.feature-item {
    display: flex !important;
    align-items: flex-start;
    gap: 20px;
    padding: 25px !important;
    margin-bottom: 20px !important;
}

.feature-item .feature-icon {
    width: 50px;
    height: 50px;
    min-width: 50px;
    background: var(--gradient-glow);
    border: 1px solid rgba(0,245,255,0.2);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.feature-item .feature-icon::before {
    content: '';
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.feature-content {
    flex: 1;
}

.feature-title {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: var(--text-primary) !important;
    margin-bottom: 8px !important;
	  padding: 10px 0 0 0;
}

.feature-desc {
    font-size: 16px !important;
    color: var(--text-secondary) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

/* Feature Icons */
.feature-icon.icon-catalog::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2300f5ff' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M20.25 7.5l-.625 10.632a2.25 2.25 0 01-2.247 2.118H6.622a2.25 2.25 0 01-2.247-2.118L3.75 7.5M10 11.25h4M3.375 7.5h17.25c.621 0 1.125-.504 1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125z'/%3E%3C/svg%3E");
}

.feature-icon.icon-realtime::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2300f5ff' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3.75 13.5l10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75z'/%3E%3C/svg%3E");
}

.feature-icon.icon-currency::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2300f5ff' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 6v12m-3-2.818l.879.659c1.171.879 3.07.879 4.242 0 1.172-.879 1.172-2.303 0-3.182C13.536 12.219 12.768 12 12 12c-.725 0-1.45-.22-2.003-.659-1.106-.879-1.106-2.303 0-3.182s2.9-.879 4.006 0l.415.33M21 12a9 9 0 11-18 0 9 9 0 0118 0z'/%3E%3C/svg%3E");
}

.feature-icon.icon-support::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2300f5ff' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M18 18.72a9.094 9.094 0 003.741-.479 3 3 0 00-4.682-2.72m.94 3.198l.001.031c0 .225-.012.447-.037.666A11.944 11.944 0 0112 21c-2.17 0-4.207-.576-5.963-1.584A6.062 6.062 0 016 18.719m12 0a5.971 5.971 0 00-.941-3.197m0 0A5.995 5.995 0 0012 12.75a5.995 5.995 0 00-5.058 2.772m0 0a3 3 0 00-4.681 2.72 8.986 8.986 0 003.74.477m.94-3.197a5.971 5.971 0 00-.94 3.197M15 6.75a3 3 0 11-6 0 3 3 0 016 0zm6 3a2.25 2.25 0 11-4.5 0 2.25 2.25 0 014.5 0zm-13.5 0a2.25 2.25 0 11-4.5 0 2.25 2.25 0 014.5 0z'/%3E%3C/svg%3E");
}

.feature-icon.icon-integration::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2300f5ff' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M13.19 8.688a4.5 4.5 0 011.242 7.244l-4.5 4.5a4.5 4.5 0 01-6.364-6.364l1.757-1.757m13.35-.622l1.757-1.757a4.5 4.5 0 00-6.364-6.364l-4.5 4.5a4.5 4.5 0 001.242 7.244'/%3E%3C/svg%3E");
}

/* ========================================
   PARTNERSHIP CARDS
   ======================================== */
.section-header.center,
.section-header.center .section-tag,
.section-header.center .section-title {
    text-align: center !important;
}

.section-header.center .section-tag {
    justify-content: center;
}

.section-header.center .section-title::after {
    left: 50%;
    transform: translateX(-50%);
}

.partnership-card {
    text-align: center;
    padding: 40px 30px !important;
    position: relative;
    height: 100%;
}

.partnership-card.featured {
    border-color: rgba(0,245,255,0.3) !important;
    box-shadow: 0 0 40px rgba(0,245,255,0.1);
}

.featured-badge {
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--gradient-cyber);
    padding: 5px 20px;
    border-radius: 20px;
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--dark-bg);
    font-weight: 700;
}

.partnership-icon {
    width: 70px;
    height: 70px;
    background: var(--gradient-glow);
    border: 1px solid rgba(0,245,255,0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 25px;
    position: relative;
}

.partnership-icon::before {
    content: '';
    width: 32px;
    height: 32px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.partnership-title {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: var(--text-primary) !important;
    margin-bottom: 15px !important;
}

.partnership-desc {
    color: var(--text-secondary) !important;
    line-height: 1.7 !important;
    margin-bottom: 25px !important;
}

.partnership-features {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: left;
}

.partnership-features li {
    font-size: 16px !important;
    color: var(--text-secondary) !important;
    padding: 8px 0 !important;
    border-bottom: 1px solid rgba(255,255,255,0.05);
    display: flex;
    align-items: center;
    gap: 10px;
}

.partnership-features li:last-child {
    border-bottom: none;
}

.partnership-features li::before {
    content: '▹';
    color: var(--neon-cyan);
    font-size: 14px;
}

/* Partnership Icons */
.partnership-icon.icon-store::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2300f5ff' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M13.5 21v-7.5a.75.75 0 01.75-.75h3a.75.75 0 01.75.75V21m-4.5 0H2.36m11.14 0H18m0 0h3.64m-1.39 0V9.349m-16.5 11.65V9.35m0 0a3.001 3.001 0 003.75-.615A2.993 2.993 0 009.75 9.75c.896 0 1.7-.393 2.25-1.016a2.993 2.993 0 002.25 1.016c.896 0 1.7-.393 2.25-1.016a3.001 3.001 0 003.75.614m-16.5 0a3.004 3.004 0 01-.621-4.72L4.318 3.44A1.5 1.5 0 015.378 3h13.243a1.5 1.5 0 011.06.44l1.19 1.189a3 3 0 01-.621 4.72m-13.5 8.65h3.75a.75.75 0 00.75-.75V13.5a.75.75 0 00-.75-.75H6.75a.75.75 0 00-.75.75v3.75c0 .415.336.75.75.75z'/%3E%3C/svg%3E");
}

.partnership-icon.icon-network::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2300f5ff' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M7.217 10.907a2.25 2.25 0 100 2.186m0-2.186c.18.324.283.696.283 1.093s-.103.77-.283 1.093m0-2.186l9.566-5.314m-9.566 7.5l9.566 5.314m0 0a2.25 2.25 0 103.935 2.186 2.25 2.25 0 00-3.935-2.186zm0-12.814a2.25 2.25 0 103.933-2.185 2.25 2.25 0 00-3.933 2.185z'/%3E%3C/svg%3E");
}

.partnership-icon.icon-enterprise::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2300f5ff' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M2.25 21h19.5m-18-18v18m10.5-18v18m6-13.5V21M6.75 6.75h.75m-.75 3h.75m-.75 3h.75m3-6h.75m-.75 3h.75m-.75 3h.75M6.75 21v-3.375c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21M3 3h12m-.75 4.5H21m-3.75 3.75h.008v.008h-.008v-.008zm0 3h.008v.008h-.008v-.008zm0 3h.008v.008h-.008v-.008z'/%3E%3C/svg%3E");
}

/* ========================================
   TIMELINE
   ======================================== */
.timeline {
    position: relative;
    padding-left: 100px;
}

.timeline::before {
    content: '';
    position: absolute;
    left: 35px;
    top: 30px;
    bottom: 30px;
    width: 2px;
    background: linear-gradient(180deg, var(--neon-cyan), var(--neon-magenta));
    opacity: 0.3;
}

.timeline-item {
    position: relative;
    margin-bottom: 30px;
}

.timeline-item:last-child {
    margin-bottom: 0;
}

.timeline-number {
    position: absolute;
    left: -100px;
    top: 50%;
    transform: translateY(-50%);
    width: 70px;
    height: 70px;
    background: var(--gradient-cyber);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 900;
    color: var(--dark-bg);
    box-shadow: 0 0 30px rgba(0,245,255,0.3);
}

.timeline-content {
    padding: 25px 30px !important;
}

.timeline-title {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: var(--text-primary) !important;
    margin-bottom: 10px !important;
}

.timeline-desc {
    color: var(--text-secondary) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

@media (max-width: 768px) {
    .timeline {
        padding-left: 60px;
    }
    
    .timeline::before {
        left: 20px;
    }
    
    .timeline-number {
        left: -60px;
        width: 50px;
        height: 50px;
        font-size: 18px;
    }
}

/* ========================================
   FORM SECTION
   ======================================== */
.mrc-form-section {
    padding: 80px 15px !important;
    background-color: var(--dark-bg) !important;
    position: relative;
    z-index: 10;
}

.form-header {
    text-align: center;
    margin-bottom: 40px;
}

.form-subtitle {
    font-size: 18px !important;
    color: var(--text-secondary) !important;
    max-width: 600px;
    margin: 20px auto 0 !important;
}

.form-container {
    max-width: 800px;
    margin: 0 auto;
}

.placeholder-box {
    background: linear-gradient(135deg, rgba(0,245,255,0.05), rgba(255,0,255,0.05));
    border: 2px dashed rgba(0,245,255,0.3);
    border-radius: 20px;
    padding: 80px 40px;
    text-align: center;
}

.placeholder-icon {
    width: 60px;
    height: 60px;
    background: var(--gradient-glow);
    border: 1px solid rgba(0,245,255,0.2);
    border-radius: 50%;
    margin: 0 auto 20px;
    position: relative;
}

.placeholder-icon::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2300f5ff' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z'/%3E%3C/svg%3E");
    background-size: contain;
}

.placeholder-text {
    font-size: 18px !important;
    color: var(--neon-cyan) !important;
    margin-bottom: 8px !important;
}

.placeholder-hint {
    font-size: 16px !important;
    color: var(--text-secondary) !important;
    margin: 0 !important;
}

/* ========================================
   FAQ SECTION
   ======================================== */
.faq-item {
    background: linear-gradient(135deg, rgba(18,18,26,0.9), rgba(26,26,37,0.8)) !important;
    border: 1px solid rgba(255,255,255,0.05) !important;
    border-radius: 15px !important;
    padding: 25px !important;
    margin-bottom: 20px !important;
    transition: all 0.3s;
}

.faq-item:hover {
    border-color: rgba(0,245,255,0.2) !important;
}

.faq-question {
    font-weight: 600;
    color: var(--neon-cyan);
    margin-bottom: 12px;
}

.faq-answer {
    color: var(--text-secondary);
    line-height: 1.7;
}

/* ========================================
   CTA BOX
   ======================================== */
.cta-box {
    background: linear-gradient(135deg, rgba(0,245,255,0.05), rgba(255,0,255,0.05)) !important;
    border: 1px solid rgba(255,255,255,0.05) !important;
    border-radius: 30px !important;
    padding: 60px !important;
}

.cta-content {
    text-align: center;
    margin-bottom: 40px;
}

.cta-title {
    font-size: 32px !important;
    font-weight: 700 !important;
    color: var(--text-primary) !important;
    margin-bottom: 10px !important;
}

.cta-subtitle {
    font-size: 18px !important;
    color: var(--text-secondary) !important;
    margin: 0 !important;
}

.cta-contacts {
    display: flex;
    justify-content: center;
    gap: 30px;
    flex-wrap: wrap;
}

.cta-contacts .contact-card {
    flex: 1;
    min-width: 280px;
    max-width: 350px;
}

/* Headset Icon */
.contact-icon.icon-headset::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2300f5ff' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 18.75a6 6 0 006-6v-1.5m-6 7.5a6 6 0 01-6-6v-1.5m6 7.5v3.75m-3.75 0h7.5M12 15.75a3 3 0 01-3-3V4.5a3 3 0 116 0v8.25a3 3 0 01-3 3z'/%3E%3C/svg%3E");
}

/* ========================================
   RESPONSIVE
   ======================================== */
@media (max-width: 992px) {
    .benefits-grid .vc_column_inner {
        width: 50% !important;
        margin-bottom: 20px;
    }
    
    .features-grid .vc_column_inner,
    .partnership-grid .vc_column_inner,
    .faq-grid .vc_column_inner {
        width: 100% !important;
    }
}

@media (max-width: 768px) {
    .benefits-grid .vc_column_inner {
        width: 100% !important;
    }
    
    .cta-box {
        padding: 40px 25px !important;
    }
    
    .cta-contacts .contact-card {
        min-width: 100%;
    }
    
    .mrc-hero-stats .vc_column_inner {
        width: 50% !important;
    }
}

@media (max-width: 480px) {
    .mrc-hero-stats .vc_column_inner {
        width: 100% !important;
    }
}

/* ========================================
   MRCODA - TERMS OF USE PAGE
   Additional CSS (Add to existing CSS)
   ======================================== */

/* ========================================
   EFFECTIVE DATE BADGE
   ======================================== */
.effective-date {
    display: inline-block;
    margin-top: 30px;
    padding: 10px 25px;
    background: linear-gradient(135deg, rgba(0,245,255,0.1), rgba(255,0,255,0.1));
    border: 1px solid rgba(0,245,255,0.3);
    border-radius: 30px;
    font-size: 14px;
    color: var(--neon-cyan);
    letter-spacing: 1px;
}

/* ========================================
   ADDITIONAL BENEFIT ICONS
   ======================================== */
.benefit-icon.icon-document::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2300f5ff' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z'/%3E%3C/svg%3E");
}

.benefit-icon.icon-pci::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2300f5ff' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 12.75L11.25 15 15 9.75m-3-7.036A11.959 11.959 0 013.598 6 11.99 11.99 0 003 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285z'/%3E%3C/svg%3E");
}

.benefit-icon.icon-clock::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2300f5ff' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 6v6h4.5m4.5 0a9 9 0 11-18 0 9 9 0 0118 0z'/%3E%3C/svg%3E");
}

/* ========================================
   LEGAL ENTITY BOX
   ======================================== */
.legal-entity-box {
    display: flex !important;
    align-items: flex-start;
    gap: 25px;
    padding: 30px !important;
}

.legal-entity-icon {
    width: 60px;
    height: 60px;
    min-width: 60px;
    background: var(--gradient-cyber);
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.legal-entity-icon::before {
    content: '';
    width: 28px;
    height: 28px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%230a0a0f' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M2.25 21h19.5m-18-18v18m10.5-18v18m6-13.5V21M6.75 6.75h.75m-.75 3h.75m-.75 3h.75m3-6h.75m-.75 3h.75m-.75 3h.75M6.75 21v-3.375c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21M3 3h12m-.75 4.5H21m-3.75 3.75h.008v.008h-.008v-.008zm0 3h.008v.008h-.008v-.008zm0 3h.008v.008h-.008v-.008z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

.legal-entity-content {
    flex: 1;
}

.legal-entity-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: var(--neon-cyan) !important;
    margin-bottom: 10px !important;
}

.legal-entity-info {
    font-size: 18px !important;
    color: var(--text-secondary) !important;
    line-height: 1.7 !important;
    margin-bottom: 15px !important;
}

.legal-entity-contacts {
    flex-wrap: wrap;
    gap: 20px;
}

.legal-entity-contacts span {
    font-size: 16px;
    color: var(--text-secondary);
}

.legal-entity-contacts a {
    color: var(--neon-cyan);
    text-decoration: none;
    transition: color 0.3s;
}

.legal-entity-contacts a:hover {
    color: var(--neon-magenta);
}

/* ========================================
   TABLE OF CONTENTS
   ======================================== */
.toc-box {
    padding: 40px !important;
}

.toc-title {
    font-size: 24px !important;
    font-weight: 700 !important;
    color: var(--text-primary) !important;
    text-align: center;
    margin-bottom: 30px !important;
    position: relative;
}

.toc-title::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 3px;
    background: var(--gradient-cyber);
    border-radius: 2px;
}

.toc-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px 40px;
}

@media (max-width: 768px) {
    .toc-grid {
        grid-template-columns: 1fr;
    }
}

.toc-item {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 12px 15px;
    background: rgba(0,245,255,0.03);
    border: 1px solid rgba(255,255,255,0.05);
    border-radius: 10px;
    text-decoration: none;
    transition: all 0.3s;
}

.toc-item:hover {
    background: rgba(0,245,255,0.1);
    border-color: rgba(0,245,255,0.2);
    transform: translateX(5px);
}

.toc-number {
    width: 35px;
    height: 35px;
    min-width: 35px;
    background: var(--gradient-cyber);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    color: var(--dark-bg);
}

.toc-text {
    color: var(--text-secondary);
    transition: color 0.3s;
}

.toc-item:hover .toc-text {
    color: var(--neon-cyan);
}

/* ========================================
   LEGAL CONTENT
   ======================================== */
.legal-content {
    background: transparent !important;
    padding: 0 !important;
}

.legal-content p {
    font-size: 18px !important;
    color: var(--text-secondary) !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
}

.legal-subtitle {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: var(--neon-cyan) !important;
    margin-top: 25px !important;
    margin-bottom: 15px !important;
}

.legal-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 20px 0 !important;
}

.legal-list li {
    font-size: 18px !important;
    color: var(--text-secondary) !important;
    padding: 10px 0 10px 30px !important;
    position: relative;
    border-bottom: 1px solid rgba(255,255,255,0.03);
}

.legal-list li:last-child {
    border-bottom: none;
}

.legal-list li::before {
    content: '▹';
    position: absolute;
    left: 0;
    color: var(--neon-cyan);
    font-size: 16px;
}

/* ========================================
   INFO BOXES
   ======================================== */
.info-box {
    display: flex !important;
    align-items: flex-start;
    gap: 20px;
    padding: 25px !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.info-box.info-cyan {
    border-color: rgba(0,245,255,0.2) !important;
    background: linear-gradient(135deg, rgba(0,245,255,0.05), rgba(18,18,26,0.9)) !important;
}

.info-box.info-green {
    border-color: rgba(134,239,172,0.2) !important;
    background: linear-gradient(135deg, rgba(134,239,172,0.05), rgba(18,18,26,0.9)) !important;
}

.info-box.info-magenta {
    border-color: rgba(255,0,255,0.2) !important;
    background: linear-gradient(135deg, rgba(255,0,255,0.05), rgba(18,18,26,0.9)) !important;
}

.info-icon {
    width: 45px;
    height: 45px;
    min-width: 45px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.info-box.info-cyan .info-icon {
    background: rgba(0,245,255,0.1);
    border: 1px solid rgba(0,245,255,0.3);
}

.info-box.info-green .info-icon {
    background: rgba(134,239,172,0.1);
    border: 1px solid rgba(134,239,172,0.3);
}

.info-box.info-magenta .info-icon {
    background: rgba(255,0,255,0.1);
    border: 1px solid rgba(255,0,255,0.3);
}

.info-icon::before {
    content: '';
    width: 22px;
    height: 22px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.info-icon.icon-info::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2300f5ff' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z'/%3E%3C/svg%3E");
}

.info-icon.icon-eu::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2386efac' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582m15.686 0A11.953 11.953 0 0112 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0121 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0112 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 013 12c0-1.605.42-3.113 1.157-4.418'/%3E%3C/svg%3E");
}

.info-icon.icon-shield::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ff00ff' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 9v3.75m0-10.036A11.959 11.959 0 013.598 6 11.99 11.99 0 003 9.75c0 5.592 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.57-.598-3.75h-.152c-3.196 0-6.1-1.25-8.25-3.286zm0 13.036h.008v.008H12v-.008z'/%3E%3C/svg%3E");
}

.info-content {
    flex: 1;
}

.info-title {
    font-weight: 600 !important;
    margin-bottom: 8px !important;
}

.info-box.info-cyan .info-title {
    color: var(--neon-cyan) !important;
}

.info-box.info-green .info-title {
    color: #86efac !important;
}

.info-box.info-magenta .info-title {
    color: var(--neon-magenta) !important;
}

.info-text {
    color: var(--text-secondary) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

.info-text a {
    color: var(--neon-cyan);
    text-decoration: none;
}

.info-text a:hover {
    text-decoration: underline;
}

/* ========================================
   RESPONSIVE
   ======================================== */
@media (max-width: 768px) {
    .legal-entity-box {
        flex-direction: column;
        text-align: center;
    }
    
    .legal-entity-icon {
        margin: 0 auto;
    }
    
    .legal-entity-contacts {
        justify-content: center;
    }
    
    .info-box {
        flex-direction: column;
        text-align: center;
    }
    
    .info-icon {
        margin: 0 auto;
    }
}

/* ========================================
   MRCODA - PRIVACY POLICY PAGE
   Additional CSS (Add to existing CSS)
   ======================================== */

/* ========================================
   PRIVACY BENEFIT ICONS
   ======================================== */
.benefit-icon.icon-security::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2300f5ff' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M16.5 10.5V6.75a4.5 4.5 0 10-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 002.25-2.25v-6.75a2.25 2.25 0 00-2.25-2.25H6.75a2.25 2.25 0 00-2.25 2.25v6.75a2.25 2.25 0 002.25 2.25z'/%3E%3C/svg%3E");
}

.benefit-icon.icon-gdpr::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2300f5ff' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 12.75L11.25 15 15 9.75m-3-7.036A11.959 11.959 0 013.598 6 11.99 11.99 0 003 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285z'/%3E%3C/svg%3E");
}

.benefit-icon.icon-minimal::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2300f5ff' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3.75 13.5l10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75z'/%3E%3C/svg%3E");
}

.benefit-icon.icon-rights::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2300f5ff' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M15.75 6a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0zM4.501 20.118a7.5 7.5 0 0114.998 0A17.933 17.933 0 0112 21.75c-2.676 0-5.216-.584-7.499-1.632z'/%3E%3C/svg%3E");
}

/* ========================================
   SECURITY CARDS
   ======================================== */
.security-grid {
    margin-bottom: 20px;
}

.security-card {
    text-align: center;
    padding: 30px 20px !important;
}

.security-icon {
    width: 60px;
    height: 60px;
    background: var(--gradient-cyber);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    position: relative;
}

.security-icon::before {
    content: '';
    width: 28px;
    height: 28px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.security-title {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: var(--text-primary) !important;
    margin-bottom: 10px !important;
}

.security-desc {
    font-size: 16px !important;
    color: var(--text-secondary) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

/* Security Icons */
.security-icon.icon-encryption::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%230a0a0f' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M16.5 10.5V6.75a4.5 4.5 0 10-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 002.25-2.25v-6.75a2.25 2.25 0 00-2.25-2.25H6.75a2.25 2.25 0 00-2.25 2.25v6.75a2.25 2.25 0 002.25 2.25z'/%3E%3C/svg%3E");
}

.security-icon.icon-access::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%230a0a0f' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M15.75 5.25a3 3 0 013 3m3 0a6 6 0 01-7.029 5.912c-.563-.097-1.159.026-1.563.43L10.5 17.25H8.25v2.25H6v2.25H2.25v-2.818c0-.597.237-1.17.659-1.591l6.499-6.499c.404-.404.527-1 .43-1.563A6 6 0 1121.75 8.25z'/%3E%3C/svg%3E");
}

.security-icon.icon-monitoring::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%230a0a0f' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3 13.125C3 12.504 3.504 12 4.125 12h2.25c.621 0 1.125.504 1.125 1.125v6.75C7.5 20.496 6.996 21 6.375 21h-2.25A1.125 1.125 0 013 19.875v-6.75zM9.75 8.625c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 01-1.125-1.125V8.625zM16.5 4.125c0-.621.504-1.125 1.125-1.125h2.25C20.496 3 21 3.504 21 4.125v15.75c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 01-1.125-1.125V4.125z'/%3E%3C/svg%3E");
}

.security-icon.icon-testing::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%230a0a0f' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 12.75L11.25 15 15 9.75m-3-7.036A11.959 11.959 0 013.598 6 11.99 11.99 0 003 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285z'/%3E%3C/svg%3E");
}

.security-icon.icon-backup::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%230a0a0f' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M20.25 6.375c0 2.278-3.694 4.125-8.25 4.125S3.75 8.653 3.75 6.375m16.5 0c0-2.278-3.694-4.125-8.25-4.125S3.75 4.097 3.75 6.375m16.5 0v11.25c0 2.278-3.694 4.125-8.25 4.125s-8.25-1.847-8.25-4.125V6.375m16.5 0v3.75m-16.5-3.75v3.75m16.5 0v3.75C20.25 16.153 16.556 18 12 18s-8.25-1.847-8.25-4.125v-3.75m16.5 0c0 2.278-3.694 4.125-8.25 4.125s-8.25-1.847-8.25-4.125'/%3E%3C/svg%3E");
}

.security-icon.icon-data-protect::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%230a0a0f' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M18.364 18.364A9 9 0 005.636 5.636m12.728 12.728A9 9 0 015.636 5.636m12.728 12.728L5.636 5.636'/%3E%3C/svg%3E");
}

/* ========================================
   RETENTION TABLE
   ======================================== */
.retention-table-wrapper {
    background: transparent !important;
    padding: 0 !important;
    margin: 30px 0 !important;
}

.retention-table {
    background: linear-gradient(135deg, rgba(18,18,26,0.9), rgba(26,26,37,0.8));
    border: 1px solid rgba(255,255,255,0.05);
    border-radius: 15px;
    overflow: hidden;
}

.retention-header {
    display: grid;
    grid-template-columns: 1fr 1fr;
    background: var(--gradient-cyber);
}

.retention-header .retention-col {
    padding: 18px 25px;
    font-size: 16px;
    font-weight: 700;
    color: var(--dark-bg);
    text-transform: uppercase;
    letter-spacing: 1px;
}

.retention-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-bottom: 1px solid rgba(255,255,255,0.05);
    transition: background 0.3s;
}

.retention-row:last-child {
    border-bottom: none;
}

.retention-row:hover {
    background: rgba(0,245,255,0.03);
}

.retention-row .retention-col {
    padding: 18px 25px;
    color: var(--text-secondary);
}

.retention-row .retention-col strong {
    color: var(--text-primary);
}

@media (max-width: 768px) {
    .retention-header,
    .retention-row {
        grid-template-columns: 1fr;
    }
    
    .retention-header .retention-col:first-child,
    .retention-row .retention-col:first-child {
        padding-bottom: 5px;
    }
    
    .retention-header .retention-col:last-child,
    .retention-row .retention-col:last-child {
        padding-top: 5px;
    }
}

/* ========================================
   RIGHTS CARDS
   ======================================== */
.rights-grid {
    margin-bottom: 20px;
}

.rights-card {
    text-align: center;
    padding: 30px 20px !important;
}

.rights-icon {
    width: 55px;
    height: 55px;
    background: var(--gradient-cyber);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 18px;
    position: relative;
}

.rights-icon::before {
    content: '';
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.rights-title {
    font-weight: 600 !important;
    color: var(--text-primary) !important;
    margin-bottom: 8px !important;
}

.rights-desc {
    font-size: 16px !important;
    color: var(--text-secondary) !important;
    line-height: 1.5 !important;
    margin: 0 !important;
}

/* Rights Icons */
.rights-icon.icon-access-right::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%230a0a0f' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M2.036 12.322a1.012 1.012 0 010-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178z'/%3E%3Ccircle cx='12' cy='12' r='3' stroke='%230a0a0f' stroke-width='1.5'/%3E%3C/svg%3E");
}

.rights-icon.icon-rectify::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%230a0a0f' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M16.862 4.487l1.687-1.688a1.875 1.875 0 112.652 2.652L10.582 16.07a4.5 4.5 0 01-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 011.13-1.897l8.932-8.931zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0115.75 21H5.25A2.25 2.25 0 013 18.75V8.25A2.25 2.25 0 015.25 6H10'/%3E%3C/svg%3E");
}

.rights-icon.icon-erasure::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%230a0a0f' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0'/%3E%3C/svg%3E");
}

.rights-icon.icon-restriction::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%230a0a0f' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M18.364 18.364A9 9 0 005.636 5.636m12.728 12.728A9 9 0 015.636 5.636m12.728 12.728L5.636 5.636'/%3E%3C/svg%3E");
}

.rights-icon.icon-portability::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%230a0a0f' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5M16.5 12L12 16.5m0 0L7.5 12m4.5 4.5V3'/%3E%3C/svg%3E");
}

.rights-icon.icon-object::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%230a0a0f' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M15.75 9V5.25A2.25 2.25 0 0013.5 3h-6a2.25 2.25 0 00-2.25 2.25v13.5A2.25 2.25 0 007.5 21h6a2.25 2.25 0 002.25-2.25V15m3 0l3-3m0 0l-3-3m3 3H9'/%3E%3C/svg%3E");
}

/* ========================================
   ADDITIONAL INFO ICONS
   ======================================== */
.info-icon.icon-card-security::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2386efac' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M2.25 8.25h19.5M2.25 9h19.5m-16.5 5.25h6m-6 2.25h3m-3.75 3h15a2.25 2.25 0 002.25-2.25V6.75A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25v10.5A2.25 2.25 0 004.5 19.5z'/%3E%3C/svg%3E");
}

.info-icon.icon-legal::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2300f5ff' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 3v17.25m0 0c-1.472 0-2.882.265-4.185.75M12 20.25c1.472 0 2.882.265 4.185.75M18.75 4.97A48.416 48.416 0 0012 4.5c-2.291 0-4.545.16-6.75.47m13.5 0c1.01.143 2.01.317 3 .52m-3-.52l2.62 10.726c.122.499-.106 1.028-.589 1.202a5.988 5.988 0 01-2.031.352 5.988 5.988 0 01-2.031-.352c-.483-.174-.711-.703-.59-1.202L18.75 4.971zm-16.5.52c.99-.203 1.99-.377 3-.52m0 0l2.62 10.726c.122.499-.106 1.028-.589 1.202a5.989 5.989 0 01-2.031.352 5.989 5.989 0 01-2.031-.352c-.483-.174-.711-.703-.59-1.202L5.25 4.971z'/%3E%3C/svg%3E");
}

.info-icon.icon-exercise::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ff00ff' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 002.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 00-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75 2.25 2.25 0 00-.1-.664m-5.8 0A2.251 2.251 0 0113.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25zM6.75 12h.008v.008H6.75V12zm0 3h.008v.008H6.75V15zm0 3h.008v.008H6.75V18z'/%3E%3C/svg%3E");
}

/* ========================================
   INFO LIST STYLING
   ======================================== */
.info-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 15px 0 0 0 !important;
}

.info-list li {
    color: var(--text-secondary) !important;
    padding: 8px 0 8px 20px !important;
    position: relative;
    border-bottom: 1px solid rgba(255,255,255,0.03);
}

.info-list li:last-child {
    border-bottom: none;
}

.info-list li::before {
    content: '▹';
    position: absolute;
    left: 0;
    color: var(--neon-cyan);
    font-size: 14px;
}

.info-list li strong {
    color: var(--neon-cyan);
}

/* ========================================
   RESPONSIVE
   ======================================== */
@media (max-width: 992px) {
    .security-grid .vc_column_inner,
    .rights-grid .vc_column_inner {
        width: 50% !important;
    }
}

@media (max-width: 768px) {
    .security-grid .vc_column_inner,
    .rights-grid .vc_column_inner {
        width: 100% !important;
    }
}

/* ========================================
   MRCODA - DELIVERY POLICY PAGE
   Additional CSS (Add to existing CSS)
   ======================================== */

/* ========================================
   DELIVERY BENEFIT ICONS
   ======================================== */
.benefit-icon.icon-payment::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2300f5ff' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M2.25 8.25h19.5M2.25 9h19.5m-16.5 5.25h6m-6 2.25h3m-3.75 3h15a2.25 2.25 0 002.25-2.25V6.75A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25v10.5A2.25 2.25 0 004.5 19.5z'/%3E%3C/svg%3E");
}

.benefit-icon.icon-instant::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2300f5ff' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3.75 13.5l10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75z'/%3E%3C/svg%3E");
}

.benefit-icon.icon-digital::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2300f5ff' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75'/%3E%3C/svg%3E");
}

.benefit-icon.icon-ready::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2300f5ff' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z'/%3E%3C/svg%3E");
}

/* ========================================
   DELIVERY METHOD CARDS
   ======================================== */
.delivery-methods-grid {
    margin: 30px 0;
}

.delivery-method-card {
    text-align: center;
    padding: 35px 25px !important;
}

.delivery-method-icon {
    width: 65px;
    height: 65px;
    background: var(--gradient-cyber);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    position: relative;
}

.delivery-method-icon::before {
    content: '';
    width: 30px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.delivery-method-title {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: var(--text-primary) !important;
    margin-bottom: 10px !important;
}

.delivery-method-desc {
    color: var(--text-secondary) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

/* Delivery Method Icons */
.delivery-method-icon.icon-account::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%230a0a0f' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M15.75 6a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0zM4.501 20.118a7.5 7.5 0 0114.998 0A17.933 17.933 0 0112 21.75c-2.676 0-5.216-.584-7.499-1.632z'/%3E%3C/svg%3E");
}

.delivery-method-icon.icon-email::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%230a0a0f' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75'/%3E%3C/svg%3E");
}

/* ========================================
   HELP STEPS (TIMELINE STYLE)
   ======================================== */
.help-steps-container {
    background: transparent !important;
    padding: 0 !important;
    margin: 30px 0 !important;
}

.help-steps {
    position: relative;
    padding-left: 100px;
}

.help-steps::before {
    content: '';
    position: absolute;
    left: 35px;
    top: 30px;
    bottom: 30px;
    width: 2px;
    background: linear-gradient(180deg, var(--neon-cyan), var(--neon-magenta));
    opacity: 0.3;
}

.help-step {
    position: relative;
    margin-bottom: 25px;
}

.help-step:last-child {
    margin-bottom: 0;
}

.help-step-number {
    position: absolute;
    left: -100px;
    top: 50%;
    transform: translateY(-50%);
    width: 70px;
    height: 70px;
    background: var(--gradient-cyber);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 900;
    color: var(--dark-bg);
    box-shadow: 0 0 30px rgba(0,245,255,0.3);
}

.help-step-content {
    padding: 25px 30px !important;
}

.help-step-title {
    font-size: 19px !important;
    font-weight: 600 !important;
    color: var(--text-primary) !important;
    margin-bottom: 10px !important;
}

.help-step-desc {
    color: var(--text-secondary) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

@media (max-width: 768px) {
    .help-steps {
        padding-left: 60px;
    }
    
    .help-steps::before {
        left: 20px;
    }
    
    .help-step-number {
        left: -60px;
        width: 50px;
        height: 50px;
        font-size: 16px;
    }
}

/* ========================================
   ADDITIONAL INFO ICONS
   ======================================== */
.info-icon.icon-digital-only::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2300f5ff' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 17.25v1.007a3 3 0 01-.879 2.122L7.5 21h9l-.621-.621A3 3 0 0115 18.257V17.25m6-12V15a2.25 2.25 0 01-2.25 2.25H5.25A2.25 2.25 0 013 15V5.25m18 0A2.25 2.25 0 0018.75 3H5.25A2.25 2.25 0 003 5.25m18 0V12a2.25 2.25 0 01-2.25 2.25H5.25A2.25 2.25 0 013 12V5.25'/%3E%3C/svg%3E");
}

.info-icon.icon-instant-delivery::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2386efac' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 6v6h4.5m4.5 0a9 9 0 11-18 0 9 9 0 0118 0z'/%3E%3C/svg%3E");
}

.info-icon.icon-warning::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ff00ff' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z'/%3E%3C/svg%3E");
}

/* ========================================
   RESPONSIVE
   ======================================== */
@media (max-width: 768px) {
    .delivery-methods-grid .vc_column_inner {
        width: 100% !important;
        margin-bottom: 20px;
    }
}

/* ========================================
   MRCODA - REFUND & RETURNS POLICY PAGE
   Additional CSS (Add to existing CSS)
   ======================================== */

/* ========================================
   HIGHLIGHT CARDS (48h, Verified, Quick)
   ======================================== */
.refund-highlights-grid {
    margin-bottom: 20px;
}

.highlight-card {
    text-align: center;
    padding: 35px 25px !important;
}

.highlight-badge {
    width: 80px;
    height: 80px;
    background: var(--gradient-cyber);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    font-size: 24px;
    font-weight: 900;
    color: var(--dark-bg);
    box-shadow: 0 0 40px rgba(0,245,255,0.3);
}

.highlight-icon {
    width: 80px;
    height: 80px;
    background: var(--gradient-cyber);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    position: relative;
    box-shadow: 0 0 40px rgba(0,245,255,0.3);
}

.highlight-icon::before {
    content: '';
    width: 40px;
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.highlight-icon.icon-verified::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%230a0a0f' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z'/%3E%3C/svg%3E");
}

.highlight-icon.icon-quick::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%230a0a0f' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3.75 13.5l10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75z'/%3E%3C/svg%3E");
}

.highlight-title {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: var(--text-primary) !important;
    margin-bottom: 10px !important;
}

.highlight-desc {
    font-size: 16px !important;
    color: var(--text-secondary) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

/* ========================================
   EXCEPTION CARDS
   ======================================== */
.exceptions-grid {
    margin: 30px 0;
}

.exception-card {
    padding: 30px !important;
    position: relative;
    overflow: hidden;
}

.exception-card.exception-success {
    border-color: rgba(134,239,172,0.3) !important;
    background: linear-gradient(135deg, rgba(134,239,172,0.05), rgba(18,18,26,0.9)) !important;
}

.exception-number {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    background: rgba(134,239,172,0.2);
    border: 1px solid rgba(134,239,172,0.3);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 700;
    color: #86efac;
}

.exception-title {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #86efac !important;
    margin-bottom: 12px !important;
    padding-right: 50px;
}

.exception-desc {
    color: var(--text-secondary) !important;
    line-height: 1.6 !important;
    margin-bottom: 20px !important;
}

.exception-remedy {
    font-size: 16px;
    color: var(--text-secondary);
    padding: 12px 15px;
    background: rgba(134,239,172,0.1);
    border-radius: 8px;
    border-left: 3px solid #86efac;
}

.exception-remedy strong {
    color: #86efac;
}

/* ========================================
   REFUND STEPS (TIMELINE STYLE)
   ======================================== */
.refund-steps-container {
    background: transparent !important;
    padding: 0 !important;
    margin: 30px 0 !important;
}

.refund-steps {
    position: relative;
    padding-left: 100px;
}

.refund-steps::before {
    content: '';
    position: absolute;
    left: 35px;
    top: 30px;
    bottom: 30px;
    width: 2px;
    background: linear-gradient(180deg, var(--neon-cyan), var(--neon-magenta));
    opacity: 0.3;
}

.refund-step {
    position: relative;
    margin-bottom: 25px;
}

.refund-step:last-child {
    margin-bottom: 0;
}

.refund-step-number {
    position: absolute;
    left: -100px;
    top: 50%;
    transform: translateY(-50%);
    width: 70px;
    height: 70px;
    background: var(--gradient-cyber);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 900;
    color: var(--dark-bg);
    box-shadow: 0 0 30px rgba(0,245,255,0.3);
}

.refund-step-content {
    padding: 25px 30px !important;
}

.refund-step-title {
    font-size: 19px !important;
    font-weight: 600 !important;
    color: var(--text-primary) !important;
    margin-bottom: 10px !important;
}

.refund-step-desc {
    color: var(--text-secondary) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

@media (max-width: 768px) {
    .refund-steps {
        padding-left: 60px;
    }
    
    .refund-steps::before {
        left: 20px;
    }
    
    .refund-step-number {
        left: -60px;
        width: 50px;
        height: 50px;
        font-size: 16px;
    }
}

/* ========================================
   NOT REFUNDABLE LIST
   ======================================== */
.not-refundable-list {
    background: transparent !important;
    padding: 0 !important;
    margin: 20px 0 !important;
}

.not-refundable-items {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.not-refundable-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 18px 20px;
    background: linear-gradient(135deg, rgba(255,77,77,0.05), rgba(18,18,26,0.9));
    border: 1px solid rgba(255,77,77,0.2);
    border-radius: 12px;
    color: var(--text-secondary);
    line-height: 1.5;
    transition: all 0.3s;
}

.not-refundable-item:hover {
    border-color: rgba(255,77,77,0.4);
    background: linear-gradient(135deg, rgba(255,77,77,0.08), rgba(18,18,26,0.9));
}

.not-refundable-icon {
    width: 24px;
    height: 24px;
    min-width: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ff4d4d' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath stroke-linecap='round' d='M15 9l-6 6M9 9l6 6'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 2px;
}

/* ========================================
   INFO BOX - ORANGE VARIANT
   ======================================== */
.info-box.info-orange {
    border-color: rgba(255,152,0,0.2) !important;
    background: linear-gradient(135deg, rgba(255,152,0,0.05), rgba(18,18,26,0.9)) !important;
}

.info-box.info-orange .info-icon {
    background: rgba(255,152,0,0.1);
    border: 1px solid rgba(255,152,0,0.3);
}

.info-box.info-orange .info-title {
    color: #ff9800 !important;
}

/* Orange Info Icons */
.info-icon.icon-alert::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ff9800' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z'/%3E%3C/svg%3E");
}

.info-icon.icon-final::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ff9800' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M18.364 18.364A9 9 0 005.636 5.636m12.728 12.728A9 9 0 015.636 5.636m12.728 12.728L5.636 5.636'/%3E%3C/svg%3E");
}

.info-icon.icon-contact-first::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ff9800' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M8.625 9.75a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H8.25m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H12m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0h-.375m-13.5 3.01c0 1.6 1.123 2.994 2.707 3.227 1.087.16 2.185.283 3.293.369V21l4.184-4.183a1.14 1.14 0 01.778-.332 48.294 48.294 0 005.83-.498c1.585-.233 2.708-1.626 2.708-3.228V6.741c0-1.602-1.123-2.995-2.707-3.228A48.394 48.394 0 0012 3c-2.392 0-4.744.175-7.043.513C3.373 3.746 2.25 5.14 2.25 6.741v6.018z'/%3E%3C/svg%3E");
}

/* Magenta Info Icons */
.info-icon.icon-clock-alert::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ff00ff' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 6v6h4.5m4.5 0a9 9 0 11-18 0 9 9 0 0118 0z'/%3E%3C/svg%3E");
}

.info-icon.icon-secure-refund::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ff00ff' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 12.75L11.25 15 15 9.75m-3-7.036A11.959 11.959 0 013.598 6 11.99 11.99 0 003 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285z'/%3E%3C/svg%3E");
}

/* ========================================
   RESPONSIVE
   ======================================== */
@media (max-width: 992px) {
    .refund-highlights-grid .vc_column_inner {
        width: 100% !important;
        margin-bottom: 20px;
    }
    
    .exceptions-grid .vc_column_inner {
        width: 100% !important;
        margin-bottom: 20px;
    }
}
/* ========================================
   MRCODA - CONTACT US PAGE
   Additional CSS (Add to existing CSS)
   ======================================== */

/* ========================================
   CONTACT INFO CARDS
   ======================================== */
.contact-info-grid {
    margin-bottom: 20px;
}

.contact-info-card {
    text-align: center;
    padding: 35px 20px !important;
    transition: all 0.3s;
}

.contact-info-card:hover {
    transform: translateY(-5px);
    border-color: rgba(0,245,255,0.3) !important;
}

.contact-info-icon {
    width: 70px;
    height: 70px;
    background: var(--gradient-cyber);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    position: relative;
    box-shadow: 0 0 30px rgba(0,245,255,0.2);
}

.contact-info-icon::before {
    content: '';
    width: 32px;
    height: 32px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.contact-info-icon.icon-email-big::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%230a0a0f' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75'/%3E%3C/svg%3E");
}

.contact-info-icon.icon-partner-big::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%230a0a0f' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M20.25 14.15v4.25c0 1.094-.787 2.036-1.872 2.18-2.087.277-4.216.42-6.378.42s-4.291-.143-6.378-.42c-1.085-.144-1.872-1.086-1.872-2.18v-4.25m16.5 0a2.18 2.18 0 00.75-1.661V8.706c0-1.081-.768-2.015-1.837-2.175a48.114 48.114 0 00-3.413-.387m4.5 8.006c-.194.165-.42.295-.673.38A23.978 23.978 0 0112 15.75c-2.648 0-5.195-.429-7.577-1.22a2.016 2.016 0 01-.673-.38m0 0A2.18 2.18 0 013 12.489V8.706c0-1.081.768-2.015 1.837-2.175a48.111 48.111 0 013.413-.387m7.5 0V5.25A2.25 2.25 0 0013.5 3h-3a2.25 2.25 0 00-2.25 2.25v.894m7.5 0a48.667 48.667 0 00-7.5 0M12 12.75h.008v.008H12v-.008z'/%3E%3C/svg%3E");
}

.contact-info-icon.icon-security-big::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%230a0a0f' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 12.75L11.25 15 15 9.75m-3-7.036A11.959 11.959 0 013.598 6 11.99 11.99 0 003 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285z'/%3E%3C/svg%3E");
}

.contact-info-icon.icon-location-big::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%230a0a0f' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M15 10.5a3 3 0 11-6 0 3 3 0 016 0z'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1115 0z'/%3E%3C/svg%3E");
}

.contact-info-title {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: var(--text-primary) !important;
    margin-bottom: 10px !important;
}

.contact-info-text {
    font-size: 17px !important;
    color: var(--neon-cyan) !important;
    margin-bottom: 5px !important;
}

.contact-info-note {
    font-size: 14px !important;
    color: var(--text-secondary) !important;
    margin: 0 !important;
}

/* ========================================
   CONTACT INTRO
   ======================================== */
.contact-intro {
    background: transparent !important;
    padding: 0 !important;
    margin-bottom: 25px !important;
}

.contact-intro p {
    font-size: 18px !important;
    color: var(--text-secondary) !important;
    line-height: 1.7 !important;
}

/* ========================================
   CONTACT FORM WRAPPER
   ======================================== */
.contact-form-wrapper {
    padding: 35px !important;
}

.form-placeholder {
    border: 2px dashed rgba(0,245,255,0.3);
    border-radius: 12px;
    padding: 60px 30px;
    text-align: center;
}

.form-placeholder-text {
    font-size: 18px !important;
    color: var(--text-secondary) !important;
    margin-bottom: 10px !important;
}

.form-placeholder-note {
    font-size: 14px !important;
    color: var(--neon-cyan) !important;
    margin: 0 !important;
    opacity: 0.7;
}

/* Contact Form 7 Styling */
.contact-form-wrapper .wpcf7-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.contact-form-wrapper .wpcf7-form input[type="text"],
.contact-form-wrapper .wpcf7-form input[type="email"],
.contact-form-wrapper .wpcf7-form textarea {
    width: 100%;
    padding: 15px 20px;
    background: rgba(0,0,0,0.3);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 10px;
    font-size: 18px;
    color: var(--text-primary);
    transition: all 0.3s;
}

.contact-form-wrapper .wpcf7-form input:focus,
.contact-form-wrapper .wpcf7-form textarea:focus {
    outline: none;
    border-color: var(--neon-cyan);
    box-shadow: 0 0 15px rgba(0,245,255,0.2);
}

.contact-form-wrapper .wpcf7-form input[type="submit"] {
    padding: 15px 40px;
    background: var(--gradient-cyber);
    border: none;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600;
    color: var(--dark-bg);
    cursor: pointer;
    transition: all 0.3s;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.contact-form-wrapper .wpcf7-form input[type="submit"]:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 30px rgba(0,245,255,0.3);
}

/* ========================================
   CONTACT FAQ
   ======================================== */
.contact-faq-wrapper {
    background: transparent !important;
    padding: 0 !important;
}

.contact-faq {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.contact-faq-item {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 25px !important;
    transition: all 0.3s;
}

.contact-faq-item:hover {
    border-color: rgba(0,245,255,0.3) !important;
}

.contact-faq-icon {
    width: 45px;
    height: 45px;
    min-width: 45px;
    background: rgba(0,245,255,0.1);
    border: 1px solid rgba(0,245,255,0.2);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.contact-faq-icon::before {
    content: '';
    width: 22px;
    height: 22px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.contact-faq-icon.icon-faq-delivery::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2300f5ff' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3.75 13.5l10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75z'/%3E%3C/svg%3E");
}

.contact-faq-icon.icon-faq-refund::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2300f5ff' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M2.25 18.75a60.07 60.07 0 0115.797 2.101c.727.198 1.453-.342 1.453-1.096V18.75M3.75 4.5v.75A.75.75 0 013 6h-.75m0 0v-.375c0-.621.504-1.125 1.125-1.125H20.25M2.25 6v9m18-10.5v.75c0 .414.336.75.75.75h.75m-1.5-1.5h.375c.621 0 1.125.504 1.125 1.125v9.75c0 .621-.504 1.125-1.125 1.125h-.375m1.5-1.5H21a.75.75 0 00-.75.75v.75m0 0H3.75m0 0h-.375a1.125 1.125 0 01-1.125-1.125V15m1.5 1.5v-.75A.75.75 0 003 15h-.75M15 10.5a3 3 0 11-6 0 3 3 0 016 0zm3 0h.008v.008H18V10.5zm-12 0h.008v.008H6V10.5z'/%3E%3C/svg%3E");
}

.contact-faq-icon.icon-faq-region::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2300f5ff' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582m15.686 0A11.953 11.953 0 0112 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0121 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0112 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 013 12c0-1.605.42-3.113 1.157-4.418'/%3E%3C/svg%3E");
}

.contact-faq-icon.icon-faq-partner::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2300f5ff' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M18 18.72a9.094 9.094 0 003.741-.479 3 3 0 00-4.682-2.72m.94 3.198l.001.031c0 .225-.012.447-.037.666A11.944 11.944 0 0112 21c-2.17 0-4.207-.576-5.963-1.584A6.062 6.062 0 016 18.719m12 0a5.971 5.971 0 00-.941-3.197m0 0A5.995 5.995 0 0012 12.75a5.995 5.995 0 00-5.058 2.772m0 0a3 3 0 00-4.681 2.72 8.986 8.986 0 003.74.477m.94-3.197a5.971 5.971 0 00-.94 3.197M15 6.75a3 3 0 11-6 0 3 3 0 016 0zm6 3a2.25 2.25 0 11-4.5 0 2.25 2.25 0 014.5 0zm-13.5 0a2.25 2.25 0 11-4.5 0 2.25 2.25 0 014.5 0z'/%3E%3C/svg%3E");
}

.contact-faq-content {
    flex: 1;
}

.contact-faq-question {
    font-size: 17px !important;
    font-weight: 600 !important;
    color: var(--text-primary) !important;
    margin-bottom: 8px !important;
}

.contact-faq-answer {
    font-size: 16px !important;
    color: var(--text-secondary) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

/* ========================================
   OFFICE CARDS
   ======================================== */
.offices-grid {
    margin-top: 30px;
}

.office-card {
    text-align: center;
    padding: 35px 25px !important;
    position: relative;
    transition: all 0.3s;
}

.office-card:hover {
    transform: translateY(-5px);
    border-color: rgba(0,245,255,0.3) !important;
}

.office-card.office-main {
    border-color: rgba(0,245,255,0.3) !important;
    background: linear-gradient(135deg, rgba(0,245,255,0.05), rgba(18,18,26,0.9)) !important;
}

.office-badge {
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    padding: 5px 20px;
    background: var(--gradient-cyber);
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600;
    color: var(--dark-bg);
    text-transform: uppercase;
    letter-spacing: 1px;
}

.office-flag {
    font-size: 48px;
    margin-bottom: 15px;
}

.office-name {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: var(--text-primary) !important;
    margin-bottom: 12px !important;
}

.office-address {
    font-size: 16px !important;
    color: var(--text-secondary) !important;
    line-height: 1.7 !important;
    margin-bottom: 15px !important;
}

.office-contact {
    padding-top: 15px;
    border-top: 1px solid rgba(255,255,255,0.05);
}

.office-contact span {
    font-size: 15px;
    color: var(--neon-cyan);
}

/* ========================================
   RESPONSE TIME CARDS
   ======================================== */
.response-times-grid {
    margin-top: 30px;
}

.response-card {
    text-align: center;
    padding: 35px 25px !important;
}

.response-time {
    font-size: 32px;
    font-weight: 900;
    background: var(--gradient-cyber);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 15px;
}

.response-title {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: var(--text-primary) !important;
    margin-bottom: 10px !important;
}

.response-desc {
    font-size: 16px !important;
    color: var(--text-secondary) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

/* ========================================
   TIPS BOX
   ======================================== */
.tips-box {
    padding: 40px !important;
}

.tips-header {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255,255,255,0.05);
}

.tips-icon {
    width: 55px;
    height: 55px;
    min-width: 55px;
    background: var(--gradient-cyber);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.tips-icon::before {
    content: '';
    width: 28px;
    height: 28px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%230a0a0f' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 18v-5.25m0 0a6.01 6.01 0 001.5-.189m-1.5.189a6.01 6.01 0 01-1.5-.189m3.75 7.478a12.06 12.06 0 01-4.5 0m3.75 2.383a14.406 14.406 0 01-3 0M14.25 18v-.192c0-.983.658-1.823 1.508-2.316a7.5 7.5 0 10-7.517 0c.85.493 1.509 1.333 1.509 2.316V18'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

.tips-title {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: var(--text-primary) !important;
    margin: 0 !important;
}

.tips-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

@media (max-width: 768px) {
    .tips-grid {
        grid-template-columns: 1fr;
    }
}

.tip-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 20px;
    background: rgba(0,245,255,0.03);
    border: 1px solid rgba(255,255,255,0.05);
    border-radius: 12px;
    transition: all 0.3s;
}

.tip-item:hover {
    background: rgba(0,245,255,0.06);
    border-color: rgba(0,245,255,0.15);
}

.tip-number {
    width: 35px;
    height: 35px;
    min-width: 35px;
    background: var(--gradient-cyber);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    color: var(--dark-bg);
}

.tip-text {
    font-size: 17px !important;
    color: var(--text-secondary) !important;
    line-height: 1.5 !important;
    margin: 6px 0 0 0 !important;
}

.tip-text strong {
    color: var(--neon-cyan);
}

/* ========================================
   SECTION HEADER CENTERED
   ======================================== */
.section-header.centered {
    text-align: center;
}

.section-header.centered .section-tag {
    margin: 0 auto 15px;
}

.section-header.centered .section-title {
    text-align: center;
}

.section-header.centered .section-title::after {
    left: 50%;
    transform: translateX(-50%);
}

/* ========================================
   RESPONSIVE
   ======================================== */
@media (max-width: 992px) {
    .contact-info-grid .vc_column_inner {
        width: 50% !important;
        margin-bottom: 20px;
    }
    
    .offices-grid .vc_column_inner,
    .response-times-grid .vc_column_inner {
        width: 100% !important;
        margin-bottom: 20px;
    }
}

@media (max-width: 768px) {
    .contact-info-grid .vc_column_inner {
        width: 100% !important;
    }
}