/* _content/VoxisWeb/Components/Layout/Header.razor.rz.scp.css */
/* Header.razor specific styles - Only for simple menu items (SSS, Destek, İletişim) */

.elitehost-menu .elitehost-desktop-menu .menu-item:not(.elitehost-has-dropdown):not(.mega-menu) a[b-p4045zkzes] {
    padding: 27px 0;
    position: relative;
    display: block;
    color: #000;
    text-decoration: none;
    transition: all .3s ease-in-out;
}

.elitehost-menu .elitehost-desktop-menu .menu-item:not(.elitehost-has-dropdown):not(.mega-menu) a[b-p4045zkzes]::after {
    content: '';
    position: absolute;
    width: 0%;
    height: 2px;
    left: 0;
    bottom: 28px;
    background: var(--color-secondary);
    transition: all .3s ease-in-out;
}

.elitehost-menu .elitehost-desktop-menu .menu-item:not(.elitehost-has-dropdown):not(.mega-menu):hover a[b-p4045zkzes] {
    color: var(--color-primary);
}

.elitehost-menu .elitehost-desktop-menu .menu-item:not(.elitehost-has-dropdown):not(.mega-menu):hover a[b-p4045zkzes]::after {
    width: 100%;
    background: var(--color-primary);
}

/* Mobile Menu Styles */
@media (max-width: 991.98px) {
    .rts-header__menu[b-p4045zkzes] {
        position: fixed !important;
        top: 0 !important;
        right: -300px !important;
        width: 300px !important;
        height: 100vh !important;
        background: #fff !important;
        box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1) !important;
        z-index: 9999 !important;
        transition: right 0.3s ease-in-out !important;
        overflow-y: auto !important;
        padding: 20px !important;
    }
    
    .rts-header__menu.mobile-menu-active[b-p4045zkzes] {
        right: 0 !important;
    }
    
    .elitehost-menu .elitehost-desktop-menu[b-p4045zkzes] {
        flex-direction: column;
        gap: 0;
    }
    
    .elitehost-menu .elitehost-desktop-menu .menu-item[b-p4045zkzes] {
        width: 100%;
        border-bottom: 1px solid #eee;
    }
    
    .elitehost-menu .elitehost-desktop-menu .menu-item a[b-p4045zkzes] {
        padding: 15px 0;
        display: block;
        color: #333;
        font-weight: 500;
    }
    
    .elitehost-menu .elitehost-desktop-menu .menu-item:hover a[b-p4045zkzes] {
        color: var(--color-primary);
    }
    
    /* Mobile menu overlay */
    .mobile-menu-open[b-p4045zkzes] {
        overflow: hidden;
    }
    
    .mobile-menu-open[b-p4045zkzes]::after {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: rgba(0, 0, 0, 0.5);
        z-index: 9998;
        pointer-events: auto;
    }
    
    /* Menu button animation */
    .menu-btn[b-p4045zkzes] {
        background: none;
        border: none;
        font-size: 20px;
        color: #333;
        cursor: pointer;
        transition: all 0.3s ease;
    }
    
    .menu-btn.active[b-p4045zkzes] {
        color: var(--color-primary);
    }
    
    /* Dropdown styles for mobile */
    .elitehost-menu .elitehost-desktop-menu .elitehost-has-dropdown .elitehost-submenu[b-p4045zkzes] {
        position: static;
        box-shadow: none;
        background: #f8f9fa;
        border-radius: 0;
        margin-top: 10px;
        padding: 10px;
    }
    
    .elitehost-menu .elitehost-desktop-menu .elitehost-has-dropdown .elitehost-submenu .nav-item[b-p4045zkzes] {
        border-bottom: 1px solid #e9ecef;
    }
    
    .elitehost-menu .elitehost-desktop-menu .elitehost-has-dropdown .elitehost-submenu .nav-item:last-child[b-p4045zkzes] {
        border-bottom: none;
    }
    
    .elitehost-menu .elitehost-desktop-menu .elitehost-has-dropdown .elitehost-submenu .nav-link[b-p4045zkzes] {
        padding: 10px 0;
        color: #666;
        font-size: 14px;
    }
    
    /* Mega menu mobile styles */
    .rts-mega-menu[b-p4045zkzes] {
        position: static;
        box-shadow: none;
        background: #f8f9fa;
        margin-top: 10px;
        padding: 15px;
    }
    
    .rts-mega-menu .wrapper .row[b-p4045zkzes] {
        flex-direction: column;
    }
    
    .rts-mega-menu .mega-menu-item li a[b-p4045zkzes] {
        padding: 10px 0;
        border-bottom: 1px solid #e9ecef;
    }
    
    .rts-mega-menu .mega-menu-item li:last-child a[b-p4045zkzes] {
        border-bottom: none;
    }
}

/* Side Bar Mobile Menu Styles */
[b-p4045zkzes] .side-bar {
    position: fixed;
    top: 0;
    right: -350px;
    width: 350px;
    height: 100vh;
    background: #fff;
    box-shadow: -2px 0 15px rgba(0, 0, 0, 0.1);
    z-index: 99999;
    transition: right 0.3s ease-in-out;
    overflow-y: auto;
}

[b-p4045zkzes] .side-bar.menu-open {
    right: 0;
}

[b-p4045zkzes] .side-bar .close-icon-menu {
    position: absolute;
    top: 20px;
    right: 20px;
    background: none;
    border: none;
    font-size: 24px;
    color: #333;
    cursor: pointer;
    z-index: 10;
    padding: 5px;
    border-radius: 50%;
    transition: all 0.3s ease;
}

[b-p4045zkzes] .side-bar .close-icon-menu:hover {
    background: #f0f0f0;
    color: #f68801;
}

[b-p4045zkzes] .side-bar .mobile-menu-main {
    padding: 60px 30px 30px;
}

[b-p4045zkzes] .side-bar .mainmenu {
    list-style: none;
    padding: 0;
    margin: 0;
}

[b-p4045zkzes] .side-bar .mainmenu li {
    border-bottom: 1px solid #eee;
}

[b-p4045zkzes] .side-bar .mainmenu li:last-child {
    border-bottom: none;
}

[b-p4045zkzes] .side-bar .mainmenu li a.main {
    display: block;
    padding: 15px 0;
    color: #333;
    font-weight: 600;
    font-size: 16px;
    text-decoration: none;
    transition: all 0.3s ease;
    position: relative;
}

[b-p4045zkzes] .side-bar .mainmenu li.has-droupdown a.main::after {
    content: '\f107';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.3s ease;
}

[b-p4045zkzes] .side-bar .mainmenu li.has-droupdown.active a.main::after {
    transform: translateY(-50%) rotate(180deg);
}

[b-p4045zkzes] .side-bar .mainmenu li a.main:hover {
    color: #f68801;
}

[b-p4045zkzes] .side-bar .submenu {
    list-style: none;
    padding: 0;
    margin: 0;
    background: #f8f9fa;
    padding: 10px 0;
    margin-left: 15px;
    border-radius: 5px;
}

[b-p4045zkzes] .side-bar .submenu li {
    border-bottom: 1px solid #e9ecef;
}

[b-p4045zkzes] .side-bar .submenu li:last-child {
    border-bottom: none;
}

[b-p4045zkzes] .side-bar .submenu li a.mobile-menu-link {
    display: block;
    padding: 10px 15px;
    color: #666;
    font-size: 14px;
    text-decoration: none;
    transition: all 0.3s ease;
}

[b-p4045zkzes] .side-bar .submenu li a.mobile-menu-link:hover {
    color: #f68801;
    background: rgba(246, 136, 1, 0.1);
}

[b-p4045zkzes] .side-bar .social-area-one {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 15px;
    justify-content: center;
}

[b-p4045zkzes] .side-bar .social-area-one li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: #f0f0f0;
    color: #333;
    border-radius: 50%;
    transition: all 0.3s ease;
    text-decoration: none;
}

[b-p4045zkzes] .side-bar .social-area-one li a:hover {
    background: #f68801;
    color: #fff;
}
/* _content/VoxisWeb/Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-e7g5ot5dun] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-e7g5ot5dun] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/VoxisWeb/Components/Pages/BilgiBankasi.razor.rz.scp.css */
/* Bilgi Bankası Page Styles */

/* Variables */
:root[b-da9nfidrnu] {
    --bilgi-primary: var(--color-primary);
    --bilgi-secondary: var(--color-secondary);
    --bilgi-accent: var(--color-accent);
    --bilgi-success: var(--color-success);
    --bilgi-info: var(--color-info);
    --bilgi-text-primary: var(--color-text-primary);
    --bilgi-text-secondary: var(--color-text-secondary);
    --bilgi-bg-primary: var(--color-bg-primary);
    --bilgi-bg-secondary: var(--color-bg-secondary);
    --bilgi-bg-tertiary: var(--color-bg-tertiary);
    --bilgi-border: var(--color-border);
    --bilgi-border-light: var(--color-border-light);
}

/* Page Container */
.bilgi-bankasi-page[b-da9nfidrnu] {
    min-height: 100vh;
}

/* Hero Section */
.bilgi-hero-section[b-da9nfidrnu] {
    background: linear-gradient(135deg, var(--body-bg-2) 0%, var(--light-border) 100%);
    padding: 100px 0 80px;
    min-height: 600px;
    display: flex;
    align-items: center;
    margin-top: 70px;
}

.hero-content h1.hero-title[b-da9nfidrnu] {
    font-size: var(--size-h1);
    font-weight: var(--bold);
    color: var(--color-secondary);
    margin-bottom: 2rem;
    line-height: var(--lh-h1);
    font-family: var(--font-primary);
}

.hero-title .highlight[b-da9nfidrnu] {
    color: var(--color-primary);
    position: relative;
}

.hero-title .highlight[b-da9nfidrnu]::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, var(--color-primary), var(--color-11-light));
    border-radius: 2px;
}

.hero-description[b-da9nfidrnu] {
    font-size: var(--size-default);
    color: var(--btc);
    line-height: var(--lh-default);
    margin-bottom: 3rem;
    font-family: var(--font-primary);
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.hero-badge[b-da9nfidrnu] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--color-primary);
    color: var(--color-white);
    padding: 8px 16px;
    border-radius: 50px;
    font-size: var(--size-small);
    font-weight: var(--medium);
    margin-bottom: 1.5rem;
    font-family: var(--font-primary);
}

/* Search Box */
.knowledge-search-box[b-da9nfidrnu] {
    max-width: 600px;
    margin: 0 auto;
}

.search-input-container[b-da9nfidrnu] {
    position: relative;
    display: flex;
    align-items: center;
    background: var(--color-white);
    border-radius: 50px;
    padding: 4px;
    box-shadow: var(--box-shadow);
    transition: var(--transition);
}

.search-input-container:hover[b-da9nfidrnu] {
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
}

.search-icon[b-da9nfidrnu] {
    position: absolute;
    left: 24px;
    color: var(--btc);
    font-size: 16px;
    z-index: 2;
}

.search-input[b-da9nfidrnu] {
    flex: 1;
    border: none;
    outline: none;
    padding: 16px 24px 16px 56px;
    font-size: var(--size-default);
    background: transparent;
    color: var(--color-secondary);
    border-radius: 50px;
    font-family: var(--font-primary);
}

.search-input[b-da9nfidrnu]::placeholder {
    color: var(--btc);
}

.search-btn[b-da9nfidrnu] {
    background: var(--color-primary);
    border: none;
    color: var(--color-white);
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition);
    cursor: pointer;
}

.search-btn:hover[b-da9nfidrnu] {
    background: var(--color-11-light);
    transform: scale(1.05);
}

/* Quick Categories Section */
.quick-categories-section[b-da9nfidrnu] {
    padding: 80px 0;
    background: var(--plan-bg);
}

.section-title[b-da9nfidrnu] {
    font-size: var(--size-h2);
    font-weight: var(--bold);
    color: var(--color-secondary);
    margin-bottom: 1rem;
    text-align: center;
    font-family: var(--font-primary);
}

.section-subtitle[b-da9nfidrnu] {
    font-size: var(--size-default);
    color: var(--btc);
    margin-bottom: 0;
    text-align: center;
    font-family: var(--font-primary);
}

.quick-category-card[b-da9nfidrnu] {
    background: var(--color-white);
    border-radius: 20px;
    padding: 2rem 1.5rem;
    text-align: center;
    cursor: pointer;
    transition: var(--transition);
    border: 2px solid var(--light-border);
    box-shadow: var(--box-shadow);
    height: 100%;
    position: relative;
    overflow: hidden;
}

.quick-category-card[b-da9nfidrnu]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--color-primary), var(--color-11-light));
}

.quick-category-card:hover[b-da9nfidrnu] {
    transform: translateY(-8px);
    box-shadow: 0 20px 50px rgba(246, 136, 1, 0.2);
    border-color: var(--color-primary);
}

.category-icon[b-da9nfidrnu] {
    width: 80px;
    height: 80px;
    margin: 0 auto 1.5rem;
    background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-11-light) 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    color: var(--color-white);
    position: relative;
}

.category-icon[b-da9nfidrnu]::after {
    content: '';
    position: absolute;
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px;
    background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-11-light) 100%);
    border-radius: 50%;
    z-index: -1;
    opacity: 0.2;
}

.quick-category-card h5[b-da9nfidrnu] {
    font-size: var(--size-h5);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 0.5rem;
    font-family: var(--font-primary);
}

.quick-category-card p[b-da9nfidrnu] {
    color: var(--btc);
    margin-bottom: 1rem;
    line-height: var(--lh-default);
    font-family: var(--font-primary);
}

.article-count[b-da9nfidrnu] {
    font-size: 12px;
    color: var(--color-primary);
    font-weight: var(--medium);
    background: rgba(246, 136, 1, 0.1);
    padding: 4px 12px;
    border-radius: 20px;
    font-family: var(--font-primary);
}

/* Knowledge Content Section */
.knowledge-content-section[b-da9nfidrnu] {
    padding: 80px 0;
    background: var(--color-white);
}

/* Categories Sidebar */
.categories-sidebar[b-da9nfidrnu] {
    background: var(--color-white);
    border-radius: 20px;
    padding: 2rem;
    box-shadow: var(--box-shadow);
    position: sticky;
    top: 100px;
}

.categories-sidebar h4[b-da9nfidrnu] {
    font-size: var(--size-h4);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid var(--light-border);
    font-family: var(--font-primary);
}

.category-list[b-da9nfidrnu] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.category-item[b-da9nfidrnu] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border-radius: 12px;
    cursor: pointer;
    transition: var(--transition);
    color: var(--btc);
    font-family: var(--font-primary);
}

.category-item:hover[b-da9nfidrnu] {
    background: var(--plan-bg);
    color: var(--color-secondary);
}

.category-item.active[b-da9nfidrnu] {
    background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-11-light) 100%);
    color: var(--color-white);
    box-shadow: 0 4px 15px rgba(246, 136, 1, 0.3);
}

.category-item i[b-da9nfidrnu] {
    font-size: 1rem;
    width: 20px;
}

.category-item span:first-of-type[b-da9nfidrnu] {
    flex: 1;
    font-weight: var(--medium);
}

.category-item .count[b-da9nfidrnu] {
    font-size: 12px;
    background: rgba(255, 255, 255, 0.2);
    padding: 2px 8px;
    border-radius: 10px;
    font-weight: var(--medium);
}

.category-item:not(.active) .count[b-da9nfidrnu] {
    background: var(--plan-bg);
    color: var(--btc);
}

/* Knowledge Category Content */
.knowledge-category-content[b-da9nfidrnu] {
    display: none;
}

.knowledge-category-content.active[b-da9nfidrnu] {
    display: block;
}

.category-header[b-da9nfidrnu] {
    margin-bottom: 2rem;
}

.category-header h3[b-da9nfidrnu] {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: var(--size-h3);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 0.75rem;
    font-family: var(--font-primary);
}

.category-header h3 i[b-da9nfidrnu] {
    color: var(--color-primary);
}

.category-header p[b-da9nfidrnu] {
    color: var(--btc);
    margin-bottom: 0;
    line-height: var(--lh-default);
    font-family: var(--font-primary);
}

/* Articles Grid */
.articles-grid[b-da9nfidrnu] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
}

.article-card[b-da9nfidrnu] {
    background: var(--color-white);
    border-radius: 20px;
    padding: 2rem;
    box-shadow: var(--box-shadow);
    transition: var(--transition);
    border: 1px solid var(--light-border);
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.article-card:hover[b-da9nfidrnu] {
    transform: translateY(-4px);
    box-shadow: 0 12px 35px rgba(246, 136, 1, 0.1);
}

.article-card.featured[b-da9nfidrnu] {
    border: 2px solid var(--color-primary);
    background: linear-gradient(135deg, rgba(246, 136, 1, 0.03) 0%, rgba(255, 255, 255, 1) 100%);
}

.article-type[b-da9nfidrnu] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: var(--medium);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
}

.article-card.featured .article-type[b-da9nfidrnu] {
    background: var(--color-primary);
    color: var(--color-white);
}

.article-card:not(.featured) .article-type[b-da9nfidrnu] {
    background: var(--plan-bg);
    color: var(--btc);
}

.article-content[b-da9nfidrnu] {
    flex: 1;
}

.article-content h5[b-da9nfidrnu] {
    font-size: var(--size-h5);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 0.5rem;
    line-height: 1.4;
    font-family: var(--font-primary);
}

.article-content p[b-da9nfidrnu] {
    color: var(--btc);
    margin-bottom: 1rem;
    line-height: var(--lh-default);
    font-size: var(--size-small);
    font-family: var(--font-primary);
}

.article-meta[b-da9nfidrnu] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
}

.read-time[b-da9nfidrnu],
.article-date[b-da9nfidrnu] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    color: var(--btc);
    font-family: var(--font-primary);
}

.article-action[b-da9nfidrnu] {
    display: flex;
    justify-content: flex-end;
    margin-top: auto;
}

.read-btn[b-da9nfidrnu] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--color-primary);
    text-decoration: none;
    font-weight: var(--medium);
    font-size: var(--size-small);
    transition: var(--transition);
    font-family: var(--font-primary);
}

.read-btn:hover[b-da9nfidrnu] {
    color: var(--color-11-light);
    gap: 8px;
}

/* Popular Articles Section */
.popular-articles-section[b-da9nfidrnu] {
    padding: 80px 0;
    background: var(--plan-bg);
}

.popular-article-card[b-da9nfidrnu] {
    background: var(--color-white);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: var(--box-shadow);
    transition: var(--transition);
    height: 100%;
    position: relative;
}

.popular-article-card:hover[b-da9nfidrnu] {
    transform: translateY(-4px);
    box-shadow: 0 12px 35px rgba(246, 136, 1, 0.1);
}

.article-badge[b-da9nfidrnu] {
    position: absolute;
    top: 12px;
    right: 12px;
    display: flex;
    align-items: center;
    gap: 4px;
    background: var(--color-primary);
    color: var(--color-white);
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 10px;
    font-weight: var(--medium);
    z-index: 2;
    font-family: var(--font-primary);
}

.article-image[b-da9nfidrnu] {
    height: 120px;
    background: var(--plan-bg);
    display: flex;
    align-items: center;
    justify-content: center;
}

.image-placeholder[b-da9nfidrnu] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-11-light) 100%);
    border-radius: 50%;
    color: var(--color-white);
    font-size: 1.5rem;
}

.article-info[b-da9nfidrnu] {
    padding: 1.25rem;
}

.article-info h6[b-da9nfidrnu] {
    font-size: 1rem;
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 0.5rem;
    line-height: 1.4;
    font-family: var(--font-primary);
}

.article-info p[b-da9nfidrnu] {
    color: var(--btc);
    margin-bottom: 1rem;
    font-size: var(--size-small);
    line-height: var(--lh-default);
    font-family: var(--font-primary);
}

.article-stats[b-da9nfidrnu] {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    color: var(--btc);
    font-family: var(--font-primary);
}

.article-stats span[b-da9nfidrnu] {
    display: flex;
    align-items: center;
    gap: 4px;
}

/* Help & Support Section */
.help-support-section[b-da9nfidrnu] {
    padding: 80px 0;
    background: var(--color-white);
}

.help-support-card[b-da9nfidrnu] {
    background: var(--color-white);
    padding: 3rem;
    border-radius: 20px;
    box-shadow: var(--box-shadow);
}

.help-support-card h3[b-da9nfidrnu] {
    font-size: var(--size-h3);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
}

.help-support-card p[b-da9nfidrnu] {
    color: var(--btc);
    margin-bottom: 1.5rem;
    line-height: var(--lh-default);
    font-family: var(--font-primary);
}

.help-options[b-da9nfidrnu] {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 0;
}

.help-option[b-da9nfidrnu] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--btc);
    font-size: var(--size-small);
    font-family: var(--font-primary);
}

.help-option i[b-da9nfidrnu] {
    color: var(--color-success);
}

.help-buttons[b-da9nfidrnu] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.help-btn[b-da9nfidrnu] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: var(--medium);
    transition: var(--transition);
    font-family: var(--font-primary);
}

.help-btn.primary[b-da9nfidrnu] {
    background: var(--color-primary);
    color: var(--color-white);
}

.help-btn.secondary[b-da9nfidrnu] {
    background: var(--plan-bg);
    color: var(--color-secondary);
    border: 1px solid var(--light-border);
}

.help-btn:hover[b-da9nfidrnu] {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(246, 136, 1, 0.3);
}

.help-btn.primary:hover[b-da9nfidrnu] {
    background: var(--color-11-light);
    color: var(--color-white);
}

.help-btn.secondary:hover[b-da9nfidrnu] {
    background: var(--color-primary);
    color: var(--color-white);
    border-color: var(--color-primary);
}

/* Responsive Design */
@media (max-width: 992px) {
    .hero-content h1.hero-title[b-da9nfidrnu] {
        font-size: 3rem;
    }
    
    .section-title[b-da9nfidrnu] {
        font-size: 2rem;
    }
    
    .categories-sidebar[b-da9nfidrnu] {
        position: relative;
        top: auto;
        margin-bottom: 2rem;
    }
    
    .articles-grid[b-da9nfidrnu] {
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
        gap: 1.5rem;
    }
}

@media (max-width: 768px) {
    .bilgi-hero-section[b-da9nfidrnu] {
        padding: 80px 0 60px 0;
        min-height: 500px;
    }
    
    .hero-content h1.hero-title[b-da9nfidrnu] {
        font-size: 2.5rem;
    }
    
    .hero-description[b-da9nfidrnu] {
        font-size: var(--size-default);
    }
    
    .quick-categories-section[b-da9nfidrnu],
    .knowledge-content-section[b-da9nfidrnu],
    .popular-articles-section[b-da9nfidrnu],
    .help-support-section[b-da9nfidrnu] {
        padding: 60px 0;
    }
    
    .quick-category-card[b-da9nfidrnu] {
        padding: 1.5rem 1.25rem;
    }
    
    .category-icon[b-da9nfidrnu] {
        width: 64px;
        height: 64px;
        font-size: 1.5rem;
    }
    
    .categories-sidebar[b-da9nfidrnu] {
        padding: 1.25rem;
    }
    
    .articles-grid[b-da9nfidrnu] {
        grid-template-columns: 1fr;
        gap: 1.25rem;
    }
    
    .article-card[b-da9nfidrnu] {
        padding: 1.25rem;
    }
    
    .help-support-card[b-da9nfidrnu] {
        padding: 2rem 1.5rem;
    }
    
    .help-options[b-da9nfidrnu] {
        flex-direction: column;
        gap: 0.75rem;
    }
    
    .help-buttons[b-da9nfidrnu] {
        justify-content: center;
        margin-top: 1.5rem;
    }
    
    .help-btn[b-da9nfidrnu] {
        flex: 1;
        justify-content: center;
        min-width: 120px;
    }
}

@media (max-width: 576px) {
    .hero-content h1.hero-title[b-da9nfidrnu] {
        font-size: 2rem;
    }
    
    .search-input-container[b-da9nfidrnu] {
        border-radius: 25px;
    }
    
    .search-input[b-da9nfidrnu] {
        padding: 14px 20px 14px 48px;
        font-size: 14px;
    }
    
    .search-btn[b-da9nfidrnu] {
        width: 40px;
        height: 40px;
    }
    
    .quick-category-card h5[b-da9nfidrnu] {
        font-size: 1.125rem;
    }
    
    .categories-sidebar[b-da9nfidrnu] {
        padding: 1rem;
    }
    
    .category-header h3[b-da9nfidrnu] {
        font-size: var(--size-h4);
        flex-direction: column;
        gap: 8px;
        text-align: center;
    }
    
    .article-card[b-da9nfidrnu] {
        padding: 1rem;
    }
    
    .article-meta[b-da9nfidrnu] {
        flex-direction: column;
        gap: 0.5rem;
    }
    
    .help-support-card[b-da9nfidrnu] {
        padding: 1.5rem 1rem;
    }
    
    .help-buttons[b-da9nfidrnu] {
        flex-direction: column;
    }
} 
/* _content/VoxisWeb/Components/Pages/Destek.razor.rz.scp.css */
/* Destek Page Styles */

/* Variables */
:root[b-21kxuiwync] {
    --destek-primary: var(--color-primary);
    --destek-secondary: var(--color-secondary);
    --destek-accent: var(--color-accent);
    --destek-success: var(--color-success);
    --destek-info: var(--color-info);
    --destek-text-primary: var(--color-text-primary);
    --destek-text-secondary: var(--color-text-secondary);
    --destek-bg-primary: var(--color-bg-primary);
    --destek-bg-secondary: var(--color-bg-secondary);
    --destek-bg-tertiary: var(--color-bg-tertiary);
    --destek-border: var(--color-border);
    --destek-border-light: var(--color-border-light);
}

/* Page Container */
.destek-page[b-21kxuiwync] {
    min-height: 100vh;
}

/* Hero Section */
.destek-hero-section[b-21kxuiwync] {
    background: linear-gradient(135deg, var(--body-bg-2) 0%, var(--light-border) 100%);
    padding: 100px 0 80px;
    min-height: 600px;
    display: flex;
    align-items: center;
    margin-top: 70px;
}

.hero-content h1.hero-title[b-21kxuiwync] {
    font-size: var(--size-h1);
    font-weight: var(--bold);
    color: var(--color-secondary);
    margin-bottom: 2rem;
    line-height: var(--lh-h1);
    font-family: var(--font-primary);
}

.hero-title .highlight[b-21kxuiwync] {
    color: var(--color-primary);
    position: relative;
}

.hero-title .highlight[b-21kxuiwync]::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, var(--color-primary), var(--color-11-light));
    border-radius: 2px;
}

.hero-description[b-21kxuiwync] {
    font-size: var(--size-default);
    color: var(--btc);
    line-height: var(--lh-default);
    margin-bottom: 0;
    font-family: var(--font-primary);
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.hero-badge[b-21kxuiwync] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--color-primary);
    color: var(--color-white);
    padding: 8px 16px;
    border-radius: 50px;
    font-size: var(--size-small);
    font-weight: var(--medium);
    margin-bottom: 1.5rem;
    font-family: var(--font-primary);
}

/* Quick Help Section */
.quick-help-section[b-21kxuiwync] {
    padding: 80px 0;
    background: var(--plan-bg);
}

.help-option-card[b-21kxuiwync] {
    background: var(--color-white);
    border-radius: 20px;
    padding: 2.5rem 2rem;
    text-align: center;
    height: 100%;
    box-shadow: var(--box-shadow);
    transition: var(--transition);
    position: relative;
    overflow: hidden;
    border: 2px solid var(--light-border);
}

.help-option-card[b-21kxuiwync]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--color-primary), var(--color-11-light));
}

.help-option-card:hover[b-21kxuiwync] {
    transform: translateY(-8px);
    box-shadow: 0 20px 50px rgba(246, 136, 1, 0.2);
}

.help-icon[b-21kxuiwync] {
    width: 80px;
    height: 80px;
    margin: 0 auto 1.5rem;
    background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-11-light) 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    color: var(--color-white);
    position: relative;
}

.help-icon[b-21kxuiwync]::after {
    content: '';
    position: absolute;
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px;
    background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-11-light) 100%);
    border-radius: 50%;
    z-index: -1;
    opacity: 0.2;
}

.help-option-card h4[b-21kxuiwync] {
    font-size: var(--size-h4);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 0.75rem;
    font-family: var(--font-primary);
}

.help-option-card p[b-21kxuiwync] {
    color: var(--btc);
    margin-bottom: 1.5rem;
    line-height: var(--lh-default);
    font-family: var(--font-primary);
}

.help-btn[b-21kxuiwync] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    border-radius: 50px;
    border: none;
    font-weight: var(--medium);
    cursor: pointer;
    transition: var(--transition);
    text-decoration: none;
    margin-bottom: 1rem;
    font-family: var(--font-primary);
}

.help-btn.primary[b-21kxuiwync] {
    background: var(--color-primary);
    color: var(--color-white);
}

.help-btn.primary:hover[b-21kxuiwync] {
    background: var(--color-11-light);
    transform: scale(1.05);
    box-shadow: 0 8px 20px rgba(246, 136, 1, 0.3);
}

.help-btn.secondary[b-21kxuiwync] {
    background: var(--color-success);
    color: var(--color-white);
}

.help-btn.secondary:hover[b-21kxuiwync] {
    background: #16a085;
    transform: scale(1.05);
    box-shadow: 0 8px 20px rgba(22, 160, 133, 0.3);
}

.help-btn.tertiary[b-21kxuiwync] {
    background: var(--color-info);
    color: var(--color-white);
}

.help-btn.tertiary:hover[b-21kxuiwync] {
    background: #2980b9;
    transform: scale(1.05);
    box-shadow: 0 8px 20px rgba(41, 128, 185, 0.3);
}

.help-status[b-21kxuiwync],
.help-info[b-21kxuiwync] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: var(--size-small);
    color: var(--btc);
    font-family: var(--font-primary);
}

.help-status.online[b-21kxuiwync] {
    color: var(--color-success);
}

.help-status.online i[b-21kxuiwync] {
    animation: pulse-b-21kxuiwync 2s infinite;
}

@keyframes pulse-b-21kxuiwync {
    0% { opacity: 1; }
    50% { opacity: 0.5; }
    100% { opacity: 1; }
}

/* Support Categories */
.support-categories-section[b-21kxuiwync] {
    padding: 80px 0;
    background: var(--color-white);
}

.section-title[b-21kxuiwync] {
    font-size: var(--size-h2);
    font-weight: var(--bold);
    color: var(--color-secondary);
    margin-bottom: 1rem;
    text-align: center;
    font-family: var(--font-primary);
}

.section-subtitle[b-21kxuiwync] {
    font-size: var(--size-default);
    color: var(--btc);
    margin-bottom: 0;
    text-align: center;
    font-family: var(--font-primary);
}

.category-card[b-21kxuiwync] {
    background: var(--color-white);
    border-radius: 20px;
    padding: 2rem 1.5rem;
    text-align: center;
    cursor: pointer;
    transition: var(--transition);
    border: 2px solid var(--light-border);
    box-shadow: var(--box-shadow);
    height: 100%;
}

.category-card:hover[b-21kxuiwync] {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(246, 136, 1, 0.2);
    border-color: var(--color-primary);
}

.category-icon[b-21kxuiwync] {
    width: 64px;
    height: 64px;
    margin: 0 auto 1.25rem;
    background: var(--plan-bg);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    color: var(--color-primary);
    transition: var(--transition);
}

.category-card:hover .category-icon[b-21kxuiwync] {
    background: var(--color-primary);
    color: var(--color-white);
    transform: scale(1.1);
}

.category-card h5[b-21kxuiwync] {
    font-size: var(--size-h5);
    font-weight: var(--semibold);
    margin-bottom: 0.5rem;
    color: var(--color-secondary);
    font-family: var(--font-primary);
}

.category-card p[b-21kxuiwync] {
    color: var(--btc);
    margin-bottom: 1rem;
    font-size: var(--size-small);
    font-family: var(--font-primary);
}

.category-count[b-21kxuiwync] {
    font-size: 12px;
    color: var(--color-primary);
    font-weight: var(--medium);
    background: rgba(246, 136, 1, 0.1);
    padding: 4px 12px;
    border-radius: 20px;
    font-family: var(--font-primary);
}

/* Ticket Form Section */
.ticket-form-section[b-21kxuiwync] {
    padding: 80px 0;
    background: var(--plan-bg);
}

.ticket-form-card[b-21kxuiwync] {
    background: var(--color-white);
    border-radius: 20px;
    padding: 3rem;
    box-shadow: var(--box-shadow);
}

.form-header[b-21kxuiwync] {
    text-align: center;
    margin-bottom: 2.5rem;
}

.form-header h3[b-21kxuiwync] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    font-size: var(--size-h3);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
}

.form-header h3 i[b-21kxuiwync] {
    color: var(--color-primary);
}

.form-header p[b-21kxuiwync] {
    color: var(--btc);
    margin-bottom: 0;
    font-family: var(--font-primary);
}

.form-group[b-21kxuiwync] {
    margin-bottom: 1.5rem;
}

.form-group label[b-21kxuiwync] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: var(--medium);
    color: var(--color-secondary);
    font-family: var(--font-primary);
}

.form-control[b-21kxuiwync] {
    width: 100%;
    padding: 12px 16px;
    border: 2px solid var(--light-border);
    border-radius: 12px;
    font-size: var(--size-small);
    transition: var(--transition);
    background: var(--color-white);
    font-family: var(--font-primary);
}

.form-control:focus[b-21kxuiwync] {
    outline: none;
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(246, 136, 1, 0.1);
}

.form-control[b-21kxuiwync]::placeholder {
    color: var(--btc);
}

textarea.form-control[b-21kxuiwync] {
    resize: vertical;
    min-height: 120px;
}

.file-upload-area[b-21kxuiwync] {
    border: 2px dashed var(--light-border);
    border-radius: 12px;
    padding: 2.5rem 1.25rem;
    text-align: center;
    cursor: pointer;
    transition: var(--transition);
    background: var(--plan-bg);
}

.file-upload-area:hover[b-21kxuiwync],
.file-upload-area.drag-over[b-21kxuiwync] {
    border-color: var(--color-primary);
    background: rgba(246, 136, 1, 0.05);
}

.file-upload-area i[b-21kxuiwync] {
    font-size: 2rem;
    color: var(--color-primary);
    margin-bottom: 0.75rem;
    display: block;
}

.file-upload-area p[b-21kxuiwync] {
    color: var(--btc);
    margin-bottom: 0;
    font-family: var(--font-primary);
}

.file-upload-area input[type="file"][b-21kxuiwync] {
    display: none;
}

.submit-btn[b-21kxuiwync] {
    background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-11-light) 100%);
    color: var(--color-white);
    border: none;
    padding: 1rem 2rem;
    border-radius: 50px;
    font-weight: var(--medium);
    cursor: pointer;
    transition: var(--transition);
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 auto;
    font-family: var(--font-primary);
}

.submit-btn:hover[b-21kxuiwync] {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(246, 136, 1, 0.3);
}

.submit-btn:disabled[b-21kxuiwync] {
    opacity: 0.7;
    cursor: not-allowed;
    transform: none;
}

/* Checkbox Styles */
.form-check-group[b-21kxuiwync] {
    margin-bottom: 1.5rem;
}

.form-check[b-21kxuiwync] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 1rem;
    cursor: pointer;
}

.form-check input[type="checkbox"][b-21kxuiwync] {
    width: 20px;
    height: 20px;
    accent-color: var(--color-primary);
    margin: 0;
    flex-shrink: 0;
    margin-top: 2px;
}

.form-check label[b-21kxuiwync] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    cursor: pointer;
    font-size: var(--size-small);
    line-height: 1.5;
    margin: 0;
    color: var(--color-secondary);
    font-family: var(--font-primary);
}

.checkmark[b-21kxuiwync] {
    display: none;
}

/* Knowledge Base Section */
.knowledge-base-section[b-21kxuiwync] {
    padding: 80px 0;
    background: var(--color-white);
}

.knowledge-card[b-21kxuiwync] {
    background: var(--color-white);
    border-radius: 20px;
    padding: 1.5rem;
    box-shadow: var(--box-shadow);
    transition: var(--transition);
    display: flex;
    align-items: flex-start;
    gap: 1.25rem;
    height: 100%;
    border: 1px solid var(--light-border);
}

.knowledge-card:hover[b-21kxuiwync] {
    transform: translateY(-4px);
    box-shadow: 0 12px 35px rgba(246, 136, 1, 0.1);
}

.knowledge-icon[b-21kxuiwync] {
    width: 56px;
    height: 56px;
    background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-11-light) 100%);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    color: var(--color-white);
    flex-shrink: 0;
}

.knowledge-content[b-21kxuiwync] {
    flex: 1;
}

.knowledge-content h5[b-21kxuiwync] {
    font-size: var(--size-h5);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 0.5rem;
    font-family: var(--font-primary);
}

.knowledge-content p[b-21kxuiwync] {
    color: var(--btc);
    margin-bottom: 1rem;
    line-height: var(--lh-default);
    font-size: var(--size-small);
    font-family: var(--font-primary);
}

.knowledge-link[b-21kxuiwync] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--color-primary);
    text-decoration: none;
    font-weight: var(--medium);
    font-size: var(--size-small);
    transition: var(--transition);
    font-family: var(--font-primary);
}

.knowledge-link:hover[b-21kxuiwync] {
    color: var(--color-11-light);
    gap: 8px;
}

.view-all-btn[b-21kxuiwync] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--color-primary);
    color: var(--color-white);
    padding: 1rem 2rem;
    border-radius: 50px;
    text-decoration: none;
    font-weight: var(--medium);
    transition: var(--transition);
    font-family: var(--font-primary);
}

.view-all-btn:hover[b-21kxuiwync] {
    background: var(--color-11-light);
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(246, 136, 1, 0.3);
    color: var(--color-white);
}

/* Contact Info Section */
.contact-info-section[b-21kxuiwync] {
    padding: 80px 0;
    background: var(--plan-bg);
}

.contact-info-card[b-21kxuiwync] {
    background: var(--color-white);
    padding: 3rem;
    border-radius: 20px;
    box-shadow: var(--box-shadow);
}

.contact-info-card h3[b-21kxuiwync] {
    font-size: var(--size-h3);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
}

.contact-info-card p[b-21kxuiwync] {
    color: var(--btc);
    margin-bottom: 1.5rem;
    line-height: var(--lh-default);
    font-family: var(--font-primary);
}

.contact-methods[b-21kxuiwync] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.contact-method[b-21kxuiwync] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--color-secondary);
    font-family: var(--font-primary);
}

.contact-method i[b-21kxuiwync] {
    width: 20px;
    color: var(--color-primary);
}

.contact-page-btn[b-21kxuiwync] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--color-primary);
    color: var(--color-white);
    padding: 12px 24px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: var(--medium);
    transition: var(--transition);
    font-family: var(--font-primary);
}

.contact-page-btn:hover[b-21kxuiwync] {
    background: var(--color-11-light);
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(246, 136, 1, 0.3);
    color: var(--color-white);
}

/* Responsive Design */
@media (max-width: 992px) {
    .hero-content h1.hero-title[b-21kxuiwync] {
        font-size: 3rem;
    }
    
    .section-title[b-21kxuiwync] {
        font-size: 2rem;
    }
}

@media (max-width: 768px) {
    .destek-hero-section[b-21kxuiwync] {
        padding: 80px 0 60px 0;
        min-height: 500px;
    }
    
    .hero-content h1.hero-title[b-21kxuiwync] {
        font-size: 2.5rem;
    }
    
    .hero-description[b-21kxuiwync] {
        font-size: var(--size-default);
    }
    
    .quick-help-section[b-21kxuiwync],
    .support-categories-section[b-21kxuiwync],
    .ticket-form-section[b-21kxuiwync],
    .knowledge-base-section[b-21kxuiwync],
    .contact-info-section[b-21kxuiwync] {
        padding: 60px 0;
    }
    
    .help-option-card[b-21kxuiwync] {
        padding: 2rem 1.5rem;
    }
    
    .help-icon[b-21kxuiwync] {
        width: 64px;
        height: 64px;
        font-size: 1.5rem;
    }
    
    .ticket-form-card[b-21kxuiwync] {
        padding: 2rem 1.5rem;
    }
    
    .knowledge-card[b-21kxuiwync] {
        flex-direction: column;
        text-align: center;
    }
    
    .knowledge-icon[b-21kxuiwync] {
        margin: 0 auto;
    }
    
    .contact-info-card[b-21kxuiwync] {
        padding: 2rem 1.5rem;
    }
    
    .contact-methods[b-21kxuiwync] {
        margin-bottom: 1.5rem;
    }
    
    .contact-page-btn[b-21kxuiwync] {
        width: 100%;
        text-align: center;
        justify-content: center;
    }
}

@media (max-width: 576px) {
    .hero-content h1.hero-title[b-21kxuiwync] {
        font-size: 2rem;
    }
    
    .help-option-card h4[b-21kxuiwync] {
        font-size: var(--size-h5);
    }
    
    .category-card[b-21kxuiwync] {
        padding: 1.5rem 1rem;
    }
    
    .category-icon[b-21kxuiwync] {
        width: 48px;
        height: 48px;
        font-size: 1.25rem;
    }
    
    .ticket-form-card[b-21kxuiwync] {
        padding: 1.5rem 1rem;
    }
    
    .form-header h3[b-21kxuiwync] {
        font-size: var(--size-h4);
    }
    
    .file-upload-area[b-21kxuiwync] {
        padding: 1.5rem 1rem;
    }
    
    .file-upload-area i[b-21kxuiwync] {
        font-size: 1.5rem;
    }
} 
/* _content/VoxisWeb/Components/Pages/ECozumler/EArsiv.razor.rz.scp.css */
/* E-Arşiv Page Styles */

/* Hero Section */
.earsiv-hero-section[b-w4fpapqo34] {
    padding: 100px 0 80px;
    background: linear-gradient(135deg, var(--body-bg-2) 0%, var(--light-border) 100%);
    position: relative;
    overflow: hidden;
    margin-top: 70px;
    min-height: 600px;
    display: flex;
    align-items: center;
}

.sector-badge[b-w4fpapqo34] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: linear-gradient(135deg, #8b5cf6, #a855f7);
    color: var(--color-white);
    padding: 0.5rem 1rem;
    border-radius: 50px;
    font-size: var(--size-small);
    font-weight: var(--semibold);
    margin-bottom: 1.5rem;
    animation: archivePulse-b-w4fpapqo34 2s ease-in-out infinite;
    font-family: var(--font-primary);
}

@keyframes archivePulse-b-w4fpapqo34 {
    0%, 100% { box-shadow: 0 0 0 rgba(139, 92, 246, 0.4); }
    50% { box-shadow: 0 0 20px rgba(139, 92, 246, 0.6); }
}

.hero-content h1.hero-title[b-w4fpapqo34] {
    font-size: var(--size-h1);
    font-weight: var(--bold);
    color: var(--color-secondary);
    margin-bottom: 1.5rem;
    line-height: var(--lh-h1);
    font-family: var(--font-primary);
}

.hero-title .highlight[b-w4fpapqo34] {
    background: linear-gradient(135deg, #8b5cf6, #0369a1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    position: relative;
}

.hero-title .highlight[b-w4fpapqo34]::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(135deg, #8b5cf6, #0369a1);
    border-radius: 2px;
    animation: archiveGlow-b-w4fpapqo34 3s ease-in-out infinite;
}

@keyframes archiveGlow-b-w4fpapqo34 {
    0%, 100% { opacity: 0.6; transform: scaleX(1); }
    50% { opacity: 1; transform: scaleX(1.05); }
}

.hero-description[b-w4fpapqo34] {
    font-size: var(--size-large);
    line-height: var(--lh-default);
    color: var(--btc);
    margin-bottom: 2rem;
    text-align: justify;
    font-family: var(--font-primary);
}

.hero-image[b-w4fpapqo34] {
    position: relative;
    z-index: 2;
}

.earsiv-illustration[b-w4fpapqo34] {
    position: relative;
    filter: drop-shadow(0 20px 40px rgba(139, 92, 246, 0.1));
}

.earsiv-svg[b-w4fpapqo34] {
    width: 100%;
    height: auto;
    max-width: 600px;
}

/* Features Section */
.earsiv-features-section[b-w4fpapqo34] {
    padding: 80px 0;
    background: var(--color-white);
}

.section-title[b-w4fpapqo34] {
    font-size: var(--size-h2);
    font-weight: var(--bold);
    color: var(--color-secondary);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
}

.section-subtitle[b-w4fpapqo34] {
    font-size: var(--size-large);
    color: var(--btc);
    max-width: 600px;
    margin: 0 auto;
    font-family: var(--font-primary);
}

.feature-item[b-w4fpapqo34] {
    background: var(--color-white);
    padding: 2rem;
    border-radius: 20px;
    text-align: center;
    height: 100%;
    transition: var(--transition);
    border: 2px solid transparent;
    position: relative;
    overflow: hidden;
    box-shadow: var(--box-shadow);
}

.feature-item[b-w4fpapqo34]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #8b5cf6, #0369a1);
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.feature-item:hover[b-w4fpapqo34]::before {
    transform: scaleX(1);
}

.feature-item:hover[b-w4fpapqo34] {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(139, 92, 246, 0.15);
    border-color: #8b5cf6;
}

.feature-icon[b-w4fpapqo34] {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #8b5cf6, #a855f7);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
    transition: var(--transition);
    position: relative;
}

.feature-icon[b-w4fpapqo34]::after {
    content: '';
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    background: linear-gradient(135deg, #8b5cf6, #a855f7);
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: -1;
    animation: archiveGlow2-b-w4fpapqo34 2s infinite;
}

@keyframes archiveGlow2-b-w4fpapqo34 {
    0% { transform: scale(1); opacity: 0.7; }
    50% { transform: scale(1.1); opacity: 0.3; }
    100% { transform: scale(1); opacity: 0.7; }
}

.feature-item:hover .feature-icon[b-w4fpapqo34]::after {
    opacity: 1;
}

.feature-icon i[b-w4fpapqo34] {
    font-size: 2rem;
    color: var(--color-white);
}

.feature-content h5[b-w4fpapqo34] {
    font-size: var(--size-h5);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
}

.feature-content p[b-w4fpapqo34] {
    color: var(--btc);
    line-height: var(--lh-default);
    margin: 0;
    font-family: var(--font-primary);
}

/* Solutions Section */
.earsiv-solutions-section[b-w4fpapqo34] {
    padding: 80px 0;
    background: linear-gradient(135deg, var(--body-bg-2) 0%, var(--light-border) 100%);
}

.solution-card[b-w4fpapqo34] {
    background: var(--color-white);
    padding: 2.5rem 2rem;
    border-radius: 20px;
    text-align: center;
    height: 100%;
    transition: var(--transition);
    box-shadow: var(--box-shadow);
    border: 2px solid transparent;
    position: relative;
    overflow: hidden;
}

.solution-card[b-w4fpapqo34]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #8b5cf6, #0369a1);
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.solution-card:hover[b-w4fpapqo34]::before {
    transform: scaleX(1);
}

.solution-card:hover[b-w4fpapqo34] {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(139, 92, 246, 0.15);
    border-color: #8b5cf6;
}

.solution-icon[b-w4fpapqo34] {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #8b5cf6, #0369a1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 2rem;
    transition: var(--transition);
    position: relative;
}

.solution-icon[b-w4fpapqo34]::after {
    content: '';
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    background: linear-gradient(135deg, #8b5cf6, #0369a1);
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: -1;
    animation: solutionGlow-b-w4fpapqo34 2s infinite;
}

@keyframes solutionGlow-b-w4fpapqo34 {
    0% { transform: scale(1); opacity: 0.7; }
    50% { transform: scale(1.1); opacity: 0.3; }
    100% { transform: scale(1); opacity: 0.7; }
}

.solution-card:hover .solution-icon[b-w4fpapqo34] {
    transform: scale(1.1) rotate(10deg);
}

.solution-card:hover .solution-icon[b-w4fpapqo34]::after {
    opacity: 1;
}

.solution-icon i[b-w4fpapqo34] {
    font-size: 2rem;
    color: var(--color-white);
}

.solution-card h4[b-w4fpapqo34] {
    font-size: var(--size-h4);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
}

.solution-card p[b-w4fpapqo34] {
    color: var(--btc);
    line-height: var(--lh-default);
    margin-bottom: 1.5rem;
    font-family: var(--font-primary);
}

.solution-features[b-w4fpapqo34] {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
}

.solution-features li[b-w4fpapqo34] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0;
    font-family: var(--font-primary);
    color: var(--btc);
    font-size: var(--size-small);
}

.solution-features li[b-w4fpapqo34]::before {
    content: '✓';
    color: var(--color-third);
    font-weight: var(--bold);
    font-size: 1rem;
}

/* Archive Theme Color Variations */
.feature-item:nth-child(2n) .feature-icon[b-w4fpapqo34] {
    background: linear-gradient(135deg, #0369a1, #0284c7);
}

.feature-item:nth-child(2n):hover .feature-icon[b-w4fpapqo34]::after {
    background: linear-gradient(135deg, #0369a1, #0284c7);
}

.feature-item:nth-child(3n) .feature-icon[b-w4fpapqo34] {
    background: linear-gradient(135deg, #059669, #10b981);
}

.feature-item:nth-child(3n):hover .feature-icon[b-w4fpapqo34]::after {
    background: linear-gradient(135deg, #059669, #10b981);
}

.feature-item:nth-child(4n) .feature-icon[b-w4fpapqo34] {
    background: linear-gradient(135deg, #dc2626, #ef4444);
}

.feature-item:nth-child(4n):hover .feature-icon[b-w4fpapqo34]::after {
    background: linear-gradient(135deg, #dc2626, #ef4444);
}

.solution-card:nth-child(2) .solution-icon[b-w4fpapqo34] {
    background: linear-gradient(135deg, #0369a1, #0284c7);
}

.solution-card:nth-child(2):hover .solution-icon[b-w4fpapqo34]::after {
    background: linear-gradient(135deg, #0369a1, #0284c7);
}

.solution-card:nth-child(3) .solution-icon[b-w4fpapqo34] {
    background: linear-gradient(135deg, #059669, #10b981);
}

.solution-card:nth-child(3):hover .solution-icon[b-w4fpapqo34]::after {
    background: linear-gradient(135deg, #059669, #10b981);
}

/* Archive Motion Animation */
.feature-icon:hover[b-w4fpapqo34],
.solution-icon:hover[b-w4fpapqo34] {
    animation: archiveMotion-b-w4fpapqo34 1s ease-in-out;
}

@keyframes archiveMotion-b-w4fpapqo34 {
    0% { transform: scale(1) rotate(0deg); }
    25% { transform: scale(1.05) rotate(5deg); }
    50% { transform: scale(1.1) rotate(-5deg); }
    75% { transform: scale(1.05) rotate(5deg); }
    100% { transform: scale(1) rotate(0deg); }
}

/* Document Flow Animation */
.feature-item:nth-child(odd):hover .feature-icon[b-w4fpapqo34] {
    animation: documentFlow-b-w4fpapqo34 2s ease-in-out;
}

@keyframes documentFlow-b-w4fpapqo34 {
    0% { transform: scale(1); }
    25% { transform: scale(1.1); box-shadow: 0 0 20px rgba(139, 92, 246, 0.6); }
    50% { transform: scale(1.05); }
    75% { transform: scale(1.1); box-shadow: 0 0 15px rgba(3, 105, 161, 0.4); }
    100% { transform: scale(1); }
}

/* Responsive Design */
@media (max-width: 992px) {
    .hero-content h1.hero-title[b-w4fpapqo34] {
        font-size: 2.5rem;
    }

    .feature-item[b-w4fpapqo34] {
        margin-bottom: 2rem;
    }

    .solution-card[b-w4fpapqo34] {
        margin-bottom: 2rem;
    }
}

@media (max-width: 768px) {
    .earsiv-hero-section[b-w4fpapqo34] {
        padding: 80px 0 60px;
        min-height: 500px;
    }

    .hero-content h1.hero-title[b-w4fpapqo34] {
        font-size: 2rem;
        margin-bottom: 1rem;
    }

    .hero-description[b-w4fpapqo34] {
        font-size: 1rem;
        margin-bottom: 1.5rem;
    }

    .section-title[b-w4fpapqo34] {
        font-size: 1.75rem;
    }

    .earsiv-features-section[b-w4fpapqo34],
    .earsiv-solutions-section[b-w4fpapqo34] {
        padding: 60px 0;
    }

    .feature-item[b-w4fpapqo34] {
        padding: 1.5rem;
        margin-bottom: 1.5rem;
    }

    .feature-icon[b-w4fpapqo34] {
        width: 60px;
        height: 60px;
        margin-bottom: 1rem;
    }

    .feature-icon i[b-w4fpapqo34] {
        font-size: 1.5rem;
    }

    .solution-card[b-w4fpapqo34] {
        padding: 2rem 1.5rem;
        margin-bottom: 1.5rem;
    }

    .solution-features[b-w4fpapqo34] {
        font-size: 0.9rem;
    }
}

@media (max-width: 576px) {
    .hero-content h1.hero-title[b-w4fpapqo34] {
        font-size: 1.75rem;
    }

    .hero-description[b-w4fpapqo34] {
        font-size: 0.95rem;
    }

    .section-title[b-w4fpapqo34] {
        font-size: 1.5rem;
    }

    .section-subtitle[b-w4fpapqo34] {
        font-size: 1rem;
    }

    .feature-item[b-w4fpapqo34] {
        padding: 1.25rem;
    }

    .feature-icon[b-w4fpapqo34] {
        width: 50px;
        height: 50px;
    }

    .feature-icon i[b-w4fpapqo34] {
        font-size: 1.25rem;
    }

    .feature-content h5[b-w4fpapqo34] {
        font-size: 1.1rem;
    }

    .feature-content p[b-w4fpapqo34] {
        font-size: 0.9rem;
    }

    .solution-card[b-w4fpapqo34] {
        padding: 1.5rem 1rem;
    }

    .solution-icon[b-w4fpapqo34] {
        width: 60px;
        height: 60px;
    }

    .solution-icon i[b-w4fpapqo34] {
        font-size: 1.5rem;
    }

    .solution-card h4[b-w4fpapqo34] {
        font-size: 1.25rem;
    }

    .solution-card p[b-w4fpapqo34] {
        font-size: 0.9rem;
    }

    .solution-features li[b-w4fpapqo34] {
        font-size: 0.85rem;
    }
}

.feature-item:hover[b-w4fpapqo34] {
    animation: archiveElevate 0.6s ease-out;
}

.solution-card:hover[b-w4fpapqo34] {
    animation: solutionElevate 0.6s ease-out;
}

.feature-item:nth-child(1):hover .feature-icon[b-w4fpapqo34],
.solution-card:nth-child(1):hover .solution-icon[b-w4fpapqo34] {
    animation: documentScan-b-w4fpapqo34 1.5s ease-in-out;
}

.feature-item:nth-child(2):hover .feature-icon[b-w4fpapqo34],
.solution-card:nth-child(2):hover .solution-icon[b-w4fpapqo34] {
    animation: securityArchive-b-w4fpapqo34 1.8s ease-in-out;
}

@keyframes documentScan-b-w4fpapqo34 {
    0%, 100% { transform: scale(1) rotate(0deg); }
    25% { transform: scale(1.1) rotate(90deg); box-shadow: 0 0 25px rgba(139, 92, 246, 0.7); }
    50% { transform: scale(1.05) rotate(180deg); }
    75% { transform: scale(1.1) rotate(270deg); box-shadow: 0 0 20px rgba(3, 105, 161, 0.5); }
}

@keyframes securityArchive-b-w4fpapqo34 {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.15); box-shadow: 0 0 30px rgba(3, 105, 161, 0.8); }
}

.feature-item:hover .feature-content h5[b-w4fpapqo34]::after {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, #8b5cf6, #0369a1);
    animation: titleUnderline 0.5s ease-out;
} 
/* _content/VoxisWeb/Components/Pages/ECozumler/EDefter.razor.rz.scp.css */
/* E-Defter Page Styles */

/* Hero Section */
.edefter-hero-section[b-jr3wlhdgb9] {
    padding: 100px 0 80px;
    background: linear-gradient(135deg, var(--body-bg-2) 0%, var(--light-border) 100%);
    position: relative;
    overflow: hidden;
    margin-top: 70px;
    min-height: 600px;
    display: flex;
    align-items: center;
}

.sector-badge[b-jr3wlhdgb9] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: linear-gradient(135deg, #be185d, #db2777);
    color: var(--color-white);
    padding: 0.5rem 1rem;
    border-radius: 50px;
    font-size: var(--size-small);
    font-weight: var(--semibold);
    margin-bottom: 1.5rem;
    animation: accountingPulse-b-jr3wlhdgb9 2s ease-in-out infinite;
    font-family: var(--font-primary);
}

@keyframes accountingPulse-b-jr3wlhdgb9 {
    0%, 100% { box-shadow: 0 0 0 rgba(190, 24, 93, 0.4); }
    50% { box-shadow: 0 0 20px rgba(190, 24, 93, 0.6); }
}

.hero-content h1.hero-title[b-jr3wlhdgb9] {
    font-size: var(--size-h1);
    font-weight: var(--bold);
    color: var(--color-secondary);
    margin-bottom: 1.5rem;
    line-height: var(--lh-h1);
    font-family: var(--font-primary);
}

.hero-title .highlight[b-jr3wlhdgb9] {
    background: linear-gradient(135deg, #be185d, #9333ea);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    position: relative;
}

.hero-title .highlight[b-jr3wlhdgb9]::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(135deg, #be185d, #9333ea);
    border-radius: 2px;
    animation: accountingGlow-b-jr3wlhdgb9 3s ease-in-out infinite;
}

@keyframes accountingGlow-b-jr3wlhdgb9 {
    0%, 100% { opacity: 0.6; transform: scaleX(1); }
    50% { opacity: 1; transform: scaleX(1.05); }
}

.hero-description[b-jr3wlhdgb9] {
    font-size: var(--size-large);
    line-height: var(--lh-default);
    color: var(--btc);
    margin-bottom: 2rem;
    text-align: justify;
    font-family: var(--font-primary);
}

.hero-image[b-jr3wlhdgb9] {
    position: relative;
    z-index: 2;
}

.edefter-illustration[b-jr3wlhdgb9] {
    position: relative;
    filter: drop-shadow(0 20px 40px rgba(190, 24, 93, 0.1));
}

.edefter-svg[b-jr3wlhdgb9] {
    width: 100%;
    height: auto;
    max-width: 600px;
}

/* Features Section */
.edefter-features-section[b-jr3wlhdgb9] {
    padding: 80px 0;
    background: var(--color-white);
}

.section-title[b-jr3wlhdgb9] {
    font-size: var(--size-h2);
    font-weight: var(--bold);
    color: var(--color-secondary);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
}

.section-subtitle[b-jr3wlhdgb9] {
    font-size: var(--size-large);
    color: var(--btc);
    max-width: 600px;
    margin: 0 auto;
    font-family: var(--font-primary);
}

.feature-item[b-jr3wlhdgb9] {
    background: var(--color-white);
    padding: 2rem;
    border-radius: 20px;
    text-align: center;
    height: 100%;
    transition: var(--transition);
    border: 2px solid transparent;
    position: relative;
    overflow: hidden;
    box-shadow: var(--box-shadow);
}

.feature-item[b-jr3wlhdgb9]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #be185d, #9333ea);
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.feature-item:hover[b-jr3wlhdgb9]::before {
    transform: scaleX(1);
}

.feature-item:hover[b-jr3wlhdgb9] {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(190, 24, 93, 0.15);
    border-color: #be185d;
}

.feature-icon[b-jr3wlhdgb9] {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #be185d, #db2777);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
    transition: var(--transition);
    position: relative;
}

.feature-icon[b-jr3wlhdgb9]::after {
    content: '';
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    background: linear-gradient(135deg, #be185d, #db2777);
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: -1;
    animation: accountingGlow2-b-jr3wlhdgb9 2s infinite;
}

@keyframes accountingGlow2-b-jr3wlhdgb9 {
    0% { transform: scale(1); opacity: 0.7; }
    50% { transform: scale(1.1); opacity: 0.3; }
    100% { transform: scale(1); opacity: 0.7; }
}

.feature-item:hover .feature-icon[b-jr3wlhdgb9]::after {
    opacity: 1;
}

.feature-icon i[b-jr3wlhdgb9] {
    font-size: 2rem;
    color: var(--color-white);
}

.feature-content h5[b-jr3wlhdgb9] {
    font-size: var(--size-h5);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
}

.feature-content p[b-jr3wlhdgb9] {
    color: var(--btc);
    line-height: var(--lh-default);
    margin: 0;
    font-family: var(--font-primary);
}

/* Solutions Section */
.edefter-solutions-section[b-jr3wlhdgb9] {
    padding: 80px 0;
    background: linear-gradient(135deg, var(--body-bg-2) 0%, var(--light-border) 100%);
}

.solution-card[b-jr3wlhdgb9] {
    background: var(--color-white);
    padding: 2.5rem 2rem;
    border-radius: 20px;
    text-align: center;
    height: 100%;
    transition: var(--transition);
    box-shadow: var(--box-shadow);
    border: 2px solid transparent;
    position: relative;
    overflow: hidden;
}

.solution-card[b-jr3wlhdgb9]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #be185d, #9333ea);
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.solution-card:hover[b-jr3wlhdgb9]::before {
    transform: scaleX(1);
}

.solution-card:hover[b-jr3wlhdgb9] {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(190, 24, 93, 0.15);
    border-color: #be185d;
}

.solution-icon[b-jr3wlhdgb9] {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #be185d, #9333ea);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 2rem;
    transition: var(--transition);
    position: relative;
}

.solution-icon[b-jr3wlhdgb9]::after {
    content: '';
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    background: linear-gradient(135deg, #be185d, #9333ea);
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: -1;
    animation: solutionGlow-b-jr3wlhdgb9 2s infinite;
}

@keyframes solutionGlow-b-jr3wlhdgb9 {
    0% { transform: scale(1); opacity: 0.7; }
    50% { transform: scale(1.1); opacity: 0.3; }
    100% { transform: scale(1); opacity: 0.7; }
}

.solution-card:hover .solution-icon[b-jr3wlhdgb9] {
    transform: scale(1.1) rotate(10deg);
}

.solution-card:hover .solution-icon[b-jr3wlhdgb9]::after {
    opacity: 1;
}

.solution-icon i[b-jr3wlhdgb9] {
    font-size: 2rem;
    color: var(--color-white);
}

.solution-card h4[b-jr3wlhdgb9] {
    font-size: var(--size-h4);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
}

.solution-card p[b-jr3wlhdgb9] {
    color: var(--btc);
    line-height: var(--lh-default);
    margin-bottom: 1.5rem;
    font-family: var(--font-primary);
}

.solution-features[b-jr3wlhdgb9] {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
}

.solution-features li[b-jr3wlhdgb9] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0;
    font-family: var(--font-primary);
    color: var(--btc);
    font-size: var(--size-small);
}

.solution-features li[b-jr3wlhdgb9]::before {
    content: '✓';
    color: var(--color-third);
    font-weight: var(--bold);
    font-size: 1rem;
}

/* Accounting Theme Color Variations */
.feature-item:nth-child(2n) .feature-icon[b-jr3wlhdgb9] {
    background: linear-gradient(135deg, #9333ea, #7c3aed);
}

.feature-item:nth-child(2n):hover .feature-icon[b-jr3wlhdgb9]::after {
    background: linear-gradient(135deg, #9333ea, #7c3aed);
}

.feature-item:nth-child(3n) .feature-icon[b-jr3wlhdgb9] {
    background: linear-gradient(135deg, #dc2626, #ef4444);
}

.feature-item:nth-child(3n):hover .feature-icon[b-jr3wlhdgb9]::after {
    background: linear-gradient(135deg, #dc2626, #ef4444);
}

.feature-item:nth-child(4n) .feature-icon[b-jr3wlhdgb9] {
    background: linear-gradient(135deg, #f59e0b, #d97706);
}

.feature-item:nth-child(4n):hover .feature-icon[b-jr3wlhdgb9]::after {
    background: linear-gradient(135deg, #f59e0b, #d97706);
}

.solution-card:nth-child(2) .solution-icon[b-jr3wlhdgb9] {
    background: linear-gradient(135deg, #9333ea, #7c3aed);
}

.solution-card:nth-child(2):hover .solution-icon[b-jr3wlhdgb9]::after {
    background: linear-gradient(135deg, #9333ea, #7c3aed);
}

.solution-card:nth-child(3) .solution-icon[b-jr3wlhdgb9] {
    background: linear-gradient(135deg, #dc2626, #ef4444);
}

.solution-card:nth-child(3):hover .solution-icon[b-jr3wlhdgb9]::after {
    background: linear-gradient(135deg, #dc2626, #ef4444);
}

/* Accounting Motion Animation */
.feature-icon:hover[b-jr3wlhdgb9],
.solution-icon:hover[b-jr3wlhdgb9] {
    animation: accountingMotion-b-jr3wlhdgb9 1s ease-in-out;
}

@keyframes accountingMotion-b-jr3wlhdgb9 {
    0% { transform: scale(1) rotate(0deg); }
    25% { transform: scale(1.05) rotate(5deg); }
    50% { transform: scale(1.1) rotate(-5deg); }
    75% { transform: scale(1.05) rotate(5deg); }
    100% { transform: scale(1) rotate(0deg); }
}

/* Financial Flow Animation */
.feature-item:nth-child(odd):hover .feature-icon[b-jr3wlhdgb9] {
    animation: financialFlow-b-jr3wlhdgb9 2s ease-in-out;
}

@keyframes financialFlow-b-jr3wlhdgb9 {
    0% { transform: scale(1); }
    25% { transform: scale(1.1); box-shadow: 0 0 20px rgba(190, 24, 93, 0.6); }
    50% { transform: scale(1.05); }
    75% { transform: scale(1.1); box-shadow: 0 0 15px rgba(147, 51, 234, 0.4); }
    100% { transform: scale(1); }
}

/* Responsive Design */
@media (max-width: 992px) {
    .hero-content h1.hero-title[b-jr3wlhdgb9] {
        font-size: 2.5rem;
    }

    .feature-item[b-jr3wlhdgb9] {
        margin-bottom: 2rem;
    }

    .solution-card[b-jr3wlhdgb9] {
        margin-bottom: 2rem;
    }
}

@media (max-width: 768px) {
    .edefter-hero-section[b-jr3wlhdgb9] {
        padding: 80px 0 60px;
        min-height: 500px;
    }

    .hero-content h1.hero-title[b-jr3wlhdgb9] {
        font-size: 2rem;
        margin-bottom: 1rem;
    }

    .hero-description[b-jr3wlhdgb9] {
        font-size: 1rem;
        margin-bottom: 1.5rem;
    }

    .section-title[b-jr3wlhdgb9] {
        font-size: 1.75rem;
    }

    .edefter-features-section[b-jr3wlhdgb9],
    .edefter-solutions-section[b-jr3wlhdgb9] {
        padding: 60px 0;
    }

    .feature-item[b-jr3wlhdgb9] {
        padding: 1.5rem;
        margin-bottom: 1.5rem;
    }

    .feature-icon[b-jr3wlhdgb9] {
        width: 60px;
        height: 60px;
        margin-bottom: 1rem;
    }

    .feature-icon i[b-jr3wlhdgb9] {
        font-size: 1.5rem;
    }

    .solution-card[b-jr3wlhdgb9] {
        padding: 2rem 1.5rem;
        margin-bottom: 1.5rem;
    }

    .solution-features[b-jr3wlhdgb9] {
        font-size: 0.9rem;
    }
}

@media (max-width: 576px) {
    .hero-content h1.hero-title[b-jr3wlhdgb9] {
        font-size: 1.75rem;
    }

    .hero-description[b-jr3wlhdgb9] {
        font-size: 0.95rem;
    }

    .section-title[b-jr3wlhdgb9] {
        font-size: 1.5rem;
    }

    .section-subtitle[b-jr3wlhdgb9] {
        font-size: 1rem;
    }

    .feature-item[b-jr3wlhdgb9] {
        padding: 1.25rem;
    }

    .feature-icon[b-jr3wlhdgb9] {
        width: 50px;
        height: 50px;
    }

    .feature-icon i[b-jr3wlhdgb9] {
        font-size: 1.25rem;
    }

    .feature-content h5[b-jr3wlhdgb9] {
        font-size: 1.1rem;
    }

    .feature-content p[b-jr3wlhdgb9] {
        font-size: 0.9rem;
    }

    .solution-card[b-jr3wlhdgb9] {
        padding: 1.5rem 1rem;
    }

    .solution-icon[b-jr3wlhdgb9] {
        width: 60px;
        height: 60px;
    }

    .solution-icon i[b-jr3wlhdgb9] {
        font-size: 1.5rem;
    }

    .solution-card h4[b-jr3wlhdgb9] {
        font-size: 1.25rem;
    }

    .solution-card p[b-jr3wlhdgb9] {
        font-size: 0.9rem;
    }

    .solution-features li[b-jr3wlhdgb9] {
        font-size: 0.85rem;
    }
}

.feature-item:hover[b-jr3wlhdgb9] {
    animation: accountingElevate 0.6s ease-out;
}

.solution-card:hover[b-jr3wlhdgb9] {
    animation: solutionElevate 0.6s ease-out;
}

.feature-item:nth-child(1):hover .feature-icon[b-jr3wlhdgb9],
.solution-card:nth-child(1):hover .solution-icon[b-jr3wlhdgb9] {
    animation: ledgerBalance-b-jr3wlhdgb9 1.5s ease-in-out;
}

.feature-item:nth-child(2):hover .feature-icon[b-jr3wlhdgb9],
.solution-card:nth-child(2):hover .solution-icon[b-jr3wlhdgb9] {
    animation: financialAnalysis-b-jr3wlhdgb9 1.8s ease-in-out;
}

@keyframes ledgerBalance-b-jr3wlhdgb9 {
    0%, 100% { transform: scale(1) rotate(0deg); }
    25% { transform: scale(1.1) rotate(90deg); box-shadow: 0 0 25px rgba(190, 24, 93, 0.7); }
    50% { transform: scale(1.05) rotate(180deg); }
    75% { transform: scale(1.1) rotate(270deg); box-shadow: 0 0 20px rgba(147, 51, 234, 0.5); }
}

@keyframes financialAnalysis-b-jr3wlhdgb9 {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.15); box-shadow: 0 0 30px rgba(147, 51, 234, 0.8); }
}

.feature-item:hover .feature-content h5[b-jr3wlhdgb9]::after {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, #be185d, #9333ea);
    animation: titleUnderline 0.5s ease-out;
} 
/* _content/VoxisWeb/Components/Pages/ECozumler/EFatura.razor.rz.scp.css */
/* E-Fatura Page Styles */

/* Hero Section */
.efatura-hero-section[b-gx6w3e68x5] {
    padding: 100px 0 80px;
    background: linear-gradient(135deg, var(--body-bg-2) 0%, var(--light-border) 100%);
    position: relative;
    overflow: hidden;
    margin-top: 70px;
    min-height: 600px;
    display: flex;
    align-items: center;
}

.sector-badge[b-gx6w3e68x5] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: linear-gradient(135deg, #2563eb, #3b82f6);
    color: var(--color-white);
    padding: 0.5rem 1rem;
    border-radius: 50px;
    font-size: var(--size-small);
    font-weight: var(--semibold);
    margin-bottom: 1.5rem;
    animation: digitalPulse-b-gx6w3e68x5 2s ease-in-out infinite;
    font-family: var(--font-primary);
}

@keyframes digitalPulse-b-gx6w3e68x5 {
    0%, 100% { box-shadow: 0 0 0 rgba(37, 99, 235, 0.4); }
    50% { box-shadow: 0 0 20px rgba(37, 99, 235, 0.6); }
}

.hero-content h1.hero-title[b-gx6w3e68x5] {
    font-size: var(--size-h1);
    font-weight: var(--bold);
    color: var(--color-secondary);
    margin-bottom: 1.5rem;
    line-height: var(--lh-h1);
    font-family: var(--font-primary);
}

.hero-title .highlight[b-gx6w3e68x5] {
    background: linear-gradient(135deg, #2563eb, #10b981);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    position: relative;
}

.hero-title .highlight[b-gx6w3e68x5]::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(135deg, #2563eb, #10b981);
    border-radius: 2px;
    animation: digitalGlow-b-gx6w3e68x5 3s ease-in-out infinite;
}

@keyframes digitalGlow-b-gx6w3e68x5 {
    0%, 100% { opacity: 0.6; transform: scaleX(1); }
    50% { opacity: 1; transform: scaleX(1.05); }
}

.hero-description[b-gx6w3e68x5] {
    font-size: var(--size-large);
    line-height: var(--lh-default);
    color: var(--btc);
    margin-bottom: 2rem;
    text-align: justify;
    font-family: var(--font-primary);
}

.hero-image[b-gx6w3e68x5] {
    position: relative;
    z-index: 2;
}

.efatura-illustration[b-gx6w3e68x5] {
    position: relative;
    filter: drop-shadow(0 20px 40px rgba(37, 99, 235, 0.1));
}

.efatura-svg[b-gx6w3e68x5] {
    width: 100%;
    height: auto;
    max-width: 600px;
}

/* Features Section */
.efatura-features-section[b-gx6w3e68x5] {
    padding: 80px 0;
    background: var(--color-white);
}

.section-title[b-gx6w3e68x5] {
    font-size: var(--size-h2);
    font-weight: var(--bold);
    color: var(--color-secondary);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
}

.section-subtitle[b-gx6w3e68x5] {
    font-size: var(--size-large);
    color: var(--btc);
    max-width: 600px;
    margin: 0 auto;
    font-family: var(--font-primary);
}

.feature-item[b-gx6w3e68x5] {
    background: var(--color-white);
    padding: 2rem;
    border-radius: 20px;
    text-align: center;
    height: 100%;
    transition: var(--transition);
    border: 2px solid transparent;
    position: relative;
    overflow: hidden;
    box-shadow: var(--box-shadow);
}

.feature-item[b-gx6w3e68x5]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #2563eb, #10b981);
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.feature-item:hover[b-gx6w3e68x5]::before {
    transform: scaleX(1);
}

.feature-item:hover[b-gx6w3e68x5] {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(37, 99, 235, 0.15);
    border-color: #2563eb;
}

.feature-icon[b-gx6w3e68x5] {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #2563eb, #3b82f6);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
    transition: var(--transition);
    position: relative;
}

.feature-icon[b-gx6w3e68x5]::after {
    content: '';
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    background: linear-gradient(135deg, #2563eb, #3b82f6);
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: -1;
    animation: digitalGlow2-b-gx6w3e68x5 2s infinite;
}

@keyframes digitalGlow2-b-gx6w3e68x5 {
    0% { transform: scale(1); opacity: 0.7; }
    50% { transform: scale(1.1); opacity: 0.3; }
    100% { transform: scale(1); opacity: 0.7; }
}

.feature-item:hover .feature-icon[b-gx6w3e68x5]::after {
    opacity: 1;
}

.feature-icon i[b-gx6w3e68x5] {
    font-size: 2rem;
    color: var(--color-white);
}

.feature-content h5[b-gx6w3e68x5] {
    font-size: var(--size-h5);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
}

.feature-content p[b-gx6w3e68x5] {
    color: var(--btc);
    line-height: var(--lh-default);
    margin: 0;
    font-family: var(--font-primary);
}

/* Solutions Section */
.efatura-solutions-section[b-gx6w3e68x5] {
    padding: 80px 0;
    background: linear-gradient(135deg, var(--body-bg-2) 0%, var(--light-border) 100%);
}

.solution-card[b-gx6w3e68x5] {
    background: var(--color-white);
    padding: 2.5rem 2rem;
    border-radius: 20px;
    text-align: center;
    height: 100%;
    transition: var(--transition);
    box-shadow: var(--box-shadow);
    border: 2px solid transparent;
    position: relative;
    overflow: hidden;
}

.solution-card[b-gx6w3e68x5]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #2563eb, #10b981);
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.solution-card:hover[b-gx6w3e68x5]::before {
    transform: scaleX(1);
}

.solution-card:hover[b-gx6w3e68x5] {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(37, 99, 235, 0.15);
    border-color: #2563eb;
}

.solution-icon[b-gx6w3e68x5] {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #2563eb, #10b981);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 2rem;
    transition: var(--transition);
    position: relative;
}

.solution-icon[b-gx6w3e68x5]::after {
    content: '';
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    background: linear-gradient(135deg, #2563eb, #10b981);
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: -1;
    animation: solutionGlow-b-gx6w3e68x5 2s infinite;
}

@keyframes solutionGlow-b-gx6w3e68x5 {
    0% { transform: scale(1); opacity: 0.7; }
    50% { transform: scale(1.1); opacity: 0.3; }
    100% { transform: scale(1); opacity: 0.7; }
}

.solution-card:hover .solution-icon[b-gx6w3e68x5] {
    transform: scale(1.1) rotate(10deg);
}

.solution-card:hover .solution-icon[b-gx6w3e68x5]::after {
    opacity: 1;
}

.solution-icon i[b-gx6w3e68x5] {
    font-size: 2rem;
    color: var(--color-white);
}

.solution-card h4[b-gx6w3e68x5] {
    font-size: var(--size-h4);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
}

.solution-card p[b-gx6w3e68x5] {
    color: var(--btc);
    line-height: var(--lh-default);
    margin-bottom: 1.5rem;
    font-family: var(--font-primary);
}

.solution-features[b-gx6w3e68x5] {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
}

.solution-features li[b-gx6w3e68x5] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0;
    font-family: var(--font-primary);
    color: var(--btc);
    font-size: var(--size-small);
}

.solution-features li[b-gx6w3e68x5]::before {
    content: '✓';
    color: var(--color-third);
    font-weight: var(--bold);
    font-size: 1rem;
}

/* Digital Theme Color Variations */
.feature-item:nth-child(2n) .feature-icon[b-gx6w3e68x5] {
    background: linear-gradient(135deg, #10b981, #059669);
}

.feature-item:nth-child(2n):hover .feature-icon[b-gx6w3e68x5]::after {
    background: linear-gradient(135deg, #10b981, #059669);
}

.feature-item:nth-child(3n) .feature-icon[b-gx6w3e68x5] {
    background: linear-gradient(135deg, #8b5cf6, #7c3aed);
}

.feature-item:nth-child(3n):hover .feature-icon[b-gx6w3e68x5]::after {
    background: linear-gradient(135deg, #8b5cf6, #7c3aed);
}

.feature-item:nth-child(4n) .feature-icon[b-gx6w3e68x5] {
    background: linear-gradient(135deg, #f59e0b, #d97706);
}

.feature-item:nth-child(4n):hover .feature-icon[b-gx6w3e68x5]::after {
    background: linear-gradient(135deg, #f59e0b, #d97706);
}

.solution-card:nth-child(2) .solution-icon[b-gx6w3e68x5] {
    background: linear-gradient(135deg, #10b981, #059669);
}

.solution-card:nth-child(2):hover .solution-icon[b-gx6w3e68x5]::after {
    background: linear-gradient(135deg, #10b981, #059669);
}

.solution-card:nth-child(3) .solution-icon[b-gx6w3e68x5] {
    background: linear-gradient(135deg, #8b5cf6, #7c3aed);
}

.solution-card:nth-child(3):hover .solution-icon[b-gx6w3e68x5]::after {
    background: linear-gradient(135deg, #8b5cf6, #7c3aed);
}

/* Digital Motion Animation */
.feature-icon:hover[b-gx6w3e68x5],
.solution-icon:hover[b-gx6w3e68x5] {
    animation: digitalMotion-b-gx6w3e68x5 1s ease-in-out;
}

@keyframes digitalMotion-b-gx6w3e68x5 {
    0% { transform: scale(1) rotate(0deg); }
    25% { transform: scale(1.05) rotate(5deg); }
    50% { transform: scale(1.1) rotate(-5deg); }
    75% { transform: scale(1.05) rotate(5deg); }
    100% { transform: scale(1) rotate(0deg); }
}

/* Electronic Flow Animation */
.feature-item:nth-child(odd):hover .feature-icon[b-gx6w3e68x5] {
    animation: electronicFlow-b-gx6w3e68x5 2s ease-in-out;
}

@keyframes electronicFlow-b-gx6w3e68x5 {
    0% { transform: scale(1); }
    25% { transform: scale(1.1); box-shadow: 0 0 20px rgba(37, 99, 235, 0.6); }
    50% { transform: scale(1.05); }
    75% { transform: scale(1.1); box-shadow: 0 0 15px rgba(16, 185, 129, 0.4); }
    100% { transform: scale(1); }
}

/* Responsive Design */
@media (max-width: 992px) {
    .hero-content h1.hero-title[b-gx6w3e68x5] {
        font-size: 2.5rem;
    }

    .feature-item[b-gx6w3e68x5] {
        margin-bottom: 2rem;
    }

    .solution-card[b-gx6w3e68x5] {
        margin-bottom: 2rem;
    }
}

@media (max-width: 768px) {
    .efatura-hero-section[b-gx6w3e68x5] {
        padding: 80px 0 60px;
        min-height: 500px;
    }

    .hero-content h1.hero-title[b-gx6w3e68x5] {
        font-size: 2rem;
        margin-bottom: 1rem;
    }

    .hero-description[b-gx6w3e68x5] {
        font-size: 1rem;
        margin-bottom: 1.5rem;
    }

    .section-title[b-gx6w3e68x5] {
        font-size: 1.75rem;
    }

    .efatura-features-section[b-gx6w3e68x5],
    .efatura-solutions-section[b-gx6w3e68x5] {
        padding: 60px 0;
    }

    .feature-item[b-gx6w3e68x5] {
        padding: 1.5rem;
        margin-bottom: 1.5rem;
    }

    .feature-icon[b-gx6w3e68x5] {
        width: 60px;
        height: 60px;
        margin-bottom: 1rem;
    }

    .feature-icon i[b-gx6w3e68x5] {
        font-size: 1.5rem;
    }

    .solution-card[b-gx6w3e68x5] {
        padding: 2rem 1.5rem;
        margin-bottom: 1.5rem;
    }

    .solution-features[b-gx6w3e68x5] {
        font-size: 0.9rem;
    }
}

@media (max-width: 576px) {
    .hero-content h1.hero-title[b-gx6w3e68x5] {
        font-size: 1.75rem;
    }

    .hero-description[b-gx6w3e68x5] {
        font-size: 0.95rem;
    }

    .section-title[b-gx6w3e68x5] {
        font-size: 1.5rem;
    }

    .section-subtitle[b-gx6w3e68x5] {
        font-size: 1rem;
    }

    .feature-item[b-gx6w3e68x5] {
        padding: 1.25rem;
    }

    .feature-icon[b-gx6w3e68x5] {
        width: 50px;
        height: 50px;
    }

    .feature-icon i[b-gx6w3e68x5] {
        font-size: 1.25rem;
    }

    .feature-content h5[b-gx6w3e68x5] {
        font-size: 1.1rem;
    }

    .feature-content p[b-gx6w3e68x5] {
        font-size: 0.9rem;
    }

    .solution-card[b-gx6w3e68x5] {
        padding: 1.5rem 1rem;
    }

    .solution-icon[b-gx6w3e68x5] {
        width: 60px;
        height: 60px;
    }

    .solution-icon i[b-gx6w3e68x5] {
        font-size: 1.5rem;
    }

    .solution-card h4[b-gx6w3e68x5] {
        font-size: 1.25rem;
    }

    .solution-card p[b-gx6w3e68x5] {
        font-size: 0.9rem;
    }

    .solution-features li[b-gx6w3e68x5] {
        font-size: 0.85rem;
    }
}

.feature-item:hover[b-gx6w3e68x5] {
    animation: digitalElevate 0.6s ease-out;
}

.solution-card:hover[b-gx6w3e68x5] {
    animation: solutionElevate 0.6s ease-out;
}

.feature-item:nth-child(1):hover .feature-icon[b-gx6w3e68x5],
.solution-card:nth-child(1):hover .solution-icon[b-gx6w3e68x5] {
    animation: dataFlow-b-gx6w3e68x5 1.5s ease-in-out;
}

.feature-item:nth-child(2):hover .feature-icon[b-gx6w3e68x5],
.solution-card:nth-child(2):hover .solution-icon[b-gx6w3e68x5] {
    animation: securityScan-b-gx6w3e68x5 1.8s ease-in-out;
}

@keyframes dataFlow-b-gx6w3e68x5 {
    0%, 100% { transform: scale(1) rotate(0deg); }
    25% { transform: scale(1.1) rotate(90deg); box-shadow: 0 0 25px rgba(37, 99, 235, 0.7); }
    50% { transform: scale(1.05) rotate(180deg); }
    75% { transform: scale(1.1) rotate(270deg); box-shadow: 0 0 20px rgba(16, 185, 129, 0.5); }
}

@keyframes securityScan-b-gx6w3e68x5 {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.15); box-shadow: 0 0 30px rgba(16, 185, 129, 0.8); }
}

.feature-item:hover .feature-content h5[b-gx6w3e68x5]::after {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, #2563eb, #10b981);
    animation: titleUnderline 0.5s ease-out;
} 
/* _content/VoxisWeb/Components/Pages/ECozumler/EIrsaliye.razor.rz.scp.css */
/* E-İrsaliye Page Styles */

/* Hero Section */
.eirsaliye-hero-section[b-b2v14hiqcb] {
    padding: 100px 0 80px;
    background: linear-gradient(135deg, var(--body-bg-2) 0%, var(--light-border) 100%);
    position: relative;
    overflow: hidden;
    margin-top: 70px;
    min-height: 600px;
    display: flex;
    align-items: center;
}

.sector-badge[b-b2v14hiqcb] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: linear-gradient(135deg, #10b981, #059669);
    color: var(--color-white);
    padding: 0.5rem 1rem;
    border-radius: 50px;
    font-size: var(--size-small);
    font-weight: var(--semibold);
    margin-bottom: 1.5rem;
    animation: logisticPulse-b-b2v14hiqcb 2s ease-in-out infinite;
    font-family: var(--font-primary);
}

@keyframes logisticPulse-b-b2v14hiqcb {
    0%, 100% { box-shadow: 0 0 0 rgba(16, 185, 129, 0.4); }
    50% { box-shadow: 0 0 20px rgba(16, 185, 129, 0.6); }
}

.hero-content h1.hero-title[b-b2v14hiqcb] {
    font-size: var(--size-h1);
    font-weight: var(--bold);
    color: var(--color-secondary);
    margin-bottom: 1.5rem;
    line-height: var(--lh-h1);
    font-family: var(--font-primary);
}

.hero-title .highlight[b-b2v14hiqcb] {
    background: linear-gradient(135deg, #10b981, #3b82f6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    position: relative;
}

.hero-title .highlight[b-b2v14hiqcb]::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(135deg, #10b981, #3b82f6);
    border-radius: 2px;
    animation: logisticGlow-b-b2v14hiqcb 3s ease-in-out infinite;
}

@keyframes logisticGlow-b-b2v14hiqcb {
    0%, 100% { opacity: 0.6; transform: scaleX(1); }
    50% { opacity: 1; transform: scaleX(1.05); }
}

.hero-description[b-b2v14hiqcb] {
    font-size: var(--size-large);
    line-height: var(--lh-default);
    color: var(--btc);
    margin-bottom: 2rem;
    text-align: justify;
    font-family: var(--font-primary);
}

.hero-image[b-b2v14hiqcb] {
    position: relative;
    z-index: 2;
}

.eirsaliye-illustration[b-b2v14hiqcb] {
    position: relative;
    filter: drop-shadow(0 20px 40px rgba(16, 185, 129, 0.1));
}

.eirsaliye-svg[b-b2v14hiqcb] {
    width: 100%;
    height: auto;
    max-width: 600px;
}

/* Features Section */
.eirsaliye-features-section[b-b2v14hiqcb] {
    padding: 80px 0;
    background: var(--color-white);
}

.section-title[b-b2v14hiqcb] {
    font-size: var(--size-h2);
    font-weight: var(--bold);
    color: var(--color-secondary);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
}

.section-subtitle[b-b2v14hiqcb] {
    font-size: var(--size-large);
    color: var(--btc);
    max-width: 600px;
    margin: 0 auto;
    font-family: var(--font-primary);
}

.feature-item[b-b2v14hiqcb] {
    background: var(--color-white);
    padding: 2rem;
    border-radius: 20px;
    text-align: center;
    height: 100%;
    transition: var(--transition);
    border: 2px solid transparent;
    position: relative;
    overflow: hidden;
    box-shadow: var(--box-shadow);
}

.feature-item[b-b2v14hiqcb]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #10b981, #3b82f6);
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.feature-item:hover[b-b2v14hiqcb]::before {
    transform: scaleX(1);
}

.feature-item:hover[b-b2v14hiqcb] {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(16, 185, 129, 0.15);
    border-color: #10b981;
}

.feature-icon[b-b2v14hiqcb] {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #10b981, #059669);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
    transition: var(--transition);
    position: relative;
}

.feature-icon[b-b2v14hiqcb]::after {
    content: '';
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    background: linear-gradient(135deg, #10b981, #059669);
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: -1;
    animation: logisticGlow2-b-b2v14hiqcb 2s infinite;
}

@keyframes logisticGlow2-b-b2v14hiqcb {
    0% { transform: scale(1); opacity: 0.7; }
    50% { transform: scale(1.1); opacity: 0.3; }
    100% { transform: scale(1); opacity: 0.7; }
}

.feature-item:hover .feature-icon[b-b2v14hiqcb]::after {
    opacity: 1;
}

.feature-icon i[b-b2v14hiqcb] {
    font-size: 2rem;
    color: var(--color-white);
}

.feature-content h5[b-b2v14hiqcb] {
    font-size: var(--size-h5);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
}

.feature-content p[b-b2v14hiqcb] {
    color: var(--btc);
    line-height: var(--lh-default);
    margin: 0;
    font-family: var(--font-primary);
}

/* Solutions Section */
.eirsaliye-solutions-section[b-b2v14hiqcb] {
    padding: 80px 0;
    background: linear-gradient(135deg, var(--body-bg-2) 0%, var(--light-border) 100%);
}

.solution-card[b-b2v14hiqcb] {
    background: var(--color-white);
    padding: 2.5rem 2rem;
    border-radius: 20px;
    text-align: center;
    height: 100%;
    transition: var(--transition);
    box-shadow: var(--box-shadow);
    border: 2px solid transparent;
    position: relative;
    overflow: hidden;
}

.solution-card[b-b2v14hiqcb]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #10b981, #3b82f6);
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.solution-card:hover[b-b2v14hiqcb]::before {
    transform: scaleX(1);
}

.solution-card:hover[b-b2v14hiqcb] {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(16, 185, 129, 0.15);
    border-color: #10b981;
}

.solution-icon[b-b2v14hiqcb] {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #10b981, #3b82f6);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 2rem;
    transition: var(--transition);
    position: relative;
}

.solution-icon[b-b2v14hiqcb]::after {
    content: '';
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    background: linear-gradient(135deg, #10b981, #3b82f6);
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: -1;
    animation: solutionGlow-b-b2v14hiqcb 2s infinite;
}

@keyframes solutionGlow-b-b2v14hiqcb {
    0% { transform: scale(1); opacity: 0.7; }
    50% { transform: scale(1.1); opacity: 0.3; }
    100% { transform: scale(1); opacity: 0.7; }
}

.solution-card:hover .solution-icon[b-b2v14hiqcb] {
    transform: scale(1.1) rotate(10deg);
}

.solution-card:hover .solution-icon[b-b2v14hiqcb]::after {
    opacity: 1;
}

.solution-icon i[b-b2v14hiqcb] {
    font-size: 2rem;
    color: var(--color-white);
}

.solution-card h4[b-b2v14hiqcb] {
    font-size: var(--size-h4);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
}

.solution-card p[b-b2v14hiqcb] {
    color: var(--btc);
    line-height: var(--lh-default);
    margin-bottom: 1.5rem;
    font-family: var(--font-primary);
}

.solution-features[b-b2v14hiqcb] {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
}

.solution-features li[b-b2v14hiqcb] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0;
    font-family: var(--font-primary);
    color: var(--btc);
    font-size: var(--size-small);
}

.solution-features li[b-b2v14hiqcb]::before {
    content: '✓';
    color: var(--color-third);
    font-weight: var(--bold);
    font-size: 1rem;
}

/* Logistics Theme Color Variations */
.feature-item:nth-child(2n) .feature-icon[b-b2v14hiqcb] {
    background: linear-gradient(135deg, #3b82f6, #1d4ed8);
}

.feature-item:nth-child(2n):hover .feature-icon[b-b2v14hiqcb]::after {
    background: linear-gradient(135deg, #3b82f6, #1d4ed8);
}

.feature-item:nth-child(3n) .feature-icon[b-b2v14hiqcb] {
    background: linear-gradient(135deg, #f59e0b, #d97706);
}

.feature-item:nth-child(3n):hover .feature-icon[b-b2v14hiqcb]::after {
    background: linear-gradient(135deg, #f59e0b, #d97706);
}

.feature-item:nth-child(4n) .feature-icon[b-b2v14hiqcb] {
    background: linear-gradient(135deg, #ef4444, #dc2626);
}

.feature-item:nth-child(4n):hover .feature-icon[b-b2v14hiqcb]::after {
    background: linear-gradient(135deg, #ef4444, #dc2626);
}

.solution-card:nth-child(2) .solution-icon[b-b2v14hiqcb] {
    background: linear-gradient(135deg, #3b82f6, #1d4ed8);
}

.solution-card:nth-child(2):hover .solution-icon[b-b2v14hiqcb]::after {
    background: linear-gradient(135deg, #3b82f6, #1d4ed8);
}

.solution-card:nth-child(3) .solution-icon[b-b2v14hiqcb] {
    background: linear-gradient(135deg, #f59e0b, #d97706);
}

.solution-card:nth-child(3):hover .solution-icon[b-b2v14hiqcb]::after {
    background: linear-gradient(135deg, #f59e0b, #d97706);
}

/* Logistics Motion Animation */
.feature-icon:hover[b-b2v14hiqcb],
.solution-icon:hover[b-b2v14hiqcb] {
    animation: logisticsMotion-b-b2v14hiqcb 1s ease-in-out;
}

@keyframes logisticsMotion-b-b2v14hiqcb {
    0% { transform: scale(1) rotate(0deg); }
    25% { transform: scale(1.05) rotate(5deg); }
    50% { transform: scale(1.1) rotate(-5deg); }
    75% { transform: scale(1.05) rotate(5deg); }
    100% { transform: scale(1) rotate(0deg); }
}

/* Delivery Flow Animation */
.feature-item:nth-child(odd):hover .feature-icon[b-b2v14hiqcb] {
    animation: deliveryFlow-b-b2v14hiqcb 2s ease-in-out;
}

@keyframes deliveryFlow-b-b2v14hiqcb {
    0% { transform: scale(1); }
    25% { transform: scale(1.1); box-shadow: 0 0 20px rgba(16, 185, 129, 0.6); }
    50% { transform: scale(1.05); }
    75% { transform: scale(1.1); box-shadow: 0 0 15px rgba(59, 130, 246, 0.4); }
    100% { transform: scale(1); }
}

/* Responsive Design */
@media (max-width: 992px) {
    .hero-content h1.hero-title[b-b2v14hiqcb] {
        font-size: 2.5rem;
    }

    .feature-item[b-b2v14hiqcb] {
        margin-bottom: 2rem;
    }

    .solution-card[b-b2v14hiqcb] {
        margin-bottom: 2rem;
    }
}

@media (max-width: 768px) {
    .eirsaliye-hero-section[b-b2v14hiqcb] {
        padding: 80px 0 60px;
        min-height: 500px;
    }

    .hero-content h1.hero-title[b-b2v14hiqcb] {
        font-size: 2rem;
        margin-bottom: 1rem;
    }

    .hero-description[b-b2v14hiqcb] {
        font-size: 1rem;
        margin-bottom: 1.5rem;
    }

    .section-title[b-b2v14hiqcb] {
        font-size: 1.75rem;
    }

    .eirsaliye-features-section[b-b2v14hiqcb],
    .eirsaliye-solutions-section[b-b2v14hiqcb] {
        padding: 60px 0;
    }

    .feature-item[b-b2v14hiqcb] {
        padding: 1.5rem;
        margin-bottom: 1.5rem;
    }

    .feature-icon[b-b2v14hiqcb] {
        width: 60px;
        height: 60px;
        margin-bottom: 1rem;
    }

    .feature-icon i[b-b2v14hiqcb] {
        font-size: 1.5rem;
    }

    .solution-card[b-b2v14hiqcb] {
        padding: 2rem 1.5rem;
        margin-bottom: 1.5rem;
    }

    .solution-features[b-b2v14hiqcb] {
        font-size: 0.9rem;
    }
}

@media (max-width: 576px) {
    .hero-content h1.hero-title[b-b2v14hiqcb] {
        font-size: 1.75rem;
    }

    .hero-description[b-b2v14hiqcb] {
        font-size: 0.95rem;
    }

    .section-title[b-b2v14hiqcb] {
        font-size: 1.5rem;
    }

    .section-subtitle[b-b2v14hiqcb] {
        font-size: 1rem;
    }

    .feature-item[b-b2v14hiqcb] {
        padding: 1.25rem;
    }

    .feature-icon[b-b2v14hiqcb] {
        width: 50px;
        height: 50px;
    }

    .feature-icon i[b-b2v14hiqcb] {
        font-size: 1.25rem;
    }

    .feature-content h5[b-b2v14hiqcb] {
        font-size: 1.1rem;
    }

    .feature-content p[b-b2v14hiqcb] {
        font-size: 0.9rem;
    }

    .solution-card[b-b2v14hiqcb] {
        padding: 1.5rem 1rem;
    }

    .solution-icon[b-b2v14hiqcb] {
        width: 60px;
        height: 60px;
    }

    .solution-icon i[b-b2v14hiqcb] {
        font-size: 1.5rem;
    }

    .solution-card h4[b-b2v14hiqcb] {
        font-size: 1.25rem;
    }

    .solution-card p[b-b2v14hiqcb] {
        font-size: 0.9rem;
    }

    .solution-features li[b-b2v14hiqcb] {
        font-size: 0.85rem;
    }
}

.feature-item:hover[b-b2v14hiqcb] {
    animation: logisticsElevate 0.6s ease-out;
}

.solution-card:hover[b-b2v14hiqcb] {
    animation: solutionElevate 0.6s ease-out;
}

.feature-item:nth-child(1):hover .feature-icon[b-b2v14hiqcb],
.solution-card:nth-child(1):hover .solution-icon[b-b2v14hiqcb] {
    animation: packageTrack-b-b2v14hiqcb 1.5s ease-in-out;
}

.feature-item:nth-child(2):hover .feature-icon[b-b2v14hiqcb],
.solution-card:nth-child(2):hover .solution-icon[b-b2v14hiqcb] {
    animation: deliveryRoute-b-b2v14hiqcb 1.8s ease-in-out;
}

@keyframes packageTrack-b-b2v14hiqcb {
    0%, 100% { transform: scale(1) rotate(0deg); }
    25% { transform: scale(1.1) rotate(90deg); box-shadow: 0 0 25px rgba(16, 185, 129, 0.7); }
    50% { transform: scale(1.05) rotate(180deg); }
    75% { transform: scale(1.1) rotate(270deg); box-shadow: 0 0 20px rgba(59, 130, 246, 0.5); }
}

@keyframes deliveryRoute-b-b2v14hiqcb {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.15); box-shadow: 0 0 30px rgba(59, 130, 246, 0.8); }
}

.feature-item:hover .feature-content h5[b-b2v14hiqcb]::after {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, #10b981, #3b82f6);
    animation: titleUnderline 0.5s ease-out;
} 
/* _content/VoxisWeb/Components/Pages/Iletisim.razor.rz.scp.css */
/* İletişim Page Styles */

/* Variables */
:root[b-rydtjx5ndo] {
    --iletisim-primary: var(--color-primary);
    --iletisim-secondary: var(--color-secondary);
    --iletisim-accent: var(--color-accent);
    --iletisim-success: var(--color-success);
    --iletisim-info: var(--color-info);
    --iletisim-text-primary: var(--color-text-primary);
    --iletisim-text-secondary: var(--color-text-secondary);
    --iletisim-bg-primary: var(--color-bg-primary);
    --iletisim-bg-secondary: var(--color-bg-secondary);
    --iletisim-bg-tertiary: var(--color-bg-tertiary);
    --iletisim-border: var(--color-border);
    --iletisim-border-light: var(--color-border-light);
}

/* Page Container */
.iletisim-page[b-rydtjx5ndo] {
    min-height: 100vh;
}

/* Hero Section */
.iletisim-hero-section[b-rydtjx5ndo] {
    background: linear-gradient(135deg, var(--body-bg-2) 0%, var(--light-border) 100%);
    padding: 100px 0 80px;
    min-height: 600px;
    display: flex;
    align-items: center;
    margin-top: 70px;
}

.hero-content h1.hero-title[b-rydtjx5ndo] {
    font-size: var(--size-h1);
    font-weight: var(--bold);
    color: var(--color-secondary);
    margin-bottom: 2rem;
    line-height: var(--lh-h1);
    font-family: var(--font-primary);
}

.hero-title .highlight[b-rydtjx5ndo] {
    color: var(--color-primary);
    position: relative;
}

.hero-title .highlight[b-rydtjx5ndo]::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, var(--color-primary), var(--color-11-light));
    border-radius: 2px;
}

.hero-description[b-rydtjx5ndo] {
    font-size: var(--size-default);
    color: var(--btc);
    line-height: var(--lh-default);
    margin-bottom: 0;
    font-family: var(--font-primary);
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.hero-badge[b-rydtjx5ndo] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--color-primary);
    color: var(--color-white);
    padding: 8px 16px;
    border-radius: 50px;
    font-size: var(--size-small);
    font-weight: var(--medium);
    margin-bottom: 1.5rem;
    font-family: var(--font-primary);
}

/* Contact Options Section */
.contact-options-section[b-rydtjx5ndo] {
    padding: 80px 0;
    background: var(--plan-bg);
}

.section-title[b-rydtjx5ndo] {
    font-size: var(--size-h2);
    font-weight: var(--bold);
    color: var(--color-secondary);
    margin-bottom: 1rem;
    text-align: center;
    font-family: var(--font-primary);
}

.section-subtitle[b-rydtjx5ndo] {
    font-size: var(--size-default);
    color: var(--btc);
    margin-bottom: 0;
    text-align: center;
    font-family: var(--font-primary);
}

.contact-option-card[b-rydtjx5ndo] {
    background: var(--color-white);
    border-radius: 20px;
    padding: 2.5rem 2rem;
    text-align: center;
    height: 100%;
    box-shadow: var(--box-shadow);
    transition: var(--transition);
    position: relative;
    overflow: hidden;
    border: 2px solid var(--light-border);
}

.contact-option-card[b-rydtjx5ndo]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
}

.contact-option-card.phone[b-rydtjx5ndo]::before {
    background: linear-gradient(90deg, var(--color-primary), var(--color-11-light));
}

.contact-option-card.email[b-rydtjx5ndo]::before {
    background: linear-gradient(90deg, var(--color-info), #3b82f6);
}

.contact-option-card.address[b-rydtjx5ndo]::before {
    background: linear-gradient(90deg, var(--color-success), #10b981);
}

.contact-option-card:hover[b-rydtjx5ndo] {
    transform: translateY(-8px);
    box-shadow: 0 20px 50px rgba(246, 136, 1, 0.2);
}

.contact-icon[b-rydtjx5ndo] {
    width: 80px;
    height: 80px;
    margin: 0 auto 1.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    color: var(--color-white);
    position: relative;
}

.contact-option-card.phone .contact-icon[b-rydtjx5ndo] {
    background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-11-light) 100%);
}

.contact-option-card.email .contact-icon[b-rydtjx5ndo] {
    background: linear-gradient(135deg, var(--color-info) 0%, #3b82f6 100%);
}

.contact-option-card.address .contact-icon[b-rydtjx5ndo] {
    background: linear-gradient(135deg, var(--color-success) 0%, #10b981 100%);
}

.contact-icon[b-rydtjx5ndo]::after {
    content: '';
    position: absolute;
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px;
    border-radius: 50%;
    z-index: -1;
    opacity: 0.2;
}

.contact-option-card.phone .contact-icon[b-rydtjx5ndo]::after {
    background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-11-light) 100%);
}

.contact-option-card.email .contact-icon[b-rydtjx5ndo]::after {
    background: linear-gradient(135deg, var(--color-info) 0%, #3b82f6 100%);
}

.contact-option-card.address .contact-icon[b-rydtjx5ndo]::after {
    background: linear-gradient(135deg, var(--color-success) 0%, #10b981 100%);
}

.contact-option-card h4[b-rydtjx5ndo] {
    font-size: var(--size-h4);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 0.75rem;
    font-family: var(--font-primary);
}

.contact-option-card p[b-rydtjx5ndo] {
    color: var(--btc);
    margin-bottom: 1rem;
    line-height: var(--lh-default);
    font-family: var(--font-primary);
}

.contact-detail[b-rydtjx5ndo] {
    display: block;
    font-weight: var(--semibold);
    color: var(--color-secondary);
    font-size: var(--size-h5);
    margin-bottom: 0.5rem;
    font-family: var(--font-primary);
}

.contact-action[b-rydtjx5ndo] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: var(--medium);
    transition: var(--transition);
    margin-top: 0.5rem;
    font-family: var(--font-primary);
}

.contact-option-card.phone .contact-action[b-rydtjx5ndo] {
    background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-11-light) 100%);
    color: var(--color-white);
}

.contact-option-card.email .contact-action[b-rydtjx5ndo] {
    background: linear-gradient(135deg, var(--color-info) 0%, #3b82f6 100%);
    color: var(--color-white);
}

.contact-option-card.address .contact-action[b-rydtjx5ndo] {
    background: linear-gradient(135deg, var(--color-success) 0%, #10b981 100%);
    color: var(--color-white);
}

.contact-action:hover[b-rydtjx5ndo] {
    transform: scale(1.05);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
    color: var(--color-white);
}

/* Contact Form Section */
.contact-form-section[b-rydtjx5ndo] {
    padding: 80px 0;
    background: var(--color-white);
}

.contact-form-card[b-rydtjx5ndo] {
    background: var(--color-white);
    border-radius: 20px;
    padding: 3rem;
    box-shadow: var(--box-shadow);
}

.form-header[b-rydtjx5ndo] {
    text-align: center;
    margin-bottom: 2.5rem;
}

.form-header h3[b-rydtjx5ndo] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    font-size: var(--size-h3);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
}

.form-header h3 i[b-rydtjx5ndo] {
    color: var(--color-primary);
}

.form-header p[b-rydtjx5ndo] {
    color: var(--btc);
    margin-bottom: 0;
    font-family: var(--font-primary);
}

.form-group[b-rydtjx5ndo] {
    margin-bottom: 1.5rem;
}

.form-group label[b-rydtjx5ndo] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: var(--medium);
    color: var(--color-secondary);
    font-family: var(--font-primary);
}

.form-control[b-rydtjx5ndo] {
    width: 100%;
    padding: 12px 16px;
    border: 2px solid var(--light-border);
    border-radius: 12px;
    font-size: var(--size-small);
    transition: var(--transition);
    background: var(--color-white);
    font-family: var(--font-primary);
}

.form-control:focus[b-rydtjx5ndo] {
    outline: none;
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(246, 136, 1, 0.1);
}

.form-control[b-rydtjx5ndo]::placeholder {
    color: var(--btc);
}

textarea.form-control[b-rydtjx5ndo] {
    resize: vertical;
    min-height: 120px;
}

.submit-btn[b-rydtjx5ndo] {
    background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-11-light) 100%);
    color: var(--color-white);
    border: none;
    padding: 1rem 2rem;
    border-radius: 50px;
    font-weight: var(--medium);
    cursor: pointer;
    transition: var(--transition);
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 auto;
    font-family: var(--font-primary);
}

.submit-btn:hover[b-rydtjx5ndo] {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(246, 136, 1, 0.3);
}

.submit-btn:disabled[b-rydtjx5ndo] {
    opacity: 0.7;
    cursor: not-allowed;
    transform: none;
}

/* Checkbox Styles */
.form-check-group[b-rydtjx5ndo] {
    margin-bottom: 1.5rem;
}

.form-check[b-rydtjx5ndo] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 1rem;
}

.form-check input[type="checkbox"][b-rydtjx5ndo] {
    width: 20px;
    height: 20px;
    accent-color: var(--color-primary);
    margin: 0;
    flex-shrink: 0;
    margin-top: 2px;
    cursor: pointer;
}

.form-check label[b-rydtjx5ndo] {
    cursor: pointer;
    font-size: var(--size-small);
    line-height: 1.5;
    margin: 0;
    color: var(--color-secondary);
    font-family: var(--font-primary);
    flex: 1;
}

.privacy-link[b-rydtjx5ndo] {
    color: var(--color-primary);
    text-decoration: none;
}

.privacy-link:hover[b-rydtjx5ndo] {
    text-decoration: underline;
}

/* Contact Info Section */
.contact-info-section[b-rydtjx5ndo] {
    padding: 80px 0;
    background: var(--plan-bg);
}

.contact-info-card[b-rydtjx5ndo] {
    background: var(--color-white);
    padding: 3rem;
    border-radius: 20px;
    box-shadow: var(--box-shadow);
    height: 100%;
}

.contact-info-card h4[b-rydtjx5ndo] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: var(--size-h4);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 1.5rem;
    font-family: var(--font-primary);
}

.contact-info-card h4 i[b-rydtjx5ndo] {
    color: var(--color-primary);
}

.contact-detail-list[b-rydtjx5ndo] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.contact-detail-list li[b-rydtjx5ndo] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 1rem;
    font-family: var(--font-primary);
}

.contact-detail-list i[b-rydtjx5ndo] {
    width: 20px;
    color: var(--color-primary);
    margin-top: 2px;
    flex-shrink: 0;
}

.contact-detail-list strong[b-rydtjx5ndo] {
    color: var(--color-secondary);
    font-weight: var(--medium);
}

.contact-detail-list span[b-rydtjx5ndo] {
    color: var(--btc);
}

.social-links[b-rydtjx5ndo] {
    display: flex;
    gap: 1rem;
    margin-top: 1.5rem;
}

.social-link[b-rydtjx5ndo] {
    width: 44px;
    height: 44px;
    background: var(--plan-bg);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-secondary);
    text-decoration: none;
    transition: var(--transition);
    font-size: 1.25rem;
}

.social-link:hover[b-rydtjx5ndo] {
    background: var(--color-primary);
    color: var(--color-white);
    transform: translateY(-2px);
}

/* Map Section */
.map-section[b-rydtjx5ndo] {
    padding: 80px 0;
    background: var(--color-white);
}

.map-container[b-rydtjx5ndo] {
    background: var(--color-white);
    border-radius: 20px;
    box-shadow: var(--box-shadow);
    overflow: hidden;
    position: relative;
    height: 450px;
}

.map-placeholder[b-rydtjx5ndo] {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, var(--plan-bg) 0%, var(--light-border) 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: var(--btc);
    font-family: var(--font-primary);
}

.map-placeholder i[b-rydtjx5ndo] {
    font-size: 3rem;
    color: var(--color-primary);
    margin-bottom: 1rem;
}

.map-placeholder h5[b-rydtjx5ndo] {
    font-size: var(--size-h5);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 0.5rem;
    font-family: var(--font-primary);
}

.map-info[b-rydtjx5ndo] {
    position: absolute;
    top: 20px;
    left: 20px;
    background: var(--color-white);
    padding: 1.5rem;
    border-radius: 12px;
    box-shadow: var(--box-shadow);
    max-width: 280px;
}

.map-info h5[b-rydtjx5ndo] {
    font-size: var(--size-h5);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 0.75rem;
    font-family: var(--font-primary);
}

.map-info p[b-rydtjx5ndo] {
    color: var(--btc);
    margin-bottom: 0;
    font-size: var(--size-small);
    line-height: var(--lh-default);
    font-family: var(--font-primary);
}

/* FAQ Preview Section */
.faq-preview-section[b-rydtjx5ndo] {
    padding: 80px 0;
    background: var(--plan-bg);
}

.faq-preview-card[b-rydtjx5ndo] {
    background: var(--color-white);
    border-radius: 20px;
    padding: 2rem;
    box-shadow: var(--box-shadow);
    margin-bottom: 1rem;
    transition: var(--transition);
    border: 1px solid var(--light-border);
}

.faq-preview-card:hover[b-rydtjx5ndo] {
    box-shadow: 0 8px 30px rgba(246, 136, 1, 0.1);
}

.faq-preview-question[b-rydtjx5ndo] {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: var(--size-h5);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
}

.faq-preview-question i[b-rydtjx5ndo] {
    color: var(--color-primary);
    font-size: 1.25rem;
}

.faq-preview-answer[b-rydtjx5ndo] {
    color: var(--btc);
    line-height: var(--lh-default);
    margin-bottom: 0;
    font-family: var(--font-primary);
}

.view-all-faq-btn[b-rydtjx5ndo] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--color-primary);
    color: var(--color-white);
    padding: 1rem 2rem;
    border-radius: 50px;
    text-decoration: none;
    font-weight: var(--medium);
    transition: var(--transition);
    font-family: var(--font-primary);
}

.view-all-faq-btn:hover[b-rydtjx5ndo] {
    background: var(--color-11-light);
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(246, 136, 1, 0.3);
    color: var(--color-white);
}

/* Responsive Design */
@media (max-width: 992px) {
    .hero-content h1.hero-title[b-rydtjx5ndo] {
        font-size: 3rem;
    }
    
    .section-title[b-rydtjx5ndo] {
        font-size: 2rem;
    }
}

@media (max-width: 768px) {
    .iletisim-hero-section[b-rydtjx5ndo] {
        padding: 80px 0 60px 0;
        min-height: 500px;
    }
    
    .hero-content h1.hero-title[b-rydtjx5ndo] {
        font-size: 2.5rem;
    }
    
    .hero-description[b-rydtjx5ndo] {
        font-size: var(--size-default);
    }
    
    .contact-options-section[b-rydtjx5ndo],
    .contact-form-section[b-rydtjx5ndo],
    .contact-info-section[b-rydtjx5ndo],
    .map-section[b-rydtjx5ndo],
    .faq-preview-section[b-rydtjx5ndo] {
        padding: 60px 0;
    }
    
    .contact-option-card[b-rydtjx5ndo] {
        padding: 2rem 1.5rem;
    }
    
    .contact-icon[b-rydtjx5ndo] {
        width: 64px;
        height: 64px;
        font-size: 1.5rem;
    }
    
    .contact-form-card[b-rydtjx5ndo] {
        padding: 2rem 1.5rem;
    }
    
    .contact-info-card[b-rydtjx5ndo] {
        padding: 2rem 1.5rem;
    }
    
    .map-container[b-rydtjx5ndo] {
        height: 350px;
    }
    
    .map-info[b-rydtjx5ndo] {
        max-width: 200px;
        padding: 1rem;
    }
    
    .faq-preview-card[b-rydtjx5ndo] {
        padding: 1.5rem;
    }
    
    .social-links[b-rydtjx5ndo] {
        justify-content: center;
    }
}

@media (max-width: 576px) {
    .hero-content h1.hero-title[b-rydtjx5ndo] {
        font-size: 2rem;
    }
    
    .contact-option-card h4[b-rydtjx5ndo] {
        font-size: var(--size-h5);
    }
    
    .contact-icon[b-rydtjx5ndo] {
        width: 56px;
        height: 56px;
        font-size: 1.25rem;
    }
    
    .contact-form-card[b-rydtjx5ndo] {
        padding: 1.5rem 1rem;
    }
    
    .form-header h3[b-rydtjx5ndo] {
        font-size: var(--size-h4);
    }
    
    .contact-info-card[b-rydtjx5ndo] {
        padding: 1.5rem 1rem;
    }
    
    .contact-info-card h4[b-rydtjx5ndo] {
        font-size: var(--size-h5);
    }
    
    .map-container[b-rydtjx5ndo] {
        height: 300px;
    }
    
    .map-info[b-rydtjx5ndo] {
        position: relative;
        top: auto;
        left: auto;
        max-width: 100%;
        margin-top: 1rem;
    }
    
    .faq-preview-question[b-rydtjx5ndo] {
        font-size: 1rem;
    }
    
    .view-all-faq-btn[b-rydtjx5ndo] {
        width: 100%;
        text-align: center;
        justify-content: center;
    }
} 
/* _content/VoxisWeb/Components/Pages/Kurumsal/BilgiGuvenligi.razor.rz.scp.css */
/* Security Hero Section */
.security-hero-section[b-02zzht38qh] {
    background: linear-gradient(135deg, var(--body-bg-2) 0%, var(--light-border) 100%);
    padding: 100px 0 80px;
    min-height: 600px;
    display: flex;
    align-items: center;
    margin-top: 70px;
}

.hero-content h1.hero-title[b-02zzht38qh] {
    font-size: var(--size-h1);
    font-weight: var(--bold);
    color: var(--color-secondary);
    margin-bottom: 2rem;
    line-height: var(--lh-h1);
    font-family: var(--font-primary);
}

.hero-title .highlight[b-02zzht38qh] {
    color: #267dff;
    position: relative;
}

.hero-title .highlight[b-02zzht38qh]::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #267dff, #9cc5ff);
    border-radius: 2px;
}

.hero-description[b-02zzht38qh] {
    font-size: var(--size-default);
    color: var(--btc);
    line-height: var(--lh-default);
    margin-bottom: 3rem;
    font-family: var(--font-primary);
}

/* Security Stats */
.security-stats[b-02zzht38qh] {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
}

.security-stat-item[b-02zzht38qh] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem;
    background: var(--color-white);
    border-radius: 15px;
    box-shadow: var(--box-shadow);
    transition: var(--transition);
    border: 2px solid transparent;
    min-width: 200px;
}

.security-stat-item:hover[b-02zzht38qh] {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(38, 125, 255, 0.2);
    border-color: #267dff;
}

.stat-icon[b-02zzht38qh] {
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, #267dff, #9cc5ff);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.stat-icon i[b-02zzht38qh] {
    font-size: 1.5rem;
    color: var(--color-white);
}

.stat-content[b-02zzht38qh] {
    display: flex;
    flex-direction: column;
}

.stat-number[b-02zzht38qh] {
    font-size: 1.2rem;
    font-weight: var(--bold);
    color: var(--color-secondary);
    margin-bottom: 0.25rem;
    font-family: var(--font-primary);
}

.stat-label[b-02zzht38qh] {
    font-size: var(--size-small);
    color: var(--btc);
    font-weight: var(--medium);
    font-family: var(--font-primary);
}

/* Hero Image */
.hero-image[b-02zzht38qh] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 70px;
}

.security-illustration[b-02zzht38qh] {
    width: 100%;
    max-width: 600px;
}

.security-svg[b-02zzht38qh] {
    width: 100%;
    height: auto;
    filter: drop-shadow(0 10px 30px rgba(0,0,0,0.1));
}

/* Security Measures Section */
.security-measures-section[b-02zzht38qh] {
    padding: 80px 0;
    background: var(--color-white);
}

.section-title[b-02zzht38qh] {
    font-size: var(--size-h2);
    font-weight: var(--bold);
    color: var(--color-secondary);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
}

.section-subtitle[b-02zzht38qh] {
    font-size: var(--size-default);
    color: var(--btc);
    margin-bottom: 4rem;
    font-family: var(--font-primary);
}

.security-card[b-02zzht38qh] {
    background: var(--color-white);
    padding: 2.5rem 1.5rem;
    border-radius: 20px;
    text-align: center;
    height: 100%;
    transition: var(--transition);
    box-shadow: var(--box-shadow);
    border: 2px solid transparent;
    position: relative;
    overflow: hidden;
}

.security-card:hover[b-02zzht38qh] {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(38, 125, 255, 0.15);
    border-color: #267dff;
}

.security-icon[b-02zzht38qh] {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #267dff, #9cc5ff);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 2rem;
    transition: var(--transition);
}

.security-icon i[b-02zzht38qh] {
    font-size: 2rem;
    color: var(--color-white);
}

.security-card:hover .security-icon[b-02zzht38qh] {
    transform: scale(1.1) rotate(5deg);
}

.security-card h4[b-02zzht38qh] {
    font-size: var(--size-h4);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
}

.security-card p[b-02zzht38qh] {
    color: var(--btc);
    line-height: var(--lh-default);
    margin-bottom: 1.5rem;
    font-family: var(--font-primary);
}

.security-level[b-02zzht38qh] {
    position: absolute;
    top: 15px;
    right: 15px;
    background: #26cf4b;
    color: var(--color-white);
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: var(--size-small);
    font-weight: var(--bold);
    font-family: var(--font-primary);
}

.security-level.backup[b-02zzht38qh] {
    background: var(--color-primary);
}

.security-level.network[b-02zzht38qh] {
    background: #267dff;
}

.security-level.privacy[b-02zzht38qh] {
    background: var(--color-third);
}

/* Security Standards Section */
.security-standards-section[b-02zzht38qh] {
    padding: 80px 0;
    background: linear-gradient(135deg, var(--plan-bg) 0%, var(--light-border) 100%);
}

.standard-item[b-02zzht38qh] {
    background: var(--color-white);
    padding: 2rem 1.5rem;
    border-radius: 20px;
    text-align: center;
    height: 100%;
    transition: var(--transition);
    box-shadow: var(--box-shadow);
    border: 2px solid transparent;
    position: relative;
}

.standard-item:hover[b-02zzht38qh] {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(38, 125, 255, 0.15);
    border-color: #267dff;
}

.standard-logo[b-02zzht38qh] {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, var(--color-primary), var(--color-11-light));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 2rem;
    transition: var(--transition);
}

.standard-logo i[b-02zzht38qh] {
    font-size: 2rem;
    color: var(--color-white);
}

.standard-item:hover .standard-logo[b-02zzht38qh] {
    transform: scale(1.1) rotate(5deg);
}

.standard-item h4[b-02zzht38qh] {
    font-size: var(--size-h4);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
}

.standard-item p[b-02zzht38qh] {
    color: var(--btc);
    line-height: var(--lh-default);
    margin-bottom: 1.5rem;
    font-family: var(--font-primary);
}

.standard-status[b-02zzht38qh] {
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: var(--size-small);
    font-weight: var(--bold);
    font-family: var(--font-primary);
}

.standard-status.certified[b-02zzht38qh] {
    background: #26cf4b;
    color: var(--color-white);
}

.standard-status.compliant[b-02zzht38qh] {
    background: #267dff;
    color: var(--color-white);
}

/* Security Architecture Section */
.security-architecture-section[b-02zzht38qh] {
    padding: 80px 0;
    background: var(--color-white);
}

.architecture-content[b-02zzht38qh] {
    padding-right: 2rem;
}

.architecture-title[b-02zzht38qh] {
    font-size: var(--size-h2);
    font-weight: var(--bold);
    color: var(--color-secondary);
    margin-bottom: 1.5rem;
    font-family: var(--font-primary);
}

.architecture-description[b-02zzht38qh] {
    font-size: var(--size-default);
    color: var(--btc);
    line-height: var(--lh-default);
    margin-bottom: 3rem;
    font-family: var(--font-primary);
}

.security-layers[b-02zzht38qh] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.layer-item[b-02zzht38qh] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem;
    background: var(--color-white);
    border-radius: 15px;
    box-shadow: var(--box-shadow);
    transition: var(--transition);
    border: 2px solid transparent;
}

.layer-item:hover[b-02zzht38qh] {
    transform: translateX(10px);
    box-shadow: 0 10px 30px rgba(38, 125, 255, 0.15);
    border-color: #267dff;
}

.layer-number[b-02zzht38qh] {
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, #267dff, #9cc5ff);
    color: var(--color-white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: var(--bold);
    font-size: var(--size-h5);
    font-family: var(--font-primary);
    flex-shrink: 0;
}

.layer-content h5[b-02zzht38qh] {
    font-size: var(--size-h5);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 0.5rem;
    font-family: var(--font-primary);
}

.layer-content p[b-02zzht38qh] {
    color: var(--btc);
    margin: 0;
    font-size: var(--size-small);
    font-family: var(--font-primary);
}

/* Security Architecture Chart */
.security-architecture-chart[b-02zzht38qh] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.chart-title[b-02zzht38qh] {
    font-size: var(--size-h3);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 2rem;
    font-family: var(--font-primary);
    text-align: center;
}

.layers-visualization[b-02zzht38qh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    width: 100%;
    max-width: 300px;
}

.security-layer[b-02zzht38qh] {
    width: 100%;
    height: 60px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1.5rem;
    transition: var(--transition);
    box-shadow: var(--box-shadow);
    position: relative;
}

.security-layer:hover[b-02zzht38qh] {
    transform: scale(1.05);
}

.layer-1[b-02zzht38qh] {
    background: linear-gradient(135deg, #f68801, #ff9800);
    width: 100%;
}

.layer-2[b-02zzht38qh] {
    background: linear-gradient(135deg, #267dff, #9cc5ff);
    width: 90%;
}

.layer-3[b-02zzht38qh] {
    background: linear-gradient(135deg, #70a37f, #26cf4b);
    width: 80%;
}

.layer-4[b-02zzht38qh] {
    background: linear-gradient(135deg, #292929, #40403f);
    width: 70%;
}

.layer-label[b-02zzht38qh] {
    font-size: var(--size-default);
    font-weight: var(--semibold);
    color: var(--color-white);
    font-family: var(--font-primary);
}

.layer-icon[b-02zzht38qh] {
    width: 30px;
    height: 30px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.layer-icon i[b-02zzht38qh] {
    font-size: 1rem;
    color: var(--color-white);
}

/* Incident Response Section */
.incident-response-section[b-02zzht38qh] {
    padding: 80px 0;
    background: linear-gradient(135deg, var(--plan-bg) 0%, var(--light-border) 100%);
}

.response-step[b-02zzht38qh] {
    text-align: center;
    margin-bottom: 2rem;
}

.step-circle[b-02zzht38qh] {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #267dff, #9cc5ff);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
    transition: var(--transition);
    position: relative;
}

.step-circle:hover[b-02zzht38qh] {
    transform: scale(1.1);
    box-shadow: 0 10px 30px rgba(38, 125, 255, 0.3);
}

.step-number[b-02zzht38qh] {
    font-size: 1.5rem;
    font-weight: var(--bold);
    color: var(--color-white);
    font-family: var(--font-primary);
}

.response-step h5[b-02zzht38qh] {
    font-size: var(--size-h5);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 0.5rem;
    font-family: var(--font-primary);
}

.response-step p[b-02zzht38qh] {
    color: var(--btc);
    font-size: var(--size-small);
    font-family: var(--font-primary);
}

.response-contact[b-02zzht38qh] {
    background: var(--color-white);
    padding: 3rem 2rem;
    border-radius: 20px;
    box-shadow: var(--box-shadow);
    border: 2px solid #267dff;
}

.response-contact h4[b-02zzht38qh] {
    font-size: var(--size-h4);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
}

.response-contact p[b-02zzht38qh] {
    color: var(--btc);
    margin-bottom: 2rem;
    font-family: var(--font-primary);
}

.emergency-contacts[b-02zzht38qh] {
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
}

.emergency-btn[b-02zzht38qh] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem 2rem;
    background: linear-gradient(135deg, #f68801, #ff9800);
    color: var(--color-white);
    text-decoration: none;
    border-radius: 10px;
    font-weight: var(--semibold);
    transition: var(--transition);
    font-family: var(--font-primary);
}

.emergency-btn:hover[b-02zzht38qh] {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(246, 136, 1, 0.3);
    color: var(--color-white);
    text-decoration: none;
}

.emergency-btn i[b-02zzht38qh] {
    font-size: 1.2rem;
}

/* Responsive Design */
@media (max-width: 992px) {
    .hero-content h1.hero-title[b-02zzht38qh] {
        font-size: calc(var(--size-h1) * 0.8);
    }
    
    .security-stats[b-02zzht38qh] {
        justify-content: center;
    }
    
    .security-stat-item[b-02zzht38qh] {
        min-width: 180px;
    }
    
    .architecture-content[b-02zzht38qh] {
        padding-right: 0;
        margin-bottom: 3rem;
    }
    
    .layers-visualization[b-02zzht38qh] {
        max-width: 250px;
    }
    
    .emergency-contacts[b-02zzht38qh] {
        flex-direction: column;
        align-items: center;
    }
}

@media (max-width: 768px) {
    .security-hero-section[b-02zzht38qh] {
        padding: 60px 0 40px;
        min-height: auto;
    }
    
    .hero-content h1.hero-title[b-02zzht38qh] {
        font-size: calc(var(--size-h1) * 0.65);
        text-align: center;
    }
    
    .hero-description[b-02zzht38qh] {
        text-align: center;
    }
    
    .security-stats[b-02zzht38qh] {
        justify-content: center;
        gap: 1rem;
    }
    
    .security-stat-item[b-02zzht38qh] {
        padding: 1rem;
        min-width: 160px;
        flex-direction: column;
        text-align: center;
    }
    
    .section-title[b-02zzht38qh] {
        font-size: calc(var(--size-h2) * 0.8);
    }
    
    .security-measures-section[b-02zzht38qh],
    .security-standards-section[b-02zzht38qh],
    .security-architecture-section[b-02zzht38qh],
    .incident-response-section[b-02zzht38qh] {
        padding: 60px 0;
    }
    
    .security-card[b-02zzht38qh],
    .standard-item[b-02zzht38qh] {
        margin-bottom: 2rem;
    }
    
    .layer-item[b-02zzht38qh] {
        padding: 1rem;
        flex-direction: column;
        text-align: center;
    }
    
    .layer-number[b-02zzht38qh] {
        width: 35px;
        height: 35px;
        font-size: 1rem;
    }
    
    .layers-visualization[b-02zzht38qh] {
        max-width: 200px;
    }
    
    .security-layer[b-02zzht38qh] {
        height: 50px;
        padding: 0 1rem;
    }
    
    .layer-label[b-02zzht38qh] {
        font-size: var(--size-small);
    }
    
    .response-contact[b-02zzht38qh] {
        padding: 2rem 1.5rem;
    }
    
    .emergency-btn[b-02zzht38qh] {
        padding: 0.8rem 1.5rem;
        width: 100%;
        justify-content: center;
        max-width: 250px;
    }
}

@media (max-width: 576px) {
    .hero-content h1.hero-title[b-02zzht38qh] {
        font-size: calc(var(--size-h1) * 0.5);
    }
    
    .security-stats[b-02zzht38qh] {
        flex-direction: column;
        align-items: center;
    }
    
    .security-stat-item[b-02zzht38qh] {
        width: 100%;
        max-width: 280px;
    }
    
    .security-card[b-02zzht38qh],
    .standard-item[b-02zzht38qh] {
        padding: 1.5rem;
    }
    
    .step-circle[b-02zzht38qh] {
        width: 60px;
        height: 60px;
    }
    
    .step-number[b-02zzht38qh] {
        font-size: 1.2rem;
    }
    
    .security-layer[b-02zzht38qh] {
        width: 100% !important;
        margin-bottom: 0.5rem;
    }
    
    .emergency-btn[b-02zzht38qh] {
        font-size: var(--size-small);
    }
} 
/* _content/VoxisWeb/Components/Pages/Kurumsal/Hakkimizda.razor.rz.scp.css */
/* Hero Section */
.about-hero-section[b-du89ki7ahb] {
    background: linear-gradient(135deg, var(--body-bg-2) 0%, var(--light-border) 100%);
    padding: 100px 0 80px;
    min-height: 600px;
    display: flex;
    align-items: center;
}

.hero-content h1.hero-title[b-du89ki7ahb] {
    font-size: var(--size-h1);
    font-weight: var(--bold);
    color: var(--color-secondary);
    margin-bottom: 2rem;
    line-height: var(--lh-h1);
    font-family: var(--font-primary);
}

.hero-title .highlight[b-du89ki7ahb] {
    color: var(--color-primary);
    position: relative;
}

.hero-title .highlight[b-du89ki7ahb]::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, var(--color-primary), var(--color-11-light));
    border-radius: 2px;
}

.hero-description[b-du89ki7ahb] {
    font-size: var(--size-default);
    color: var(--btc);
    line-height: var(--lh-default);
    margin-bottom: 3rem;
    font-family: var(--font-primary);
}

/* Hero Stats */
.hero-stats[b-du89ki7ahb] {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
}

.stat-item[b-du89ki7ahb] {
    text-align: center;
    padding: 1.5rem;
    background: var(--color-white);
    border-radius: 15px;
    box-shadow: var(--box-shadow);
    min-width: 120px;
    transition: var(--transition);
}

.stat-item:hover[b-du89ki7ahb] {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(246, 136, 1, 0.2);
}

.stat-number[b-du89ki7ahb] {
    display: block;
    font-size: 2.5rem;
    font-weight: var(--bold);
    color: var(--color-primary);
    margin-bottom: 0.5rem;
    font-family: var(--font-primary);
}

.stat-label[b-du89ki7ahb] {
    font-size: var(--size-small);
    color: var(--color-secondary);
    font-weight: var(--medium);
    font-family: var(--font-primary);
}

/* Hero Image */
.hero-image[b-du89ki7ahb] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.about-illustration[b-du89ki7ahb] {
    width: 100%;
    max-width: 600px;
    margin-top: 70px;
}

.about-svg[b-du89ki7ahb] {
    width: 100%;
    height: auto;
    filter: drop-shadow(0 10px 30px rgba(0,0,0,0.1));
}

/* Mission Vision Section */
.mission-vision-section[b-du89ki7ahb] {
    padding: 80px 0;
    background: var(--color-white);
}

.mission-box[b-du89ki7ahb],
.vision-box[b-du89ki7ahb] {
    padding: 3rem;
    height: 100%;
    border-radius: 20px;
    transition: var(--transition);
    position: relative;
    overflow: hidden;
}

.mission-box[b-du89ki7ahb] {
    background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-11-light) 100%);
    color: var(--color-white);
}

.vision-box[b-du89ki7ahb] {
    background: linear-gradient(135deg, var(--color-secondary) 0%, var(--btc) 100%);
    color: var(--color-white);
}

.mission-box:hover[b-du89ki7ahb],
.vision-box:hover[b-du89ki7ahb] {
    transform: translateY(-10px);
    box-shadow: 0 20px 50px rgba(0,0,0,0.2);
}

.mission-box[b-du89ki7ahb]::before,
.vision-box[b-du89ki7ahb]::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -50%;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.1);
    border-radius: 50%;
    transition: all 0.3s ease;
    transform: scale(0);
}

.mission-box:hover[b-du89ki7ahb]::before,
.vision-box:hover[b-du89ki7ahb]::before {
    transform: scale(1);
}

.icon-wrapper[b-du89ki7ahb] {
    width: 80px;
    height: 80px;
    background: rgba(255,255,255,0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem;
    transition: all 0.3s ease;
}

.icon-wrapper i[b-du89ki7ahb] {
    font-size: 2rem;
    color: white;
}

.mission-box:hover .icon-wrapper[b-du89ki7ahb],
.vision-box:hover .icon-wrapper[b-du89ki7ahb] {
    background: rgba(255,255,255,0.3);
    transform: scale(1.1);
}

.mission-box h3[b-du89ki7ahb],
.vision-box h3[b-du89ki7ahb] {
    font-size: var(--size-h3);
    font-weight: var(--semibold);
    margin-bottom: 1.5rem;
    font-family: var(--font-primary);
    color: var(--color-white);
}

.mission-box p[b-du89ki7ahb],
.vision-box p[b-du89ki7ahb] {
    font-size: var(--size-default);
    line-height: var(--lh-default);
    margin: 0;
    font-family: var(--font-primary);
}

/* Values Section */
.values-section[b-du89ki7ahb] {
    padding: 80px 0;
    background: linear-gradient(135deg, var(--plan-bg) 0%, var(--light-border) 100%);
}

.section-title[b-du89ki7ahb] {
    font-size: var(--size-h2);
    font-weight: var(--bold);
    color: var(--color-secondary);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
}

.section-subtitle[b-du89ki7ahb] {
    font-size: var(--size-default);
    color: var(--btc);
    margin-bottom: 4rem;
    font-family: var(--font-primary);
}

.value-card[b-du89ki7ahb] {
    background: var(--color-white);
    padding: 2.5rem 1.5rem;
    border-radius: 20px;
    text-align: center;
    height: 100%;
    transition: var(--transition);
    box-shadow: var(--box-shadow);
    border: 2px solid transparent;
}

.value-card:hover[b-du89ki7ahb] {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(246, 136, 1, 0.15);
    border-color: var(--color-primary);
}

.value-icon[b-du89ki7ahb] {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, var(--color-primary), var(--color-11-light));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 2rem;
    transition: var(--transition);
}

.value-icon i[b-du89ki7ahb] {
    font-size: 2rem;
    color: var(--color-white);
}

.value-card:hover .value-icon[b-du89ki7ahb] {
    transform: scale(1.1) rotate(5deg);
}

.value-card h4[b-du89ki7ahb] {
    font-size: var(--size-h4);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
}

.value-card p[b-du89ki7ahb] {
    color: var(--btc);
    line-height: var(--lh-default);
    margin: 0;
    font-family: var(--font-primary);
}

/* Team Section */
.team-section[b-du89ki7ahb] {
    padding: 80px 0;
    background: var(--color-white);
}

.team-card[b-du89ki7ahb] {
    background: linear-gradient(135deg, var(--body-bg-2) 0%, var(--light-border) 100%);
    padding: 2.5rem 1.5rem;
    border-radius: 20px;
    text-align: center;
    height: 100%;
    transition: var(--transition);
    position: relative;
    overflow: hidden;
}

.team-card[b-du89ki7ahb]::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, var(--color-primary), var(--color-11-light));
    transition: var(--transition);
    z-index: 1;
}

.team-card:hover[b-du89ki7ahb]::before {
    left: 0;
}

.team-card:hover[b-du89ki7ahb] {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(246, 136, 1, 0.2);
}

.team-card > *[b-du89ki7ahb] {
    position: relative;
    z-index: 2;
    transition: var(--transition);
}

.team-icon[b-du89ki7ahb] {
    width: 80px;
    height: 80px;
    background: var(--color-primary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 2rem;
    transition: var(--transition);
}

.team-icon i[b-du89ki7ahb] {
    font-size: 2rem;
    color: var(--color-white);
}

.team-card:hover .team-icon[b-du89ki7ahb] {
    background: var(--color-white);
    transform: scale(1.1);
}

.team-card:hover .team-icon i[b-du89ki7ahb] {
    color: var(--color-primary);
}

.team-card h4[b-du89ki7ahb] {
    font-size: var(--size-h4);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 1rem;
    transition: var(--transition);
    font-family: var(--font-primary);
}

.team-card p[b-du89ki7ahb] {
    color: var(--btc);
    line-height: var(--lh-default);
    margin: 0;
    transition: var(--transition);
    font-family: var(--font-primary);
}

.team-card:hover h4[b-du89ki7ahb],
.team-card:hover p[b-du89ki7ahb] {
    color: var(--color-white);
}

/* Responsive Design */
@media (max-width: 992px) {
    .hero-content h1.hero-title[b-du89ki7ahb] {
        font-size: calc(var(--size-h1) * 0.8);
    }
    
    .hero-stats[b-du89ki7ahb] {
        justify-content: center;
    }
    
    .mission-box[b-du89ki7ahb],
    .vision-box[b-du89ki7ahb] {
        margin-bottom: 2rem;
        padding: 2rem;
    }
}

@media (max-width: 768px) {
    .about-hero-section[b-du89ki7ahb] {
        padding: 60px 0 40px;
        min-height: auto;
    }
    
    .hero-content h1.hero-title[b-du89ki7ahb] {
        font-size: calc(var(--size-h1) * 0.65);
        text-align: center;
    }
    
    .hero-description[b-du89ki7ahb] {
        font-size: var(--size-default);
        text-align: center;
    }
    
    .hero-stats[b-du89ki7ahb] {
        justify-content: center;
        gap: 1rem;
    }
    
    .stat-item[b-du89ki7ahb] {
        padding: 1rem;
        min-width: 100px;
    }
    
    .stat-number[b-du89ki7ahb] {
        font-size: 2rem;
    }
    
    .section-title[b-du89ki7ahb] {
        font-size: calc(var(--size-h2) * 0.8);
    }
    
    .mission-vision-section[b-du89ki7ahb],
    .values-section[b-du89ki7ahb],
    .team-section[b-du89ki7ahb] {
        padding: 60px 0;
    }
    
    .value-card[b-du89ki7ahb],
    .team-card[b-du89ki7ahb] {
        margin-bottom: 2rem;
    }
}

@media (max-width: 576px) {
    .hero-content h1.hero-title[b-du89ki7ahb] {
        font-size: calc(var(--size-h1) * 0.5);
    }
    
    .hero-stats[b-du89ki7ahb] {
        flex-direction: column;
        align-items: center;
    }
    
    .stat-item[b-du89ki7ahb] {
        width: 100%;
        max-width: 200px;
    }
    
    .mission-box[b-du89ki7ahb],
    .vision-box[b-du89ki7ahb],
    .value-card[b-du89ki7ahb],
    .team-card[b-du89ki7ahb] {
        padding: 1.5rem;
    }
} 
/* _content/VoxisWeb/Components/Pages/Kurumsal/KaliteKontrol.razor.rz.scp.css */
/* Quality Hero Section */
.quality-hero-section[b-v91xen7sx8] {
    background: linear-gradient(135deg, var(--body-bg-2) 0%, var(--light-border) 100%);
    padding: 100px 0 80px;
    min-height: 600px;
    display: flex;
    align-items: center;
}

.hero-content h1.hero-title[b-v91xen7sx8] {
    font-size: var(--size-h1);
    font-weight: var(--bold);
    color: var(--color-secondary);
    margin-bottom: 2rem;
    line-height: var(--lh-h1);
    font-family: var(--font-primary);
}

.hero-title .highlight[b-v91xen7sx8] {
    color: #267dff;
    position: relative;
}

.hero-title .highlight[b-v91xen7sx8]::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #267dff, #9cc5ff);
    border-radius: 2px;
}

.hero-description[b-v91xen7sx8] {
    font-size: var(--size-default);
    color: var(--btc);
    line-height: var(--lh-default);
    margin-bottom: 3rem;
    font-family: var(--font-primary);
}

/* Quality Metrics */
.quality-metrics[b-v91xen7sx8] {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
}

.quality-metric-item[b-v91xen7sx8] {
    text-align: center;
    padding: 1.5rem;
    background: var(--color-white);
    border-radius: 15px;
    box-shadow: var(--box-shadow);
    min-width: 130px;
    transition: var(--transition);
    border: 2px solid transparent;
}

.quality-metric-item:hover[b-v91xen7sx8] {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(38, 125, 255, 0.2);
    border-color: #267dff;
}

.metric-number[b-v91xen7sx8] {
    display: block;
    font-size: 1.8rem;
    font-weight: var(--bold);
    color: #267dff;
    margin-bottom: 0.5rem;
    font-family: var(--font-primary);
}

.metric-label[b-v91xen7sx8] {
    font-size: var(--size-small);
    color: var(--color-secondary);
    font-weight: var(--medium);
    font-family: var(--font-primary);
}

/* Hero Image */
.hero-image[b-v91xen7sx8] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 70px;
}

.quality-illustration[b-v91xen7sx8] {
    width: 100%;
    max-width: 600px;
}

.quality-svg[b-v91xen7sx8] {
    width: 100%;
    height: auto;
    filter: drop-shadow(0 10px 30px rgba(0,0,0,0.1));
}

/* Quality Standards Section */
.quality-standards-section[b-v91xen7sx8] {
    padding: 80px 0;
    background: var(--color-white);
}

.section-title[b-v91xen7sx8] {
    font-size: var(--size-h2);
    font-weight: var(--bold);
    color: var(--color-secondary);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
}

.section-subtitle[b-v91xen7sx8] {
    font-size: var(--size-default);
    color: var(--btc);
    margin-bottom: 4rem;
    font-family: var(--font-primary);
}

.standard-card[b-v91xen7sx8] {
    background: var(--color-white);
    padding: 2.5rem 1.5rem;
    border-radius: 20px;
    text-align: center;
    height: 100%;
    transition: var(--transition);
    box-shadow: var(--box-shadow);
    border: 2px solid transparent;
    position: relative;
    overflow: hidden;
}

.standard-card:hover[b-v91xen7sx8] {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(38, 125, 255, 0.15);
    border-color: #267dff;
}

.standard-icon[b-v91xen7sx8] {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #267dff, #9cc5ff);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 2rem;
    transition: var(--transition);
}

.standard-icon i[b-v91xen7sx8] {
    font-size: 2rem;
    color: var(--color-white);
}

.standard-card:hover .standard-icon[b-v91xen7sx8] {
    transform: scale(1.1) rotate(5deg);
}

.standard-card h4[b-v91xen7sx8] {
    font-size: var(--size-h4);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
}

.standard-card p[b-v91xen7sx8] {
    color: var(--btc);
    line-height: var(--lh-default);
    margin-bottom: 1.5rem;
    font-family: var(--font-primary);
}

.standard-badge[b-v91xen7sx8] {
    position: absolute;
    top: 15px;
    right: 15px;
    background: #26cf4b;
    color: var(--color-white);
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: var(--size-small);
    font-weight: var(--bold);
    font-family: var(--font-primary);
}

.standard-badge.coverage[b-v91xen7sx8] {
    background: #267dff;
}

.standard-badge.uptime[b-v91xen7sx8] {
    background: var(--color-primary);
}

.standard-badge.satisfaction[b-v91xen7sx8] {
    background: var(--color-third);
}

/* Quality Process Section */
.quality-process-section[b-v91xen7sx8] {
    padding: 80px 0;
    background: linear-gradient(135deg, var(--plan-bg) 0%, var(--light-border) 100%);
}

.process-step[b-v91xen7sx8] {
    background: var(--color-white);
    padding: 2rem 1.5rem;
    border-radius: 20px;
    text-align: center;
    height: 100%;
    transition: var(--transition);
    box-shadow: var(--box-shadow);
    position: relative;
    border: 2px solid transparent;
}

.process-step:hover[b-v91xen7sx8] {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(38, 125, 255, 0.15);
    border-color: #267dff;
}

.step-number[b-v91xen7sx8] {
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, #267dff, #9cc5ff);
    color: var(--color-white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: var(--bold);
    font-size: var(--size-h5);
    font-family: var(--font-primary);
}

.step-icon[b-v91xen7sx8] {
    width: 70px;
    height: 70px;
    background: linear-gradient(135deg, #f8f9fa, #e9ecef);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 2rem auto 1.5rem;
    transition: var(--transition);
}

.step-icon i[b-v91xen7sx8] {
    font-size: 1.8rem;
    color: #267dff;
}

.process-step:hover .step-icon[b-v91xen7sx8] {
    background: linear-gradient(135deg, #267dff, #9cc5ff);
    transform: scale(1.1);
}

.process-step:hover .step-icon i[b-v91xen7sx8] {
    color: var(--color-white);
}

.process-step h4[b-v91xen7sx8] {
    font-size: var(--size-h4);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
}

.process-step p[b-v91xen7sx8] {
    color: var(--btc);
    line-height: var(--lh-default);
    margin: 0;
    font-family: var(--font-primary);
}

/* Quality Tools Section */
.quality-tools-section[b-v91xen7sx8] {
    padding: 80px 0;
    background: var(--color-white);
}

.tools-content[b-v91xen7sx8] {
    padding-right: 2rem;
}

.tools-title[b-v91xen7sx8] {
    font-size: var(--size-h2);
    font-weight: var(--bold);
    color: var(--color-secondary);
    margin-bottom: 1.5rem;
    font-family: var(--font-primary);
}

.tools-description[b-v91xen7sx8] {
    font-size: var(--size-default);
    color: var(--btc);
    line-height: var(--lh-default);
    margin-bottom: 3rem;
    font-family: var(--font-primary);
}

.tools-list[b-v91xen7sx8] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.tool-item[b-v91xen7sx8] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem;
    background: var(--color-white);
    border-radius: 15px;
    box-shadow: var(--box-shadow);
    transition: var(--transition);
    border: 2px solid transparent;
}

.tool-item:hover[b-v91xen7sx8] {
    transform: translateX(10px);
    box-shadow: 0 10px 30px rgba(38, 125, 255, 0.15);
    border-color: #267dff;
}

.tool-icon[b-v91xen7sx8] {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #267dff, #9cc5ff);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.tool-icon i[b-v91xen7sx8] {
    font-size: 1.5rem;
    color: var(--color-white);
}

.tool-content h5[b-v91xen7sx8] {
    font-size: var(--size-h5);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 0.5rem;
    font-family: var(--font-primary);
}

.tool-content p[b-v91xen7sx8] {
    color: var(--btc);
    margin: 0;
    font-size: var(--size-small);
    font-family: var(--font-primary);
}

/* Quality Metrics Chart */
.quality-metrics-chart[b-v91xen7sx8] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.chart-title[b-v91xen7sx8] {
    font-size: var(--size-h3);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 2rem;
    font-family: var(--font-primary);
    text-align: center;
}

.metrics-grid[b-v91xen7sx8] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    width: 100%;
    max-width: 400px;
}

.metric-box[b-v91xen7sx8] {
    text-align: center;
}

.metric-circle[b-v91xen7sx8] {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: linear-gradient(135deg, #267dff 0%, #9cc5ff 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
    position: relative;
    transition: var(--transition);
    box-shadow: var(--box-shadow);
}

.metric-circle:hover[b-v91xen7sx8] {
    transform: scale(1.05);
    box-shadow: 0 15px 30px rgba(38, 125, 255, 0.3);
}

.metric-value[b-v91xen7sx8] {
    font-size: 1.5rem;
    font-weight: var(--bold);
    color: var(--color-white);
    margin-bottom: 0.25rem;
    font-family: var(--font-primary);
}

.metric-label[b-v91xen7sx8] {
    font-size: var(--size-small);
    color: var(--color-white);
    font-weight: var(--medium);
    font-family: var(--font-primary);
}

/* Certifications Section */
.certifications-section[b-v91xen7sx8] {
    padding: 80px 0;
    background: linear-gradient(135deg, var(--plan-bg) 0%, var(--light-border) 100%);
}

.certificate-card[b-v91xen7sx8] {
    background: var(--color-white);
    padding: 2rem 1.5rem;
    border-radius: 20px;
    text-align: center;
    height: 100%;
    transition: var(--transition);
    box-shadow: var(--box-shadow);
    border: 2px solid transparent;
    position: relative;
}

.certificate-card:hover[b-v91xen7sx8] {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(38, 125, 255, 0.15);
    border-color: #267dff;
}

.certificate-image[b-v91xen7sx8] {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, var(--color-primary), var(--color-11-light));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 2rem;
    transition: var(--transition);
}

.certificate-image i[b-v91xen7sx8] {
    font-size: 2rem;
    color: var(--color-white);
}

.certificate-card:hover .certificate-image[b-v91xen7sx8] {
    transform: scale(1.1) rotate(5deg);
}

.certificate-card h4[b-v91xen7sx8] {
    font-size: var(--size-h4);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
}

.certificate-card p[b-v91xen7sx8] {
    color: var(--btc);
    line-height: var(--lh-default);
    margin-bottom: 1.5rem;
    font-family: var(--font-primary);
}

.cert-year[b-v91xen7sx8] {
    position: absolute;
    top: 15px;
    right: 15px;
    background: #267dff;
    color: var(--color-white);
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: var(--size-small);
    font-weight: var(--bold);
    font-family: var(--font-primary);
}

/* Responsive Design */
@media (max-width: 992px) {
    .hero-content h1.hero-title[b-v91xen7sx8] {
        font-size: calc(var(--size-h1) * 0.8);
    }
    
    .quality-metrics[b-v91xen7sx8] {
        justify-content: center;
    }
    
    .tools-content[b-v91xen7sx8] {
        padding-right: 0;
        margin-bottom: 3rem;
    }
    
    .tools-list[b-v91xen7sx8] {
        gap: 1rem;
    }
    
    .metrics-grid[b-v91xen7sx8] {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
    }
}

@media (max-width: 768px) {
    .quality-hero-section[b-v91xen7sx8] {
        padding: 60px 0 40px;
        min-height: auto;
    }
    
    .hero-content h1.hero-title[b-v91xen7sx8] {
        font-size: calc(var(--size-h1) * 0.65);
        text-align: center;
    }
    
    .hero-description[b-v91xen7sx8] {
        text-align: center;
    }
    
    .quality-metrics[b-v91xen7sx8] {
        justify-content: center;
        gap: 1rem;
    }
    
    .quality-metric-item[b-v91xen7sx8] {
        padding: 1rem;
        min-width: 110px;
    }
    
    .metric-number[b-v91xen7sx8] {
        font-size: 1.5rem;
    }
    
    .section-title[b-v91xen7sx8] {
        font-size: calc(var(--size-h2) * 0.8);
    }
    
    .quality-standards-section[b-v91xen7sx8],
    .quality-process-section[b-v91xen7sx8],
    .quality-tools-section[b-v91xen7sx8],
    .certifications-section[b-v91xen7sx8] {
        padding: 60px 0;
    }
    
    .standard-card[b-v91xen7sx8],
    .process-step[b-v91xen7sx8],
    .certificate-card[b-v91xen7sx8] {
        margin-bottom: 2rem;
    }
    
    .tool-item[b-v91xen7sx8] {
        padding: 1rem;
    }
    
    .metrics-grid[b-v91xen7sx8] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    
    .metric-circle[b-v91xen7sx8] {
        width: 100px;
        height: 100px;
    }
    
    .metric-value[b-v91xen7sx8] {
        font-size: 1.2rem;
    }
}

@media (max-width: 576px) {
    .hero-content h1.hero-title[b-v91xen7sx8] {
        font-size: calc(var(--size-h1) * 0.5);
    }
    
    .quality-metrics[b-v91xen7sx8] {
        flex-direction: column;
        align-items: center;
    }
    
    .quality-metric-item[b-v91xen7sx8] {
        width: 100%;
        max-width: 200px;
    }
    
    .standard-card[b-v91xen7sx8],
    .process-step[b-v91xen7sx8],
    .certificate-card[b-v91xen7sx8] {
        padding: 1.5rem;
    }
    
    .tool-item[b-v91xen7sx8] {
        flex-direction: column;
        text-align: center;
        gap: 0.5rem;
    }
    
    .step-number[b-v91xen7sx8] {
        width: 35px;
        height: 35px;
        font-size: 1rem;
    }
    
    .step-icon[b-v91xen7sx8] {
        width: 60px;
        height: 60px;
    }
    
    .step-icon i[b-v91xen7sx8] {
        font-size: 1.5rem;
    }
} 
/* _content/VoxisWeb/Components/Pages/Kurumsal/Surdurulebilirlik.razor.rz.scp.css */
/* Sustainability Hero Section */
.sustainability-hero-section[b-3jqzzqbpqq] {
    background: linear-gradient(135deg, var(--body-bg-2) 0%, var(--light-border) 100%);
    padding: 100px 0 80px;
    min-height: 600px;
    display: flex;
    align-items: center;
}

.hero-content h1.hero-title[b-3jqzzqbpqq] {
    font-size: var(--size-h1);
    font-weight: var(--bold);
    color: var(--color-secondary);
    margin-bottom: 2rem;
    line-height: var(--lh-h1);
    font-family: var(--font-primary);
}

.hero-title .highlight[b-3jqzzqbpqq] {
    color: var(--color-third);
    position: relative;
}

.hero-title .highlight[b-3jqzzqbpqq]::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, var(--color-third), #26cf4b);
    border-radius: 2px;
}

.hero-description[b-3jqzzqbpqq] {
    font-size: var(--size-default);
    color: var(--btc);
    line-height: var(--lh-default);
    margin-bottom: 3rem;
    font-family: var(--font-primary);
}

/* Eco Stats */
.eco-stats[b-3jqzzqbpqq] {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
}

.eco-stat-item[b-3jqzzqbpqq] {
    text-align: center;
    padding: 1.5rem;
    background: var(--color-white);
    border-radius: 15px;
    box-shadow: var(--box-shadow);
    min-width: 120px;
    transition: var(--transition);
    border: 2px solid transparent;
}

.eco-stat-item:hover[b-3jqzzqbpqq] {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(112, 163, 127, 0.2);
    border-color: var(--color-third);
}

.eco-number[b-3jqzzqbpqq] {
    display: block;
    font-size: 2.5rem;
    font-weight: var(--bold);
    color: var(--color-third);
    margin-bottom: 0.5rem;
    font-family: var(--font-primary);
}

.eco-label[b-3jqzzqbpqq] {
    font-size: var(--size-small);
    color: var(--color-secondary);
    font-weight: var(--medium);
    font-family: var(--font-primary);
}

/* Hero Image */
.hero-image[b-3jqzzqbpqq] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 70px;
}

.sustainability-illustration[b-3jqzzqbpqq] {
    width: 100%;
    max-width: 600px;
}

.sustainability-svg[b-3jqzzqbpqq] {
    width: 100%;
    height: auto;
    filter: drop-shadow(0 10px 30px rgba(0,0,0,0.1));
}

/* Green Tech Section */
.green-tech-section[b-3jqzzqbpqq] {
    padding: 80px 0;
    background: var(--color-white);
}

.section-title[b-3jqzzqbpqq] {
    font-size: var(--size-h2);
    font-weight: var(--bold);
    color: var(--color-secondary);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
}

.section-subtitle[b-3jqzzqbpqq] {
    font-size: var(--size-default);
    color: var(--btc);
    margin-bottom: 4rem;
    font-family: var(--font-primary);
}

.green-tech-card[b-3jqzzqbpqq] {
    background: var(--color-white);
    padding: 2.5rem 1.5rem;
    border-radius: 20px;
    text-align: center;
    height: 100%;
    transition: var(--transition);
    box-shadow: var(--box-shadow);
    border: 2px solid transparent;
    position: relative;
    overflow: hidden;
}

.green-tech-card[b-3jqzzqbpqq]::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, var(--color-third), #26cf4b);
    transition: var(--transition);
    z-index: 1;
}

.green-tech-card:hover[b-3jqzzqbpqq]::before {
    left: 0;
}

.green-tech-card:hover[b-3jqzzqbpqq] {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(112, 163, 127, 0.2);
    border-color: var(--color-third);
}

.green-tech-card > *[b-3jqzzqbpqq] {
    position: relative;
    z-index: 2;
    transition: var(--transition);
}

.tech-icon[b-3jqzzqbpqq] {
    width: 80px;
    height: 80px;
    background: var(--color-third);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 2rem;
    transition: var(--transition);
}

.tech-icon i[b-3jqzzqbpqq] {
    font-size: 2rem;
    color: var(--color-white);
}

.green-tech-card:hover .tech-icon[b-3jqzzqbpqq] {
    background: var(--color-white);
    transform: scale(1.1);
}

.green-tech-card:hover .tech-icon i[b-3jqzzqbpqq] {
    color: var(--color-third);
}

.green-tech-card h4[b-3jqzzqbpqq] {
    font-size: var(--size-h4);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
}

.green-tech-card p[b-3jqzzqbpqq] {
    color: var(--btc);
    line-height: var(--lh-default);
    margin: 0;
    font-family: var(--font-primary);
}

.green-tech-card:hover h4[b-3jqzzqbpqq],
.green-tech-card:hover p[b-3jqzzqbpqq] {
    color: var(--color-white);
}

/* Environmental Impact Section */
.environmental-impact-section[b-3jqzzqbpqq] {
    padding: 80px 0;
    background: linear-gradient(135deg, var(--plan-bg) 0%, var(--light-border) 100%);
}

.impact-content[b-3jqzzqbpqq] {
    padding-right: 2rem;
}

.impact-title[b-3jqzzqbpqq] {
    font-size: var(--size-h2);
    font-weight: var(--bold);
    color: var(--color-secondary);
    margin-bottom: 1.5rem;
    font-family: var(--font-primary);
}

.impact-description[b-3jqzzqbpqq] {
    font-size: var(--size-default);
    color: var(--btc);
    line-height: var(--lh-default);
    margin-bottom: 3rem;
    font-family: var(--font-primary);
}

.impact-metrics[b-3jqzzqbpqq] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.metric-item[b-3jqzzqbpqq] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem;
    background: var(--color-white);
    border-radius: 15px;
    box-shadow: var(--box-shadow);
    transition: var(--transition);
}

.metric-item:hover[b-3jqzzqbpqq] {
    transform: translateX(10px);
    box-shadow: 0 10px 30px rgba(112, 163, 127, 0.15);
}

.metric-icon[b-3jqzzqbpqq] {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, var(--color-third), #26cf4b);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.metric-icon i[b-3jqzzqbpqq] {
    font-size: 1.5rem;
    color: var(--color-white);
}

.metric-content h5[b-3jqzzqbpqq] {
    font-size: var(--size-h5);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 0.5rem;
    font-family: var(--font-primary);
}

.metric-content p[b-3jqzzqbpqq] {
    color: var(--btc);
    margin: 0;
    font-size: var(--size-small);
    font-family: var(--font-primary);
}

/* Impact Chart */
.impact-chart[b-3jqzzqbpqq] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.chart-title[b-3jqzzqbpqq] {
    font-size: var(--size-h3);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 2rem;
    font-family: var(--font-primary);
    text-align: center;
}

.chart-placeholder[b-3jqzzqbpqq] {
    display: flex;
    align-items: end;
    gap: 1rem;
    height: 300px;
    padding: 2rem;
    background: var(--color-white);
    border-radius: 20px;
    box-shadow: var(--box-shadow);
    margin-bottom: 1rem;
    position: relative;
    border: 2px solid var(--light-border);
}

.chart-item[b-3jqzzqbpqq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
}

.chart-bar[b-3jqzzqbpqq] {
    width: 40px;
    background: linear-gradient(to top, var(--color-third), #26cf4b);
    border-radius: 8px 8px 0 0;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 0.5rem;
    color: var(--color-white);
    font-weight: var(--semibold);
    transition: var(--transition);
    animation: growUp-b-3jqzzqbpqq 2s ease-out;
    min-height: 50px;
}

@keyframes growUp-b-3jqzzqbpqq {
    from { height: 0; }
    to { height: 100%; }
}

.chart-bar:hover[b-3jqzzqbpqq] {
    transform: scale(1.05);
    filter: brightness(1.1);
}

.bar-label[b-3jqzzqbpqq] {
    position: absolute;
    bottom: -25px;
    font-size: var(--size-small);
    color: var(--color-secondary);
    font-weight: var(--medium);
    font-family: var(--font-primary);
}

.bar-value[b-3jqzzqbpqq] {
    font-size: var(--size-small);
    font-weight: var(--bold);
    font-family: var(--font-primary);
    margin-top: 0.25rem;
}

.chart-caption[b-3jqzzqbpqq] {
    text-align: center;
    color: var(--btc);
    font-size: var(--size-small);
    font-family: var(--font-primary);
    margin: 0;
}

/* Future Goals Section */
.future-goals-section[b-3jqzzqbpqq] {
    padding: 80px 0;
    background: var(--color-white);
}

.goal-card[b-3jqzzqbpqq] {
    background: var(--color-white);
    padding: 2rem 1.5rem;
    border-radius: 20px;
    text-align: center;
    height: 100%;
    transition: var(--transition);
    box-shadow: var(--box-shadow);
    border: 2px solid transparent;
    position: relative;
    overflow: hidden;
}

.goal-card:hover[b-3jqzzqbpqq] {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(112, 163, 127, 0.2);
    border-color: var(--color-third);
}

.goal-year[b-3jqzzqbpqq] {
    position: absolute;
    top: 15px;
    right: 15px;
    background: var(--color-third);
    color: var(--color-white);
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: var(--size-small);
    font-weight: var(--bold);
    font-family: var(--font-primary);
}

.goal-icon[b-3jqzzqbpqq] {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, var(--color-third), #26cf4b);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 2rem auto 1.5rem;
    transition: var(--transition);
}

.goal-icon i[b-3jqzzqbpqq] {
    font-size: 2rem;
    color: var(--color-white);
}

.goal-card:hover .goal-icon[b-3jqzzqbpqq] {
    transform: scale(1.1) rotate(5deg);
}

.goal-card h4[b-3jqzzqbpqq] {
    font-size: var(--size-h4);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
}

.goal-card p[b-3jqzzqbpqq] {
    color: var(--btc);
    line-height: var(--lh-default);
    margin: 0;
    font-family: var(--font-primary);
}

/* Responsive Design */
@media (max-width: 992px) {
    .hero-content h1.hero-title[b-3jqzzqbpqq] {
        font-size: calc(var(--size-h1) * 0.8);
    }
    
    .eco-stats[b-3jqzzqbpqq] {
        justify-content: center;
    }
    
    .impact-content[b-3jqzzqbpqq] {
        padding-right: 0;
        margin-bottom: 3rem;
    }
    
    .impact-metrics[b-3jqzzqbpqq] {
        gap: 1rem;
    }
}

@media (max-width: 768px) {
    .sustainability-hero-section[b-3jqzzqbpqq] {
        padding: 60px 0 40px;
        min-height: auto;
    }
    
    .hero-content h1.hero-title[b-3jqzzqbpqq] {
        font-size: calc(var(--size-h1) * 0.65);
        text-align: center;
    }
    
    .hero-description[b-3jqzzqbpqq] {
        text-align: center;
    }
    
    .eco-stats[b-3jqzzqbpqq] {
        justify-content: center;
        gap: 1rem;
    }
    
    .eco-stat-item[b-3jqzzqbpqq] {
        padding: 1rem;
        min-width: 100px;
    }
    
    .eco-number[b-3jqzzqbpqq] {
        font-size: 2rem;
    }
    
    .section-title[b-3jqzzqbpqq] {
        font-size: calc(var(--size-h2) * 0.8);
    }
    
    .green-tech-section[b-3jqzzqbpqq],
    .environmental-impact-section[b-3jqzzqbpqq],
    .future-goals-section[b-3jqzzqbpqq] {
        padding: 60px 0;
    }
    
    .green-tech-card[b-3jqzzqbpqq],
    .goal-card[b-3jqzzqbpqq] {
        margin-bottom: 2rem;
    }
    
    .metric-item[b-3jqzzqbpqq] {
        padding: 1rem;
    }
    
    .chart-placeholder[b-3jqzzqbpqq] {
        padding: 1rem;
        height: 250px;
    }
    
    .chart-bar[b-3jqzzqbpqq] {
        width: 30px;
    }
}

@media (max-width: 576px) {
    .hero-content h1.hero-title[b-3jqzzqbpqq] {
        font-size: calc(var(--size-h1) * 0.5);
    }
    
    .eco-stats[b-3jqzzqbpqq] {
        flex-direction: column;
        align-items: center;
    }
    
    .eco-stat-item[b-3jqzzqbpqq] {
        width: 100%;
        max-width: 200px;
    }
    
    .green-tech-card[b-3jqzzqbpqq],
    .goal-card[b-3jqzzqbpqq] {
        padding: 1.5rem;
    }
    
    .metric-item[b-3jqzzqbpqq] {
        flex-direction: column;
        text-align: center;
        gap: 0.5rem;
    }
    
    .chart-placeholder[b-3jqzzqbpqq] {
        gap: 0.5rem;
        height: 200px;
    }
    
    .chart-bar[b-3jqzzqbpqq] {
        width: 25px;
    }
} 
/* _content/VoxisWeb/Components/Pages/PrivacyPolicy.razor.rz.scp.css */
/* Privacy Policy Sayfası Stilleri */

.hero-image[b-hz8u2d8c8y] {
    background: linear-gradient(135deg, #40403f 0%, #292929 100%);
    color: white;
    padding: 120px 0 80px;
    margin-top: 70px;
    position: relative;
    overflow: hidden;
}

.hero-image[b-hz8u2d8c8y]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 300"><path fill="%23f68801" fill-opacity="0.1" d="M0,150 C150,50 350,250 500,150 C650,50 850,250 1000,150 L1000,300 L0,300 Z"/></svg>') repeat-x;
    background-size: 100% 100%;
}

.hero-title[b-hz8u2d8c8y] {
    font-size: 3.5rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.hero-subtitle[b-hz8u2d8c8y] {
    font-size: 1.3rem;
    font-weight: 300;
    opacity: 0.9;
    line-height: 1.6;
}

.content-card[b-hz8u2d8c8y] {
    background: white;
    border-radius: 20px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.1);
    overflow: hidden;
    margin-bottom: 3rem;
}

.card-header[b-hz8u2d8c8y] {
    background: linear-gradient(135deg, #f68801, #ff9800);
    color: white;
    padding: 2.5rem;
    text-align: center;
}

.card-header h2[b-hz8u2d8c8y] {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.card-content[b-hz8u2d8c8y] {
    padding: 3rem;
}

.card-footer[b-hz8u2d8c8y] {
    background: #f8f9fa;
    padding: 2rem 3rem;
    border-top: 1px solid #e9ecef;
}

.section[b-hz8u2d8c8y] {
    margin-bottom: 3rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #f0f0f0;
}

.section:last-child[b-hz8u2d8c8y] {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.section h3[b-hz8u2d8c8y] {
    color: #40403f;
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
    position: relative;
    padding-left: 20px;
}

.section h3[b-hz8u2d8c8y]::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 30px;
    background: linear-gradient(135deg, #f68801, #ff9800);
    border-radius: 2px;
}

.section p[b-hz8u2d8c8y] {
    color: #6e6e6e;
    line-height: 1.8;
    margin-bottom: 1.5rem;
    font-size: 1.1rem;
}

/* Bilgi Listesi */
.info-list[b-hz8u2d8c8y] {
    display: grid;
    gap: 1.5rem;
}

.info-item[b-hz8u2d8c8y] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.5rem;
    background: #fefefe;
    border-radius: 12px;
    border-left: 4px solid #f68801;
    transition: all 0.3s ease;
}

.info-item:hover[b-hz8u2d8c8y] {
    background: #fff8f1;
    transform: translateX(10px);
    box-shadow: 0 5px 20px rgba(246, 136, 1, 0.1);
}

.info-item i[b-hz8u2d8c8y] {
    color: #f68801;
    font-size: 1.5rem;
    margin-top: 2px;
    min-width: 24px;
}

.info-item strong[b-hz8u2d8c8y] {
    color: #40403f;
    font-size: 1.1rem;
}

/* Stillendirilmiş Liste */
.styled-list[b-hz8u2d8c8y] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.styled-list li[b-hz8u2d8c8y] {
    position: relative;
    padding-left: 2rem;
    margin-bottom: 1rem;
    color: #6e6e6e;
    line-height: 1.6;
    font-size: 1.1rem;
}

.styled-list li[b-hz8u2d8c8y]::before {
    content: '✓';
    position: absolute;
    left: 0;
    top: 0;
    color: #70a37f;
    font-weight: bold;
    font-size: 1.2rem;
}

/* Vurgulu Bölüm */
.highlight-section[b-hz8u2d8c8y] {
    background: linear-gradient(135deg, #fff8f1, #ffecd1);
    border-radius: 15px;
    padding: 2.5rem;
    border: 2px solid #f8c87d;
    position: relative;
}

.highlight-section[b-hz8u2d8c8y]::before {
    content: '📱';
    position: absolute;
    top: -15px;
    left: 30px;
    background: white;
    padding: 10px;
    border-radius: 50%;
    font-size: 1.5rem;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

/* Güvenlik Özellikleri */
.security-features[b-hz8u2d8c8y] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2rem;
    margin-top: 2rem;
}

.security-item[b-hz8u2d8c8y] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 2rem;
    background: white;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    border: 1px solid #f0f0f0;
    transition: all 0.3s ease;
}

.security-item:hover[b-hz8u2d8c8y] {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.12);
    border-color: #f68801;
}

.security-item i[b-hz8u2d8c8y] {
    color: #70a37f;
    font-size: 2rem;
    margin-top: 5px;
    min-width: 32px;
}

.security-item strong[b-hz8u2d8c8y] {
    color: #40403f;
    font-size: 1.2rem;
    display: block;
    margin-bottom: 0.5rem;
}

.security-item p[b-hz8u2d8c8y] {
    color: #6e6e6e;
    margin: 0;
    font-size: 1rem;
    line-height: 1.5;
}

/* Haklar Grid */
.rights-grid[b-hz8u2d8c8y] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.5rem;
    margin-top: 2rem;
}

.right-item[b-hz8u2d8c8y] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.5rem;
    background: #f9f9f9;
    border-radius: 12px;
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

.right-item:hover[b-hz8u2d8c8y] {
    background: white;
    border-color: #267dff;
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(38, 125, 255, 0.1);
}

.right-item i[b-hz8u2d8c8y] {
    color: #267dff;
    font-size: 1.5rem;
    margin-top: 2px;
    min-width: 24px;
}

.right-item strong[b-hz8u2d8c8y] {
    color: #40403f;
    font-size: 1.1rem;
    display: block;
    margin-bottom: 0.3rem;
}

.right-item p[b-hz8u2d8c8y] {
    color: #6e6e6e;
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.4;
}

/* İletişim Bölümü */
.contact-section[b-hz8u2d8c8y] {
    background: linear-gradient(135deg, #f0f8ff, #e6f3ff);
    border-radius: 15px;
    padding: 2.5rem;
    border: 2px solid #b3d9ff;
}

.contact-info[b-hz8u2d8c8y] {
    display: grid;
    gap: 1.5rem;
    margin-top: 2rem;
}

.contact-item[b-hz8u2d8c8y] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: white;
    border-radius: 10px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.05);
}

.contact-item i[b-hz8u2d8c8y] {
    color: #267dff;
    font-size: 1.3rem;
    min-width: 20px;
}

.contact-item strong[b-hz8u2d8c8y] {
    color: #40403f;
    margin-right: 0.5rem;
}

.contact-item a[b-hz8u2d8c8y] {
    color: #267dff;
    text-decoration: none;
    font-weight: 500;
}

.contact-item a:hover[b-hz8u2d8c8y] {
    text-decoration: underline;
}

/* Footer */
.footer-info[b-hz8u2d8c8y] {
    text-align: center;
}

.footer-info p[b-hz8u2d8c8y] {
    margin-bottom: 0.5rem;
}

/* Responsive Tasarım */
@media (max-width: 768px) {
    .hero-image[b-hz8u2d8c8y] {
        padding: 100px 0 60px;
        margin-top: 60px;
    }
    
    .hero-title[b-hz8u2d8c8y] {
        font-size: 2.5rem;
    }
    
    .hero-subtitle[b-hz8u2d8c8y] {
        font-size: 1.1rem;
    }
    
    .card-content[b-hz8u2d8c8y],
    .card-header[b-hz8u2d8c8y],
    .card-footer[b-hz8u2d8c8y] {
        padding: 2rem 1.5rem;
    }
    
    .section h3[b-hz8u2d8c8y] {
        font-size: 1.5rem;
    }
    
    .security-features[b-hz8u2d8c8y] {
        grid-template-columns: 1fr;
    }
    
    .rights-grid[b-hz8u2d8c8y] {
        grid-template-columns: 1fr;
    }
    
    .info-item:hover[b-hz8u2d8c8y] {
        transform: none;
    }
}

@media (max-width: 480px) {
    .hero-title[b-hz8u2d8c8y] {
        font-size: 2rem;
    }
    
    .card-content[b-hz8u2d8c8y],
    .card-header[b-hz8u2d8c8y],
    .card-footer[b-hz8u2d8c8y] {
        padding: 1.5rem 1rem;
    }
    
    .section[b-hz8u2d8c8y] {
        margin-bottom: 2rem;
        padding-bottom: 1.5rem;
    }
    
    .info-item[b-hz8u2d8c8y],
    .security-item[b-hz8u2d8c8y],
    .right-item[b-hz8u2d8c8y] {
        padding: 1rem;
    }
} 
/* _content/VoxisWeb/Components/Pages/Sektorler/Egitim.razor.rz.scp.css */
/* Eğitim Hero Section */
.egitim-hero-section[b-mavbzpeubk] {
    background: linear-gradient(135deg, var(--body-bg-2) 0%, var(--light-border) 100%);
    padding: 100px 0 80px;
    min-height: 600px;
    display: flex;
    align-items: center;
    margin-top: 70px;
}

.sector-badge[b-mavbzpeubk] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: linear-gradient(135deg, #267dff, #2196f3);
    color: var(--color-white);
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: var(--size-small);
    font-weight: var(--semibold);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
    animation: educationPulse-b-mavbzpeubk 2s infinite;
}

@keyframes educationPulse-b-mavbzpeubk {
    0%, 100% { box-shadow: 0 0 15px rgba(38, 125, 255, 0.5); }
    50% { box-shadow: 0 0 25px rgba(33, 150, 243, 0.7); }
}

.hero-content h1.hero-title[b-mavbzpeubk] {
    font-size: var(--size-h1);
    font-weight: var(--bold);
    color: var(--color-secondary);
    margin-bottom: 2rem;
    line-height: var(--lh-h1);
    font-family: var(--font-primary);
}

.hero-title .highlight[b-mavbzpeubk] {
    color: #267dff;
    position: relative;
}

.hero-title .highlight[b-mavbzpeubk]::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #267dff, #2196f3);
    border-radius: 2px;
    animation: educationGlow-b-mavbzpeubk 3s infinite;
}

@keyframes educationGlow-b-mavbzpeubk {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; transform: scaleX(1.05); }
}

.hero-description[b-mavbzpeubk] {
    font-size: var(--size-default);
    color: var(--btc);
    line-height: var(--lh-default);
    margin-bottom: 2rem;
    font-family: var(--font-primary);
    text-align: justify;
}

/* Hero Image */
.hero-image[b-mavbzpeubk] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 70px;
}

.egitim-illustration[b-mavbzpeubk] {
    width: 100%;
    max-width: 600px;
}

.egitim-svg[b-mavbzpeubk] {
    width: 100%;
    height: auto;
    filter: drop-shadow(0 10px 30px rgba(0,0,0,0.1));
}

/* Features Section */
.egitim-features-section[b-mavbzpeubk] {
    padding: 80px 0;
    background: var(--color-white);
}

.section-title[b-mavbzpeubk] {
    font-size: var(--size-h2);
    font-weight: var(--bold);
    color: var(--color-secondary);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
    text-align: center;
}

.section-subtitle[b-mavbzpeubk] {
    font-size: var(--size-default);
    color: var(--btc);
    margin-bottom: 4rem;
    font-family: var(--font-primary);
    text-align: center;
}

.feature-item[b-mavbzpeubk] {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
    padding: 2rem;
    background: var(--color-white);
    border-radius: 15px;
    box-shadow: var(--box-shadow);
    transition: var(--transition);
    border: 2px solid transparent;
    position: relative;
    margin-bottom: 2rem;
    height: 100%;
}

.feature-item[b-mavbzpeubk]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #267dff, #2196f3);
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.feature-item:hover[b-mavbzpeubk]::before {
    transform: scaleX(1);
}

.feature-item:hover[b-mavbzpeubk] {
    transform: translateY(-5px);
    border-color: #267dff;
    box-shadow: 0 15px 35px rgba(38, 125, 255, 0.15);
}

.feature-icon[b-mavbzpeubk] {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #267dff, #2196f3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
}

.feature-icon[b-mavbzpeubk]::after {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    background: linear-gradient(135deg, #267dff, #2196f3);
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: -1;
    animation: educationGlow2-b-mavbzpeubk 2s infinite;
}

@keyframes educationGlow2-b-mavbzpeubk {
    0% { transform: scale(1); opacity: 0.7; }
    50% { transform: scale(1.1); opacity: 0.3; }
    100% { transform: scale(1); opacity: 0.7; }
}

.feature-item:hover .feature-icon[b-mavbzpeubk]::after {
    opacity: 0.7;
}

.feature-icon i[b-mavbzpeubk] {
    font-size: 1.5rem;
    color: var(--color-white);
}

.feature-content h5[b-mavbzpeubk] {
    font-size: var(--size-h5);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 0.75rem;
    font-family: var(--font-primary);
}

.feature-content p[b-mavbzpeubk] {
    color: var(--btc);
    line-height: var(--lh-default);
    margin: 0;
    font-family: var(--font-primary);
}

/* Solutions Section */
.egitim-solutions-section[b-mavbzpeubk] {
    padding: 80px 0;
    background: linear-gradient(135deg, var(--body-bg-2) 0%, var(--light-border) 100%);
}

.solution-card[b-mavbzpeubk] {
    background: var(--color-white);
    padding: 2.5rem 2rem;
    border-radius: 20px;
    text-align: center;
    height: 100%;
    transition: var(--transition);
    box-shadow: var(--box-shadow);
    border: 2px solid transparent;
    position: relative;
    overflow: hidden;
}

.solution-card[b-mavbzpeubk]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #267dff, #2196f3);
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.solution-card:hover[b-mavbzpeubk]::before {
    transform: scaleX(1);
}

.solution-card:hover[b-mavbzpeubk] {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(38, 125, 255, 0.15);
    border-color: #267dff;
}

.solution-icon[b-mavbzpeubk] {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #267dff, #2196f3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 2rem;
    transition: var(--transition);
    position: relative;
}

.solution-icon[b-mavbzpeubk]::after {
    content: '';
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    background: linear-gradient(135deg, #267dff, #2196f3);
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: -1;
    animation: solutionGlow-b-mavbzpeubk 2s infinite;
}

@keyframes solutionGlow-b-mavbzpeubk {
    0% { transform: scale(1); opacity: 0.7; }
    50% { transform: scale(1.1); opacity: 0.3; }
    100% { transform: scale(1); opacity: 0.7; }
}

.solution-card:hover .solution-icon[b-mavbzpeubk] {
    transform: scale(1.1) rotate(10deg);
}

.solution-card:hover .solution-icon[b-mavbzpeubk]::after {
    opacity: 1;
}

.solution-icon i[b-mavbzpeubk] {
    font-size: 2rem;
    color: var(--color-white);
}

.solution-card h4[b-mavbzpeubk] {
    font-size: var(--size-h4);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
}

.solution-card p[b-mavbzpeubk] {
    color: var(--btc);
    line-height: var(--lh-default);
    margin-bottom: 1.5rem;
    font-family: var(--font-primary);
}

.solution-features[b-mavbzpeubk] {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
}

.solution-features li[b-mavbzpeubk] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0;
    font-family: var(--font-primary);
    color: var(--btc);
    font-size: var(--size-small);
}

.solution-features li[b-mavbzpeubk]::before {
    content: '✓';
    color: var(--color-third);
    font-weight: var(--bold);
    font-size: 1rem;
}

/* Education Theme Color Variations */
.feature-item:nth-child(2n) .feature-icon[b-mavbzpeubk] {
    background: linear-gradient(135deg, #ff9800, #f57c00);
}

.feature-item:nth-child(2n):hover .feature-icon[b-mavbzpeubk]::after {
    background: linear-gradient(135deg, #ff9800, #f57c00);
}

.feature-item:nth-child(3n) .feature-icon[b-mavbzpeubk] {
    background: linear-gradient(135deg, #4caf50, #388e3c);
}

.feature-item:nth-child(3n):hover .feature-icon[b-mavbzpeubk]::after {
    background: linear-gradient(135deg, #4caf50, #388e3c);
}

.feature-item:nth-child(4n) .feature-icon[b-mavbzpeubk] {
    background: linear-gradient(135deg, #9c27b0, #7b1fa2);
}

.feature-item:nth-child(4n):hover .feature-icon[b-mavbzpeubk]::after {
    background: linear-gradient(135deg, #9c27b0, #7b1fa2);
}

.solution-card:nth-child(2) .solution-icon[b-mavbzpeubk] {
    background: linear-gradient(135deg, #ff9800, #f57c00);
}

.solution-card:nth-child(2):hover .solution-icon[b-mavbzpeubk]::after {
    background: linear-gradient(135deg, #ff9800, #f57c00);
}

.solution-card:nth-child(3) .solution-icon[b-mavbzpeubk] {
    background: linear-gradient(135deg, #4caf50, #388e3c);
}

.solution-card:nth-child(3):hover .solution-icon[b-mavbzpeubk]::after {
    background: linear-gradient(135deg, #4caf50, #388e3c);
}

/* Educational Icons Animation */
.feature-icon:hover[b-mavbzpeubk],
.solution-icon:hover[b-mavbzpeubk] {
    animation: educationalMotion-b-mavbzpeubk 1s ease-in-out;
}

@keyframes educationalMotion-b-mavbzpeubk {
    0% { transform: scale(1) rotate(0deg); }
    25% { transform: scale(1.05) rotate(5deg); }
    50% { transform: scale(1.1) rotate(-5deg); }
    75% { transform: scale(1.05) rotate(5deg); }
    100% { transform: scale(1) rotate(0deg); }
}

/* Learning Progression Animation */
.feature-item:nth-child(odd):hover .feature-icon[b-mavbzpeubk] {
    animation: learningProgress-b-mavbzpeubk 2s ease-in-out;
}

@keyframes learningProgress-b-mavbzpeubk {
    0% { transform: scale(1); }
    25% { transform: scale(1.1); box-shadow: 0 0 20px rgba(38, 125, 255, 0.6); }
    50% { transform: scale(1.05); }
    75% { transform: scale(1.1); box-shadow: 0 0 15px rgba(38, 125, 255, 0.4); }
    100% { transform: scale(1); }
}

/* Responsive Design */
@media (max-width: 992px) {
    .hero-content h1.hero-title[b-mavbzpeubk] {
        font-size: 2.5rem;
    }

    .feature-item[b-mavbzpeubk] {
        padding: 1.5rem;
        margin-bottom: 1.5rem;
    }

    .solution-card[b-mavbzpeubk] {
        margin-bottom: 2rem;
    }
}

@media (max-width: 768px) {
    .egitim-hero-section[b-mavbzpeubk] {
        padding: 80px 0 60px;
        min-height: auto;
    }

    .hero-content h1.hero-title[b-mavbzpeubk] {
        font-size: 2rem;
        margin-bottom: 1.5rem;
    }

    .hero-description[b-mavbzpeubk] {
        font-size: 0.95rem;
        margin-bottom: 1.5rem;
    }

    .section-title[b-mavbzpeubk] {
        font-size: 1.75rem;
    }

    .egitim-features-section[b-mavbzpeubk],
    .egitim-solutions-section[b-mavbzpeubk] {
        padding: 60px 0;
    }

    .feature-item[b-mavbzpeubk] {
        padding: 1.25rem;
        flex-direction: column;
        text-align: center;
        margin-bottom: 1.5rem;
    }

    .feature-icon[b-mavbzpeubk] {
        width: 50px;
        height: 50px;
        margin-bottom: 1rem;
    }

    .solution-card[b-mavbzpeubk] {
        padding: 2rem 1.5rem;
        margin-bottom: 1.5rem;
    }

    .solution-features[b-mavbzpeubk] {
        text-align: center;
    }
}

@media (max-width: 576px) {
    .hero-content h1.hero-title[b-mavbzpeubk] {
        font-size: 1.75rem;
    }

    .hero-description[b-mavbzpeubk] {
        font-size: 0.9rem;
    }

    .section-title[b-mavbzpeubk] {
        font-size: 1.5rem;
        margin-bottom: 0.75rem;
    }

    .section-subtitle[b-mavbzpeubk] {
        font-size: 0.9rem;
        margin-bottom: 3rem;
    }

    .feature-item[b-mavbzpeubk] {
        padding: 1rem;
        margin-bottom: 1rem;
    }

    .feature-icon[b-mavbzpeubk] {
        width: 45px;
        height: 45px;
    }

    .feature-icon i[b-mavbzpeubk] {
        font-size: 1.25rem;
    }

    .feature-content h5[b-mavbzpeubk] {
        font-size: 1rem;
        margin-bottom: 0.5rem;
    }

    .feature-content p[b-mavbzpeubk] {
        font-size: 0.9rem;
    }

    .solution-card[b-mavbzpeubk] {
        padding: 1.5rem 1rem;
    }

    .solution-icon[b-mavbzpeubk] {
        width: 70px;
        height: 70px;
        margin-bottom: 1.5rem;
    }

    .solution-icon i[b-mavbzpeubk] {
        font-size: 1.75rem;
    }

    .solution-card h4[b-mavbzpeubk] {
        font-size: 1.1rem;
        margin-bottom: 0.75rem;
    }

    .solution-card p[b-mavbzpeubk] {
        font-size: 0.9rem;
        margin-bottom: 1rem;
    }

    .solution-features li[b-mavbzpeubk] {
        font-size: 0.85rem;
        padding: 0.25rem 0;
    }
}

/* Interactive Education Elements */
.feature-item:hover[b-mavbzpeubk] {
    background: linear-gradient(135deg, rgba(38, 125, 255, 0.02), rgba(33, 150, 243, 0.02));
}

.solution-card:hover[b-mavbzpeubk] {
    background: linear-gradient(135deg, rgba(38, 125, 255, 0.02), rgba(33, 150, 243, 0.02));
}

/* Academic Achievement Indicators */
.feature-item:nth-child(1):hover .feature-icon[b-mavbzpeubk],
.feature-item:nth-child(3):hover .feature-icon[b-mavbzpeubk],
.feature-item:nth-child(5):hover .feature-icon[b-mavbzpeubk] {
    box-shadow: 0 0 25px rgba(38, 125, 255, 0.5);
}

.feature-item:nth-child(2):hover .feature-icon[b-mavbzpeubk],
.feature-item:nth-child(4):hover .feature-icon[b-mavbzpeubk],
.feature-item:nth-child(6):hover .feature-icon[b-mavbzpeubk] {
    box-shadow: 0 0 25px rgba(255, 152, 0, 0.5);
}

/* Knowledge Transfer Animation */
@keyframes knowledgeFlow-b-mavbzpeubk {
    0% { opacity: 0.5; transform: translateX(-5px); }
    50% { opacity: 1; transform: translateX(5px); }
    100% { opacity: 0.5; transform: translateX(-5px); }
}

.feature-item:hover .feature-content h5[b-mavbzpeubk]::after {
    content: '→';
    color: #267dff;
    margin-left: 0.5rem;
    animation: knowledgeFlow-b-mavbzpeubk 2s infinite;
} 
/* _content/VoxisWeb/Components/Pages/Sektorler/Eticaret.razor.rz.scp.css */
/* E-ticaret Hero Section */
.eticaret-hero-section[b-ahctxn6yp0] {
    background: linear-gradient(135deg, var(--body-bg-2) 0%, var(--light-border) 100%);
    padding: 100px 0 80px;
    min-height: 600px;
    display: flex;
    align-items: center;
    margin-top: 70px;
}

.sector-badge[b-ahctxn6yp0] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: linear-gradient(135deg, #ff6b35, #f44336);
    color: var(--color-white);
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: var(--size-small);
    font-weight: var(--semibold);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
    animation: eticaretPulse-b-ahctxn6yp0 2s infinite;
}

@keyframes eticaretPulse-b-ahctxn6yp0 {
    0%, 100% { box-shadow: 0 0 15px rgba(255, 107, 53, 0.5); }
    50% { box-shadow: 0 0 25px rgba(244, 67, 54, 0.7); }
}

.hero-content h1.hero-title[b-ahctxn6yp0] {
    font-size: var(--size-h1);
    font-weight: var(--bold);
    color: var(--color-secondary);
    margin-bottom: 2rem;
    line-height: var(--lh-h1);
    font-family: var(--font-primary);
}

.hero-title .highlight[b-ahctxn6yp0] {
    color: #ff6b35;
    position: relative;
}

.hero-title .highlight[b-ahctxn6yp0]::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #ff6b35, #f44336);
    border-radius: 2px;
    animation: eticaretGlow-b-ahctxn6yp0 3s infinite;
}

@keyframes eticaretGlow-b-ahctxn6yp0 {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; transform: scaleX(1.05); }
}

.hero-description[b-ahctxn6yp0] {
    font-size: var(--size-default);
    color: var(--btc);
    line-height: var(--lh-default);
    margin-bottom: 2rem;
    font-family: var(--font-primary);
    text-align: justify;
}

/* Hero Image */
.hero-image[b-ahctxn6yp0] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 70px;
}

.eticaret-illustration[b-ahctxn6yp0] {
    width: 100%;
    max-width: 600px;
}

.eticaret-svg[b-ahctxn6yp0] {
    width: 100%;
    height: auto;
    filter: drop-shadow(0 10px 30px rgba(0,0,0,0.1));
}

/* Features Section */
.eticaret-features-section[b-ahctxn6yp0] {
    padding: 80px 0;
    background: var(--color-white);
}

.section-title[b-ahctxn6yp0] {
    font-size: var(--size-h2);
    font-weight: var(--bold);
    color: var(--color-secondary);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
    text-align: center;
}

.section-subtitle[b-ahctxn6yp0] {
    font-size: var(--size-default);
    color: var(--btc);
    margin-bottom: 4rem;
    font-family: var(--font-primary);
    text-align: center;
}

.feature-item[b-ahctxn6yp0] {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
    padding: 2rem;
    background: var(--color-white);
    border-radius: 15px;
    box-shadow: var(--box-shadow);
    transition: var(--transition);
    border: 2px solid transparent;
    position: relative;
    margin-bottom: 2rem;
    height: 100%;
}

.feature-item[b-ahctxn6yp0]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #ff6b35, #f44336);
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.feature-item:hover[b-ahctxn6yp0]::before {
    transform: scaleX(1);
}

.feature-item:hover[b-ahctxn6yp0] {
    transform: translateY(-5px);
    border-color: #ff6b35;
    box-shadow: 0 15px 35px rgba(255, 107, 53, 0.15);
}

.feature-icon[b-ahctxn6yp0] {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #ff6b35, #f44336);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
}

.feature-icon[b-ahctxn6yp0]::after {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    background: linear-gradient(135deg, #ff6b35, #f44336);
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: -1;
    animation: eticaretGlow2-b-ahctxn6yp0 2s infinite;
}

@keyframes eticaretGlow2-b-ahctxn6yp0 {
    0% { transform: scale(1); opacity: 0.7; }
    50% { transform: scale(1.1); opacity: 0.3; }
    100% { transform: scale(1); opacity: 0.7; }
}

.feature-item:hover .feature-icon[b-ahctxn6yp0]::after {
    opacity: 0.7;
}

.feature-icon i[b-ahctxn6yp0] {
    font-size: 1.5rem;
    color: var(--color-white);
}

.feature-content h5[b-ahctxn6yp0] {
    font-size: var(--size-h5);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 0.75rem;
    font-family: var(--font-primary);
}

.feature-content p[b-ahctxn6yp0] {
    color: var(--btc);
    line-height: var(--lh-default);
    margin: 0;
    font-family: var(--font-primary);
}

/* Solutions Section */
.eticaret-solutions-section[b-ahctxn6yp0] {
    padding: 80px 0;
    background: linear-gradient(135deg, var(--body-bg-2) 0%, var(--light-border) 100%);
}

.solution-card[b-ahctxn6yp0] {
    background: var(--color-white);
    padding: 2.5rem 2rem;
    border-radius: 20px;
    text-align: center;
    height: 100%;
    transition: var(--transition);
    box-shadow: var(--box-shadow);
    border: 2px solid transparent;
    position: relative;
    overflow: hidden;
}

.solution-card[b-ahctxn6yp0]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #ff6b35, #f44336);
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.solution-card:hover[b-ahctxn6yp0]::before {
    transform: scaleX(1);
}

.solution-card:hover[b-ahctxn6yp0] {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(255, 107, 53, 0.15);
    border-color: #ff6b35;
}

.solution-icon[b-ahctxn6yp0] {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #ff6b35, #f44336);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 2rem;
    transition: var(--transition);
    position: relative;
}

.solution-icon[b-ahctxn6yp0]::after {
    content: '';
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    background: linear-gradient(135deg, #ff6b35, #f44336);
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: -1;
    animation: solutionGlow-b-ahctxn6yp0 2s infinite;
}

@keyframes solutionGlow-b-ahctxn6yp0 {
    0% { transform: scale(1); opacity: 0.7; }
    50% { transform: scale(1.1); opacity: 0.3; }
    100% { transform: scale(1); opacity: 0.7; }
}

.solution-card:hover .solution-icon[b-ahctxn6yp0] {
    transform: scale(1.1) rotate(10deg);
}

.solution-card:hover .solution-icon[b-ahctxn6yp0]::after {
    opacity: 1;
}

.solution-icon i[b-ahctxn6yp0] {
    font-size: 2rem;
    color: var(--color-white);
}

.solution-card h4[b-ahctxn6yp0] {
    font-size: var(--size-h4);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
}

.solution-card p[b-ahctxn6yp0] {
    color: var(--btc);
    line-height: var(--lh-default);
    margin-bottom: 1.5rem;
    font-family: var(--font-primary);
}

.solution-features[b-ahctxn6yp0] {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
}

.solution-features li[b-ahctxn6yp0] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0;
    font-family: var(--font-primary);
    color: var(--btc);
    font-size: var(--size-small);
}

.solution-features li[b-ahctxn6yp0]::before {
    content: '✓';
    color: var(--color-third);
    font-weight: var(--bold);
    font-size: 1rem;
}

/* Responsive Design */
@media (max-width: 768px) {
    :root[b-ahctxn6yp0] {
        --section-spacing: 3rem;
    }

    .hero-title[b-ahctxn6yp0] {
        font-size: 2.5rem;
    }

    .hero-description[b-ahctxn6yp0] {
        font-size: 1.1rem;
    }

    .eticaret-illustration[b-ahctxn6yp0] {
        padding: 1rem;
    }

    .feature-item[b-ahctxn6yp0] {
        padding: 1.5rem;
        flex-direction: column;
        text-align: center;
        gap: 1rem;
    }

    .feature-icon[b-ahctxn6yp0] {
        width: 50px;
        height: 50px;
    }

    .feature-icon i[b-ahctxn6yp0] {
        font-size: 1.25rem;
    }

    .solution-card[b-ahctxn6yp0] {
        padding: 2rem;
    }

    .solution-icon[b-ahctxn6yp0] {
        width: 60px;
        height: 60px;
    }

    .solution-icon i[b-ahctxn6yp0] {
        font-size: 1.5rem;
    }
}

@media (max-width: 576px) {
    .hero-title[b-ahctxn6yp0] {
        font-size: 2rem;
    }

    .section-title[b-ahctxn6yp0] {
        font-size: 2rem;
    }

    .feature-item[b-ahctxn6yp0] {
        padding: 1rem;
    }

    .solution-card[b-ahctxn6yp0] {
        padding: 1.5rem;
    }
}

/* Özel animasyonlar */
@keyframes eticaretShoppingFlow-b-ahctxn6yp0 {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
}

@keyframes eticaretOrderPulse-b-ahctxn6yp0 {
    0%, 100% { 
        box-shadow: 0 0 20px rgba(255, 107, 53, 0.3);
        transform: scale(1);
    }
    50% { 
        box-shadow: 0 0 30px rgba(255, 107, 53, 0.6);
        transform: scale(1.05);
    }
}

@keyframes eticaretPaymentFlow-b-ahctxn6yp0 {
    0% { transform: translateX(-100%) scale(0); }
    50% { transform: translateX(0%) scale(1); }
    100% { transform: translateX(100%) scale(0); }
}

/* E-ticaret sektörü özel efektleri */
.eticaret-hero-section .hero-image[b-ahctxn6yp0] {
    animation: eticaretShoppingFlow-b-ahctxn6yp0 6s ease-in-out infinite;
}

.feature-item:nth-child(odd)[b-ahctxn6yp0] {
    animation-delay: 0.1s;
}

.feature-item:nth-child(even)[b-ahctxn6yp0] {
    animation-delay: 0.3s;
}

.solution-card:nth-child(1)[b-ahctxn6yp0] {
    animation-delay: 0.2s;
}

.solution-card:nth-child(2)[b-ahctxn6yp0] {
    animation-delay: 0.4s;
}

.solution-card:nth-child(3)[b-ahctxn6yp0] {
    animation-delay: 0.6s;
}

/* SVG animasyonları için ek stiller */
.eticaret-svg rect[fill*="#4caf50"][b-ahctxn6yp0] {
    animation: eticaretOrderPulse-b-ahctxn6yp0 3s ease-in-out infinite;
}

.eticaret-svg circle[fill*="#ff6b35"][b-ahctxn6yp0] {
    animation: eticaretShoppingFlow-b-ahctxn6yp0 4s ease-in-out infinite;
}

.eticaret-svg text[fill*="#ff6b35"][b-ahctxn6yp0] {
    animation: eticaretTextGlow 2s ease-in-out infinite;
}

/* Hover efektleri */
.feature-icon:hover[b-ahctxn6yp0] {
    animation: eticaretCartSpin 1s ease-in-out;
}

.solution-icon:hover[b-ahctxn6yp0] {
    animation: eticaretOrderPulse-b-ahctxn6yp0 2s ease-in-out infinite;
}

/* Özel buton animasyonları */
@keyframes eticaretButtonGlow-b-ahctxn6yp0 {
    0%, 100% { box-shadow: 0 0 10px rgba(255, 107, 53, 0.3); }
    50% { box-shadow: 0 0 20px rgba(255, 107, 53, 0.6); }
} 
/* _content/VoxisWeb/Components/Pages/Sektorler/Hizmet.razor.rz.scp.css */
/* Hizmet Hero Section */
.hizmet-hero-section[b-7r0mfudgjh] {
    background: linear-gradient(135deg, var(--body-bg-2) 0%, var(--light-border) 100%);
    padding: 100px 0 80px;
    min-height: 600px;
    display: flex;
    align-items: center;
    margin-top: 70px;
}

.sector-badge[b-7r0mfudgjh] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: linear-gradient(135deg, #3f51b5, #2196f3);
    color: var(--color-white);
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: var(--size-small);
    font-weight: var(--semibold);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
    animation: hizmetPulse-b-7r0mfudgjh 2s infinite;
}

@keyframes hizmetPulse-b-7r0mfudgjh {
    0%, 100% { box-shadow: 0 0 15px rgba(63, 81, 181, 0.5); }
    50% { box-shadow: 0 0 25px rgba(33, 150, 243, 0.7); }
}

.hero-content h1.hero-title[b-7r0mfudgjh] {
    font-size: var(--size-h1);
    font-weight: var(--bold);
    color: var(--color-secondary);
    margin-bottom: 2rem;
    line-height: var(--lh-h1);
    font-family: var(--font-primary);
}

.hero-title .highlight[b-7r0mfudgjh] {
    color: #3f51b5;
    position: relative;
}

.hero-title .highlight[b-7r0mfudgjh]::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #3f51b5, #2196f3);
    border-radius: 2px;
    animation: hizmetGlow-b-7r0mfudgjh 3s infinite;
}

@keyframes hizmetGlow-b-7r0mfudgjh {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; transform: scaleX(1.05); }
}

.hero-description[b-7r0mfudgjh] {
    font-size: var(--size-default);
    color: var(--btc);
    line-height: var(--lh-default);
    margin-bottom: 2rem;
    font-family: var(--font-primary);
    text-align: justify;
}

/* Hero Image */
.hero-image[b-7r0mfudgjh] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 70px;
}

.hizmet-illustration[b-7r0mfudgjh] {
    width: 100%;
    max-width: 600px;
}

.hizmet-svg[b-7r0mfudgjh] {
    width: 100%;
    height: auto;
    filter: drop-shadow(0 10px 30px rgba(0,0,0,0.1));
}

/* Features Section */
.hizmet-features-section[b-7r0mfudgjh] {
    padding: 80px 0;
    background: var(--color-white);
}

.section-title[b-7r0mfudgjh] {
    font-size: var(--size-h2);
    font-weight: var(--bold);
    color: var(--color-secondary);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
    text-align: center;
}

.section-subtitle[b-7r0mfudgjh] {
    font-size: var(--size-default);
    color: var(--btc);
    margin-bottom: 4rem;
    font-family: var(--font-primary);
    text-align: center;
}

.feature-item[b-7r0mfudgjh] {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
    padding: 2rem;
    background: var(--color-white);
    border-radius: 15px;
    box-shadow: var(--box-shadow);
    transition: var(--transition);
    border: 2px solid transparent;
    position: relative;
    margin-bottom: 2rem;
    height: 100%;
}

.feature-item[b-7r0mfudgjh]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #3f51b5, #2196f3);
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.feature-item:hover[b-7r0mfudgjh]::before {
    transform: scaleX(1);
}

.feature-item:hover[b-7r0mfudgjh] {
    transform: translateY(-5px);
    border-color: #3f51b5;
    box-shadow: 0 15px 35px rgba(63, 81, 181, 0.15);
}

.feature-icon[b-7r0mfudgjh] {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #3f51b5, #2196f3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
}

.feature-icon[b-7r0mfudgjh]::after {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    background: linear-gradient(135deg, #3f51b5, #2196f3);
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: -1;
    animation: hizmetGlow2-b-7r0mfudgjh 2s infinite;
}

@keyframes hizmetGlow2-b-7r0mfudgjh {
    0% { transform: scale(1); opacity: 0.7; }
    50% { transform: scale(1.1); opacity: 0.3; }
    100% { transform: scale(1); opacity: 0.7; }
}

.feature-item:hover .feature-icon[b-7r0mfudgjh]::after {
    opacity: 0.7;
}

.feature-icon i[b-7r0mfudgjh] {
    font-size: 1.5rem;
    color: var(--color-white);
}

.feature-content h5[b-7r0mfudgjh] {
    font-size: var(--size-h5);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 0.75rem;
    font-family: var(--font-primary);
}

.feature-content p[b-7r0mfudgjh] {
    color: var(--btc);
    line-height: var(--lh-default);
    margin: 0;
    font-family: var(--font-primary);
}

/* Solutions Section */
.hizmet-solutions-section[b-7r0mfudgjh] {
    padding: 80px 0;
    background: linear-gradient(135deg, var(--body-bg-2) 0%, var(--light-border) 100%);
}

.solution-card[b-7r0mfudgjh] {
    background: var(--color-white);
    padding: 2.5rem 2rem;
    border-radius: 20px;
    text-align: center;
    height: 100%;
    transition: var(--transition);
    box-shadow: var(--box-shadow);
    border: 2px solid transparent;
    position: relative;
    overflow: hidden;
}

.solution-card[b-7r0mfudgjh]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #3f51b5, #2196f3);
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.solution-card:hover[b-7r0mfudgjh]::before {
    transform: scaleX(1);
}

.solution-card:hover[b-7r0mfudgjh] {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(63, 81, 181, 0.15);
    border-color: #3f51b5;
}

.solution-icon[b-7r0mfudgjh] {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #3f51b5, #2196f3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 2rem;
    transition: var(--transition);
    position: relative;
}

.solution-icon[b-7r0mfudgjh]::after {
    content: '';
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    background: linear-gradient(135deg, #3f51b5, #2196f3);
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: -1;
    animation: solutionGlow-b-7r0mfudgjh 2s infinite;
}

@keyframes solutionGlow-b-7r0mfudgjh {
    0% { transform: scale(1); opacity: 0.7; }
    50% { transform: scale(1.1); opacity: 0.3; }
    100% { transform: scale(1); opacity: 0.7; }
}

.solution-card:hover .solution-icon[b-7r0mfudgjh] {
    transform: scale(1.1) rotate(10deg);
}

.solution-card:hover .solution-icon[b-7r0mfudgjh]::after {
    opacity: 1;
}

.solution-icon i[b-7r0mfudgjh] {
    font-size: 2rem;
    color: var(--color-white);
}

.solution-card h4[b-7r0mfudgjh] {
    font-size: var(--size-h4);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
}

.solution-card p[b-7r0mfudgjh] {
    color: var(--btc);
    line-height: var(--lh-default);
    margin-bottom: 1.5rem;
    font-family: var(--font-primary);
}

.solution-features[b-7r0mfudgjh] {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
}

.solution-features li[b-7r0mfudgjh] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0;
    font-family: var(--font-primary);
    color: var(--btc);
    font-size: var(--size-small);
}

.solution-features li[b-7r0mfudgjh]::before {
    content: '✓';
    color: var(--color-third);
    font-weight: var(--bold);
    font-size: 1rem;
}

/* Responsive Design */
@media (max-width: 768px) {
    :root[b-7r0mfudgjh] {
        --section-spacing: 3rem;
    }

    .hero-title[b-7r0mfudgjh] {
        font-size: 2.5rem;
    }

    .hero-description[b-7r0mfudgjh] {
        font-size: 1.1rem;
    }

    .hizmet-illustration[b-7r0mfudgjh] {
        padding: 1rem;
    }

    .feature-item[b-7r0mfudgjh] {
        padding: 1.5rem;
        flex-direction: column;
        text-align: center;
        gap: 1rem;
    }

    .feature-icon[b-7r0mfudgjh] {
        width: 50px;
        height: 50px;
    }

    .feature-icon i[b-7r0mfudgjh] {
        font-size: 1.25rem;
    }

    .solution-card[b-7r0mfudgjh] {
        padding: 2rem;
    }

    .solution-icon[b-7r0mfudgjh] {
        width: 60px;
        height: 60px;
    }

    .solution-icon i[b-7r0mfudgjh] {
        font-size: 1.5rem;
    }
}

@media (max-width: 576px) {
    .hero-title[b-7r0mfudgjh] {
        font-size: 2rem;
    }

    .section-title[b-7r0mfudgjh] {
        font-size: 2rem;
    }

    .feature-item[b-7r0mfudgjh] {
        padding: 1rem;
    }

    .solution-card[b-7r0mfudgjh] {
        padding: 1.5rem;
    }
}

/* Özel animasyonlar */
@keyframes hizmetServiceFloat-b-7r0mfudgjh {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
}

@keyframes hizmetDataFlow-b-7r0mfudgjh {
    0% { transform: translateX(-100%) scale(0); }
    50% { transform: translateX(0%) scale(1); }
    100% { transform: translateX(100%) scale(0); }
}

@keyframes hizmetPulseGlow-b-7r0mfudgjh {
    0%, 100% { 
        box-shadow: 0 0 20px rgba(63, 81, 181, 0.3);
        transform: scale(1);
    }
    50% { 
        box-shadow: 0 0 30px rgba(63, 81, 181, 0.6);
        transform: scale(1.05);
    }
}

/* Hizmet sektörü özel efektleri */
.hizmet-hero-section .hero-image[b-7r0mfudgjh] {
    animation: hizmetServiceFloat-b-7r0mfudgjh 6s ease-in-out infinite;
}

.feature-item:nth-child(odd)[b-7r0mfudgjh] {
    animation-delay: 0.1s;
}

.feature-item:nth-child(even)[b-7r0mfudgjh] {
    animation-delay: 0.3s;
}

.solution-card:nth-child(1)[b-7r0mfudgjh] {
    animation-delay: 0.2s;
}

.solution-card:nth-child(2)[b-7r0mfudgjh] {
    animation-delay: 0.4s;
}

.solution-card:nth-child(3)[b-7r0mfudgjh] {
    animation-delay: 0.6s;
}

/* SVG animasyonları için ek stiller */
.hizmet-svg rect[fill*="#4caf50"][b-7r0mfudgjh] {
    animation: hizmetPulseGlow-b-7r0mfudgjh 3s ease-in-out infinite;
}

.hizmet-svg circle[fill*="#ff9800"][b-7r0mfudgjh] {
    animation: hizmetServiceFloat-b-7r0mfudgjh 4s ease-in-out infinite;
}

.hizmet-svg text[fill*="#3f51b5"][b-7r0mfudgjh] {
    animation: hizmetTextGlow 2s ease-in-out infinite;
} 
/* _content/VoxisWeb/Components/Pages/Sektorler/Imalat.razor.rz.scp.css */
/* İmalat Hero Section */
.imalat-hero-section[b-bbc97944nj] {
    background: linear-gradient(135deg, var(--body-bg-2) 0%, var(--light-border) 100%);
    padding: 100px 0 80px;
    min-height: 600px;
    display: flex;
    align-items: center;
    margin-top: 70px;
}

.sector-badge[b-bbc97944nj] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: linear-gradient(135deg, #ff6b35, #f44336);
    color: var(--color-white);
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: var(--size-small);
    font-weight: var(--semibold);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
    animation: imalatPulse-b-bbc97944nj 2s infinite;
}

@keyframes imalatPulse-b-bbc97944nj {
    0%, 100% { box-shadow: 0 0 15px rgba(255, 107, 53, 0.5); }
    50% { box-shadow: 0 0 25px rgba(244, 67, 54, 0.7); }
}

.hero-content h1.hero-title[b-bbc97944nj] {
    font-size: var(--size-h1);
    font-weight: var(--bold);
    color: var(--color-secondary);
    margin-bottom: 2rem;
    line-height: var(--lh-h1);
    font-family: var(--font-primary);
}

.hero-title .highlight[b-bbc97944nj] {
    color: #ff6b35;
    position: relative;
}

.hero-title .highlight[b-bbc97944nj]::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #ff6b35, #f44336);
    border-radius: 2px;
    animation: imalatGlow-b-bbc97944nj 3s infinite;
}

@keyframes imalatGlow-b-bbc97944nj {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; transform: scaleX(1.05); }
}

.hero-description[b-bbc97944nj] {
    font-size: var(--size-default);
    color: var(--btc);
    line-height: var(--lh-default);
    margin-bottom: 2rem;
    font-family: var(--font-primary);
    text-align: justify;
}

/* Hero Image */
.hero-image[b-bbc97944nj] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 70px;
}

.imalat-illustration[b-bbc97944nj] {
    width: 100%;
    max-width: 600px;
}

.imalat-svg[b-bbc97944nj] {
    width: 100%;
    height: auto;
    filter: drop-shadow(0 10px 30px rgba(0,0,0,0.1));
}

/* Features Section */
.imalat-features-section[b-bbc97944nj] {
    padding: 80px 0;
    background: var(--color-white);
}

.section-title[b-bbc97944nj] {
    font-size: var(--size-h2);
    font-weight: var(--bold);
    color: var(--color-secondary);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
    text-align: center;
}

.section-subtitle[b-bbc97944nj] {
    font-size: var(--size-default);
    color: var(--btc);
    margin-bottom: 4rem;
    font-family: var(--font-primary);
    text-align: center;
}

.feature-item[b-bbc97944nj] {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
    padding: 2rem;
    background: var(--color-white);
    border-radius: 15px;
    box-shadow: var(--box-shadow);
    transition: var(--transition);
    border: 2px solid transparent;
    position: relative;
    margin-bottom: 2rem;
    height: 100%;
}

.feature-item[b-bbc97944nj]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #ff6b35, #f44336);
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.feature-item:hover[b-bbc97944nj]::before {
    transform: scaleX(1);
}

.feature-item:hover[b-bbc97944nj] {
    transform: translateY(-5px);
    border-color: #ff6b35;
    box-shadow: 0 15px 35px rgba(255, 107, 53, 0.15);
}

.feature-icon[b-bbc97944nj] {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #ff6b35, #f44336);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
}

.feature-icon[b-bbc97944nj]::after {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    background: linear-gradient(135deg, #ff6b35, #f44336);
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: -1;
    animation: imalatGlow2-b-bbc97944nj 2s infinite;
}

@keyframes imalatGlow2-b-bbc97944nj {
    0% { transform: scale(1); opacity: 0.7; }
    50% { transform: scale(1.1); opacity: 0.3; }
    100% { transform: scale(1); opacity: 0.7; }
}

.feature-item:hover .feature-icon[b-bbc97944nj]::after {
    opacity: 0.7;
}

.feature-icon i[b-bbc97944nj] {
    font-size: 1.5rem;
    color: var(--color-white);
}

.feature-content h5[b-bbc97944nj] {
    font-size: var(--size-h5);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 0.75rem;
    font-family: var(--font-primary);
}

.feature-content p[b-bbc97944nj] {
    color: var(--btc);
    line-height: var(--lh-default);
    margin: 0;
    font-family: var(--font-primary);
}

/* Solutions Section */
.imalat-solutions-section[b-bbc97944nj] {
    padding: 80px 0;
    background: linear-gradient(135deg, var(--body-bg-2) 0%, var(--light-border) 100%);
}

.solution-card[b-bbc97944nj] {
    background: var(--color-white);
    padding: 2.5rem 2rem;
    border-radius: 20px;
    text-align: center;
    height: 100%;
    transition: var(--transition);
    box-shadow: var(--box-shadow);
    border: 2px solid transparent;
    position: relative;
    overflow: hidden;
}

.solution-card[b-bbc97944nj]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #ff6b35, #f44336);
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.solution-card:hover[b-bbc97944nj]::before {
    transform: scaleX(1);
}

.solution-card:hover[b-bbc97944nj] {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(255, 107, 53, 0.15);
    border-color: #ff6b35;
}

.solution-icon[b-bbc97944nj] {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #ff6b35, #f44336);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 2rem;
    transition: var(--transition);
    position: relative;
}

.solution-icon[b-bbc97944nj]::after {
    content: '';
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    background: linear-gradient(135deg, #ff6b35, #f44336);
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: -1;
    animation: solutionGlow-b-bbc97944nj 2s infinite;
}

@keyframes solutionGlow-b-bbc97944nj {
    0% { transform: scale(1); opacity: 0.7; }
    50% { transform: scale(1.1); opacity: 0.3; }
    100% { transform: scale(1); opacity: 0.7; }
}

.solution-card:hover .solution-icon[b-bbc97944nj] {
    transform: scale(1.1) rotate(10deg);
}

.solution-card:hover .solution-icon[b-bbc97944nj]::after {
    opacity: 1;
}

.solution-icon i[b-bbc97944nj] {
    font-size: 2rem;
    color: var(--color-white);
}

.solution-card h4[b-bbc97944nj] {
    font-size: var(--size-h4);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
}

.solution-card p[b-bbc97944nj] {
    color: var(--btc);
    line-height: var(--lh-default);
    margin-bottom: 1.5rem;
    font-family: var(--font-primary);
}

.solution-features[b-bbc97944nj] {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
}

.solution-features li[b-bbc97944nj] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0;
    font-family: var(--font-primary);
    color: var(--btc);
    font-size: var(--size-small);
}

.solution-features li[b-bbc97944nj]::before {
    content: '⚙️';
    font-size: 1rem;
}

/* Manufacturing Theme Color Variations */
.feature-item:nth-child(2n) .feature-icon[b-bbc97944nj] {
    background: linear-gradient(135deg, #ff9800, #f57c00);
}

.feature-item:nth-child(2n):hover .feature-icon[b-bbc97944nj]::after {
    background: linear-gradient(135deg, #ff9800, #f57c00);
}

.feature-item:nth-child(3n) .feature-icon[b-bbc97944nj] {
    background: linear-gradient(135deg, #607d8b, #455a64);
}

.feature-item:nth-child(3n):hover .feature-icon[b-bbc97944nj]::after {
    background: linear-gradient(135deg, #607d8b, #455a64);
}

.feature-item:nth-child(4n) .feature-icon[b-bbc97944nj] {
    background: linear-gradient(135deg, #795548, #5d4037);
}

.feature-item:nth-child(4n):hover .feature-icon[b-bbc97944nj]::after {
    background: linear-gradient(135deg, #795548, #5d4037);
}

.solution-card:nth-child(2) .solution-icon[b-bbc97944nj] {
    background: linear-gradient(135deg, #607d8b, #455a64);
}

.solution-card:nth-child(2):hover .solution-icon[b-bbc97944nj]::after {
    background: linear-gradient(135deg, #607d8b, #455a64);
}

.solution-card:nth-child(3) .solution-icon[b-bbc97944nj] {
    background: linear-gradient(135deg, #ff9800, #f57c00);
}

.solution-card:nth-child(3):hover .solution-icon[b-bbc97944nj]::after {
    background: linear-gradient(135deg, #ff9800, #f57c00);
}

/* Industrial Icons Animation */
.feature-icon:hover[b-bbc97944nj],
.solution-icon:hover[b-bbc97944nj] {
    animation: industrialMotion-b-bbc97944nj 1s ease-in-out;
}

@keyframes industrialMotion-b-bbc97944nj {
    0% { transform: scale(1) rotate(0deg); }
    25% { transform: scale(1.05) rotate(5deg); }
    50% { transform: scale(1.1) rotate(-5deg); }
    75% { transform: scale(1.05) rotate(5deg); }
    100% { transform: scale(1) rotate(0deg); }
}

/* Manufacturing Progression Animation */
.feature-item:nth-child(odd):hover .feature-icon[b-bbc97944nj] {
    animation: manufacturingProgress-b-bbc97944nj 2s ease-in-out;
}

@keyframes manufacturingProgress-b-bbc97944nj {
    0% { transform: scale(1); }
    25% { transform: scale(1.1); box-shadow: 0 0 20px rgba(255, 107, 53, 0.6); }
    50% { transform: scale(1.05); }
    75% { transform: scale(1.1); box-shadow: 0 0 15px rgba(255, 107, 53, 0.4); }
    100% { transform: scale(1); }
}

/* Gear Rotation Animation for Manufacturing */
.feature-item:nth-child(1) .feature-icon:hover[b-bbc97944nj],
.feature-item:nth-child(4) .feature-icon:hover[b-bbc97944nj],
.feature-item:nth-child(8) .feature-icon:hover[b-bbc97944nj] {
    animation: gearRotation-b-bbc97944nj 3s linear infinite;
}

@keyframes gearRotation-b-bbc97944nj {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Responsive Design */
@media (max-width: 992px) {
    .hero-content h1.hero-title[b-bbc97944nj] {
        font-size: 2.5rem;
    }

    .feature-item[b-bbc97944nj] {
        padding: 1.5rem;
        margin-bottom: 1.5rem;
    }

    .solution-card[b-bbc97944nj] {
        margin-bottom: 2rem;
    }
}

@media (max-width: 768px) {
    .imalat-hero-section[b-bbc97944nj] {
        padding: 80px 0 60px;
        min-height: auto;
    }

    .hero-content h1.hero-title[b-bbc97944nj] {
        font-size: 2rem;
        margin-bottom: 1.5rem;
    }

    .hero-description[b-bbc97944nj] {
        font-size: 0.95rem;
        margin-bottom: 1.5rem;
    }

    .section-title[b-bbc97944nj] {
        font-size: 1.75rem;
    }

    .imalat-features-section[b-bbc97944nj],
    .imalat-solutions-section[b-bbc97944nj] {
        padding: 60px 0;
    }

    .feature-item[b-bbc97944nj] {
        padding: 1.25rem;
        flex-direction: column;
        text-align: center;
        margin-bottom: 1.5rem;
    }

    .feature-icon[b-bbc97944nj] {
        width: 50px;
        height: 50px;
        margin-bottom: 1rem;
    }

    .solution-card[b-bbc97944nj] {
        padding: 2rem 1.5rem;
        margin-bottom: 1.5rem;
    }

    .solution-features[b-bbc97944nj] {
        text-align: center;
    }
}

@media (max-width: 576px) {
    .hero-content h1.hero-title[b-bbc97944nj] {
        font-size: 1.75rem;
    }

    .hero-description[b-bbc97944nj] {
        font-size: 0.9rem;
    }

    .section-title[b-bbc97944nj] {
        font-size: 1.5rem;
        margin-bottom: 0.75rem;
    }

    .section-subtitle[b-bbc97944nj] {
        font-size: 0.9rem;
        margin-bottom: 3rem;
    }

    .feature-item[b-bbc97944nj] {
        padding: 1rem;
        margin-bottom: 1rem;
    }

    .feature-icon[b-bbc97944nj] {
        width: 45px;
        height: 45px;
    }

    .feature-icon i[b-bbc97944nj] {
        font-size: 1.25rem;
    }

    .feature-content h5[b-bbc97944nj] {
        font-size: 1rem;
        margin-bottom: 0.5rem;
    }

    .feature-content p[b-bbc97944nj] {
        font-size: 0.9rem;
    }

    .solution-card[b-bbc97944nj] {
        padding: 1.5rem 1rem;
    }

    .solution-icon[b-bbc97944nj] {
        width: 70px;
        height: 70px;
        margin-bottom: 1.5rem;
    }

    .solution-icon i[b-bbc97944nj] {
        font-size: 1.75rem;
    }

    .solution-card h4[b-bbc97944nj] {
        font-size: 1.1rem;
        margin-bottom: 0.75rem;
    }

    .solution-card p[b-bbc97944nj] {
        font-size: 0.9rem;
        margin-bottom: 1rem;
    }

    .solution-features li[b-bbc97944nj] {
        font-size: 0.85rem;
        padding: 0.25rem 0;
    }
}

/* Interactive Manufacturing Elements */
.feature-item:hover[b-bbc97944nj] {
    background: linear-gradient(135deg, rgba(255, 107, 53, 0.02), rgba(244, 67, 54, 0.02));
}

.solution-card:hover[b-bbc97944nj] {
    background: linear-gradient(135deg, rgba(255, 107, 53, 0.02), rgba(244, 67, 54, 0.02));
}

/* Manufacturing Achievement Indicators */
.feature-item:nth-child(1):hover .feature-icon[b-bbc97944nj],
.feature-item:nth-child(3):hover .feature-icon[b-bbc97944nj],
.feature-item:nth-child(5):hover .feature-icon[b-bbc97944nj] {
    box-shadow: 0 0 25px rgba(255, 107, 53, 0.5);
}

.feature-item:nth-child(2):hover .feature-icon[b-bbc97944nj],
.feature-item:nth-child(4):hover .feature-icon[b-bbc97944nj],
.feature-item:nth-child(6):hover .feature-icon[b-bbc97944nj] {
    box-shadow: 0 0 25px rgba(255, 152, 0, 0.5);
}

/* Production Flow Animation */
@keyframes productionFlow-b-bbc97944nj {
    0% { opacity: 0.5; transform: translateX(-5px); }
    50% { opacity: 1; transform: translateX(5px); }
    100% { opacity: 0.5; transform: translateX(-5px); }
}

.feature-item:hover .feature-content h5[b-bbc97944nj]::after {
    content: '⚡';
    color: #ff6b35;
    margin-left: 0.5rem;
    animation: productionFlow-b-bbc97944nj 2s infinite;
}

/* Steam Effect for Manufacturing */
@keyframes steamRise-b-bbc97944nj {
    0% { opacity: 0.8; transform: translateY(0px) scale(1); }
    50% { opacity: 0.4; transform: translateY(-20px) scale(1.2); }
    100% { opacity: 0; transform: translateY(-40px) scale(1.5); }
}

.feature-item:nth-child(even):hover[b-bbc97944nj]::after {
    content: '💨';
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 1.2rem;
    animation: steamRise-b-bbc97944nj 2s infinite;
} 
/* _content/VoxisWeb/Components/Pages/Sektorler/Perakende.razor.rz.scp.css */
/* Perakende Hero Section */
.perakende-hero-section[b-7i1nduiw6p] {
    background: linear-gradient(135deg, var(--body-bg-2) 0%, var(--light-border) 100%);
    padding: 100px 0 80px;
    min-height: 600px;
    display: flex;
    align-items: center;
    margin-top: 70px;
}

.sector-badge[b-7i1nduiw6p] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: linear-gradient(135deg, #e91e63, #ad1457);
    color: var(--color-white);
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: var(--size-small);
    font-weight: var(--semibold);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
    animation: perakendePulse-b-7i1nduiw6p 2s infinite;
}

@keyframes perakendePulse-b-7i1nduiw6p {
    0%, 100% { box-shadow: 0 0 15px rgba(233, 30, 99, 0.5); }
    50% { box-shadow: 0 0 25px rgba(173, 20, 87, 0.7); }
}

.hero-content h1.hero-title[b-7i1nduiw6p] {
    font-size: var(--size-h1);
    font-weight: var(--bold);
    color: var(--color-secondary);
    margin-bottom: 2rem;
    line-height: var(--lh-h1);
    font-family: var(--font-primary);
}

.hero-title .highlight[b-7i1nduiw6p] {
    color: #e91e63;
    position: relative;
}

.hero-title .highlight[b-7i1nduiw6p]::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #e91e63, #ad1457);
    border-radius: 2px;
    animation: perakendeGlow-b-7i1nduiw6p 3s infinite;
}

@keyframes perakendeGlow-b-7i1nduiw6p {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; transform: scaleX(1.05); }
}

.hero-description[b-7i1nduiw6p] {
    font-size: var(--size-default);
    color: var(--btc);
    line-height: var(--lh-default);
    margin-bottom: 2rem;
    font-family: var(--font-primary);
    text-align: justify;
}

/* Hero Image */
.hero-image[b-7i1nduiw6p] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 70px;
}

.perakende-illustration[b-7i1nduiw6p] {
    width: 100%;
    max-width: 600px;
}

.perakende-svg[b-7i1nduiw6p] {
    width: 100%;
    height: auto;
    filter: drop-shadow(0 10px 30px rgba(0,0,0,0.1));
}

/* Features Section */
.perakende-features-section[b-7i1nduiw6p] {
    padding: 80px 0;
    background: var(--color-white);
}

.section-title[b-7i1nduiw6p] {
    font-size: var(--size-h2);
    font-weight: var(--bold);
    color: var(--color-secondary);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
    text-align: center;
}

.section-subtitle[b-7i1nduiw6p] {
    font-size: var(--size-default);
    color: var(--btc);
    margin-bottom: 4rem;
    font-family: var(--font-primary);
    text-align: center;
}

.feature-item[b-7i1nduiw6p] {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
    padding: 2rem;
    background: var(--color-white);
    border-radius: 15px;
    box-shadow: var(--box-shadow);
    transition: var(--transition);
    border: 2px solid transparent;
    position: relative;
    margin-bottom: 2rem;
    height: 100%;
}

.feature-item[b-7i1nduiw6p]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #e91e63, #ad1457);
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.feature-item:hover[b-7i1nduiw6p]::before {
    transform: scaleX(1);
}

.feature-item:hover[b-7i1nduiw6p] {
    transform: translateY(-5px);
    border-color: #e91e63;
    box-shadow: 0 15px 35px rgba(233, 30, 99, 0.15);
}

.feature-icon[b-7i1nduiw6p] {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #e91e63, #ad1457);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
}

.feature-icon[b-7i1nduiw6p]::after {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    background: linear-gradient(135deg, #e91e63, #ad1457);
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: -1;
    animation: perakendeGlow2-b-7i1nduiw6p 2s infinite;
}

@keyframes perakendeGlow2-b-7i1nduiw6p {
    0% { transform: scale(1); opacity: 0.7; }
    50% { transform: scale(1.1); opacity: 0.3; }
    100% { transform: scale(1); opacity: 0.7; }
}

.feature-item:hover .feature-icon[b-7i1nduiw6p]::after {
    opacity: 0.7;
}

.feature-icon i[b-7i1nduiw6p] {
    font-size: 1.5rem;
    color: var(--color-white);
}

.feature-content h5[b-7i1nduiw6p] {
    font-size: var(--size-h5);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 0.75rem;
    font-family: var(--font-primary);
}

.feature-content p[b-7i1nduiw6p] {
    color: var(--btc);
    line-height: var(--lh-default);
    margin: 0;
    font-family: var(--font-primary);
}

/* Solutions Section */
.perakende-solutions-section[b-7i1nduiw6p] {
    padding: 80px 0;
    background: linear-gradient(135deg, var(--body-bg-2) 0%, var(--light-border) 100%);
}

.solution-card[b-7i1nduiw6p] {
    background: var(--color-white);
    padding: 2.5rem 2rem;
    border-radius: 20px;
    text-align: center;
    height: 100%;
    transition: var(--transition);
    box-shadow: var(--box-shadow);
    border: 2px solid transparent;
    position: relative;
    overflow: hidden;
}

.solution-card[b-7i1nduiw6p]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #e91e63, #ad1457);
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.solution-card:hover[b-7i1nduiw6p]::before {
    transform: scaleX(1);
}

.solution-card:hover[b-7i1nduiw6p] {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(233, 30, 99, 0.15);
    border-color: #e91e63;
}

.solution-icon[b-7i1nduiw6p] {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #e91e63, #ad1457);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 2rem;
    transition: var(--transition);
    position: relative;
}

.solution-icon[b-7i1nduiw6p]::after {
    content: '';
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    background: linear-gradient(135deg, #e91e63, #ad1457);
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: -1;
    animation: solutionGlow-b-7i1nduiw6p 2s infinite;
}

@keyframes solutionGlow-b-7i1nduiw6p {
    0% { transform: scale(1); opacity: 0.7; }
    50% { transform: scale(1.1); opacity: 0.3; }
    100% { transform: scale(1); opacity: 0.7; }
}

.solution-card:hover .solution-icon[b-7i1nduiw6p] {
    transform: scale(1.1) rotate(10deg);
}

.solution-card:hover .solution-icon[b-7i1nduiw6p]::after {
    opacity: 1;
}

.solution-icon i[b-7i1nduiw6p] {
    font-size: 2rem;
    color: var(--color-white);
}

.solution-card h4[b-7i1nduiw6p] {
    font-size: var(--size-h4);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
}

.solution-card p[b-7i1nduiw6p] {
    color: var(--btc);
    line-height: var(--lh-default);
    margin-bottom: 1.5rem;
    font-family: var(--font-primary);
}

.solution-features[b-7i1nduiw6p] {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
}

.solution-features li[b-7i1nduiw6p] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0;
    font-family: var(--font-primary);
    color: var(--btc);
    font-size: var(--size-small);
}

.solution-features li[b-7i1nduiw6p]::before {
    content: '🛒';
    font-size: 1rem;
}

/* Retail Theme Color Variations */
.feature-item:nth-child(2n) .feature-icon[b-7i1nduiw6p] {
    background: linear-gradient(135deg, #9c27b0, #7b1fa2);
}

.feature-item:nth-child(2n):hover .feature-icon[b-7i1nduiw6p]::after {
    background: linear-gradient(135deg, #9c27b0, #7b1fa2);
}

.feature-item:nth-child(3n) .feature-icon[b-7i1nduiw6p] {
    background: linear-gradient(135deg, #ff9800, #f57c00);
}

.feature-item:nth-child(3n):hover .feature-icon[b-7i1nduiw6p]::after {
    background: linear-gradient(135deg, #ff9800, #f57c00);
}

.feature-item:nth-child(4n) .feature-icon[b-7i1nduiw6p] {
    background: linear-gradient(135deg, #2196f3, #1976d2);
}

.feature-item:nth-child(4n):hover .feature-icon[b-7i1nduiw6p]::after {
    background: linear-gradient(135deg, #2196f3, #1976d2);
}

.solution-card:nth-child(2) .solution-icon[b-7i1nduiw6p] {
    background: linear-gradient(135deg, #2196f3, #1976d2);
}

.solution-card:nth-child(2):hover .solution-icon[b-7i1nduiw6p]::after {
    background: linear-gradient(135deg, #2196f3, #1976d2);
}

.solution-card:nth-child(3) .solution-icon[b-7i1nduiw6p] {
    background: linear-gradient(135deg, #9c27b0, #7b1fa2);
}

.solution-card:nth-child(3):hover .solution-icon[b-7i1nduiw6p]::after {
    background: linear-gradient(135deg, #9c27b0, #7b1fa2);
}

/* Retail Icons Animation */
.feature-icon:hover[b-7i1nduiw6p],
.solution-icon:hover[b-7i1nduiw6p] {
    animation: retailMotion-b-7i1nduiw6p 1s ease-in-out;
}

@keyframes retailMotion-b-7i1nduiw6p {
    0% { transform: scale(1) rotate(0deg); }
    25% { transform: scale(1.05) rotate(5deg); }
    50% { transform: scale(1.1) rotate(-5deg); }
    75% { transform: scale(1.05) rotate(5deg); }
    100% { transform: scale(1) rotate(0deg); }
}

/* Shopping Progression Animation */
.feature-item:nth-child(odd):hover .feature-icon[b-7i1nduiw6p] {
    animation: shoppingProgress-b-7i1nduiw6p 2s ease-in-out;
}

@keyframes shoppingProgress-b-7i1nduiw6p {
    0% { transform: scale(1); }
    25% { transform: scale(1.1); box-shadow: 0 0 20px rgba(233, 30, 99, 0.6); }
    50% { transform: scale(1.05); }
    75% { transform: scale(1.1); box-shadow: 0 0 15px rgba(233, 30, 99, 0.4); }
    100% { transform: scale(1); }
}

/* Cash Register Animation */
.feature-item:nth-child(1) .feature-icon:hover[b-7i1nduiw6p] {
    animation: cashRegister-b-7i1nduiw6p 2s ease-in-out;
}

@keyframes cashRegister-b-7i1nduiw6p {
    0% { transform: scale(1); }
    25% { transform: scale(1.1); }
    50% { transform: scale(1.05) translateY(-2px); }
    75% { transform: scale(1.1) translateY(0px); }
    100% { transform: scale(1); }
}

/* Shopping Cart Animation */
.feature-item:nth-child(5) .feature-icon:hover[b-7i1nduiw6p] {
    animation: shoppingCart-b-7i1nduiw6p 3s ease-in-out;
}

@keyframes shoppingCart-b-7i1nduiw6p {
    0% { transform: translateX(0); }
    25% { transform: translateX(5px) scale(1.05); }
    50% { transform: translateX(-5px) scale(1.1); }
    75% { transform: translateX(5px) scale(1.05); }
    100% { transform: translateX(0); }
}

/* Responsive Design */
@media (max-width: 992px) {
    .hero-content h1.hero-title[b-7i1nduiw6p] {
        font-size: 2.5rem;
    }

    .feature-item[b-7i1nduiw6p] {
        padding: 1.5rem;
        margin-bottom: 1.5rem;
    }

    .solution-card[b-7i1nduiw6p] {
        margin-bottom: 2rem;
    }
}

@media (max-width: 768px) {
    .perakende-hero-section[b-7i1nduiw6p] {
        padding: 80px 0 60px;
        min-height: auto;
    }

    .hero-content h1.hero-title[b-7i1nduiw6p] {
        font-size: 2rem;
        margin-bottom: 1.5rem;
    }

    .hero-description[b-7i1nduiw6p] {
        font-size: 0.95rem;
        margin-bottom: 1.5rem;
    }

    .section-title[b-7i1nduiw6p] {
        font-size: 1.75rem;
    }

    .perakende-features-section[b-7i1nduiw6p],
    .perakende-solutions-section[b-7i1nduiw6p] {
        padding: 60px 0;
    }

    .feature-item[b-7i1nduiw6p] {
        padding: 1.25rem;
        flex-direction: column;
        text-align: center;
        margin-bottom: 1.5rem;
    }

    .feature-icon[b-7i1nduiw6p] {
        width: 50px;
        height: 50px;
        margin-bottom: 1rem;
    }

    .solution-card[b-7i1nduiw6p] {
        padding: 2rem 1.5rem;
        margin-bottom: 1.5rem;
    }

    .solution-features[b-7i1nduiw6p] {
        text-align: center;
    }
}

@media (max-width: 576px) {
    .hero-content h1.hero-title[b-7i1nduiw6p] {
        font-size: 1.75rem;
    }

    .hero-description[b-7i1nduiw6p] {
        font-size: 0.9rem;
    }

    .section-title[b-7i1nduiw6p] {
        font-size: 1.5rem;
        margin-bottom: 0.75rem;
    }

    .section-subtitle[b-7i1nduiw6p] {
        font-size: 0.9rem;
        margin-bottom: 3rem;
    }

    .feature-item[b-7i1nduiw6p] {
        padding: 1rem;
        margin-bottom: 1rem;
    }

    .feature-icon[b-7i1nduiw6p] {
        width: 45px;
        height: 45px;
    }

    .feature-icon i[b-7i1nduiw6p] {
        font-size: 1.25rem;
    }

    .feature-content h5[b-7i1nduiw6p] {
        font-size: 1rem;
        margin-bottom: 0.5rem;
    }

    .feature-content p[b-7i1nduiw6p] {
        font-size: 0.9rem;
    }

    .solution-card[b-7i1nduiw6p] {
        padding: 1.5rem 1rem;
    }

    .solution-icon[b-7i1nduiw6p] {
        width: 70px;
        height: 70px;
        margin-bottom: 1.5rem;
    }

    .solution-icon i[b-7i1nduiw6p] {
        font-size: 1.75rem;
    }

    .solution-card h4[b-7i1nduiw6p] {
        font-size: 1.1rem;
        margin-bottom: 0.75rem;
    }

    .solution-card p[b-7i1nduiw6p] {
        font-size: 0.9rem;
        margin-bottom: 1rem;
    }

    .solution-features li[b-7i1nduiw6p] {
        font-size: 0.85rem;
        padding: 0.25rem 0;
    }
}

/* Interactive Retail Elements */
.feature-item:hover[b-7i1nduiw6p] {
    background: linear-gradient(135deg, rgba(233, 30, 99, 0.02), rgba(173, 20, 87, 0.02));
}

.solution-card:hover[b-7i1nduiw6p] {
    background: linear-gradient(135deg, rgba(233, 30, 99, 0.02), rgba(173, 20, 87, 0.02));
}

/* Retail Achievement Indicators */
.feature-item:nth-child(1):hover .feature-icon[b-7i1nduiw6p],
.feature-item:nth-child(3):hover .feature-icon[b-7i1nduiw6p],
.feature-item:nth-child(5):hover .feature-icon[b-7i1nduiw6p] {
    box-shadow: 0 0 25px rgba(233, 30, 99, 0.5);
}

.feature-item:nth-child(2):hover .feature-icon[b-7i1nduiw6p],
.feature-item:nth-child(4):hover .feature-icon[b-7i1nduiw6p],
.feature-item:nth-child(6):hover .feature-icon[b-7i1nduiw6p] {
    box-shadow: 0 0 25px rgba(156, 39, 176, 0.5);
}

/* Store Transaction Animation */
@keyframes storeTransaction-b-7i1nduiw6p {
    0% { opacity: 0.5; transform: translateX(-5px); }
    50% { opacity: 1; transform: translateX(5px); }
    100% { opacity: 0.5; transform: translateX(-5px); }
}

.feature-item:hover .feature-content h5[b-7i1nduiw6p]::after {
    content: '💳';
    color: #e91e63;
    margin-left: 0.5rem;
    animation: storeTransaction-b-7i1nduiw6p 2s infinite;
}

/* Store Opening Animation */
@keyframes storeOpen-b-7i1nduiw6p {
    0% { opacity: 0.8; transform: scale(1); }
    50% { opacity: 1; transform: scale(1.1); }
    100% { opacity: 0.8; transform: scale(1); }
}

.feature-item:nth-child(even):hover[b-7i1nduiw6p]::after {
    content: '🏪';
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 1.2rem;
    animation: storeOpen-b-7i1nduiw6p 2s infinite;
}

/* Store Sales Sparkle */
@keyframes salesSparkle-b-7i1nduiw6p {
    0% { opacity: 0; transform: rotate(0deg) scale(0.5); }
    50% { opacity: 1; transform: rotate(180deg) scale(1); }
    100% { opacity: 0; transform: rotate(360deg) scale(0.5); }
}

.solution-card:hover[b-7i1nduiw6p]::after {
    content: '✨';
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 1.5rem;
    animation: salesSparkle-b-7i1nduiw6p 3s infinite;
} 
/* _content/VoxisWeb/Components/Pages/Sektorler/Saglik.razor.rz.scp.css */
/* Sağlık Hero Section */
.saglik-hero-section[b-bg5b2ybf32] {
    background: linear-gradient(135deg, var(--body-bg-2) 0%, var(--light-border) 100%);
    padding: 100px 0 80px;
    min-height: 600px;
    display: flex;
    align-items: center;
    margin-top: 70px;
}

.sector-badge[b-bg5b2ybf32] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: linear-gradient(135deg, #70a37f, #4caf50);
    color: var(--color-white);
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: var(--size-small);
    font-weight: var(--semibold);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
    animation: healthPulse-b-bg5b2ybf32 2s infinite;
}

@keyframes healthPulse-b-bg5b2ybf32 {
    0%, 100% { box-shadow: 0 0 15px rgba(112, 163, 127, 0.5); }
    50% { box-shadow: 0 0 25px rgba(76, 175, 80, 0.7); }
}

.hero-content h1.hero-title[b-bg5b2ybf32] {
    font-size: var(--size-h1);
    font-weight: var(--bold);
    color: var(--color-secondary);
    margin-bottom: 2rem;
    line-height: var(--lh-h1);
    font-family: var(--font-primary);
}

.hero-title .highlight[b-bg5b2ybf32] {
    color: #70a37f;
    position: relative;
}

.hero-title .highlight[b-bg5b2ybf32]::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #70a37f, #4caf50);
    border-radius: 2px;
    animation: healthGlow-b-bg5b2ybf32 3s infinite;
}

@keyframes healthGlow-b-bg5b2ybf32 {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; transform: scaleX(1.05); }
}

.hero-description[b-bg5b2ybf32] {
    font-size: var(--size-default);
    color: var(--btc);
    line-height: var(--lh-default);
    margin-bottom: 2rem;
    font-family: var(--font-primary);
    text-align: justify;
}

/* Hero Image */
.hero-image[b-bg5b2ybf32] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 70px;
}

.saglik-illustration[b-bg5b2ybf32] {
    width: 100%;
    max-width: 600px;
}

.saglik-svg[b-bg5b2ybf32] {
    width: 100%;
    height: auto;
    filter: drop-shadow(0 10px 30px rgba(0,0,0,0.1));
}

/* Features Section */
.saglik-features-section[b-bg5b2ybf32] {
    padding: 80px 0;
    background: var(--color-white);
}

.section-title[b-bg5b2ybf32] {
    font-size: var(--size-h2);
    font-weight: var(--bold);
    color: var(--color-secondary);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
    text-align: center;
}

.section-subtitle[b-bg5b2ybf32] {
    font-size: var(--size-default);
    color: var(--btc);
    margin-bottom: 4rem;
    font-family: var(--font-primary);
    text-align: center;
}

.feature-item[b-bg5b2ybf32] {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
    padding: 2rem;
    background: var(--color-white);
    border-radius: 15px;
    box-shadow: var(--box-shadow);
    transition: var(--transition);
    border: 2px solid transparent;
    position: relative;
    margin-bottom: 2rem;
    height: 100%;
}

.feature-item[b-bg5b2ybf32]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #70a37f, #4caf50);
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.feature-item:hover[b-bg5b2ybf32]::before {
    transform: scaleX(1);
}

.feature-item:hover[b-bg5b2ybf32] {
    transform: translateY(-5px);
    border-color: #70a37f;
    box-shadow: 0 15px 35px rgba(112, 163, 127, 0.15);
}

.feature-icon[b-bg5b2ybf32] {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #70a37f, #4caf50);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
}

.feature-icon[b-bg5b2ybf32]::after {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    background: linear-gradient(135deg, #70a37f, #4caf50);
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: -1;
    animation: healthGlow2-b-bg5b2ybf32 2s infinite;
}

@keyframes healthGlow2-b-bg5b2ybf32 {
    0% { transform: scale(1); opacity: 0.7; }
    50% { transform: scale(1.1); opacity: 0.3; }
    100% { transform: scale(1); opacity: 0.7; }
}

.feature-item:hover .feature-icon[b-bg5b2ybf32]::after {
    opacity: 0.7;
}

.feature-icon i[b-bg5b2ybf32] {
    font-size: 1.5rem;
    color: var(--color-white);
}

.feature-content h5[b-bg5b2ybf32] {
    font-size: var(--size-h5);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 0.75rem;
    font-family: var(--font-primary);
}

.feature-content p[b-bg5b2ybf32] {
    color: var(--btc);
    line-height: var(--lh-default);
    margin: 0;
    font-family: var(--font-primary);
}

/* Solutions Section */
.saglik-solutions-section[b-bg5b2ybf32] {
    padding: 80px 0;
    background: linear-gradient(135deg, var(--body-bg-2) 0%, var(--light-border) 100%);
}

.solution-card[b-bg5b2ybf32] {
    background: var(--color-white);
    padding: 2.5rem 2rem;
    border-radius: 20px;
    text-align: center;
    height: 100%;
    transition: var(--transition);
    box-shadow: var(--box-shadow);
    border: 2px solid transparent;
    position: relative;
    overflow: hidden;
}

.solution-card[b-bg5b2ybf32]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #70a37f, #4caf50);
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.solution-card:hover[b-bg5b2ybf32]::before {
    transform: scaleX(1);
}

.solution-card:hover[b-bg5b2ybf32] {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(112, 163, 127, 0.15);
    border-color: #70a37f;
}

.solution-icon[b-bg5b2ybf32] {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #70a37f, #4caf50);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 2rem;
    transition: var(--transition);
    position: relative;
}

.solution-icon[b-bg5b2ybf32]::after {
    content: '';
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    background: linear-gradient(135deg, #70a37f, #4caf50);
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: -1;
    animation: solutionGlow-b-bg5b2ybf32 2s infinite;
}

@keyframes solutionGlow-b-bg5b2ybf32 {
    0% { transform: scale(1); opacity: 0.7; }
    50% { transform: scale(1.1); opacity: 0.3; }
    100% { transform: scale(1); opacity: 0.7; }
}

.solution-card:hover .solution-icon[b-bg5b2ybf32] {
    transform: scale(1.1) rotate(10deg);
}

.solution-card:hover .solution-icon[b-bg5b2ybf32]::after {
    opacity: 1;
}

.solution-icon i[b-bg5b2ybf32] {
    font-size: 2rem;
    color: var(--color-white);
}

.solution-card h4[b-bg5b2ybf32] {
    font-size: var(--size-h4);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
}

.solution-card p[b-bg5b2ybf32] {
    color: var(--btc);
    line-height: var(--lh-default);
    margin-bottom: 1.5rem;
    font-family: var(--font-primary);
}

.solution-features[b-bg5b2ybf32] {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
}

.solution-features li[b-bg5b2ybf32] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0;
    font-family: var(--font-primary);
    color: var(--btc);
    font-size: var(--size-small);
}

.solution-features li[b-bg5b2ybf32]::before {
    content: '✓';
    color: var(--color-third);
    font-weight: var(--bold);
    font-size: 1rem;
}

/* Responsive Design */
@media (max-width: 992px) {
    .hero-content h1.hero-title[b-bg5b2ybf32] {
        font-size: 2.5rem;
    }

    .feature-item[b-bg5b2ybf32] {
        padding: 1.5rem;
        margin-bottom: 1.5rem;
    }

    .solution-card[b-bg5b2ybf32] {
        margin-bottom: 2rem;
    }
}

@media (max-width: 768px) {
    .saglik-hero-section[b-bg5b2ybf32] {
        padding: 80px 0 60px;
        min-height: auto;
    }

    .hero-content h1.hero-title[b-bg5b2ybf32] {
        font-size: 2rem;
        margin-bottom: 1.5rem;
    }

    .hero-description[b-bg5b2ybf32] {
        font-size: 0.95rem;
        margin-bottom: 1.5rem;
    }

    .section-title[b-bg5b2ybf32] {
        font-size: 1.75rem;
    }

    .saglik-features-section[b-bg5b2ybf32],
    .saglik-solutions-section[b-bg5b2ybf32] {
        padding: 60px 0;
    }

    .feature-item[b-bg5b2ybf32] {
        padding: 1.25rem;
        flex-direction: column;
        text-align: center;
        margin-bottom: 1.5rem;
    }

    .feature-icon[b-bg5b2ybf32] {
        width: 50px;
        height: 50px;
        margin-bottom: 1rem;
    }

    .solution-card[b-bg5b2ybf32] {
        padding: 2rem 1.5rem;
        margin-bottom: 1.5rem;
    }

    .solution-features[b-bg5b2ybf32] {
        text-align: center;
    }
}

@media (max-width: 576px) {
    .hero-content h1.hero-title[b-bg5b2ybf32] {
        font-size: 1.75rem;
    }

    .hero-description[b-bg5b2ybf32] {
        font-size: 0.9rem;
    }

    .section-title[b-bg5b2ybf32] {
        font-size: 1.5rem;
        margin-bottom: 0.75rem;
    }

    .section-subtitle[b-bg5b2ybf32] {
        font-size: 0.9rem;
        margin-bottom: 3rem;
    }

    .feature-item[b-bg5b2ybf32] {
        padding: 1rem;
        margin-bottom: 1rem;
    }

    .feature-icon[b-bg5b2ybf32] {
        width: 45px;
        height: 45px;
    }

    .feature-icon i[b-bg5b2ybf32] {
        font-size: 1.25rem;
    }

    .feature-content h5[b-bg5b2ybf32] {
        font-size: 1rem;
        margin-bottom: 0.5rem;
    }

    .feature-content p[b-bg5b2ybf32] {
        font-size: 0.9rem;
    }

    .solution-card[b-bg5b2ybf32] {
        padding: 1.5rem 1rem;
    }

    .solution-icon[b-bg5b2ybf32] {
        width: 70px;
        height: 70px;
        margin-bottom: 1.5rem;
    }

    .solution-icon i[b-bg5b2ybf32] {
        font-size: 1.75rem;
    }

    .solution-card h4[b-bg5b2ybf32] {
        font-size: 1.1rem;
        margin-bottom: 0.75rem;
    }

    .solution-card p[b-bg5b2ybf32] {
        font-size: 0.9rem;
        margin-bottom: 1rem;
    }

    .solution-features li[b-bg5b2ybf32] {
        font-size: 0.85rem;
        padding: 0.25rem 0;
    }
}

/* Medical Icons Animation */
.feature-icon:hover[b-bg5b2ybf32],
.solution-icon:hover[b-bg5b2ybf32] {
    animation: medicalPulse-b-bg5b2ybf32 1s ease-in-out;
}

@keyframes medicalPulse-b-bg5b2ybf32 {
    0% { transform: scale(1) rotate(0deg); }
    25% { transform: scale(1.05) rotate(3deg); }
    50% { transform: scale(1.1) rotate(-3deg); }
    75% { transform: scale(1.05) rotate(3deg); }
    100% { transform: scale(1) rotate(0deg); }
}

/* Healthcare Theme Colors */
.feature-item:nth-child(odd) .feature-icon[b-bg5b2ybf32] {
    background: linear-gradient(135deg, #2196f3, #1976d2);
}

.feature-item:nth-child(odd):hover .feature-icon[b-bg5b2ybf32]::after {
    background: linear-gradient(135deg, #2196f3, #1976d2);
}

.solution-card:nth-child(2) .solution-icon[b-bg5b2ybf32] {
    background: linear-gradient(135deg, #2196f3, #1976d2);
}

.solution-card:nth-child(2):hover .solution-icon[b-bg5b2ybf32]::after {
    background: linear-gradient(135deg, #2196f3, #1976d2);
}

.solution-card:nth-child(3) .solution-icon[b-bg5b2ybf32] {
    background: linear-gradient(135deg, #ff9800, #f57c00);
}

.solution-card:nth-child(3):hover .solution-icon[b-bg5b2ybf32]::after {
    background: linear-gradient(135deg, #ff9800, #f57c00);
} 
/* _content/VoxisWeb/Components/Pages/SikSorulanSorular.razor.rz.scp.css */
/* SSS Page Styles */

/* Variables */
:root[b-f79y0evu4s] {
    --sss-primary: var(--color-primary);
    --sss-secondary: var(--color-secondary);
    --sss-accent: var(--color-accent);
    --sss-success: var(--color-success);
    --sss-info: var(--color-info);
    --sss-text-primary: var(--color-text-primary);
    --sss-text-secondary: var(--color-text-secondary);
    --sss-bg-primary: var(--color-bg-primary);
    --sss-bg-secondary: var(--color-bg-secondary);
    --sss-bg-tertiary: var(--color-bg-tertiary);
    --sss-border: var(--color-border);
    --sss-border-light: var(--color-border-light);
}

/* Page Container */
.sss-page[b-f79y0evu4s] {
    min-height: 100vh;
    background: linear-gradient(135deg, var(--sss-bg-primary) 0%, var(--sss-bg-secondary) 100%);
}

/* Hero Section */
.sss-hero-section[b-f79y0evu4s] {
    background: linear-gradient(135deg, var(--body-bg-2) 0%, var(--light-border) 100%);
    padding: 100px 0 80px;
    min-height: 600px;
    display: flex;
    align-items: center;
    margin-top: 70px;
}

.hero-content h1.hero-title[b-f79y0evu4s] {
    font-size: var(--size-h1);
    font-weight: var(--bold);
    color: var(--color-secondary);
    margin-bottom: 2rem;
    line-height: var(--lh-h1);
    font-family: var(--font-primary);
}

.hero-title .highlight[b-f79y0evu4s] {
    color: var(--color-primary);
    position: relative;
}

.hero-title .highlight[b-f79y0evu4s]::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, var(--color-primary), var(--color-11-light));
    border-radius: 2px;
}

.hero-description[b-f79y0evu4s] {
    font-size: var(--size-default);
    color: var(--btc);
    line-height: var(--lh-default);
    margin-bottom: 3rem;
    font-family: var(--font-primary);
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.hero-badge[b-f79y0evu4s] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--color-primary);
    color: var(--color-white);
    padding: 8px 16px;
    border-radius: 50px;
    font-size: var(--size-small);
    font-weight: var(--medium);
    margin-bottom: 1.5rem;
    font-family: var(--font-primary);
}

/* Search Box */
.faq-search-box[b-f79y0evu4s] {
    max-width: 600px;
    margin: 0 auto;
}

.search-input-container[b-f79y0evu4s] {
    position: relative;
    display: flex;
    align-items: center;
    background: var(--color-white);
    border-radius: 50px;
    padding: 4px;
    box-shadow: var(--box-shadow);
    transition: var(--transition);
}

.search-input-container:hover[b-f79y0evu4s] {
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
}

.search-icon[b-f79y0evu4s] {
    position: absolute;
    left: 24px;
    color: var(--btc);
    font-size: 16px;
    z-index: 2;
}

.search-input[b-f79y0evu4s] {
    flex: 1;
    border: none;
    outline: none;
    padding: 16px 24px 16px 56px;
    font-size: var(--size-default);
    background: transparent;
    color: var(--color-secondary);
    border-radius: 50px;
    font-family: var(--font-primary);
}

.search-input[b-f79y0evu4s]::placeholder {
    color: var(--btc);
}

.search-btn[b-f79y0evu4s] {
    background: var(--color-primary);
    border: none;
    color: var(--color-white);
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition);
    cursor: pointer;
}

.search-btn:hover[b-f79y0evu4s] {
    background: var(--color-11-light);
    transform: scale(1.05);
}

/* Categories Section */
.faq-categories-section[b-f79y0evu4s] {
    padding: 80px 0;
    background: var(--color-white);
}

.section-title[b-f79y0evu4s] {
    font-size: var(--size-h2);
    font-weight: var(--bold);
    color: var(--color-secondary);
    margin-bottom: 1rem;
    text-align: center;
    font-family: var(--font-primary);
}

.section-subtitle[b-f79y0evu4s] {
    font-size: var(--size-default);
    color: var(--btc);
    margin-bottom: 0;
    text-align: center;
    font-family: var(--font-primary);
}

/* Category Cards */
.category-card[b-f79y0evu4s] {
    background: var(--color-white);
    border-radius: 20px;
    padding: 2rem 1.5rem;
    text-align: center;
    cursor: pointer;
    transition: var(--transition);
    border: 2px solid var(--light-border);
    box-shadow: var(--box-shadow);
    height: 100%;
}

.category-card:hover[b-f79y0evu4s] {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(246, 136, 1, 0.2);
    border-color: var(--color-primary);
}

.category-card.active[b-f79y0evu4s] {
    background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-11-light) 100%);
    color: var(--color-white);
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(246, 136, 1, 0.3);
    border-color: var(--color-primary);
}

.category-icon[b-f79y0evu4s] {
    width: 64px;
    height: 64px;
    margin: 0 auto 1.5rem;
    background: var(--plan-bg);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    color: var(--color-primary);
    transition: var(--transition);
}

.category-card.active .category-icon[b-f79y0evu4s] {
    background: rgba(255, 255, 255, 0.2);
    color: var(--color-white);
}

.category-card h5[b-f79y0evu4s] {
    font-size: var(--size-h5);
    font-weight: var(--semibold);
    margin-bottom: 0.5rem;
    color: var(--color-secondary);
    font-family: var(--font-primary);
}

.category-card.active h5[b-f79y0evu4s] {
    color: var(--color-white);
}

.question-count[b-f79y0evu4s] {
    font-size: var(--size-small);
    color: var(--color-primary);
    font-weight: var(--medium);
    background: rgba(246, 136, 1, 0.1);
    padding: 4px 12px;
    border-radius: 20px;
    font-family: var(--font-primary);
}

.category-card.active .question-count[b-f79y0evu4s] {
    color: rgba(255, 255, 255, 0.9);
    background: rgba(255, 255, 255, 0.2);
}

/* FAQ Content Section */
.faq-content-section[b-f79y0evu4s] {
    padding: 0 0 80px 0;
    background: var(--color-white);
}

.faq-category-content[b-f79y0evu4s] {
    display: none;
}

.faq-category-content.active[b-f79y0evu4s] {
    display: block;
}

.category-title[b-f79y0evu4s] {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: var(--size-h3);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 2rem;
    padding: 1.5rem;
    background: var(--color-white);
    border-radius: 20px;
    box-shadow: var(--box-shadow);
    font-family: var(--font-primary);
}

.category-title i[b-f79y0evu4s] {
    color: var(--color-primary);
}

/* FAQ Accordion */
.faq-accordion[b-f79y0evu4s] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.faq-item[b-f79y0evu4s] {
    background: var(--color-white);
    border-radius: 20px;
    box-shadow: var(--box-shadow);
    overflow: hidden;
    transition: var(--transition);
    border: 1px solid var(--light-border);
}

.faq-item:hover[b-f79y0evu4s] {
    box-shadow: 0 8px 30px rgba(246, 136, 1, 0.1);
}

.faq-question[b-f79y0evu4s] {
    padding: 1.5rem;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    transition: var(--transition);
    border-bottom: 1px solid var(--light-border);
}

.faq-question:hover[b-f79y0evu4s] {
    background: var(--plan-bg);
}

.faq-item.active .faq-question[b-f79y0evu4s] {
    background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-11-light) 100%);
    color: var(--color-white);
    border-bottom: none;
}

.faq-question h5[b-f79y0evu4s] {
    margin: 0;
    font-size: var(--size-h5);
    font-weight: var(--semibold);
    flex: 1;
    color: var(--color-secondary);
    font-family: var(--font-primary);
}

.faq-item.active .faq-question h5[b-f79y0evu4s] {
    color: var(--color-white);
}

.faq-question i[b-f79y0evu4s] {
    font-size: 14px;
    color: var(--btc);
    transition: transform 0.3s ease;
}

.faq-item.active .faq-question i[b-f79y0evu4s] {
    transform: rotate(180deg);
    color: var(--color-white);
}

.faq-answer[b-f79y0evu4s] {
    padding: 0 1.5rem;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease;
}

.faq-item.active .faq-answer[b-f79y0evu4s] {
    padding: 1.5rem;
    max-height: 200px;
}

.faq-answer p[b-f79y0evu4s] {
    margin: 0;
    color: var(--btc);
    line-height: var(--lh-default);
    font-family: var(--font-primary);
}

/* Support Section */
.faq-support-section[b-f79y0evu4s] {
    padding: 80px 0;
    background: var(--plan-bg);
}

.support-card[b-f79y0evu4s] {
    background: var(--color-white);
    padding: 3rem;
    border-radius: 20px;
    box-shadow: var(--box-shadow);
}

.support-card h3[b-f79y0evu4s] {
    font-size: var(--size-h3);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
}

.support-card p[b-f79y0evu4s] {
    color: var(--btc);
    margin-bottom: 0;
    line-height: var(--lh-default);
    font-family: var(--font-primary);
}

.support-btn[b-f79y0evu4s],
.contact-btn[b-f79y0evu4s] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: var(--medium);
    transition: var(--transition);
    margin: 8px;
    font-family: var(--font-primary);
}

.support-btn[b-f79y0evu4s] {
    background: var(--color-primary);
    color: var(--color-white);
}

.support-btn:hover[b-f79y0evu4s] {
    background: var(--color-11-light);
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(246, 136, 1, 0.3);
    color: var(--color-white);
}

.contact-btn[b-f79y0evu4s] {
    background: var(--plan-bg);
    color: var(--color-secondary);
    border: 1px solid var(--light-border);
}

.contact-btn:hover[b-f79y0evu4s] {
    background: var(--color-primary);
    color: var(--color-white);
    border-color: var(--color-primary);
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(246, 136, 1, 0.3);
}

/* Responsive Design */
@media (max-width: 992px) {
    .hero-content h1.hero-title[b-f79y0evu4s] {
        font-size: 3rem;
    }
    
    .section-title[b-f79y0evu4s] {
        font-size: 2rem;
    }
}

@media (max-width: 768px) {
    .sss-hero-section[b-f79y0evu4s] {
        padding: 80px 0 60px 0;
        min-height: 500px;
    }
    
    .hero-content h1.hero-title[b-f79y0evu4s] {
        font-size: 2.5rem;
    }
    
    .hero-description[b-f79y0evu4s] {
        font-size: var(--size-default);
    }
    
    .faq-categories-section[b-f79y0evu4s] {
        padding: 60px 0;
    }
    
    .category-card[b-f79y0evu4s] {
        padding: 1.5rem 1rem;
    }
    
    .category-icon[b-f79y0evu4s] {
        width: 48px;
        height: 48px;
        font-size: 1.25rem;
        margin-bottom: 1rem;
    }
    
    .faq-question[b-f79y0evu4s] {
        padding: 1.25rem;
    }
    
    .faq-answer[b-f79y0evu4s] {
        padding: 0 1.25rem;
    }
    
    .faq-item.active .faq-answer[b-f79y0evu4s] {
        padding: 1.25rem;
    }
    
    .support-card[b-f79y0evu4s] {
        padding: 2rem 1.5rem;
    }
    
    .support-btn[b-f79y0evu4s],
    .contact-btn[b-f79y0evu4s] {
        width: 100%;
        text-align: center;
        justify-content: center;
        margin: 4px 0;
    }
}

@media (max-width: 576px) {
    .hero-content h1.hero-title[b-f79y0evu4s] {
        font-size: 2rem;
    }
    
    .search-input-container[b-f79y0evu4s] {
        border-radius: 25px;
    }
    
    .search-input[b-f79y0evu4s] {
        padding: 14px 20px 14px 48px;
        font-size: 14px;
    }
    
    .search-btn[b-f79y0evu4s] {
        width: 40px;
        height: 40px;
    }
    
    .category-title[b-f79y0evu4s] {
        font-size: var(--size-h4);
        padding: 1rem;
    }
    
    .faq-question h5[b-f79y0evu4s] {
        font-size: 1rem;
    }
    
    .support-card h3[b-f79y0evu4s] {
        font-size: var(--size-h4);
    }
} 
/* _content/VoxisWeb/Components/Pages/TermsOfService.razor.rz.scp.css */
/* Terms of Service Sayfası Stilleri */

.hero-image[b-peiwck7ats] {
    background: linear-gradient(135deg, #40403f 0%, #292929 100%);
    color: white;
    padding: 120px 0 80px;
    margin-top: 70px;
    position: relative;
    overflow: hidden;
}

.hero-image[b-peiwck7ats]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 300"><path fill="%23f68801" fill-opacity="0.1" d="M0,150 C150,50 350,250 500,150 C650,50 850,250 1000,150 L1000,300 L0,300 Z"/></svg>') repeat-x;
    background-size: 100% 100%;
}

.hero-title[b-peiwck7ats] {
    font-size: 3.5rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.hero-subtitle[b-peiwck7ats] {
    font-size: 1.3rem;
    font-weight: 300;
    opacity: 0.9;
    line-height: 1.6;
}

.content-card[b-peiwck7ats] {
    background: white;
    border-radius: 20px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.1);
    overflow: hidden;
    margin-bottom: 3rem;
}

.card-header[b-peiwck7ats] {
    background: linear-gradient(135deg, #267dff, #1e60cc);
    color: white;
    padding: 2.5rem;
    text-align: center;
}

.card-header h2[b-peiwck7ats] {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.card-content[b-peiwck7ats] {
    padding: 3rem;
}

.card-footer[b-peiwck7ats] {
    background: #f8f9fa;
    padding: 2rem 3rem;
    border-top: 1px solid #e9ecef;
}

.section[b-peiwck7ats] {
    margin-bottom: 3rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #f0f0f0;
}

.section:last-child[b-peiwck7ats] {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.section h3[b-peiwck7ats] {
    color: #40403f;
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
    position: relative;
    padding-left: 20px;
}

.section h3[b-peiwck7ats]::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 30px;
    background: linear-gradient(135deg, #267dff, #1e60cc);
    border-radius: 2px;
}

.section p[b-peiwck7ats] {
    color: #6e6e6e;
    line-height: 1.8;
    margin-bottom: 1.5rem;
    font-size: 1.1rem;
}

/* Önemli Not */
.important-note[b-peiwck7ats] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.5rem;
    background: linear-gradient(135deg, #fff3cd, #ffeaa7);
    border-left: 4px solid #ff9800;
    border-radius: 10px;
    margin-top: 1.5rem;
}

.important-note i[b-peiwck7ats] {
    color: #ff9800;
    font-size: 1.5rem;
    margin-top: 2px;
    min-width: 24px;
}

.important-note strong[b-peiwck7ats] {
    color: #40403f;
    display: block;
    margin-bottom: 0.5rem;
}

/* Hizmet Grid */
.service-grid[b-peiwck7ats] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2rem;
    margin-top: 2rem;
}

.service-item[b-peiwck7ats] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 2rem;
    background: white;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    border: 1px solid #f0f0f0;
    transition: all 0.3s ease;
}

.service-item:hover[b-peiwck7ats] {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.12);
    border-color: #267dff;
}

.service-item i[b-peiwck7ats] {
    color: #267dff;
    font-size: 2rem;
    margin-top: 5px;
    min-width: 32px;
}

.service-item strong[b-peiwck7ats] {
    color: #40403f;
    font-size: 1.2rem;
    display: block;
    margin-bottom: 0.5rem;
}

.service-item p[b-peiwck7ats] {
    color: #6e6e6e;
    margin: 0;
    font-size: 1rem;
    line-height: 1.5;
}

/* Stillendirilmiş Liste */
.styled-list[b-peiwck7ats] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.styled-list li[b-peiwck7ats] {
    position: relative;
    padding-left: 2rem;
    margin-bottom: 1rem;
    color: #6e6e6e;
    line-height: 1.6;
    font-size: 1.1rem;
}

.styled-list li[b-peiwck7ats]::before {
    content: '✓';
    position: absolute;
    left: 0;
    top: 0;
    color: #70a37f;
    font-weight: bold;
    font-size: 1.2rem;
}

/* Vurgulu Bölüm */
.highlight-section[b-peiwck7ats] {
    background: linear-gradient(135deg, #ffebee, #ffcdd2);
    border-radius: 15px;
    padding: 2.5rem;
    border: 2px solid #ffab91;
    position: relative;
}

.highlight-section[b-peiwck7ats]::before {
    content: '⚠️';
    position: absolute;
    top: -15px;
    left: 30px;
    background: white;
    padding: 10px;
    border-radius: 50%;
    font-size: 1.5rem;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

/* Yasak Kullanımlar Listesi */
.prohibited-list[b-peiwck7ats] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.prohibited-list li[b-peiwck7ats] {
    position: relative;
    padding-left: 2rem;
    margin-bottom: 1rem;
    color: #6e6e6e;
    line-height: 1.6;
    font-size: 1.1rem;
}

.prohibited-list li[b-peiwck7ats]::before {
    content: '✗';
    position: absolute;
    left: 0;
    top: 0;
    color: #dc3545;
    font-weight: bold;
    font-size: 1.2rem;
}

/* Fiyatlandırma Bilgileri */
.pricing-info[b-peiwck7ats] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.5rem;
    margin-top: 2rem;
}

.pricing-item[b-peiwck7ats] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.5rem;
    background: #f8f9fa;
    border-radius: 12px;
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

.pricing-item:hover[b-peiwck7ats] {
    background: white;
    border-color: #70a37f;
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(112, 163, 127, 0.1);
}

.pricing-item i[b-peiwck7ats] {
    color: #70a37f;
    font-size: 1.5rem;
    margin-top: 2px;
    min-width: 24px;
}

.pricing-item strong[b-peiwck7ats] {
    color: #40403f;
    font-size: 1.1rem;
    display: block;
    margin-bottom: 0.3rem;
}

.pricing-item p[b-peiwck7ats] {
    color: #6e6e6e;
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.4;
}

/* Sorumluluk Grid */
.responsibility-grid[b-peiwck7ats] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
    margin-top: 2rem;
}

.resp-item[b-peiwck7ats] {
    padding: 2rem;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

.resp-item.user[b-peiwck7ats] {
    background: linear-gradient(135deg, #e3f2fd, #bbdefb);
    border: 2px solid #90caf9;
}

.resp-item.company[b-peiwck7ats] {
    background: linear-gradient(135deg, #f3e5f5, #e1bee7);
    border: 2px solid #ce93d8;
}

.resp-item h4[b-peiwck7ats] {
    color: #40403f;
    font-size: 1.3rem;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.resp-item h4 i[b-peiwck7ats] {
    font-size: 1.5rem;
}

.resp-item.user h4 i[b-peiwck7ats] {
    color: #2196f3;
}

.resp-item.company h4 i[b-peiwck7ats] {
    color: #9c27b0;
}

.resp-item ul[b-peiwck7ats] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.resp-item ul li[b-peiwck7ats] {
    position: relative;
    padding-left: 1.5rem;
    margin-bottom: 0.8rem;
    color: #6e6e6e;
    line-height: 1.5;
}

.resp-item ul li[b-peiwck7ats]::before {
    content: '→';
    position: absolute;
    left: 0;
    top: 0;
    font-weight: bold;
}

.resp-item.user ul li[b-peiwck7ats]::before {
    color: #2196f3;
}

.resp-item.company ul li[b-peiwck7ats]::before {
    color: #9c27b0;
}

/* Fikri Mülkiyet */
.ip-rights[b-peiwck7ats] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2rem;
    margin-top: 2rem;
}

.ip-item[b-peiwck7ats] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 2rem;
    background: white;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    border: 1px solid #f0f0f0;
    transition: all 0.3s ease;
}

.ip-item:hover[b-peiwck7ats] {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.12);
    border-color: #ff9800;
}

.ip-item i[b-peiwck7ats] {
    color: #ff9800;
    font-size: 2rem;
    margin-top: 5px;
    min-width: 32px;
}

.ip-item strong[b-peiwck7ats] {
    color: #40403f;
    font-size: 1.2rem;
    display: block;
    margin-bottom: 0.5rem;
}

.ip-item p[b-peiwck7ats] {
    color: #6e6e6e;
    margin: 0;
    font-size: 1rem;
    line-height: 1.5;
}

/* SLA Garantileri */
.sla-guarantees[b-peiwck7ats] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2rem;
    margin-top: 2rem;
}

.sla-item[b-peiwck7ats] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding: 2rem;
    background: linear-gradient(135deg, #e8f5e8, #c8e6c9);
    border-radius: 15px;
    border: 2px solid #81c784;
    transition: all 0.3s ease;
}

.sla-item:hover[b-peiwck7ats] {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(129, 199, 132, 0.2);
}

.sla-percentage[b-peiwck7ats] {
    font-size: 2.5rem;
    font-weight: 700;
    color: #2e7d32;
    text-align: center;
    min-width: 80px;
}

.sla-text strong[b-peiwck7ats] {
    color: #40403f;
    font-size: 1.2rem;
    display: block;
    margin-bottom: 0.3rem;
}

.sla-text p[b-peiwck7ats] {
    color: #6e6e6e;
    margin: 0;
    font-size: 1rem;
    line-height: 1.4;
}

/* Sorumluluk Sınırlaması */
.limitation-warning[b-peiwck7ats] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 2rem;
    background: linear-gradient(135deg, #fff8e1, #ffecb3);
    border-left: 4px solid #ffc107;
    border-radius: 10px;
    margin-top: 1.5rem;
}

.limitation-warning i[b-peiwck7ats] {
    color: #ffc107;
    font-size: 1.8rem;
    margin-top: 2px;
    min-width: 28px;
}

.limitation-warning strong[b-peiwck7ats] {
    color: #40403f;
    display: block;
    margin-bottom: 0.5rem;
    font-size: 1.2rem;
}

.limitation-warning p[b-peiwck7ats] {
    margin: 0;
    color: #6e6e6e;
    line-height: 1.6;
}

/* Uyuşmazlık Çözüm Adımları */
.dispute-steps[b-peiwck7ats] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.5rem;
    margin-top: 2rem;
}

.dispute-step[b-peiwck7ats] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.5rem;
    background: white;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08);
    border: 1px solid #f0f0f0;
    transition: all 0.3s ease;
}

.dispute-step:hover[b-peiwck7ats] {
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.12);
    border-color: #267dff;
}

.step-number[b-peiwck7ats] {
    background: linear-gradient(135deg, #267dff, #1e60cc);
    color: white;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.2rem;
    min-width: 40px;
}

.step-content strong[b-peiwck7ats] {
    color: #40403f;
    font-size: 1.1rem;
    display: block;
    margin-bottom: 0.3rem;
}

.step-content p[b-peiwck7ats] {
    color: #6e6e6e;
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.4;
}

/* İletişim Bölümü */
.contact-section[b-peiwck7ats] {
    background: linear-gradient(135deg, #f0f8ff, #e6f3ff);
    border-radius: 15px;
    padding: 2.5rem;
    border: 2px solid #b3d9ff;
}

.contact-info[b-peiwck7ats] {
    display: grid;
    gap: 1.5rem;
    margin-top: 2rem;
}

.contact-item[b-peiwck7ats] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: white;
    border-radius: 10px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.05);
}

.contact-item i[b-peiwck7ats] {
    color: #267dff;
    font-size: 1.3rem;
    min-width: 20px;
}

.contact-item strong[b-peiwck7ats] {
    color: #40403f;
    margin-right: 0.5rem;
}

.contact-item a[b-peiwck7ats] {
    color: #267dff;
    text-decoration: none;
    font-weight: 500;
}

.contact-item a:hover[b-peiwck7ats] {
    text-decoration: underline;
}

/* Footer */
.footer-info[b-peiwck7ats] {
    text-align: center;
}

.footer-info p[b-peiwck7ats] {
    margin-bottom: 0.5rem;
}

/* Responsive Tasarım */
@media (max-width: 768px) {
    .hero-image[b-peiwck7ats] {
        padding: 100px 0 60px;
        margin-top: 60px;
    }
    
    .hero-title[b-peiwck7ats] {
        font-size: 2.5rem;
    }
    
    .hero-subtitle[b-peiwck7ats] {
        font-size: 1.1rem;
    }
    
    .card-content[b-peiwck7ats],
    .card-header[b-peiwck7ats],
    .card-footer[b-peiwck7ats] {
        padding: 2rem 1.5rem;
    }
    
    .section h3[b-peiwck7ats] {
        font-size: 1.5rem;
    }
    
    .service-grid[b-peiwck7ats],
    .pricing-info[b-peiwck7ats],
    .responsibility-grid[b-peiwck7ats],
    .ip-rights[b-peiwck7ats],
    .sla-guarantees[b-peiwck7ats],
    .dispute-steps[b-peiwck7ats] {
        grid-template-columns: 1fr;
    }
    
    .sla-item[b-peiwck7ats] {
        flex-direction: column;
        text-align: center;
    }
}

@media (max-width: 480px) {
    .hero-title[b-peiwck7ats] {
        font-size: 2rem;
    }
    
    .card-content[b-peiwck7ats],
    .card-header[b-peiwck7ats],
    .card-footer[b-peiwck7ats] {
        padding: 1.5rem 1rem;
    }
    
    .section[b-peiwck7ats] {
        margin-bottom: 2rem;
        padding-bottom: 1.5rem;
    }
    
    .service-item[b-peiwck7ats],
    .pricing-item[b-peiwck7ats],
    .resp-item[b-peiwck7ats],
    .ip-item[b-peiwck7ats],
    .dispute-step[b-peiwck7ats] {
        padding: 1rem;
    }
    
    .sla-percentage[b-peiwck7ats] {
        font-size: 2rem;
    }
} 
/* _content/VoxisWeb/Components/Pages/Urunler/Blaze.razor.rz.scp.css */
/* Blaze Hero Section */
.blaze-hero-section[b-5sdl1gcx7w] {
    background: linear-gradient(135deg, var(--body-bg-2) 0%, var(--light-border) 100%);
    padding: 100px 0 80px;
    min-height: 600px;
    display: flex;
    align-items: center;
    margin-top: 70px;
}

.product-badge[b-5sdl1gcx7w] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: linear-gradient(135deg, #ff6b35, #ff4444);
    color: var(--color-white);
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: var(--size-small);
    font-weight: var(--semibold);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
    animation: blaze-b-5sdl1gcx7w 2s infinite;
}

@keyframes blaze-b-5sdl1gcx7w {
    0%, 100% { box-shadow: 0 0 15px rgba(255, 107, 53, 0.6); }
    50% { box-shadow: 0 0 25px rgba(255, 68, 68, 0.8); }
}

.hero-content h1.hero-title[b-5sdl1gcx7w] {
    font-size: var(--size-h1);
    font-weight: var(--bold);
    color: var(--color-secondary);
    margin-bottom: 2rem;
    line-height: var(--lh-h1);
    font-family: var(--font-primary);
}

.hero-title .highlight[b-5sdl1gcx7w] {
    color: #ff6b35;
    position: relative;
}

.hero-title .highlight[b-5sdl1gcx7w]::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #ff6b35, #ff4444);
    border-radius: 2px;
    animation: flame-b-5sdl1gcx7w 3s infinite;
}

@keyframes flame-b-5sdl1gcx7w {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; transform: scaleX(1.1); }
}

.hero-description[b-5sdl1gcx7w] {
    font-size: var(--size-default);
    color: var(--btc);
    line-height: var(--lh-default);
    margin-bottom: 2rem;
    font-family: var(--font-primary);
}

/* Hero Features */
.hero-features[b-5sdl1gcx7w] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 2rem;
}

.feature-item[b-5sdl1gcx7w] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.feature-item i[b-5sdl1gcx7w] {
    color: var(--color-third);
    font-size: 1.2rem;
}

.feature-item span[b-5sdl1gcx7w] {
    color: var(--color-secondary);
    font-weight: var(--medium);
    font-family: var(--font-primary);
}

/* Hero Actions */
.hero-actions[b-5sdl1gcx7w] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.btn-demo[b-5sdl1gcx7w],
.btn-pricing[b-5sdl1gcx7w] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem 2rem;
    border-radius: 10px;
    text-decoration: none;
    font-weight: var(--semibold);
    transition: var(--transition);
    font-family: var(--font-primary);
}

.btn-demo[b-5sdl1gcx7w] {
    background: linear-gradient(135deg, #ff6b35, #ff4444);
    color: var(--color-white);
    position: relative;
    overflow: hidden;
}

.btn-demo[b-5sdl1gcx7w]::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transition: left 0.5s;
}

.btn-demo:hover[b-5sdl1gcx7w]::before {
    left: 100%;
}

.btn-demo:hover[b-5sdl1gcx7w] {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(255, 107, 53, 0.4);
    color: var(--color-white);
    text-decoration: none;
}

.btn-pricing[b-5sdl1gcx7w] {
    background: var(--color-white);
    color: #ff6b35;
    border: 2px solid #ff6b35;
}

.btn-pricing:hover[b-5sdl1gcx7w] {
    background: #ff6b35;
    color: var(--color-white);
    text-decoration: none;
    box-shadow: 0 5px 15px rgba(255, 107, 53, 0.3);
}

/* Hero Image */
.hero-image[b-5sdl1gcx7w] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 70px;
}

.blaze-illustration[b-5sdl1gcx7w] {
    width: 100%;
    max-width: 600px;
}

.blaze-svg[b-5sdl1gcx7w] {
    width: 100%;
    height: auto;
    filter: drop-shadow(0 10px 30px rgba(0,0,0,0.1));
}

/* Features Section */
.blaze-features-section[b-5sdl1gcx7w] {
    padding: 80px 0;
    background: var(--color-white);
}

.section-title[b-5sdl1gcx7w] {
    font-size: var(--size-h2);
    font-weight: var(--bold);
    color: var(--color-secondary);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
}

.section-subtitle[b-5sdl1gcx7w] {
    font-size: var(--size-default);
    color: var(--btc);
    margin-bottom: 4rem;
    font-family: var(--font-primary);
}

.feature-card[b-5sdl1gcx7w] {
    background: var(--color-white);
    padding: 2.5rem 1.5rem;
    border-radius: 20px;
    text-align: center;
    height: 100%;
    transition: var(--transition);
    box-shadow: var(--box-shadow);
    border: 2px solid transparent;
    position: relative;
    overflow: hidden;
}

.feature-card[b-5sdl1gcx7w]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #ff6b35, #ff4444);
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.feature-card:hover[b-5sdl1gcx7w]::before {
    transform: scaleX(1);
}

.feature-card:hover[b-5sdl1gcx7w] {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(255, 107, 53, 0.15);
    border-color: #ff6b35;
}

.feature-icon[b-5sdl1gcx7w] {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #ff6b35, #ff4444);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 2rem;
    transition: var(--transition);
    position: relative;
}

.feature-icon[b-5sdl1gcx7w]::after {
    content: '';
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    background: linear-gradient(135deg, #ff6b35, #ff4444);
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: -1;
    animation: fireGlow-b-5sdl1gcx7w 2s infinite;
}

@keyframes fireGlow-b-5sdl1gcx7w {
    0% { transform: scale(1); opacity: 0.7; }
    50% { transform: scale(1.1); opacity: 0.3; }
    100% { transform: scale(1); opacity: 0.7; }
}

.feature-icon i[b-5sdl1gcx7w] {
    font-size: 2rem;
    color: var(--color-white);
}

.feature-card:hover .feature-icon[b-5sdl1gcx7w] {
    transform: scale(1.1) rotate(10deg);
}

.feature-card:hover .feature-icon[b-5sdl1gcx7w]::after {
    opacity: 1;
}

.feature-card h4[b-5sdl1gcx7w] {
    font-size: var(--size-h4);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
}

.feature-card p[b-5sdl1gcx7w] {
    color: var(--btc);
    line-height: var(--lh-default);
    margin-bottom: 1.5rem;
    font-family: var(--font-primary);
}

/* Pricing Section */
.blaze-pricing-section[b-5sdl1gcx7w] {
    padding: 80px 0;
    background: linear-gradient(135deg, var(--body-bg-2) 0%, var(--light-border) 100%);
}

.pricing-card[b-5sdl1gcx7w] {
    background: var(--color-white);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: var(--box-shadow);
    transition: var(--transition);
    position: relative;
    height: 100%;
}

.pricing-card:hover[b-5sdl1gcx7w] {
    transform: translateY(-10px);
    box-shadow: 0 25px 50px rgba(255, 107, 53, 0.15);
}

.pricing-card.popular[b-5sdl1gcx7w] {
    border: 3px solid #ff6b35;
    transform: scale(1.05);
    position: relative;
}

.pricing-card.popular[b-5sdl1gcx7w]::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(45deg, #ff6b35, #ff4444, #ff6b35);
    border-radius: 22px;
    z-index: -1;
    animation: flameBorder-b-5sdl1gcx7w 3s infinite;
}

@keyframes flameBorder-b-5sdl1gcx7w {
    0%, 100% { opacity: 0.8; }
    50% { opacity: 1; }
}

.pricing-card.popular:hover[b-5sdl1gcx7w] {
    transform: scale(1.05) translateY(-10px);
}

.popular-badge[b-5sdl1gcx7w] {
    position: absolute;
    top: -1px;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(135deg, #ff6b35, #ff4444);
    color: var(--color-white);
    padding: 0.5rem 1.5rem;
    border-radius: 0 0 15px 15px;
    font-size: var(--size-small);
    font-weight: var(--semibold);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-family: var(--font-primary);
    animation: blaze-b-5sdl1gcx7w 2s infinite;
}

.pricing-header[b-5sdl1gcx7w] {
    background: linear-gradient(135deg, #ff6b35, #ff4444);
    color: var(--color-white);
    padding: 2rem 1.5rem;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.pricing-header[b-5sdl1gcx7w]::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    animation: fireShine-b-5sdl1gcx7w 3s infinite;
}

@keyframes fireShine-b-5sdl1gcx7w {
    0% { left: -100%; }
    100% { left: 100%; }
}

.pricing-card.popular .pricing-header[b-5sdl1gcx7w] {
    background: linear-gradient(135deg, #ff4444, #d32f2f);
}

.pricing-header h3[b-5sdl1gcx7w] {
    font-size: var(--size-h3);
    font-weight: var(--bold);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
}

.pricing-price[b-5sdl1gcx7w] {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 0.25rem;
}

.currency[b-5sdl1gcx7w] {
    font-size: 1.2rem;
    font-weight: var(--medium);
}

.price[b-5sdl1gcx7w] {
    font-size: 3rem;
    font-weight: var(--bold);
    font-family: var(--font-primary);
}

.period[b-5sdl1gcx7w] {
    font-size: 1rem;
    font-weight: var(--medium);
    opacity: 0.9;
}

.pricing-content[b-5sdl1gcx7w] {
    padding: 2rem 1.5rem;
}

.pricing-features[b-5sdl1gcx7w] {
    list-style: none;
    padding: 0;
    margin: 0 0 2rem 0;
}

.pricing-features li[b-5sdl1gcx7w] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0;
    font-family: var(--font-primary);
}

.pricing-features li i[b-5sdl1gcx7w] {
    color: var(--color-third);
    font-size: 1rem;
}

.pricing-btn[b-5sdl1gcx7w] {
    width: 100%;
    background: linear-gradient(135deg, #ff6b35, #ff4444);
    color: var(--color-white);
    border: none;
    padding: 1rem 2rem;
    border-radius: 10px;
    font-weight: var(--semibold);
    transition: var(--transition);
    font-family: var(--font-primary);
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.pricing-btn[b-5sdl1gcx7w]::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transition: left 0.5s;
}

.pricing-btn:hover[b-5sdl1gcx7w]::before {
    left: 100%;
}

.pricing-btn:hover[b-5sdl1gcx7w] {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(255, 107, 53, 0.3);
}

/* Benefits Section */
.blaze-benefits-section[b-5sdl1gcx7w] {
    padding: 80px 0;
    background: linear-gradient(135deg, var(--plan-bg) 0%, var(--light-border) 100%);
}

.benefits-content[b-5sdl1gcx7w] {
    padding-right: 2rem;
}

.benefits-title[b-5sdl1gcx7w] {
    font-size: var(--size-h2);
    font-weight: var(--bold);
    color: var(--color-secondary);
    margin-bottom: 1.5rem;
    font-family: var(--font-primary);
}

.benefits-description[b-5sdl1gcx7w] {
    font-size: var(--size-default);
    color: var(--btc);
    line-height: var(--lh-default);
    margin-bottom: 3rem;
    font-family: var(--font-primary);
}

.benefits-list[b-5sdl1gcx7w] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.benefit-item[b-5sdl1gcx7w] {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
    padding: 1.5rem;
    background: var(--color-white);
    border-radius: 15px;
    box-shadow: var(--box-shadow);
    transition: var(--transition);
    border: 2px solid transparent;
    position: relative;
}

.benefit-item[b-5sdl1gcx7w]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #ff6b35, #ff4444);
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.benefit-item:hover[b-5sdl1gcx7w]::before {
    transform: scaleX(1);
}

.benefit-item:hover[b-5sdl1gcx7w] {
    transform: translateX(10px);
    border-color: #ff6b35;
    box-shadow: 0 10px 30px rgba(255, 107, 53, 0.1);
}

.benefit-icon[b-5sdl1gcx7w] {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #ff6b35, #ff4444);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
}

.benefit-icon[b-5sdl1gcx7w]::after {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    background: linear-gradient(135deg, #ff6b35, #ff4444);
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: -1;
    animation: fireGlow-b-5sdl1gcx7w 2s infinite;
}

.benefit-item:hover .benefit-icon[b-5sdl1gcx7w]::after {
    opacity: 0.7;
}

.benefit-icon i[b-5sdl1gcx7w] {
    font-size: 1.5rem;
    color: var(--color-white);
}

.benefit-content h5[b-5sdl1gcx7w] {
    font-size: var(--size-h5);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 0.5rem;
    font-family: var(--font-primary);
}

.benefit-content p[b-5sdl1gcx7w] {
    color: var(--btc);
    line-height: var(--lh-default);
    margin: 0;
    font-family: var(--font-primary);
}

.benefits-stats[b-5sdl1gcx7w] {
    padding-left: 2rem;
}

.stats-title[b-5sdl1gcx7w] {
    font-size: var(--size-h3);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 2rem;
    text-align: center;
    font-family: var(--font-primary);
}

.stats-grid[b-5sdl1gcx7w] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
}

.stat-box[b-5sdl1gcx7w] {
    background: linear-gradient(135deg, #ff6b35, #ff4444);
    color: var(--color-white);
    padding: 2rem 1rem;
    border-radius: 20px;
    text-align: center;
    transition: var(--transition);
    position: relative;
    overflow: hidden;
}

.stat-box[b-5sdl1gcx7w]::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    animation: fireShine-b-5sdl1gcx7w 4s infinite;
}

.stat-box:hover[b-5sdl1gcx7w] {
    transform: translateY(-5px) scale(1.05);
    box-shadow: 0 15px 30px rgba(255, 107, 53, 0.3);
}

.stat-number[b-5sdl1gcx7w] {
    display: block;
    font-size: 2.5rem;
    font-weight: var(--bold);
    margin-bottom: 0.5rem;
    font-family: var(--font-primary);
}

.stat-label[b-5sdl1gcx7w] {
    font-size: var(--size-small);
    font-weight: var(--medium);
    opacity: 0.9;
    font-family: var(--font-primary);
}

/* Fire Effects */
@keyframes blazeEffect-b-5sdl1gcx7w {
    0% { transform: scale(1) rotate(0deg); }
    25% { transform: scale(1.05) rotate(2deg); }
    50% { transform: scale(1.1) rotate(-2deg); }
    75% { transform: scale(1.05) rotate(2deg); }
    100% { transform: scale(1) rotate(0deg); }
}

.feature-icon:hover[b-5sdl1gcx7w],
.benefit-icon:hover[b-5sdl1gcx7w] {
    animation: blazeEffect-b-5sdl1gcx7w 1s ease-in-out;
}

/* Responsive Design */
@media (max-width: 992px) {
    .hero-content h1.hero-title[b-5sdl1gcx7w] {
        font-size: 2.5rem;
    }

    .hero-actions[b-5sdl1gcx7w] {
        justify-content: center;
    }

    .benefits-content[b-5sdl1gcx7w] {
        padding-right: 0;
        margin-bottom: 3rem;
    }

    .benefits-stats[b-5sdl1gcx7w] {
        padding-left: 0;
    }

    .stats-grid[b-5sdl1gcx7w] {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }

    .pricing-card.popular[b-5sdl1gcx7w] {
        transform: none;
        margin-bottom: 2rem;
    }

    .pricing-card.popular:hover[b-5sdl1gcx7w] {
        transform: translateY(-10px);
    }
}

@media (max-width: 768px) {
    .blaze-hero-section[b-5sdl1gcx7w] {
        padding: 80px 0 60px;
        min-height: auto;
    }

    .hero-content h1.hero-title[b-5sdl1gcx7w] {
        font-size: 2rem;
        margin-bottom: 1.5rem;
    }

    .hero-description[b-5sdl1gcx7w] {
        font-size: 0.95rem;
    }

    .hero-features[b-5sdl1gcx7w] {
        margin-bottom: 1.5rem;
    }

    .hero-actions[b-5sdl1gcx7w] {
        flex-direction: column;
        align-items: center;
    }

    .btn-demo[b-5sdl1gcx7w],
    .btn-pricing[b-5sdl1gcx7w] {
        width: 100%;
        max-width: 250px;
        justify-content: center;
    }

    .section-title[b-5sdl1gcx7w] {
        font-size: 2rem;
    }

    .blaze-features-section[b-5sdl1gcx7w],
    .blaze-pricing-section[b-5sdl1gcx7w],
    .blaze-benefits-section[b-5sdl1gcx7w] {
        padding: 60px 0;
    }

    .feature-card[b-5sdl1gcx7w],
    .pricing-card[b-5sdl1gcx7w] {
        margin-bottom: 2rem;
    }

    .benefit-item[b-5sdl1gcx7w] {
        padding: 1rem;
        flex-direction: column;
        text-align: center;
    }

    .benefit-icon[b-5sdl1gcx7w] {
        width: 50px;
        height: 50px;
    }

    .stats-grid[b-5sdl1gcx7w] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .stat-box[b-5sdl1gcx7w] {
        padding: 1.5rem 1rem;
    }

    .stat-number[b-5sdl1gcx7w] {
        font-size: 2rem;
    }
}

@media (max-width: 576px) {
    .hero-content h1.hero-title[b-5sdl1gcx7w] {
        font-size: 1.75rem;
    }

    .hero-actions[b-5sdl1gcx7w] {
        flex-direction: column;
        gap: 0.75rem;
    }

    .btn-demo[b-5sdl1gcx7w],
    .btn-pricing[b-5sdl1gcx7w] {
        padding: 0.875rem 1.5rem;
        font-size: 0.9rem;
    }

    .feature-card[b-5sdl1gcx7w],
    .pricing-card[b-5sdl1gcx7w] {
        padding: 2rem 1rem;
    }

    .pricing-header[b-5sdl1gcx7w] {
        padding: 1.5rem 1rem;
    }

    .pricing-content[b-5sdl1gcx7w] {
        padding: 1.5rem 1rem;
    }

    .benefit-item[b-5sdl1gcx7w] {
        padding: 1rem 0.75rem;
    }

    .price[b-5sdl1gcx7w] {
        font-size: 2.5rem;
    }

    .stats-grid[b-5sdl1gcx7w] {
        gap: 0.75rem;
    }
} 
/* _content/VoxisWeb/Components/Pages/Urunler/Cosmos.razor.rz.scp.css */
/* Cosmos Hero Section */
.cosmos-hero-section[b-14x1qsh5io] {
    background: linear-gradient(135deg, var(--body-bg-2) 0%, var(--light-border) 100%);
    padding: 100px 0 80px;
    min-height: 600px;
    display: flex;
    align-items: center;
    margin-top: 70px;
}

.product-badge[b-14x1qsh5io] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: linear-gradient(135deg, #70a37f, #4caf50);
    color: var(--color-white);
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: var(--size-small);
    font-weight: var(--semibold);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
}

.hero-content h1.hero-title[b-14x1qsh5io] {
    font-size: var(--size-h1);
    font-weight: var(--bold);
    color: var(--color-secondary);
    margin-bottom: 2rem;
    line-height: var(--lh-h1);
    font-family: var(--font-primary);
}

.hero-title .highlight[b-14x1qsh5io] {
    color: #70a37f;
    position: relative;
}

.hero-title .highlight[b-14x1qsh5io]::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #70a37f, #4caf50);
    border-radius: 2px;
}

.hero-description[b-14x1qsh5io] {
    font-size: var(--size-default);
    color: var(--btc);
    line-height: var(--lh-default);
    margin-bottom: 2rem;
    font-family: var(--font-primary);
}

/* Hero Features */
.hero-features[b-14x1qsh5io] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 2rem;
}

.feature-item[b-14x1qsh5io] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.feature-item i[b-14x1qsh5io] {
    color: var(--color-third);
    font-size: 1.2rem;
}

.feature-item span[b-14x1qsh5io] {
    color: var(--color-secondary);
    font-weight: var(--medium);
    font-family: var(--font-primary);
}

/* Hero Actions */
.hero-actions[b-14x1qsh5io] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.btn-demo[b-14x1qsh5io],
.btn-pricing[b-14x1qsh5io] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem 2rem;
    border-radius: 10px;
    text-decoration: none;
    font-weight: var(--semibold);
    transition: var(--transition);
    font-family: var(--font-primary);
}

.btn-demo[b-14x1qsh5io] {
    background: linear-gradient(135deg, #70a37f, #4caf50);
    color: var(--color-white);
}

.btn-demo:hover[b-14x1qsh5io] {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(112, 163, 127, 0.4);
    color: var(--color-white);
    text-decoration: none;
}

.btn-pricing[b-14x1qsh5io] {
    background: var(--color-white);
    color: #70a37f;
    border: 2px solid #70a37f;
}

.btn-pricing:hover[b-14x1qsh5io] {
    background: #70a37f;
    color: var(--color-white);
    text-decoration: none;
}

/* Hero Image */
.hero-image[b-14x1qsh5io] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 70px;
}

.cosmos-illustration[b-14x1qsh5io] {
    width: 100%;
    max-width: 600px;
}

.cosmos-svg[b-14x1qsh5io] {
    width: 100%;
    height: auto;
    filter: drop-shadow(0 10px 30px rgba(0,0,0,0.1));
}

/* Features Section */
.cosmos-features-section[b-14x1qsh5io] {
    padding: 80px 0;
    background: var(--color-white);
}

.section-title[b-14x1qsh5io] {
    font-size: var(--size-h2);
    font-weight: var(--bold);
    color: var(--color-secondary);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
}

.section-subtitle[b-14x1qsh5io] {
    font-size: var(--size-default);
    color: var(--btc);
    margin-bottom: 4rem;
    font-family: var(--font-primary);
}

.feature-card[b-14x1qsh5io] {
    background: var(--color-white);
    padding: 2.5rem 1.5rem;
    border-radius: 20px;
    text-align: center;
    height: 100%;
    transition: var(--transition);
    box-shadow: var(--box-shadow);
    border: 2px solid transparent;
    position: relative;
    overflow: hidden;
}

.feature-card:hover[b-14x1qsh5io] {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(112, 163, 127, 0.15);
    border-color: #70a37f;
}

.feature-icon[b-14x1qsh5io] {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #70a37f, #4caf50);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 2rem;
    transition: var(--transition);
}

.feature-icon i[b-14x1qsh5io] {
    font-size: 2rem;
    color: var(--color-white);
}

.feature-card:hover .feature-icon[b-14x1qsh5io] {
    transform: scale(1.1) rotate(5deg);
}

.feature-card h4[b-14x1qsh5io] {
    font-size: var(--size-h4);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
}

.feature-card p[b-14x1qsh5io] {
    color: var(--btc);
    line-height: var(--lh-default);
    margin-bottom: 1.5rem;
    font-family: var(--font-primary);
}

/* Pricing Section */
.cosmos-pricing-section[b-14x1qsh5io] {
    padding: 80px 0;
    background: linear-gradient(135deg, var(--body-bg-2) 0%, var(--light-border) 100%);
}

.pricing-card[b-14x1qsh5io] {
    background: var(--color-white);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: var(--box-shadow);
    transition: var(--transition);
    position: relative;
    height: 100%;
}

.pricing-card:hover[b-14x1qsh5io] {
    transform: translateY(-10px);
    box-shadow: 0 25px 50px rgba(112, 163, 127, 0.15);
}

.pricing-card.popular[b-14x1qsh5io] {
    border: 3px solid #70a37f;
    transform: scale(1.05);
}

.pricing-card.popular:hover[b-14x1qsh5io] {
    transform: scale(1.05) translateY(-10px);
}

.popular-badge[b-14x1qsh5io] {
    position: absolute;
    top: -1px;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(135deg, #70a37f, #4caf50);
    color: var(--color-white);
    padding: 0.5rem 1.5rem;
    border-radius: 0 0 15px 15px;
    font-size: var(--size-small);
    font-weight: var(--semibold);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-family: var(--font-primary);
}

.pricing-header[b-14x1qsh5io] {
    background: linear-gradient(135deg, #70a37f, #4caf50);
    color: var(--color-white);
    padding: 2rem 1.5rem;
    text-align: center;
}

.pricing-card.popular .pricing-header[b-14x1qsh5io] {
    background: linear-gradient(135deg, #4caf50, #70a37f);
}

.pricing-header h3[b-14x1qsh5io] {
    font-size: var(--size-h3);
    font-weight: var(--bold);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
}

.pricing-price[b-14x1qsh5io] {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 0.25rem;
}

.currency[b-14x1qsh5io] {
    font-size: 1.2rem;
    font-weight: var(--medium);
}

.price[b-14x1qsh5io] {
    font-size: 3rem;
    font-weight: var(--bold);
    font-family: var(--font-primary);
}

.period[b-14x1qsh5io] {
    font-size: 1rem;
    font-weight: var(--medium);
    opacity: 0.9;
}

.pricing-content[b-14x1qsh5io] {
    padding: 2rem 1.5rem;
}

.pricing-features[b-14x1qsh5io] {
    list-style: none;
    padding: 0;
    margin: 0 0 2rem 0;
}

.pricing-features li[b-14x1qsh5io] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0;
    font-family: var(--font-primary);
}

.pricing-features li i[b-14x1qsh5io] {
    color: var(--color-third);
    font-size: 1rem;
}

.pricing-btn[b-14x1qsh5io] {
    width: 100%;
    background: linear-gradient(135deg, #70a37f, #4caf50);
    color: var(--color-white);
    border: none;
    padding: 1rem 2rem;
    border-radius: 10px;
    font-weight: var(--semibold);
    transition: var(--transition);
    font-family: var(--font-primary);
    cursor: pointer;
}

.pricing-btn:hover[b-14x1qsh5io] {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(112, 163, 127, 0.3);
}

/* Benefits Section */
.cosmos-benefits-section[b-14x1qsh5io] {
    padding: 80px 0;
    background: linear-gradient(135deg, var(--plan-bg) 0%, var(--light-border) 100%);
}

.benefits-content[b-14x1qsh5io] {
    padding-right: 2rem;
}

.benefits-title[b-14x1qsh5io] {
    font-size: var(--size-h2);
    font-weight: var(--bold);
    color: var(--color-secondary);
    margin-bottom: 1.5rem;
    font-family: var(--font-primary);
}

.benefits-description[b-14x1qsh5io] {
    font-size: var(--size-default);
    color: var(--btc);
    line-height: var(--lh-default);
    margin-bottom: 3rem;
    font-family: var(--font-primary);
}

.benefits-list[b-14x1qsh5io] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.benefit-item[b-14x1qsh5io] {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
    padding: 1.5rem;
    background: var(--color-white);
    border-radius: 15px;
    box-shadow: var(--box-shadow);
    transition: var(--transition);
    border: 2px solid transparent;
}

.benefit-item:hover[b-14x1qsh5io] {
    transform: translateX(10px);
    border-color: #70a37f;
    box-shadow: 0 10px 30px rgba(112, 163, 127, 0.1);
}

.benefit-icon[b-14x1qsh5io] {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #70a37f, #4caf50);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.benefit-icon i[b-14x1qsh5io] {
    font-size: 1.5rem;
    color: var(--color-white);
}

.benefit-content h5[b-14x1qsh5io] {
    font-size: var(--size-h5);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 0.5rem;
    font-family: var(--font-primary);
}

.benefit-content p[b-14x1qsh5io] {
    color: var(--btc);
    line-height: var(--lh-default);
    margin: 0;
    font-family: var(--font-primary);
}

.benefits-stats[b-14x1qsh5io] {
    padding-left: 2rem;
}

.stats-title[b-14x1qsh5io] {
    font-size: var(--size-h3);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 2rem;
    text-align: center;
    font-family: var(--font-primary);
}

.stats-grid[b-14x1qsh5io] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
}

.stat-box[b-14x1qsh5io] {
    background: linear-gradient(135deg, #70a37f, #4caf50);
    color: var(--color-white);
    padding: 2rem 1rem;
    border-radius: 20px;
    text-align: center;
    transition: var(--transition);
}

.stat-box:hover[b-14x1qsh5io] {
    transform: translateY(-5px) scale(1.05);
    box-shadow: 0 15px 30px rgba(112, 163, 127, 0.3);
}

.stat-number[b-14x1qsh5io] {
    display: block;
    font-size: 2.5rem;
    font-weight: var(--bold);
    margin-bottom: 0.5rem;
    font-family: var(--font-primary);
}

.stat-label[b-14x1qsh5io] {
    font-size: var(--size-small);
    font-weight: var(--medium);
    opacity: 0.9;
    font-family: var(--font-primary);
}

/* Responsive Design */
@media (max-width: 992px) {
    .hero-content h1.hero-title[b-14x1qsh5io] {
        font-size: 2.5rem;
    }

    .hero-actions[b-14x1qsh5io] {
        justify-content: center;
    }

    .benefits-content[b-14x1qsh5io] {
        padding-right: 0;
        margin-bottom: 3rem;
    }

    .benefits-stats[b-14x1qsh5io] {
        padding-left: 0;
    }

    .stats-grid[b-14x1qsh5io] {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }

    .pricing-card.popular[b-14x1qsh5io] {
        transform: none;
        margin-bottom: 2rem;
    }

    .pricing-card.popular:hover[b-14x1qsh5io] {
        transform: translateY(-10px);
    }
}

@media (max-width: 768px) {
    .cosmos-hero-section[b-14x1qsh5io] {
        padding: 80px 0 60px;
        min-height: auto;
    }

    .hero-content h1.hero-title[b-14x1qsh5io] {
        font-size: 2rem;
        margin-bottom: 1.5rem;
    }

    .hero-description[b-14x1qsh5io] {
        font-size: 0.95rem;
    }

    .hero-features[b-14x1qsh5io] {
        margin-bottom: 1.5rem;
    }

    .hero-actions[b-14x1qsh5io] {
        flex-direction: column;
        align-items: center;
    }

    .btn-demo[b-14x1qsh5io],
    .btn-pricing[b-14x1qsh5io] {
        width: 100%;
        max-width: 250px;
        justify-content: center;
    }

    .section-title[b-14x1qsh5io] {
        font-size: 2rem;
    }

    .cosmos-features-section[b-14x1qsh5io],
    .cosmos-pricing-section[b-14x1qsh5io],
    .cosmos-benefits-section[b-14x1qsh5io] {
        padding: 60px 0;
    }

    .feature-card[b-14x1qsh5io],
    .pricing-card[b-14x1qsh5io] {
        margin-bottom: 2rem;
    }

    .benefit-item[b-14x1qsh5io] {
        padding: 1rem;
        flex-direction: column;
        text-align: center;
    }

    .benefit-icon[b-14x1qsh5io] {
        width: 50px;
        height: 50px;
    }

    .stats-grid[b-14x1qsh5io] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .stat-box[b-14x1qsh5io] {
        padding: 1.5rem 1rem;
    }

    .stat-number[b-14x1qsh5io] {
        font-size: 2rem;
    }
}

@media (max-width: 576px) {
    .hero-content h1.hero-title[b-14x1qsh5io] {
        font-size: 1.75rem;
    }

    .hero-actions[b-14x1qsh5io] {
        flex-direction: column;
        gap: 0.75rem;
    }

    .btn-demo[b-14x1qsh5io],
    .btn-pricing[b-14x1qsh5io] {
        padding: 0.875rem 1.5rem;
        font-size: 0.9rem;
    }

    .feature-card[b-14x1qsh5io],
    .pricing-card[b-14x1qsh5io] {
        padding: 2rem 1rem;
    }

    .pricing-header[b-14x1qsh5io] {
        padding: 1.5rem 1rem;
    }

    .pricing-content[b-14x1qsh5io] {
        padding: 1.5rem 1rem;
    }

    .benefit-item[b-14x1qsh5io] {
        padding: 1rem 0.75rem;
    }

    .price[b-14x1qsh5io] {
        font-size: 2.5rem;
    }

    .stats-grid[b-14x1qsh5io] {
        gap: 0.75rem;
    }
} 
/* _content/VoxisWeb/Components/Pages/Urunler/Flame.razor.rz.scp.css */
/* Flame Hero Section */
.flame-hero-section[b-wr9s9toirs] {
    background: linear-gradient(135deg, var(--body-bg-2) 0%, var(--light-border) 100%);
    padding: 100px 0 80px;
    min-height: 600px;
    display: flex;
    align-items: center;
    margin-top: 70px;
}

.product-badge[b-wr9s9toirs] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: linear-gradient(135deg, #ff6b35, #ff4444);
    color: var(--color-white);
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: var(--size-small);
    font-weight: var(--semibold);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
}

.hero-content h1.hero-title[b-wr9s9toirs] {
    font-size: var(--size-h1);
    font-weight: var(--bold);
    color: var(--color-secondary);
    margin-bottom: 2rem;
    line-height: var(--lh-h1);
    font-family: var(--font-primary);
}

.hero-title .highlight[b-wr9s9toirs] {
    color: #ff6b35;
    position: relative;
}

.hero-title .highlight[b-wr9s9toirs]::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #ff6b35, #ff4444);
    border-radius: 2px;
}

.hero-description[b-wr9s9toirs] {
    font-size: var(--size-default);
    color: var(--btc);
    line-height: var(--lh-default);
    margin-bottom: 2rem;
    font-family: var(--font-primary);
}

/* Hero Features */
.hero-features[b-wr9s9toirs] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 2rem;
}

.feature-item[b-wr9s9toirs] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.feature-item i[b-wr9s9toirs] {
    color: var(--color-third);
    font-size: 1.2rem;
}

.feature-item span[b-wr9s9toirs] {
    color: var(--color-secondary);
    font-weight: var(--medium);
    font-family: var(--font-primary);
}

/* Hero Actions */
.hero-actions[b-wr9s9toirs] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.btn-demo[b-wr9s9toirs],
.btn-pricing[b-wr9s9toirs] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem 2rem;
    border-radius: 10px;
    text-decoration: none;
    font-weight: var(--semibold);
    transition: var(--transition);
    font-family: var(--font-primary);
}

.btn-demo[b-wr9s9toirs] {
    background: linear-gradient(135deg, #ff6b35, #ff4444);
    color: var(--color-white);
}

.btn-demo:hover[b-wr9s9toirs] {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(255, 107, 53, 0.4);
    color: var(--color-white);
    text-decoration: none;
}

.btn-pricing[b-wr9s9toirs] {
    background: var(--color-white);
    color: #ff6b35;
    border: 2px solid #ff6b35;
}

.btn-pricing:hover[b-wr9s9toirs] {
    background: #ff6b35;
    color: var(--color-white);
    text-decoration: none;
}

/* Hero Image */
.hero-image[b-wr9s9toirs] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 70px;
}

.flame-illustration[b-wr9s9toirs] {
    width: 100%;
    max-width: 600px;
}

.flame-svg[b-wr9s9toirs] {
    width: 100%;
    height: auto;
    filter: drop-shadow(0 10px 30px rgba(0,0,0,0.1));
}

/* Features Section */
.flame-features-section[b-wr9s9toirs] {
    padding: 80px 0;
    background: var(--color-white);
}

.section-title[b-wr9s9toirs] {
    font-size: var(--size-h2);
    font-weight: var(--bold);
    color: var(--color-secondary);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
}

.section-subtitle[b-wr9s9toirs] {
    font-size: var(--size-default);
    color: var(--btc);
    margin-bottom: 4rem;
    font-family: var(--font-primary);
}

.feature-card[b-wr9s9toirs] {
    background: var(--color-white);
    padding: 2.5rem 1.5rem;
    border-radius: 20px;
    text-align: center;
    height: 100%;
    transition: var(--transition);
    box-shadow: var(--box-shadow);
    border: 2px solid transparent;
    position: relative;
    overflow: hidden;
}

.feature-card:hover[b-wr9s9toirs] {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(255, 107, 53, 0.15);
    border-color: #ff6b35;
}

.feature-icon[b-wr9s9toirs] {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #ff6b35, #ff4444);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 2rem;
    transition: var(--transition);
}

.feature-icon i[b-wr9s9toirs] {
    font-size: 2rem;
    color: var(--color-white);
}

.feature-card:hover .feature-icon[b-wr9s9toirs] {
    transform: scale(1.1) rotate(5deg);
}

.feature-card h4[b-wr9s9toirs] {
    font-size: var(--size-h4);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
}

.feature-card p[b-wr9s9toirs] {
    color: var(--btc);
    line-height: var(--lh-default);
    margin-bottom: 1.5rem;
    font-family: var(--font-primary);
}

/* Pricing Section */
.flame-pricing-section[b-wr9s9toirs] {
    padding: 80px 0;
    background: linear-gradient(135deg, var(--body-bg-2) 0%, var(--light-border) 100%);
}

.pricing-card[b-wr9s9toirs] {
    background: var(--color-white);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: var(--box-shadow);
    transition: var(--transition);
    position: relative;
    height: 100%;
}

.pricing-card:hover[b-wr9s9toirs] {
    transform: translateY(-10px);
    box-shadow: 0 25px 50px rgba(255, 107, 53, 0.15);
}

.pricing-card.popular[b-wr9s9toirs] {
    border: 3px solid #ff6b35;
    transform: scale(1.05);
}

.pricing-card.popular:hover[b-wr9s9toirs] {
    transform: scale(1.05) translateY(-10px);
}

.popular-badge[b-wr9s9toirs] {
    position: absolute;
    top: -1px;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(135deg, #ff6b35, #ff4444);
    color: var(--color-white);
    padding: 0.5rem 1.5rem;
    border-radius: 0 0 15px 15px;
    font-size: var(--size-small);
    font-weight: var(--semibold);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-family: var(--font-primary);
}

.pricing-header[b-wr9s9toirs] {
    background: linear-gradient(135deg, #ff6b35, #ff4444);
    color: var(--color-white);
    padding: 2rem 1.5rem;
    text-align: center;
}

.pricing-card.popular .pricing-header[b-wr9s9toirs] {
    background: linear-gradient(135deg, #ff4444, #ff6b35);
}

.pricing-header h3[b-wr9s9toirs] {
    font-size: var(--size-h3);
    font-weight: var(--bold);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
}

.pricing-price[b-wr9s9toirs] {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 0.25rem;
}

.currency[b-wr9s9toirs] {
    font-size: 1.2rem;
    font-weight: var(--medium);
}

.price[b-wr9s9toirs] {
    font-size: 3rem;
    font-weight: var(--bold);
    font-family: var(--font-primary);
}

.period[b-wr9s9toirs] {
    font-size: 1rem;
    font-weight: var(--medium);
    opacity: 0.9;
}

.pricing-content[b-wr9s9toirs] {
    padding: 2rem 1.5rem;
}

.pricing-features[b-wr9s9toirs] {
    list-style: none;
    padding: 0;
    margin: 0 0 2rem 0;
}

.pricing-features li[b-wr9s9toirs] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0;
    font-family: var(--font-primary);
}

.pricing-features li i[b-wr9s9toirs] {
    color: var(--color-third);
    font-size: 1rem;
}

.pricing-btn[b-wr9s9toirs] {
    width: 100%;
    background: linear-gradient(135deg, #ff6b35, #ff4444);
    color: var(--color-white);
    border: none;
    padding: 1rem 2rem;
    border-radius: 10px;
    font-weight: var(--semibold);
    transition: var(--transition);
    font-family: var(--font-primary);
    cursor: pointer;
}

.pricing-btn:hover[b-wr9s9toirs] {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(255, 107, 53, 0.3);
}

/* Benefits Section */
.flame-benefits-section[b-wr9s9toirs] {
    padding: 80px 0;
    background: linear-gradient(135deg, var(--plan-bg) 0%, var(--light-border) 100%);
}

.benefits-content[b-wr9s9toirs] {
    padding-right: 2rem;
}

.benefits-title[b-wr9s9toirs] {
    font-size: var(--size-h2);
    font-weight: var(--bold);
    color: var(--color-secondary);
    margin-bottom: 1.5rem;
    font-family: var(--font-primary);
}

.benefits-description[b-wr9s9toirs] {
    font-size: var(--size-default);
    color: var(--btc);
    line-height: var(--lh-default);
    margin-bottom: 3rem;
    font-family: var(--font-primary);
}

.benefits-list[b-wr9s9toirs] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.benefit-item[b-wr9s9toirs] {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
    padding: 1.5rem;
    background: var(--color-white);
    border-radius: 15px;
    box-shadow: var(--box-shadow);
    transition: var(--transition);
    border: 2px solid transparent;
}

.benefit-item:hover[b-wr9s9toirs] {
    transform: translateX(10px);
    border-color: #ff6b35;
    box-shadow: 0 10px 30px rgba(255, 107, 53, 0.1);
}

.benefit-icon[b-wr9s9toirs] {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #ff6b35, #ff4444);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.benefit-icon i[b-wr9s9toirs] {
    font-size: 1.5rem;
    color: var(--color-white);
}

.benefit-content h5[b-wr9s9toirs] {
    font-size: var(--size-h5);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 0.5rem;
    font-family: var(--font-primary);
}

.benefit-content p[b-wr9s9toirs] {
    color: var(--btc);
    line-height: var(--lh-default);
    margin: 0;
    font-family: var(--font-primary);
}

.benefits-stats[b-wr9s9toirs] {
    padding-left: 2rem;
}

.stats-title[b-wr9s9toirs] {
    font-size: var(--size-h3);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 2rem;
    text-align: center;
    font-family: var(--font-primary);
}

.stats-grid[b-wr9s9toirs] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
}

.stat-box[b-wr9s9toirs] {
    background: linear-gradient(135deg, #ff6b35, #ff4444);
    color: var(--color-white);
    padding: 2rem 1rem;
    border-radius: 20px;
    text-align: center;
    transition: var(--transition);
}

.stat-box:hover[b-wr9s9toirs] {
    transform: translateY(-5px) scale(1.05);
    box-shadow: 0 15px 30px rgba(255, 107, 53, 0.3);
}

.stat-number[b-wr9s9toirs] {
    display: block;
    font-size: 2.5rem;
    font-weight: var(--bold);
    margin-bottom: 0.5rem;
    font-family: var(--font-primary);
}

.stat-label[b-wr9s9toirs] {
    font-size: var(--size-small);
    font-weight: var(--medium);
    opacity: 0.9;
    font-family: var(--font-primary);
}

/* Responsive Design */
@media (max-width: 992px) {
    .hero-content h1.hero-title[b-wr9s9toirs] {
        font-size: 2.5rem;
    }

    .hero-actions[b-wr9s9toirs] {
        justify-content: center;
    }

    .benefits-content[b-wr9s9toirs] {
        padding-right: 0;
        margin-bottom: 3rem;
    }

    .benefits-stats[b-wr9s9toirs] {
        padding-left: 0;
    }

    .stats-grid[b-wr9s9toirs] {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }

    .pricing-card.popular[b-wr9s9toirs] {
        transform: none;
        margin-bottom: 2rem;
    }

    .pricing-card.popular:hover[b-wr9s9toirs] {
        transform: translateY(-10px);
    }
}

@media (max-width: 768px) {
    .flame-hero-section[b-wr9s9toirs] {
        padding: 80px 0 60px;
        min-height: auto;
    }

    .hero-content h1.hero-title[b-wr9s9toirs] {
        font-size: 2rem;
        margin-bottom: 1.5rem;
    }

    .hero-description[b-wr9s9toirs] {
        font-size: 0.95rem;
    }

    .hero-features[b-wr9s9toirs] {
        margin-bottom: 1.5rem;
    }

    .hero-actions[b-wr9s9toirs] {
        flex-direction: column;
        align-items: center;
    }

    .btn-demo[b-wr9s9toirs],
    .btn-pricing[b-wr9s9toirs] {
        width: 100%;
        max-width: 250px;
        justify-content: center;
    }

    .section-title[b-wr9s9toirs] {
        font-size: 2rem;
    }

    .flame-features-section[b-wr9s9toirs],
    .flame-pricing-section[b-wr9s9toirs],
    .flame-benefits-section[b-wr9s9toirs] {
        padding: 60px 0;
    }

    .feature-card[b-wr9s9toirs],
    .pricing-card[b-wr9s9toirs] {
        margin-bottom: 2rem;
    }

    .benefit-item[b-wr9s9toirs] {
        padding: 1rem;
        flex-direction: column;
        text-align: center;
    }

    .benefit-icon[b-wr9s9toirs] {
        width: 50px;
        height: 50px;
    }

    .stats-grid[b-wr9s9toirs] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .stat-box[b-wr9s9toirs] {
        padding: 1.5rem 1rem;
    }

    .stat-number[b-wr9s9toirs] {
        font-size: 2rem;
    }
}

@media (max-width: 576px) {
    .hero-content h1.hero-title[b-wr9s9toirs] {
        font-size: 1.75rem;
    }

    .hero-actions[b-wr9s9toirs] {
        flex-direction: column;
        gap: 0.75rem;
    }

    .btn-demo[b-wr9s9toirs],
    .btn-pricing[b-wr9s9toirs] {
        padding: 0.875rem 1.5rem;
        font-size: 0.9rem;
    }

    .feature-card[b-wr9s9toirs],
    .pricing-card[b-wr9s9toirs] {
        padding: 2rem 1rem;
    }

    .pricing-header[b-wr9s9toirs] {
        padding: 1.5rem 1rem;
    }

    .pricing-content[b-wr9s9toirs] {
        padding: 1.5rem 1rem;
    }

    .benefit-item[b-wr9s9toirs] {
        padding: 1rem 0.75rem;
    }

    .price[b-wr9s9toirs] {
        font-size: 2.5rem;
    }

    .stats-grid[b-wr9s9toirs] {
        gap: 0.75rem;
    }
} 
/* _content/VoxisWeb/Components/Pages/Urunler/Infinity.razor.rz.scp.css */
/* Infinity Hero Section */
.infinity-hero-section[b-9nmub2po7z] {
    background: linear-gradient(135deg, var(--body-bg-2) 0%, var(--light-border) 100%);
    padding: 100px 0 80px;
    min-height: 600px;
    display: flex;
    align-items: center;
}

.product-badge[b-9nmub2po7z] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: linear-gradient(135deg, #267dff, #9cc5ff);
    color: var(--color-white);
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: var(--size-small);
    font-weight: var(--semibold);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
}

.hero-content h1.hero-title[b-9nmub2po7z] {
    font-size: var(--size-h1);
    font-weight: var(--bold);
    color: var(--color-secondary);
    margin-bottom: 2rem;
    line-height: var(--lh-h1);
    font-family: var(--font-primary);
}

.hero-title .highlight[b-9nmub2po7z] {
    color: #267dff;
    position: relative;
}

.hero-title .highlight[b-9nmub2po7z]::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #267dff, #9cc5ff);
    border-radius: 2px;
}

.hero-description[b-9nmub2po7z] {
    font-size: var(--size-default);
    color: var(--btc);
    line-height: var(--lh-default);
    margin-bottom: 2rem;
    font-family: var(--font-primary);
}

/* Hero Features */
.hero-features[b-9nmub2po7z] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 2rem;
}

.feature-item[b-9nmub2po7z] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.feature-item i[b-9nmub2po7z] {
    color: var(--color-third);
    font-size: 1.2rem;
}

.feature-item span[b-9nmub2po7z] {
    color: var(--color-secondary);
    font-weight: var(--medium);
    font-family: var(--font-primary);
}

/* Hero Actions */
.hero-actions[b-9nmub2po7z] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.btn-demo[b-9nmub2po7z],
.btn-pricing[b-9nmub2po7z] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem 2rem;
    border-radius: 10px;
    text-decoration: none;
    font-weight: var(--semibold);
    transition: var(--transition);
    font-family: var(--font-primary);
}

.btn-demo[b-9nmub2po7z] {
    background: linear-gradient(135deg, #267dff, #9cc5ff);
    color: var(--color-white);
}

.btn-demo:hover[b-9nmub2po7z] {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(38, 125, 255, 0.3);
    color: var(--color-white);
    text-decoration: none;
}

.btn-pricing[b-9nmub2po7z] {
    background: var(--color-white);
    color: #267dff;
    border: 2px solid #267dff;
}

.btn-pricing:hover[b-9nmub2po7z] {
    background: #267dff;
    color: var(--color-white);
    text-decoration: none;
}

/* Hero Image */
.hero-image[b-9nmub2po7z] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 70px;
}

.infinity-illustration[b-9nmub2po7z] {
    width: 100%;
    max-width: 600px;
}

.infinity-svg[b-9nmub2po7z] {
    width: 100%;
    height: auto;
    filter: drop-shadow(0 10px 30px rgba(0,0,0,0.1));
}

/* Features Section */
.infinity-features-section[b-9nmub2po7z] {
    padding: 80px 0;
    background: var(--color-white);
}

.section-title[b-9nmub2po7z] {
    font-size: var(--size-h2);
    font-weight: var(--bold);
    color: var(--color-secondary);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
}

.section-subtitle[b-9nmub2po7z] {
    font-size: var(--size-default);
    color: var(--btc);
    margin-bottom: 4rem;
    font-family: var(--font-primary);
}

.feature-card[b-9nmub2po7z] {
    background: var(--color-white);
    padding: 2.5rem 1.5rem;
    border-radius: 20px;
    text-align: center;
    height: 100%;
    transition: var(--transition);
    box-shadow: var(--box-shadow);
    border: 2px solid transparent;
    position: relative;
    overflow: hidden;
}

.feature-card:hover[b-9nmub2po7z] {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(38, 125, 255, 0.15);
    border-color: #267dff;
}

.feature-icon[b-9nmub2po7z] {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #267dff, #9cc5ff);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 2rem;
    transition: var(--transition);
}

.feature-icon i[b-9nmub2po7z] {
    font-size: 2rem;
    color: var(--color-white);
}

.feature-card:hover .feature-icon[b-9nmub2po7z] {
    transform: scale(1.1) rotate(5deg);
}

.feature-card h4[b-9nmub2po7z] {
    font-size: var(--size-h4);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
}

.feature-card p[b-9nmub2po7z] {
    color: var(--btc);
    line-height: var(--lh-default);
    margin: 0;
    font-family: var(--font-primary);
}

/* Process Section */
.infinity-process-section[b-9nmub2po7z] {
    padding: 80px 0;
    background: linear-gradient(135deg, var(--plan-bg) 0%, var(--light-border) 100%);
}

.process-step[b-9nmub2po7z] {
    background: var(--color-white);
    padding: 2rem 1.5rem;
    border-radius: 20px;
    text-align: center;
    height: 100%;
    transition: var(--transition);
    box-shadow: var(--box-shadow);
    position: relative;
    border: 2px solid transparent;
}

.process-step:hover[b-9nmub2po7z] {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(38, 125, 255, 0.15);
    border-color: #267dff;
}

.step-number[b-9nmub2po7z] {
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, #267dff, #9cc5ff);
    color: var(--color-white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: var(--bold);
    font-size: var(--size-h5);
    font-family: var(--font-primary);
}

.step-icon[b-9nmub2po7z] {
    width: 70px;
    height: 70px;
    background: linear-gradient(135deg, #f8f9fa, #e9ecef);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 2rem auto 1.5rem;
    transition: var(--transition);
}

.step-icon i[b-9nmub2po7z] {
    font-size: 1.8rem;
    color: #267dff;
}

.process-step:hover .step-icon[b-9nmub2po7z] {
    background: linear-gradient(135deg, #267dff, #9cc5ff);
    transform: scale(1.1);
}

.process-step:hover .step-icon i[b-9nmub2po7z] {
    color: var(--color-white);
}

.process-step h4[b-9nmub2po7z] {
    font-size: var(--size-h4);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
}

.process-step p[b-9nmub2po7z] {
    color: var(--btc);
    line-height: var(--lh-default);
    margin: 0;
    font-family: var(--font-primary);
}

/* Modules Section */
.infinity-modules-section[b-9nmub2po7z] {
    padding: 80px 0;
    background: var(--color-white);
}

.module-card[b-9nmub2po7z] {
    background: var(--color-white);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: var(--box-shadow);
    transition: var(--transition);
    height: 100%;
    position: relative;
}

.module-card:hover[b-9nmub2po7z] {
    transform: translateY(-10px);
    box-shadow: 0 25px 50px rgba(0,0,0,0.15);
}

.module-card.professional[b-9nmub2po7z] {
    border: 3px solid #267dff;
    transform: scale(1.05);
}

.module-card.professional:hover[b-9nmub2po7z] {
    transform: scale(1.05) translateY(-10px);
}

.popular-badge[b-9nmub2po7z] {
    position: absolute;
    top: -1px;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(135deg, #267dff, #9cc5ff);
    color: var(--color-white);
    padding: 0.5rem 2rem;
    border-radius: 0 0 15px 15px;
    font-size: var(--size-small);
    font-weight: var(--bold);
    font-family: var(--font-primary);
}

.module-header[b-9nmub2po7z] {
    padding: 2.5rem 2rem 1rem;
    text-align: center;
    background: linear-gradient(135deg, var(--body-bg-2), var(--light-border));
}

.module-card.starter .module-header[b-9nmub2po7z] {
    background: linear-gradient(135deg, var(--color-third), #b3d9c0);
    color: var(--color-white);
}

.module-card.professional .module-header[b-9nmub2po7z] {
    background: linear-gradient(135deg, #267dff, #9cc5ff);
    color: var(--color-white);
}

.module-card.enterprise .module-header[b-9nmub2po7z] {
    background: linear-gradient(135deg, var(--color-secondary), #6e6e6e);
    color: var(--color-white);
}

.module-header h3[b-9nmub2po7z] {
    font-size: var(--size-h3);
    font-weight: var(--bold);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
}

.module-price[b-9nmub2po7z] {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 0.25rem;
}

.price[b-9nmub2po7z] {
    font-size: 2.5rem;
    font-weight: var(--bold);
    font-family: var(--font-primary);
}

.period[b-9nmub2po7z] {
    font-size: var(--size-default);
    opacity: 0.8;
    font-family: var(--font-primary);
}

.module-content[b-9nmub2po7z] {
    padding: 2rem;
}

.module-features[b-9nmub2po7z] {
    list-style: none;
    padding: 0;
    margin: 0 0 2rem;
}

.module-features li[b-9nmub2po7z] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 0;
    font-family: var(--font-primary);
}

.module-features li i[b-9nmub2po7z] {
    color: var(--color-third);
    font-size: 1rem;
    flex-shrink: 0;
}

.module-btn[b-9nmub2po7z] {
    display: block;
    width: 100%;
    padding: 1rem;
    background: linear-gradient(135deg, #267dff, #9cc5ff);
    color: var(--color-white);
    text-align: center;
    text-decoration: none;
    border-radius: 10px;
    font-weight: var(--semibold);
    transition: var(--transition);
    font-family: var(--font-primary);
}

.module-btn:hover[b-9nmub2po7z] {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(38, 125, 255, 0.3);
    color: var(--color-white);
    text-decoration: none;
}

/* Benefits Section */
.infinity-benefits-section[b-9nmub2po7z] {
    padding: 80px 0;
    background: linear-gradient(135deg, var(--plan-bg) 0%, var(--light-border) 100%);
}

.benefits-content[b-9nmub2po7z] {
    padding-right: 2rem;
}

.benefits-title[b-9nmub2po7z] {
    font-size: var(--size-h2);
    font-weight: var(--bold);
    color: var(--color-secondary);
    margin-bottom: 1.5rem;
    font-family: var(--font-primary);
}

.benefits-description[b-9nmub2po7z] {
    font-size: var(--size-default);
    color: var(--btc);
    line-height: var(--lh-default);
    margin-bottom: 3rem;
    font-family: var(--font-primary);
}

.benefits-list[b-9nmub2po7z] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.benefit-item[b-9nmub2po7z] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem;
    background: var(--color-white);
    border-radius: 15px;
    box-shadow: var(--box-shadow);
    transition: var(--transition);
    border: 2px solid transparent;
}

.benefit-item:hover[b-9nmub2po7z] {
    transform: translateX(10px);
    box-shadow: 0 10px 30px rgba(38, 125, 255, 0.15);
    border-color: #267dff;
}

.benefit-icon[b-9nmub2po7z] {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #267dff, #9cc5ff);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.benefit-icon i[b-9nmub2po7z] {
    font-size: 1.5rem;
    color: var(--color-white);
}

.benefit-content h5[b-9nmub2po7z] {
    font-size: var(--size-h5);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 0.5rem;
    font-family: var(--font-primary);
}

.benefit-content p[b-9nmub2po7z] {
    color: var(--btc);
    margin: 0;
    font-size: var(--size-small);
    font-family: var(--font-primary);
}

/* Benefits Stats */
.benefits-stats[b-9nmub2po7z] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.stats-title[b-9nmub2po7z] {
    font-size: var(--size-h3);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 2rem;
    font-family: var(--font-primary);
    text-align: center;
}

.stats-grid[b-9nmub2po7z] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    width: 100%;
    max-width: 400px;
}

.stat-box[b-9nmub2po7z] {
    text-align: center;
    padding: 2rem 1rem;
    background: linear-gradient(135deg, #267dff, #9cc5ff);
    border-radius: 20px;
    transition: var(--transition);
    box-shadow: var(--box-shadow);
}

.stat-box:hover[b-9nmub2po7z] {
    transform: scale(1.05);
    box-shadow: 0 15px 30px rgba(38, 125, 255, 0.3);
}

.stat-number[b-9nmub2po7z] {
    display: block;
    font-size: 2rem;
    font-weight: var(--bold);
    color: var(--color-white);
    margin-bottom: 0.5rem;
    font-family: var(--font-primary);
}

.stat-label[b-9nmub2po7z] {
    font-size: var(--size-small);
    color: var(--color-white);
    font-weight: var(--medium);
    font-family: var(--font-primary);
}

/* Responsive Design */
@media (max-width: 992px) {
    .hero-content h1.hero-title[b-9nmub2po7z] {
        font-size: calc(var(--size-h1) * 0.8);
    }
    
    .hero-actions[b-9nmub2po7z] {
        justify-content: center;
    }
    
    .benefits-content[b-9nmub2po7z] {
        padding-right: 0;
        margin-bottom: 3rem;
    }
    
    .stats-grid[b-9nmub2po7z] {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
    }
    
    .module-card.professional[b-9nmub2po7z] {
        transform: none;
        margin-top: 2rem;
    }
    
    .module-card.professional:hover[b-9nmub2po7z] {
        transform: translateY(-10px);
    }
}

@media (max-width: 768px) {
    .infinity-hero-section[b-9nmub2po7z] {
        padding: 60px 0 40px;
        min-height: auto;
    }
    
    .hero-content h1.hero-title[b-9nmub2po7z] {
        font-size: calc(var(--size-h1) * 0.65);
        text-align: center;
    }
    
    .hero-description[b-9nmub2po7z] {
        text-align: center;
    }
    
    .hero-features[b-9nmub2po7z] {
        align-items: center;
    }
    
    .hero-actions[b-9nmub2po7z] {
        justify-content: center;
        gap: 1rem;
    }
    
    .btn-demo[b-9nmub2po7z],
    .btn-pricing[b-9nmub2po7z] {
        padding: 0.8rem 1.5rem;
        font-size: var(--size-small);
    }
    
    .section-title[b-9nmub2po7z] {
        font-size: calc(var(--size-h2) * 0.8);
    }
    
    .infinity-features-section[b-9nmub2po7z],
    .infinity-process-section[b-9nmub2po7z],
    .infinity-modules-section[b-9nmub2po7z],
    .infinity-benefits-section[b-9nmub2po7z] {
        padding: 60px 0;
    }
    
    .feature-card[b-9nmub2po7z],
    .process-step[b-9nmub2po7z] {
        margin-bottom: 2rem;
    }
    
    .benefit-item[b-9nmub2po7z] {
        padding: 1rem;
        flex-direction: column;
        text-align: center;
    }
    
    .stats-grid[b-9nmub2po7z] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    
    .stat-box[b-9nmub2po7z] {
        padding: 1.5rem 1rem;
    }
    
    .stat-number[b-9nmub2po7z] {
        font-size: 1.5rem;
    }
}

@media (max-width: 576px) {
    .hero-content h1.hero-title[b-9nmub2po7z] {
        font-size: calc(var(--size-h1) * 0.5);
    }
    
    .hero-actions[b-9nmub2po7z] {
        flex-direction: column;
        align-items: center;
    }
    
    .btn-demo[b-9nmub2po7z],
    .btn-pricing[b-9nmub2po7z] {
        width: 100%;
        max-width: 250px;
        justify-content: center;
    }
    
    .feature-card[b-9nmub2po7z],
    .process-step[b-9nmub2po7z] {
        padding: 1.5rem;
    }
    
    .module-header[b-9nmub2po7z] {
        padding: 2rem 1.5rem 1rem;
    }
    
    .module-content[b-9nmub2po7z] {
        padding: 1.5rem;
    }
    
    .benefit-item[b-9nmub2po7z] {
        gap: 0.5rem;
    }
    
    .price[b-9nmub2po7z] {
        font-size: 2rem;
    }
    
    .stats-grid[b-9nmub2po7z] {
        gap: 0.5rem;
    }
    
    .step-number[b-9nmub2po7z] {
        width: 35px;
        height: 35px;
        font-size: 1rem;
    }
    
    .step-icon[b-9nmub2po7z] {
        width: 60px;
        height: 60px;
    }
    
    .step-icon i[b-9nmub2po7z] {
        font-size: 1.5rem;
    }
} 
/* _content/VoxisWeb/Components/Pages/Urunler/Orbit.razor.rz.scp.css */
/* Orbit Hero Section */
.orbit-hero-section[b-npnjetblvl] {
    background: linear-gradient(135deg, var(--body-bg-2) 0%, var(--light-border) 100%);
    padding: 100px 0 80px;
    min-height: 600px;
    display: flex;
    align-items: center;
    margin-top: 70px;
}

.product-badge[b-npnjetblvl] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: linear-gradient(135deg, var(--color-primary), var(--color-11-light));
    color: var(--color-white);
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: var(--size-small);
    font-weight: var(--semibold);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
}

.hero-content h1.hero-title[b-npnjetblvl] {
    font-size: var(--size-h1);
    font-weight: var(--bold);
    color: var(--color-secondary);
    margin-bottom: 2rem;
    line-height: var(--lh-h1);
    font-family: var(--font-primary);
}

.hero-title .highlight[b-npnjetblvl] {
    color: var(--color-primary);
    position: relative;
}

.hero-title .highlight[b-npnjetblvl]::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, var(--color-primary), var(--color-11-light));
    border-radius: 2px;
}

.hero-description[b-npnjetblvl] {
    font-size: var(--size-default);
    color: var(--btc);
    line-height: var(--lh-default);
    margin-bottom: 2rem;
    font-family: var(--font-primary);
}

/* Hero Features */
.hero-features[b-npnjetblvl] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 2rem;
}

.feature-item[b-npnjetblvl] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.feature-item i[b-npnjetblvl] {
    color: var(--color-third);
    font-size: 1.2rem;
}

.feature-item span[b-npnjetblvl] {
    color: var(--color-secondary);
    font-weight: var(--medium);
    font-family: var(--font-primary);
}

/* Hero Actions */
.hero-actions[b-npnjetblvl] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.btn-demo[b-npnjetblvl],
.btn-pricing[b-npnjetblvl] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem 2rem;
    border-radius: 10px;
    text-decoration: none;
    font-weight: var(--semibold);
    transition: var(--transition);
    font-family: var(--font-primary);
}

.btn-demo[b-npnjetblvl] {
    background: linear-gradient(135deg, var(--color-primary), var(--color-11-light));
    color: var(--color-white);
}

.btn-demo:hover[b-npnjetblvl] {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(246, 136, 1, 0.3);
    color: var(--color-white);
    text-decoration: none;
}

.btn-pricing[b-npnjetblvl] {
    background: var(--color-white);
    color: var(--color-primary);
    border: 2px solid var(--color-primary);
}

.btn-pricing:hover[b-npnjetblvl] {
    background: var(--color-primary);
    color: var(--color-white);
    text-decoration: none;
}

/* Hero Image */
.hero-image[b-npnjetblvl] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 70px;
}

.orbit-illustration[b-npnjetblvl] {
    width: 100%;
    max-width: 600px;
}

.orbit-svg[b-npnjetblvl] {
    width: 100%;
    height: auto;
    filter: drop-shadow(0 10px 30px rgba(0,0,0,0.1));
}

/* Features Section */
.orbit-features-section[b-npnjetblvl] {
    padding: 80px 0;
    background: var(--color-white);
}

.section-title[b-npnjetblvl] {
    font-size: var(--size-h2);
    font-weight: var(--bold);
    color: var(--color-secondary);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
}

.section-subtitle[b-npnjetblvl] {
    font-size: var(--size-default);
    color: var(--btc);
    margin-bottom: 4rem;
    font-family: var(--font-primary);
}

.feature-card[b-npnjetblvl] {
    background: var(--color-white);
    padding: 2.5rem 1.5rem;
    border-radius: 20px;
    text-align: center;
    height: 100%;
    transition: var(--transition);
    box-shadow: var(--box-shadow);
    border: 2px solid transparent;
    position: relative;
    overflow: hidden;
}

.feature-card:hover[b-npnjetblvl] {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(246, 136, 1, 0.15);
    border-color: var(--color-primary);
}

.feature-icon[b-npnjetblvl] {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, var(--color-primary), var(--color-11-light));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 2rem;
    transition: var(--transition);
}

.feature-icon i[b-npnjetblvl] {
    font-size: 2rem;
    color: var(--color-white);
}

.feature-card:hover .feature-icon[b-npnjetblvl] {
    transform: scale(1.1) rotate(5deg);
}

.feature-card h4[b-npnjetblvl] {
    font-size: var(--size-h4);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
}

.feature-card p[b-npnjetblvl] {
    color: var(--btc);
    line-height: var(--lh-default);
    margin: 0;
    font-family: var(--font-primary);
}

/* Modules Section */
.orbit-modules-section[b-npnjetblvl] {
    padding: 80px 0;
    background: linear-gradient(135deg, var(--plan-bg) 0%, var(--light-border) 100%);
}

.module-card[b-npnjetblvl] {
    background: var(--color-white);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: var(--box-shadow);
    transition: var(--transition);
    height: 100%;
    position: relative;
}

.module-card:hover[b-npnjetblvl] {
    transform: translateY(-10px);
    box-shadow: 0 25px 50px rgba(0,0,0,0.15);
}

.module-card.premium[b-npnjetblvl] {
    border: 3px solid var(--color-primary);
    transform: scale(1.05);
}

.module-card.premium:hover[b-npnjetblvl] {
    transform: scale(1.05) translateY(-10px);
}

.popular-badge[b-npnjetblvl] {
    position: absolute;
    top: -1px;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(135deg, var(--color-primary), var(--color-11-light));
    color: var(--color-white);
    padding: 0.5rem 2rem;
    border-radius: 0 0 15px 15px;
    font-size: var(--size-small);
    font-weight: var(--bold);
    font-family: var(--font-primary);
}

.module-header[b-npnjetblvl] {
    padding: 2.5rem 2rem 1rem;
    text-align: center;
    background: linear-gradient(135deg, var(--body-bg-2), var(--light-border));
}

.module-card.premium .module-header[b-npnjetblvl] {
    background: linear-gradient(135deg, var(--color-primary), var(--color-11-light));
    color: var(--color-white);
}

.module-header h3[b-npnjetblvl] {
    font-size: var(--size-h3);
    font-weight: var(--bold);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
}

.module-price[b-npnjetblvl] {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 0.25rem;
}

.price[b-npnjetblvl] {
    font-size: 2.5rem;
    font-weight: var(--bold);
    font-family: var(--font-primary);
}

.period[b-npnjetblvl] {
    font-size: var(--size-default);
    opacity: 0.8;
    font-family: var(--font-primary);
}

.module-content[b-npnjetblvl] {
    padding: 2rem;
}

.module-features[b-npnjetblvl] {
    list-style: none;
    padding: 0;
    margin: 0 0 2rem;
}

.module-features li[b-npnjetblvl] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 0;
    font-family: var(--font-primary);
}

.module-features li i[b-npnjetblvl] {
    color: var(--color-third);
    font-size: 1rem;
    flex-shrink: 0;
}

.module-btn[b-npnjetblvl] {
    display: block;
    width: 100%;
    padding: 1rem;
    background: linear-gradient(135deg, var(--color-primary), var(--color-11-light));
    color: var(--color-white);
    text-align: center;
    text-decoration: none;
    border-radius: 10px;
    font-weight: var(--semibold);
    transition: var(--transition);
    font-family: var(--font-primary);
}

.module-btn:hover[b-npnjetblvl] {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(246, 136, 1, 0.3);
    color: var(--color-white);
    text-decoration: none;
}

/* Benefits Section */
.orbit-benefits-section[b-npnjetblvl] {
    padding: 80px 0;
    background: linear-gradient(135deg, var(--plan-bg) 0%, var(--light-border) 100%);
}

.benefits-content[b-npnjetblvl] {
    padding-right: 2rem;
}

.benefits-title[b-npnjetblvl] {
    font-size: var(--size-h2);
    font-weight: var(--bold);
    color: var(--color-secondary);
    margin-bottom: 1.5rem;
    font-family: var(--font-primary);
}

.benefits-description[b-npnjetblvl] {
    font-size: var(--size-default);
    color: var(--btc);
    line-height: var(--lh-default);
    margin-bottom: 3rem;
    font-family: var(--font-primary);
}

.benefits-list[b-npnjetblvl] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.benefit-item[b-npnjetblvl] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem;
    background: var(--color-white);
    border-radius: 15px;
    box-shadow: var(--box-shadow);
    transition: var(--transition);
    border: 2px solid transparent;
}

.benefit-item:hover[b-npnjetblvl] {
    transform: translateX(10px);
    box-shadow: 0 10px 30px rgba(246, 136, 1, 0.15);
    border-color: var(--color-primary);
}

.benefit-icon[b-npnjetblvl] {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, var(--color-primary), var(--color-11-light));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.benefit-icon i[b-npnjetblvl] {
    font-size: 1.5rem;
    color: var(--color-white);
}

.benefit-content h5[b-npnjetblvl] {
    font-size: var(--size-h5);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 0.5rem;
    font-family: var(--font-primary);
}

.benefit-content p[b-npnjetblvl] {
    color: var(--btc);
    margin: 0;
    font-size: var(--size-small);
    font-family: var(--font-primary);
}

/* Benefits Stats */
.benefits-stats[b-npnjetblvl] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.stats-title[b-npnjetblvl] {
    font-size: var(--size-h3);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 2rem;
    font-family: var(--font-primary);
    text-align: center;
}

.stats-grid[b-npnjetblvl] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    width: 100%;
    max-width: 400px;
}

.stat-box[b-npnjetblvl] {
    text-align: center;
    padding: 2rem 1rem;
    background: linear-gradient(135deg, var(--color-primary), var(--color-11-light));
    border-radius: 20px;
    transition: var(--transition);
    box-shadow: var(--box-shadow);
}

.stat-box:hover[b-npnjetblvl] {
    transform: scale(1.05);
    box-shadow: 0 15px 30px rgba(246, 136, 1, 0.3);
}

.stat-number[b-npnjetblvl] {
    display: block;
    font-size: 2rem;
    font-weight: var(--bold);
    color: var(--color-white);
    margin-bottom: 0.5rem;
    font-family: var(--font-primary);
}

.stat-label[b-npnjetblvl] {
    font-size: var(--size-small);
    color: var(--color-white);
    font-weight: var(--medium);
    font-family: var(--font-primary);
}

/* Responsive Design */
@media (max-width: 992px) {
    .hero-content h1.hero-title[b-npnjetblvl] {
        font-size: calc(var(--size-h1) * 0.8);
    }
    
    .hero-actions[b-npnjetblvl] {
        justify-content: center;
    }
    
    .benefits-content[b-npnjetblvl] {
        padding-right: 0;
        margin-bottom: 3rem;
    }
    
    .stats-grid[b-npnjetblvl] {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
    }
    
    .module-card.premium[b-npnjetblvl] {
        transform: none;
        margin-top: 2rem;
    }
    
    .module-card.premium:hover[b-npnjetblvl] {
        transform: translateY(-10px);
    }
}

@media (max-width: 768px) {
    .orbit-hero-section[b-npnjetblvl] {
        padding: 60px 0 40px;
        min-height: auto;
    }
    
    .hero-content h1.hero-title[b-npnjetblvl] {
        font-size: calc(var(--size-h1) * 0.65);
        text-align: center;
    }
    
    .hero-description[b-npnjetblvl] {
        text-align: center;
    }
    
    .hero-features[b-npnjetblvl] {
        align-items: center;
    }
    
    .hero-actions[b-npnjetblvl] {
        justify-content: center;
        gap: 1rem;
    }
    
    .btn-demo[b-npnjetblvl],
    .btn-pricing[b-npnjetblvl] {
        padding: 0.8rem 1.5rem;
        font-size: var(--size-small);
    }
    
    .section-title[b-npnjetblvl] {
        font-size: calc(var(--size-h2) * 0.8);
    }
    
    .orbit-features-section[b-npnjetblvl],
    .orbit-modules-section[b-npnjetblvl],
    .orbit-benefits-section[b-npnjetblvl] {
        padding: 60px 0;
    }
    
    .feature-card[b-npnjetblvl] {
        margin-bottom: 2rem;
    }
    
    .benefit-item[b-npnjetblvl] {
        padding: 1rem;
        flex-direction: column;
        text-align: center;
    }
    
    .stats-grid[b-npnjetblvl] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    
    .stat-box[b-npnjetblvl] {
        padding: 1.5rem 1rem;
    }
    
    .stat-number[b-npnjetblvl] {
        font-size: 1.5rem;
    }
}

@media (max-width: 576px) {
    .hero-content h1.hero-title[b-npnjetblvl] {
        font-size: calc(var(--size-h1) * 0.5);
    }
    
    .hero-actions[b-npnjetblvl] {
        flex-direction: column;
        align-items: center;
    }
    
    .btn-demo[b-npnjetblvl],
    .btn-pricing[b-npnjetblvl] {
        width: 100%;
        max-width: 250px;
        justify-content: center;
    }
    
    .feature-card[b-npnjetblvl] {
        padding: 1.5rem;
    }
    
    .module-header[b-npnjetblvl] {
        padding: 2rem 1.5rem 1rem;
    }
    
    .module-content[b-npnjetblvl] {
        padding: 1.5rem;
    }
    
    .benefit-item[b-npnjetblvl] {
        gap: 0.5rem;
    }
    
    .price[b-npnjetblvl] {
        font-size: 2rem;
    }
    
    .stats-grid[b-npnjetblvl] {
        gap: 0.5rem;
    }
} 
/* _content/VoxisWeb/Components/Pages/Urunler/Spark.razor.rz.scp.css */
/* Spark Hero Section */
.spark-hero-section[b-nvfuk1tb1g] {
    background: linear-gradient(135deg, var(--body-bg-2) 0%, var(--light-border) 100%);
    padding: 100px 0 80px;
    min-height: 600px;
    display: flex;
    align-items: center;
    margin-top: 70px;
}

.product-badge[b-nvfuk1tb1g] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: linear-gradient(135deg, #ffc107, #ff9800);
    color: var(--color-white);
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: var(--size-small);
    font-weight: var(--semibold);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
    animation: sparkle-b-nvfuk1tb1g 2s infinite;
}

@keyframes sparkle-b-nvfuk1tb1g {
    0%, 100% { box-shadow: 0 0 10px rgba(255, 193, 7, 0.5); }
    50% { box-shadow: 0 0 20px rgba(255, 193, 7, 0.8); }
}

.hero-content h1.hero-title[b-nvfuk1tb1g] {
    font-size: var(--size-h1);
    font-weight: var(--bold);
    color: var(--color-secondary);
    margin-bottom: 2rem;
    line-height: var(--lh-h1);
    font-family: var(--font-primary);
}

.hero-title .highlight[b-nvfuk1tb1g] {
    color: #ffc107;
    position: relative;
}

.hero-title .highlight[b-nvfuk1tb1g]::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #ffc107, #ff9800);
    border-radius: 2px;
    animation: lightning-b-nvfuk1tb1g 3s infinite;
}

@keyframes lightning-b-nvfuk1tb1g {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.6; transform: scaleX(1.1); }
}

.hero-description[b-nvfuk1tb1g] {
    font-size: var(--size-default);
    color: var(--btc);
    line-height: var(--lh-default);
    margin-bottom: 2rem;
    font-family: var(--font-primary);
}

/* Hero Features */
.hero-features[b-nvfuk1tb1g] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 2rem;
}

.feature-item[b-nvfuk1tb1g] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.feature-item i[b-nvfuk1tb1g] {
    color: var(--color-third);
    font-size: 1.2rem;
}

.feature-item span[b-nvfuk1tb1g] {
    color: var(--color-secondary);
    font-weight: var(--medium);
    font-family: var(--font-primary);
}

/* Hero Actions */
.hero-actions[b-nvfuk1tb1g] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.btn-demo[b-nvfuk1tb1g],
.btn-pricing[b-nvfuk1tb1g] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem 2rem;
    border-radius: 10px;
    text-decoration: none;
    font-weight: var(--semibold);
    transition: var(--transition);
    font-family: var(--font-primary);
}

.btn-demo[b-nvfuk1tb1g] {
    background: linear-gradient(135deg, #ffc107, #ff9800);
    color: var(--color-white);
    position: relative;
    overflow: hidden;
}

.btn-demo[b-nvfuk1tb1g]::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transition: left 0.5s;
}

.btn-demo:hover[b-nvfuk1tb1g]::before {
    left: 100%;
}

.btn-demo:hover[b-nvfuk1tb1g] {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(255, 193, 7, 0.4);
    color: var(--color-white);
    text-decoration: none;
}

.btn-pricing[b-nvfuk1tb1g] {
    background: var(--color-white);
    color: #ffc107;
    border: 2px solid #ffc107;
}

.btn-pricing:hover[b-nvfuk1tb1g] {
    background: #ffc107;
    color: var(--color-white);
    text-decoration: none;
    box-shadow: 0 5px 15px rgba(255, 193, 7, 0.3);
}

/* Hero Image */
.hero-image[b-nvfuk1tb1g] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 70px;
}

.spark-illustration[b-nvfuk1tb1g] {
    width: 100%;
    max-width: 600px;
}

.spark-svg[b-nvfuk1tb1g] {
    width: 100%;
    height: auto;
    filter: drop-shadow(0 10px 30px rgba(0,0,0,0.1));
}

/* Features Section */
.spark-features-section[b-nvfuk1tb1g] {
    padding: 80px 0;
    background: var(--color-white);
}

.section-title[b-nvfuk1tb1g] {
    font-size: var(--size-h2);
    font-weight: var(--bold);
    color: var(--color-secondary);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
}

.section-subtitle[b-nvfuk1tb1g] {
    font-size: var(--size-default);
    color: var(--btc);
    margin-bottom: 4rem;
    font-family: var(--font-primary);
}

.feature-card[b-nvfuk1tb1g] {
    background: var(--color-white);
    padding: 2.5rem 1.5rem;
    border-radius: 20px;
    text-align: center;
    height: 100%;
    transition: var(--transition);
    box-shadow: var(--box-shadow);
    border: 2px solid transparent;
    position: relative;
    overflow: hidden;
}

.feature-card[b-nvfuk1tb1g]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #ffc107, #ff9800);
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.feature-card:hover[b-nvfuk1tb1g]::before {
    transform: scaleX(1);
}

.feature-card:hover[b-nvfuk1tb1g] {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(255, 193, 7, 0.15);
    border-color: #ffc107;
}

.feature-icon[b-nvfuk1tb1g] {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #ffc107, #ff9800);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 2rem;
    transition: var(--transition);
    position: relative;
}

.feature-icon[b-nvfuk1tb1g]::after {
    content: '';
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    background: linear-gradient(135deg, #ffc107, #ff9800);
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: -1;
    animation: pulse-b-nvfuk1tb1g 2s infinite;
}

@keyframes pulse-b-nvfuk1tb1g {
    0% { transform: scale(1); opacity: 0.7; }
    50% { transform: scale(1.1); opacity: 0.3; }
    100% { transform: scale(1); opacity: 0.7; }
}

.feature-icon i[b-nvfuk1tb1g] {
    font-size: 2rem;
    color: var(--color-white);
}

.feature-card:hover .feature-icon[b-nvfuk1tb1g] {
    transform: scale(1.1) rotate(10deg);
}

.feature-card:hover .feature-icon[b-nvfuk1tb1g]::after {
    opacity: 1;
}

.feature-card h4[b-nvfuk1tb1g] {
    font-size: var(--size-h4);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
}

.feature-card p[b-nvfuk1tb1g] {
    color: var(--btc);
    line-height: var(--lh-default);
    margin-bottom: 1.5rem;
    font-family: var(--font-primary);
}

/* Pricing Section */
.spark-pricing-section[b-nvfuk1tb1g] {
    padding: 80px 0;
    background: linear-gradient(135deg, var(--body-bg-2) 0%, var(--light-border) 100%);
}

.pricing-card[b-nvfuk1tb1g] {
    background: var(--color-white);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: var(--box-shadow);
    transition: var(--transition);
    position: relative;
    height: 100%;
}

.pricing-card:hover[b-nvfuk1tb1g] {
    transform: translateY(-10px);
    box-shadow: 0 25px 50px rgba(255, 193, 7, 0.15);
}

.pricing-card.popular[b-nvfuk1tb1g] {
    border: 3px solid #ffc107;
    transform: scale(1.05);
    position: relative;
}

.pricing-card.popular[b-nvfuk1tb1g]::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(45deg, #ffc107, #ff9800, #ffc107);
    border-radius: 22px;
    z-index: -1;
    animation: borderGlow-b-nvfuk1tb1g 3s infinite;
}

@keyframes borderGlow-b-nvfuk1tb1g {
    0%, 100% { opacity: 0.8; }
    50% { opacity: 1; }
}

.pricing-card.popular:hover[b-nvfuk1tb1g] {
    transform: scale(1.05) translateY(-10px);
}

.popular-badge[b-nvfuk1tb1g] {
    position: absolute;
    top: -1px;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(135deg, #ffc107, #ff9800);
    color: var(--color-white);
    padding: 0.5rem 1.5rem;
    border-radius: 0 0 15px 15px;
    font-size: var(--size-small);
    font-weight: var(--semibold);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-family: var(--font-primary);
    animation: sparkle-b-nvfuk1tb1g 2s infinite;
}

.pricing-header[b-nvfuk1tb1g] {
    background: linear-gradient(135deg, #ffc107, #ff9800);
    color: var(--color-white);
    padding: 2rem 1.5rem;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.pricing-header[b-nvfuk1tb1g]::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    animation: shine-b-nvfuk1tb1g 3s infinite;
}

@keyframes shine-b-nvfuk1tb1g {
    0% { left: -100%; }
    100% { left: 100%; }
}

.pricing-card.popular .pricing-header[b-nvfuk1tb1g] {
    background: linear-gradient(135deg, #ff9800, #ffc107);
}

.pricing-header h3[b-nvfuk1tb1g] {
    font-size: var(--size-h3);
    font-weight: var(--bold);
    margin-bottom: 1rem;
    font-family: var(--font-primary);
}

.pricing-price[b-nvfuk1tb1g] {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 0.25rem;
}

.currency[b-nvfuk1tb1g] {
    font-size: 1.2rem;
    font-weight: var(--medium);
}

.price[b-nvfuk1tb1g] {
    font-size: 3rem;
    font-weight: var(--bold);
    font-family: var(--font-primary);
}

.period[b-nvfuk1tb1g] {
    font-size: 1rem;
    font-weight: var(--medium);
    opacity: 0.9;
}

.pricing-content[b-nvfuk1tb1g] {
    padding: 2rem 1.5rem;
}

.pricing-features[b-nvfuk1tb1g] {
    list-style: none;
    padding: 0;
    margin: 0 0 2rem 0;
}

.pricing-features li[b-nvfuk1tb1g] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0;
    font-family: var(--font-primary);
}

.pricing-features li i[b-nvfuk1tb1g] {
    color: var(--color-third);
    font-size: 1rem;
}

.pricing-btn[b-nvfuk1tb1g] {
    width: 100%;
    background: linear-gradient(135deg, #ffc107, #ff9800);
    color: var(--color-white);
    border: none;
    padding: 1rem 2rem;
    border-radius: 10px;
    font-weight: var(--semibold);
    transition: var(--transition);
    font-family: var(--font-primary);
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.pricing-btn[b-nvfuk1tb1g]::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transition: left 0.5s;
}

.pricing-btn:hover[b-nvfuk1tb1g]::before {
    left: 100%;
}

.pricing-btn:hover[b-nvfuk1tb1g] {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(255, 193, 7, 0.3);
}

/* Benefits Section */
.spark-benefits-section[b-nvfuk1tb1g] {
    padding: 80px 0;
    background: linear-gradient(135deg, var(--plan-bg) 0%, var(--light-border) 100%);
}

.benefits-content[b-nvfuk1tb1g] {
    padding-right: 2rem;
}

.benefits-title[b-nvfuk1tb1g] {
    font-size: var(--size-h2);
    font-weight: var(--bold);
    color: var(--color-secondary);
    margin-bottom: 1.5rem;
    font-family: var(--font-primary);
}

.benefits-description[b-nvfuk1tb1g] {
    font-size: var(--size-default);
    color: var(--btc);
    line-height: var(--lh-default);
    margin-bottom: 3rem;
    font-family: var(--font-primary);
}

.benefits-list[b-nvfuk1tb1g] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.benefit-item[b-nvfuk1tb1g] {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
    padding: 1.5rem;
    background: var(--color-white);
    border-radius: 15px;
    box-shadow: var(--box-shadow);
    transition: var(--transition);
    border: 2px solid transparent;
    position: relative;
}

.benefit-item[b-nvfuk1tb1g]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #ffc107, #ff9800);
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.benefit-item:hover[b-nvfuk1tb1g]::before {
    transform: scaleX(1);
}

.benefit-item:hover[b-nvfuk1tb1g] {
    transform: translateX(10px);
    border-color: #ffc107;
    box-shadow: 0 10px 30px rgba(255, 193, 7, 0.1);
}

.benefit-icon[b-nvfuk1tb1g] {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #ffc107, #ff9800);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
}

.benefit-icon[b-nvfuk1tb1g]::after {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    background: linear-gradient(135deg, #ffc107, #ff9800);
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: -1;
    animation: pulse-b-nvfuk1tb1g 2s infinite;
}

.benefit-item:hover .benefit-icon[b-nvfuk1tb1g]::after {
    opacity: 0.7;
}

.benefit-icon i[b-nvfuk1tb1g] {
    font-size: 1.5rem;
    color: var(--color-white);
}

.benefit-content h5[b-nvfuk1tb1g] {
    font-size: var(--size-h5);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 0.5rem;
    font-family: var(--font-primary);
}

.benefit-content p[b-nvfuk1tb1g] {
    color: var(--btc);
    line-height: var(--lh-default);
    margin: 0;
    font-family: var(--font-primary);
}

.benefits-stats[b-nvfuk1tb1g] {
    padding-left: 2rem;
}

.stats-title[b-nvfuk1tb1g] {
    font-size: var(--size-h3);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    margin-bottom: 2rem;
    text-align: center;
    font-family: var(--font-primary);
}

.stats-grid[b-nvfuk1tb1g] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
}

.stat-box[b-nvfuk1tb1g] {
    background: linear-gradient(135deg, #ffc107, #ff9800);
    color: var(--color-white);
    padding: 2rem 1rem;
    border-radius: 20px;
    text-align: center;
    transition: var(--transition);
    position: relative;
    overflow: hidden;
}

.stat-box[b-nvfuk1tb1g]::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    animation: shine-b-nvfuk1tb1g 4s infinite;
}

.stat-box:hover[b-nvfuk1tb1g] {
    transform: translateY(-5px) scale(1.05);
    box-shadow: 0 15px 30px rgba(255, 193, 7, 0.3);
}

.stat-number[b-nvfuk1tb1g] {
    display: block;
    font-size: 2.5rem;
    font-weight: var(--bold);
    margin-bottom: 0.5rem;
    font-family: var(--font-primary);
}

.stat-label[b-nvfuk1tb1g] {
    font-size: var(--size-small);
    font-weight: var(--medium);
    opacity: 0.9;
    font-family: var(--font-primary);
}

/* Responsive Design */
@media (max-width: 992px) {
    .hero-content h1.hero-title[b-nvfuk1tb1g] {
        font-size: 2.5rem;
    }

    .hero-actions[b-nvfuk1tb1g] {
        justify-content: center;
    }

    .benefits-content[b-nvfuk1tb1g] {
        padding-right: 0;
        margin-bottom: 3rem;
    }

    .benefits-stats[b-nvfuk1tb1g] {
        padding-left: 0;
    }

    .stats-grid[b-nvfuk1tb1g] {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }

    .pricing-card.popular[b-nvfuk1tb1g] {
        transform: none;
        margin-bottom: 2rem;
    }

    .pricing-card.popular:hover[b-nvfuk1tb1g] {
        transform: translateY(-10px);
    }
}

@media (max-width: 768px) {
    .spark-hero-section[b-nvfuk1tb1g] {
        padding: 80px 0 60px;
        min-height: auto;
    }

    .hero-content h1.hero-title[b-nvfuk1tb1g] {
        font-size: 2rem;
        margin-bottom: 1.5rem;
    }

    .hero-description[b-nvfuk1tb1g] {
        font-size: 0.95rem;
    }

    .hero-features[b-nvfuk1tb1g] {
        margin-bottom: 1.5rem;
    }

    .hero-actions[b-nvfuk1tb1g] {
        flex-direction: column;
        align-items: center;
    }

    .btn-demo[b-nvfuk1tb1g],
    .btn-pricing[b-nvfuk1tb1g] {
        width: 100%;
        max-width: 250px;
        justify-content: center;
    }

    .section-title[b-nvfuk1tb1g] {
        font-size: 2rem;
    }

    .spark-features-section[b-nvfuk1tb1g],
    .spark-pricing-section[b-nvfuk1tb1g],
    .spark-benefits-section[b-nvfuk1tb1g] {
        padding: 60px 0;
    }

    .feature-card[b-nvfuk1tb1g],
    .pricing-card[b-nvfuk1tb1g] {
        margin-bottom: 2rem;
    }

    .benefit-item[b-nvfuk1tb1g] {
        padding: 1rem;
        flex-direction: column;
        text-align: center;
    }

    .benefit-icon[b-nvfuk1tb1g] {
        width: 50px;
        height: 50px;
    }

    .stats-grid[b-nvfuk1tb1g] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .stat-box[b-nvfuk1tb1g] {
        padding: 1.5rem 1rem;
    }

    .stat-number[b-nvfuk1tb1g] {
        font-size: 2rem;
    }
}

@media (max-width: 576px) {
    .hero-content h1.hero-title[b-nvfuk1tb1g] {
        font-size: 1.75rem;
    }

    .hero-actions[b-nvfuk1tb1g] {
        flex-direction: column;
        gap: 0.75rem;
    }

    .btn-demo[b-nvfuk1tb1g],
    .btn-pricing[b-nvfuk1tb1g] {
        padding: 0.875rem 1.5rem;
        font-size: 0.9rem;
    }

    .feature-card[b-nvfuk1tb1g],
    .pricing-card[b-nvfuk1tb1g] {
        padding: 2rem 1rem;
    }

    .pricing-header[b-nvfuk1tb1g] {
        padding: 1.5rem 1rem;
    }

    .pricing-content[b-nvfuk1tb1g] {
        padding: 1.5rem 1rem;
    }

    .benefit-item[b-nvfuk1tb1g] {
        padding: 1rem 0.75rem;
    }

    .price[b-nvfuk1tb1g] {
        font-size: 2.5rem;
    }

    .stats-grid[b-nvfuk1tb1g] {
        gap: 0.75rem;
    }
} 
/* _content/VoxisWeb/Components/Shared/OrtaAlan1.razor.rz.scp.css */
/* ===== VOXIS HERO SLIDER STYLES ===== */
.voxis-hero-slider[b-l7mc8b31iy] {
  background: linear-gradient(135deg, #f5f5f5 0%, #ededed 100%);
  min-height: 100vh;
  position: relative;
  overflow: hidden;
}

.voxis-main-slider[b-l7mc8b31iy] {
  height: 100vh;
}

.voxis-slide-content[b-l7mc8b31iy] {
  height: 100vh;
  display: flex;
  align-items: center;
  padding: 80px 0;
}

/* Slide Tabs */
.slide-tabs[b-l7mc8b31iy] {
  display: flex;
  gap: 10px;
  margin-bottom: 30px;
  flex-wrap: wrap;
}

.tab-item[b-l7mc8b31iy] {
  background: rgba(64, 64, 63, 0.1);
  color: #40403f;
  padding: 8px 20px;
  border-radius: 25px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  border: 1px solid rgba(64, 64, 63, 0.2);
}

.tab-item.active[b-l7mc8b31iy] {
  background: #f68801;
  color: #ffffff;
  box-shadow: 0 4px 15px rgba(246, 136, 1, 0.3);
  border-color: #f68801;
}

.tab-item:hover[b-l7mc8b31iy] {
  background: rgba(246, 136, 1, 0.1);
  border-color: #f68801;
  transform: translateY(-2px);
}

/* Slide Text */
.slide-text[b-l7mc8b31iy] {
  color: #40403f;
}

.slide-title[b-l7mc8b31iy] {
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 25px;
  color: #40403f;
}

.slide-title .highlight[b-l7mc8b31iy] {
  color: #f68801;
  text-shadow: none;
}

.slide-description[b-l7mc8b31iy] {
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: 35px;
  color: #6e6e6e;
}

.detail-link[b-l7mc8b31iy] {
  color: #f68801;
  text-decoration: underline;
  font-weight: 500;
  margin-left: 10px;
}

.detail-link:hover[b-l7mc8b31iy] {
  color: #ff9800;
}

/* Voxis Button */
.voxis-btn[b-l7mc8b31iy] {
  background: #f68801;
  color: #ffffff;
  padding: 15px 35px;
  border-radius: 30px;
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
  display: inline-block;
  transition: all 0.3s ease;
  box-shadow: 0 5px 20px rgba(246, 136, 1, 0.3);
}

.voxis-btn:hover[b-l7mc8b31iy] {
  background: #ff9800;
  transform: translateY(-3px);
  box-shadow: 0 8px 25px rgba(246, 136, 1, 0.4);
  color: #ffffff;
}

/* Slide Image */
.slide-image[b-l7mc8b31iy] {
  position: relative;
  text-align: center;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  min-height: 600px;
  padding: 20px;

}

.main-image[b-l7mc8b31iy] {
  max-width: 400px;
  border-radius: 20px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
}

/* SVG Illustrations */
.svg-illustration[b-l7mc8b31iy] {
  max-width: 500px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.main-svg[b-l7mc8b31iy] {
  width: 100%;
  height: 450px;
  max-height: 450px;
  filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.1));
  object-fit: contain;
}

/* SVG Animasyonları */
.cloud-tech .main-svg circle[b-l7mc8b31iy] {
  animation: pulse-b-l7mc8b31iy 2s ease-in-out infinite;
}

.erp-process .main-svg text[b-l7mc8b31iy] {
  animation: fadeIn-b-l7mc8b31iy 3s ease-in-out infinite;
}

.digital-transform .main-svg path[b-l7mc8b31iy] {
  animation: slideIn-b-l7mc8b31iy 4s ease-in-out infinite;
}

@keyframes pulse-b-l7mc8b31iy {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
}

@keyframes fadeIn-b-l7mc8b31iy {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.6;
  }
}

@keyframes slideIn-b-l7mc8b31iy {
  0% {
    transform: translateX(-5px);
  }
  50% {
    transform: translateX(5px);
  }
  100% {
    transform: translateX(-5px);
  }
}

/* Info Cards */
.slide-cards[b-l7mc8b31iy] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}

.info-card[b-l7mc8b31iy] {
  position: absolute;
  background: #ffffff;
  border-radius: 15px;
  padding: 20px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
  display: flex;
  align-items: center;
  gap: 15px;
  min-width: 200px;
  animation: float-b-l7mc8b31iy 3s ease-in-out infinite;
}

.info-card.card-1[b-l7mc8b31iy] {
  top: 10%;
  left: -80px;
  animation-delay: 0s;
}

.info-card.card-2[b-l7mc8b31iy] {
  top: 40%;
  right: -100px;
  animation-delay: 1s;
}

.info-card.card-3[b-l7mc8b31iy] {
  bottom: 20%;
  left: -60px;
  animation-delay: 2s;
}

.card-icon[b-l7mc8b31iy] {
  width: 50px;
  height: 50px;
  background: #f68801;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 20px;
  flex-shrink: 0;
}

.card-icon.blue[b-l7mc8b31iy] {
  background: #267dff;
}

.card-icon.teal[b-l7mc8b31iy] {
  background: #70a37f;
}

.card-icon.green[b-l7mc8b31iy] {
  background: #28a745;
}

.card-icon.orange[b-l7mc8b31iy] {
  background: #f68801;
}

.card-content h6[b-l7mc8b31iy] {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #40403f;
}

.card-content span[b-l7mc8b31iy] {
  font-size: 14px;
  color: #6c757d;
  margin: 0;
}

.card-value[b-l7mc8b31iy] {
  font-size: 18px;
  font-weight: 700;
  color: #28a745;
  margin-top: 5px;
}

/* Mobile Cards */
.card-mobile[b-l7mc8b31iy] {
  position: absolute;
  bottom: 10%;
  right: -120px;
  background: #ffffff;
  border-radius: 15px;
  padding: 15px;
  animation-delay: 1.5s;
}

.mobile-icons[b-l7mc8b31iy] {
  display: flex;
  gap: 20px;
}

.mobile-icon[b-l7mc8b31iy] {
  text-align: center;
}

.mobile-icon i[b-l7mc8b31iy] {
  font-size: 24px;
  color: #f68801;
  margin-bottom: 8px;
  display: block;
}

.mobile-icon span[b-l7mc8b31iy] {
  font-size: 12px;
  color: #40403f;
  font-weight: 500;
}

/* Float Animation */
@keyframes float-b-l7mc8b31iy {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
}

/* Swiper Navigation */
.voxis-next[b-l7mc8b31iy],
.voxis-prev[b-l7mc8b31iy] {
  width: 50px;
  height: 50px;
  background: rgba(246, 136, 1, 0.1);
  border-radius: 50%;
  color: #f68801 !important;
  border: 1px solid rgba(246, 136, 1, 0.3);
  backdrop-filter: blur(10px);
  transition: all 0.3s ease;
}

.voxis-next:hover[b-l7mc8b31iy],
.voxis-prev:hover[b-l7mc8b31iy] {
  background: #f68801;
  color: #ffffff !important;
  transform: scale(1.1);
}

.voxis-next[b-l7mc8b31iy]::after,
.voxis-prev[b-l7mc8b31iy]::after {
  font-size: 16px;
  font-weight: 700;
}

/* Swiper Pagination */
.voxis-pagination[b-l7mc8b31iy] {
  bottom: 30px !important;
}

.voxis-pagination .swiper-pagination-bullet[b-l7mc8b31iy] {
  width: 12px;
  height: 12px;
  background: rgba(64, 64, 63, 0.3);
  opacity: 1;
  margin: 0 6px;
  transition: all 0.3s ease;
}

.voxis-pagination .swiper-pagination-bullet-active[b-l7mc8b31iy] {
  background: #f68801;
  transform: scale(1.3);
}

/* Responsive Design */
@media (max-width: 1200px) {
  .slide-title[b-l7mc8b31iy] {
    font-size: 42px;
  }
  
  .main-image[b-l7mc8b31iy] {
    max-width: 350px;
  }
  
  .info-card.card-1[b-l7mc8b31iy] {
    left: -60px;
  }
  
  .info-card.card-2[b-l7mc8b31iy] {
    right: -80px;
  }
}

@media (max-width: 992px) {
  .voxis-slide-content[b-l7mc8b31iy] {
    padding: 60px 0;
  }
  
  .slide-title[b-l7mc8b31iy] {
    font-size: 36px;
    margin-bottom: 20px;
  }
  
  .slide-description[b-l7mc8b31iy] {
    font-size: 16px;
    margin-bottom: 25px;
  }
  
  .main-image[b-l7mc8b31iy] {
    max-width: 300px;
  }
  
  .svg-illustration[b-l7mc8b31iy] {
    max-width: 400px;
  }
  
  .main-svg[b-l7mc8b31iy] {
    height: 350px;
    max-height: 350px;
  }
  
  .slide-image[b-l7mc8b31iy] {
    min-height: 400px;
    padding: 15px;
    padding-top: 30px;
    align-items: flex-start;
  }
  
  .info-card[b-l7mc8b31iy] {
    min-width: 160px;
    padding: 15px;
  }
  
  .card-icon[b-l7mc8b31iy] {
    width: 40px;
    height: 40px;
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  .voxis-hero-slider[b-l7mc8b31iy] {
    min-height: auto;
  }
  
  .voxis-main-slider[b-l7mc8b31iy] {
    height: auto;
  }
  
  .voxis-slide-content[b-l7mc8b31iy] {
    height: auto;
    padding: 40px 0;
  }
  
  .slide-title[b-l7mc8b31iy] {
    font-size: 28px;
    text-align: center;
  }
  
  .slide-description[b-l7mc8b31iy] {
    text-align: center;
    font-size: 16px;
  }
  
  .voxis-btn[b-l7mc8b31iy] {
    display: block;
    text-align: center;
    margin: 0 auto;
    max-width: 200px;
  }
  
  .slide-image[b-l7mc8b31iy] {
    margin-top: 30px;
    min-height: 300px;
    padding: 10px;
    padding-top: 20px;
    align-items: flex-start;
  }
  
  .main-image[b-l7mc8b31iy] {
    max-width: 250px;
  }
  
  .svg-illustration[b-l7mc8b31iy] {
    max-width: 320px;
  }
  
  .main-svg[b-l7mc8b31iy] {
    height: 280px;
    max-height: 280px;
  }
  
  .info-card[b-l7mc8b31iy] {
    display: none; /* Hide floating cards on mobile */
  }
  
  .tab-item[b-l7mc8b31iy] {
    font-size: 12px;
    padding: 6px 15px;
  }
}

@media (max-width: 576px) {
  .slide-title[b-l7mc8b31iy] {
    font-size: 24px;
  }
  
  .slide-tabs[b-l7mc8b31iy] {
    justify-content: center;
  }
  
  .svg-illustration[b-l7mc8b31iy] {
    max-width: 280px;
  }
  
  .main-svg[b-l7mc8b31iy] {
    height: 240px;
    max-height: 240px;
  }
  
  .slide-image[b-l7mc8b31iy] {
    min-height: 260px;
    padding: 5px;
  }
} 
/* _content/VoxisWeb/Components/Shared/OrtaAlan2.razor.rz.scp.css */
/* ===== VOXIS BRANDS SECTION ===== */
.voxis-brands-section[b-x00v046ayq] {
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
    padding: 80px 0;
    position: relative;
    overflow: hidden;
}

.voxis-brands-section[b-x00v046ayq]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(45deg, transparent 0%, rgba(246, 136, 1, 0.02) 50%, transparent 100%);
    pointer-events: none;
}

/* Brands Header */
.brands-header[b-x00v046ayq] {
    margin-bottom: 60px;
}

.brands-title[b-x00v046ayq] {
    font-size: 42px;
    font-weight: 700;
    color: #40403f;
    margin-bottom: 15px;
    position: relative;
}

.brands-title[b-x00v046ayq]::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background: linear-gradient(90deg, #f68801, #ff9800);
    border-radius: 2px;
}

.brands-subtitle[b-x00v046ayq] {
    font-size: 18px;
    color: #6e6e6e;
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.6;
}

/* Brands Grid */
.brands-grid[b-x00v046ayq] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-bottom: 50px;
}

/* Brand Card */
.brand-card[b-x00v046ayq] {
    background: #ffffff;
    border-radius: 20px;
    padding: 35px 25px;
    text-align: center;
    position: relative;
    transition: all 0.4s ease;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    cursor: pointer;
    border: 2px solid transparent;
}

.brand-card[b-x00v046ayq]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, transparent 0%, rgba(246, 136, 1, 0.05) 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.brand-card:hover[b-x00v046ayq]::before {
    opacity: 1;
}

.brand-card:hover[b-x00v046ayq] {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
    border-color: #f68801;
}

/* Brand Logo */
.brand-logo[b-x00v046ayq] {
    width: 80px;
    height: 80px;
    margin: 0 auto 25px;
    background: #f8f9fa;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    position: relative;
    z-index: 2;
}

.brand-logo img[b-x00v046ayq] {
    width: 50px;
    height: 50px;
    object-fit: contain;
    filter: grayscale(0.3);
    transition: filter 0.3s ease;
}

.brand-card:hover .brand-logo[b-x00v046ayq] {
    background: #f68801;
    transform: scale(1.1);
}

.brand-card:hover .brand-logo img[b-x00v046ayq] {
    filter: grayscale(0) brightness(1.2);
}

/* Brand Content */
.brand-content[b-x00v046ayq] {
    position: relative;
    z-index: 2;
}

.brand-name[b-x00v046ayq] {
    font-size: 24px;
    font-weight: 700;
    color: #40403f;
    margin-bottom: 8px;
    transition: color 0.3s ease;
}

.brand-desc[b-x00v046ayq] {
    font-size: 14px;
    color: #6e6e6e;
    margin-bottom: 15px;
    line-height: 1.5;
}

.brand-card:hover .brand-name[b-x00v046ayq] {
    color: #f68801;
}

/* Brand Badge */
.brand-badge[b-x00v046ayq] {
    display: inline-block;
    padding: 6px 16px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
}

.brand-badge.accounting[b-x00v046ayq] {
    background: rgba(112, 163, 127, 0.1);
    color: #70a37f;
}

.brand-badge.pos[b-x00v046ayq] {
    background: rgba(38, 125, 255, 0.1);
    color: #267dff;
}

.brand-badge.erp[b-x00v046ayq] {
    background: rgba(156, 39, 176, 0.1);
    color: #9c27b0;
}

.brand-badge.crm[b-x00v046ayq] {
    background: rgba(255, 152, 0, 0.1);
    color: #ff9800;
}

.brand-badge.restaurant[b-x00v046ayq] {
    background: rgba(233, 30, 99, 0.1);
    color: #e91e63;
}

.brand-badge.ecommerce[b-x00v046ayq] {
    background: rgba(76, 175, 80, 0.1);
    color: #4caf50;
}

.brand-card:hover .brand-badge[b-x00v046ayq] {
    background: #f68801;
    color: #ffffff;
    transform: scale(1.05);
}

/* Brand Overlay */
.brand-overlay[b-x00v046ayq] {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(246, 136, 1, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transform: scale(0.8);
    transition: all 0.3s ease;
}

.brand-overlay i[b-x00v046ayq] {
    font-size: 18px;
    color: #f68801;
}

.brand-card:hover .brand-overlay[b-x00v046ayq] {
    opacity: 1;
    transform: scale(1);
}

/* Specific Brand Colors */
.orbit-brand:hover[b-x00v046ayq] {
    border-color: #70a37f;
}

.orbit-brand:hover .brand-overlay[b-x00v046ayq] {
    background: rgba(112, 163, 127, 0.2);
}

.orbit-brand:hover .brand-overlay i[b-x00v046ayq] {
    color: #70a37f;
}

.spark-brand:hover[b-x00v046ayq] {
    border-color: #267dff;
}

.spark-brand:hover .brand-overlay[b-x00v046ayq] {
    background: rgba(38, 125, 255, 0.2);
}

.spark-brand:hover .brand-overlay i[b-x00v046ayq] {
    color: #267dff;
}

.infinity-brand:hover[b-x00v046ayq] {
    border-color: #9c27b0;
}

.infinity-brand:hover .brand-overlay[b-x00v046ayq] {
    background: rgba(156, 39, 176, 0.2);
}

.infinity-brand:hover .brand-overlay i[b-x00v046ayq] {
    color: #9c27b0;
}

.flame-brand:hover[b-x00v046ayq] {
    border-color: #ff9800;
}

.flame-brand:hover .brand-overlay[b-x00v046ayq] {
    background: rgba(255, 152, 0, 0.2);
}

.flame-brand:hover .brand-overlay i[b-x00v046ayq] {
    color: #ff9800;
}

.cosmos-brand:hover[b-x00v046ayq] {
    border-color: #e91e63;
}

.cosmos-brand:hover .brand-overlay[b-x00v046ayq] {
    background: rgba(233, 30, 99, 0.2);
}

.cosmos-brand:hover .brand-overlay i[b-x00v046ayq] {
    color: #e91e63;
}

.blaze-brand:hover[b-x00v046ayq] {
    border-color: #4caf50;
}

.blaze-brand:hover .brand-overlay[b-x00v046ayq] {
    background: rgba(76, 175, 80, 0.2);
}

.blaze-brand:hover .brand-overlay i[b-x00v046ayq] {
    color: #4caf50;
}

/* Brands Stats */
.brands-stats[b-x00v046ayq] {
    display: flex;
    justify-content: space-around;
    align-items: center;
    background: #ffffff;
    border-radius: 20px;
    padding: 40px 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.stat-item[b-x00v046ayq] {
    text-align: center;
    position: relative;
}

.stat-item:not(:last-child)[b-x00v046ayq]::after {
    content: '';
    position: absolute;
    right: -50px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 40px;
    background: #ededed;
}

.stat-number[b-x00v046ayq] {
    font-size: 36px;
    font-weight: 700;
    color: #f68801;
    margin-bottom: 8px;
    line-height: 1;
}

.stat-label[b-x00v046ayq] {
    font-size: 14px;
    color: #6e6e6e;
    font-weight: 500;
}

/* Responsive Design */
@media (max-width: 1200px) {
    .brands-grid[b-x00v046ayq] {
        grid-template-columns: repeat(3, 1fr);
        gap: 25px;
    }
    
    .brand-card[b-x00v046ayq] {
        padding: 30px 20px;
    }
    
    .brands-title[b-x00v046ayq] {
        font-size: 36px;
    }
}

@media (max-width: 992px) {
    .brands-grid[b-x00v046ayq] {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    
    .brands-title[b-x00v046ayq] {
        font-size: 32px;
    }
    
    .brands-subtitle[b-x00v046ayq] {
        font-size: 16px;
    }
    
    .brands-stats[b-x00v046ayq] {
        flex-wrap: wrap;
        gap: 30px;
    }
    
    .stat-item:not(:last-child)[b-x00v046ayq]::after {
        display: none;
    }
}

@media (max-width: 768px) {
    .voxis-brands-section[b-x00v046ayq] {
        padding: 60px 0;
    }
    
    .brands-header[b-x00v046ayq] {
        margin-bottom: 40px;
    }
    
    .brands-title[b-x00v046ayq] {
        font-size: 28px;
    }
    
    .brands-grid[b-x00v046ayq] {
        grid-template-columns: 1fr;
        gap: 20px;
        max-width: 400px;
        margin: 0 auto 40px;
    }
    
    .brand-card[b-x00v046ayq] {
        padding: 25px 20px;
    }
    
    .brand-logo[b-x00v046ayq] {
        width: 70px;
        height: 70px;
        margin-bottom: 20px;
    }
    
    .brand-logo img[b-x00v046ayq] {
        width: 40px;
        height: 40px;
    }
    
    .brand-name[b-x00v046ayq] {
        font-size: 20px;
    }
    
    .brands-stats[b-x00v046ayq] {
        padding: 30px 15px;
        flex-direction: column;
        gap: 25px;
    }
    
    .stat-number[b-x00v046ayq] {
        font-size: 28px;
    }
}

@media (max-width: 576px) {
    .brands-title[b-x00v046ayq] {
        font-size: 24px;
    }
    
    .brands-subtitle[b-x00v046ayq] {
        font-size: 14px;
    }
    
    .brand-card[b-x00v046ayq] {
        padding: 20px 15px;
    }
    
    .stat-number[b-x00v046ayq] {
        font-size: 24px;
    }
    
    .stat-label[b-x00v046ayq] {
        font-size: 12px;
    }
} 
/* _content/VoxisWeb/Components/Shared/OrtaAlan3.razor.rz.scp.css */
/* OrtaAlan3 Voxis Ürünler CSS */

/* Hosting type container hover efektleri */
.rts-hosting-type__single[b-zt7dlyzxwf] {
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.rts-hosting-type__single:hover[b-zt7dlyzxwf] {
    transform: translateY(-10px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
    background-color: #f68801;
}

/* Hosting icon hover efektleri */
.hosting-icon[b-zt7dlyzxwf] {
    transition: all 0.3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.hosting-icon i[b-zt7dlyzxwf] {
    transition: all 0.3s ease;
    color: #f68801 !important;
    font-size: 48px !important;
}

.rts-hosting-type__single:hover .hosting-icon i[b-zt7dlyzxwf] {
    transform: scale(1.1);
    color: white !important;
    text-shadow: 0 0 20px rgba(246, 136, 1, 0.3);
}

/* Başlık hover efektleri */
.rts-hosting-type__single .title[b-zt7dlyzxwf] {
    transition: all 0.3s ease;
    color: #40403f;
    text-decoration: none;
    display: block;
    margin-bottom: 15px;
    font-weight: 600;
}

.rts-hosting-type__single:hover .title[b-zt7dlyzxwf] {
    color: white;
}

/* Açıklama metni */
.rts-hosting-type__single .excerpt[b-zt7dlyzxwf] {
    color: #6e6e6e;
    line-height: 1.6;
    margin-bottom: 20px;
    min-height: 48px; /* 2 satır için sabit yükseklik */
    transition: all 0.3s ease;
}

.rts-hosting-type__single:hover .excerpt[b-zt7dlyzxwf] {
    color: white;
}

/* Buton hover efektleri */
.rts-hosting-type__single .primary__btn[b-zt7dlyzxwf] {
    transition: all 0.3s ease;
    border-color: #f68801 !important;
    color: #f68801 !important;
}

.rts-hosting-type__single:hover .primary__btn[b-zt7dlyzxwf] {
    background-color: white !important;
    color: #f68801 !important;
    border-color: white !important;
    transform: translateX(5px);
}

/* Responsive iyileştirmeler */
@media (max-width: 768px) {
    .hosting-icon i[b-zt7dlyzxwf] {
        font-size: 40px !important;
    }
    
    .rts-hosting-type__single:hover[b-zt7dlyzxwf] {
        transform: translateY(-5px);
    }
} 
/* _content/VoxisWeb/Components/Shared/OrtaAlan4.razor.rz.scp.css */
/* OrtaAlan4 Voxis Avantajları CSS */

/* SVG İllustrasyon Styling */
.support-illustration[b-rwlcgzyxn6] {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}

.support-svg[b-rwlcgzyxn6] {
    width: 100%;
    height: auto;
    border-radius: 16px;
    transition: all 0.3s ease;
}

.support-svg:hover[b-rwlcgzyxn6] {
    transform: translateY(-5px);
}

/* Section title styling */
.section-title[b-rwlcgzyxn6] {
    color: #40403f;
    font-weight: 700;
    margin-bottom: 20px;
}

/* Feature list styling */
.feature-list[b-rwlcgzyxn6] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.feature-list li[b-rwlcgzyxn6] {
    display: flex;
    align-items: flex-start;

 
    border-bottom: 1px solid #f5f5f5;
    transition: all 0.3s ease;
}

.feature-list li:last-child[b-rwlcgzyxn6] {
    border-bottom: none;
}

.feature-list li:hover[b-rwlcgzyxn6] {
    background-color: #ffd699;
    padding-left: 10px;
    border-radius: 8px;
    border-bottom: 1px solid #f68801;
}

/* Check icon styling */
.feature-list li i[b-rwlcgzyxn6] {
    color: #f68801;
    font-size: 18px;
    margin-right: 15px;
    margin-top: 2px;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

.feature-list li:hover i[b-rwlcgzyxn6] {
    color: #ff9800;
    transform: scale(1.2);
}

/* Feature text styling */
.feature-list li[b-rwlcgzyxn6] {
    color: #6e6e6e;
    font-size: 16px;
    line-height: 1.6;
}

.feature-list li:hover[b-rwlcgzyxn6] {
    color: #40403f;
    font-weight: 500;
}

/* Left side image hover effect */
.left-side-image[b-rwlcgzyxn6] {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
}

/* Section padding adjustments */
.rts-hosting-feature-area[b-rwlcgzyxn6] {
    background: linear-gradient(135deg, #fefefe 0%, #f9f9f9 100%);
}

/* Right side content styling */
.right-side-content[b-rwlcgzyxn6] {
    padding-left: 30px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Responsive design */
@media (max-width: 768px) {
    .right-side-content[b-rwlcgzyxn6] {
        padding-left: 0;
        margin-top: 30px;
    }
    
    .feature-list li[b-rwlcgzyxn6] {
        padding: 12px 0;
        margin-bottom: 15px;
    }
    
    .feature-list li:hover[b-rwlcgzyxn6] {
        padding-left: 8px;
    }
    
    .section-title[b-rwlcgzyxn6] {
        font-size: 28px;
        margin-bottom: 15px;
    }
    
    .support-svg[b-rwlcgzyxn6] {
        max-height: 300px;
    }
} 
/* _content/VoxisWeb/Components/Shared/OrtaAlan5.razor.rz.scp.css */
/* OrtaAlan5 Voxis Değerleri CSS */

/* Values SVG İllustrasyon Styling */
.values-illustration[b-4bqsxhlucf] {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}

.values-svg[b-4bqsxhlucf] {
    width: 100%;
    height: auto;
    border-radius: 16px;
    transition: all 0.3s ease;
}

.values-svg:hover[b-4bqsxhlucf] {
    transform: translateY(-3px);
}

/* Value Icon Styling */
.value-icon[b-4bqsxhlucf] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: linear-gradient(135deg, #f68801 0%, #ff9800 100%);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    position: relative;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(246, 136, 1, 0.3);
}

.value-icon i[b-4bqsxhlucf] {
    color: white;
    font-size: 20px;
    transition: all 0.3s ease;
}

.value-icon[b-4bqsxhlucf]::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    border-radius: 50%;
    background: linear-gradient(135deg, #ff9800 0%, #f68801 100%);
    z-index: -1;
    opacity: 0;
    transition: all 0.3s ease;
}

.single:hover .value-icon[b-4bqsxhlucf] {
    transform: scale(1.1);
    box-shadow: 0 6px 20px rgba(246, 136, 1, 0.4);
}

.single:hover .value-icon i[b-4bqsxhlucf] {
    transform: scale(1.1);
}

.single:hover .value-icon[b-4bqsxhlucf]::before {
    opacity: 1;
}

/* Single Item Enhanced Styling */
.single[b-4bqsxhlucf] {
    transition: all 0.3s ease;
    padding: 10px 0;
    border-radius: 8px;
    margin-bottom: 15px;
}

.single:hover[b-4bqsxhlucf] {
    background-color: rgba(246, 136, 1, 0.05);
    padding-left: 10px;
    padding-right: 10px;
}

/* Single Content Styling */
.single__content h6[b-4bqsxhlucf] {
    color: #40403f;
    font-weight: 600;
    margin-bottom: 8px;
    transition: all 0.3s ease;
}

.single:hover .single__content h6[b-4bqsxhlucf] {
    color: #f68801;
}

.single__content p[b-4bqsxhlucf] {
    color: #6e6e6e;
    line-height: 1.6;
    margin: 0;
    font-size: 14px;
}

/* Section Title Enhanced */
.rts-whychoose__content--title[b-4bqsxhlucf] {
    color: #40403f !important;
    margin-bottom: 25px !important;
}

/* Image container adjustment */
.single__image[b-4bqsxhlucf] {
    margin-right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 50px;
}

/* Content wrapper */
.rts-whychoose__content[b-4bqsxhlucf] {
    padding-right: 20px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .values-svg[b-4bqsxhlucf] {
        max-height: 400px;
    }
    
    .value-icon[b-4bqsxhlucf] {
        width: 45px;
        height: 45px;
    }
    
    .value-icon i[b-4bqsxhlucf] {
        font-size: 18px;
    }
    
    .single__image[b-4bqsxhlucf] {
        margin-right: 15px;
        min-width: 45px;
    }
    
    .rts-whychoose__content[b-4bqsxhlucf] {
        padding-right: 0;
        margin-bottom: 30px;
    }
    
    .single[b-4bqsxhlucf] {
        margin-bottom: 12px;
        padding: 8px 0;
    }
    
    .single__content h6[b-4bqsxhlucf] {
        font-size: 16px;
        margin-bottom: 5px;
    }
    
    .single__content p[b-4bqsxhlucf] {
        font-size: 13px;
    }
}

/* Hover Effects for the entire section */
.rts-whychoose[b-4bqsxhlucf] {
    background: linear-gradient(135deg, #f5f5f5 0%, #ededed 100%) !important;
}

/* Animation for numbers when visible */
@keyframes fadeInUp-b-4bqsxhlucf {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.single[b-4bqsxhlucf] {
    animation: fadeInUp-b-4bqsxhlucf 0.6s ease forwards;
}

.single:nth-child(1)[b-4bqsxhlucf] { animation-delay: 0.1s; }
.single:nth-child(2)[b-4bqsxhlucf] { animation-delay: 0.2s; }
.single:nth-child(3)[b-4bqsxhlucf] { animation-delay: 0.3s; }
.single:nth-child(4)[b-4bqsxhlucf] { animation-delay: 0.4s; } 
/* _content/VoxisWeb/Components/Shared/OrtaAlan6.razor.rz.scp.css */
/* OrtaAlan6 Voxis Hizmet Alanları CSS */

/* Feature wrapper styling */
.feature-wrapper[b-ztu975qux3] {
    text-align: center;
    padding: 40px 20px;
    border-radius: 12px;
    background: linear-gradient(135deg, #f68801 0%, #ff9800 100%);
    box-shadow: 0 5px 15px rgba(246, 136, 1, 0.3);
    transition: all 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.feature-wrapper:hover[b-ztu975qux3] {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(246, 136, 1, 0.4);
    background: white;
}

/* Icon styling */
.feature-wrapper .icon[b-ztu975qux3] {
    margin-bottom: 25px;
    transition: all 0.3s ease;
}

.feature-wrapper .icon i[b-ztu975qux3] {
    color: white;
    font-size: 48px;
    transition: all 0.3s ease;
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.3));
}

.feature-wrapper:hover .icon i[b-ztu975qux3] {
    color: #f68801;
    transform: scale(1.1);
    filter: drop-shadow(0 0 10px rgba(246, 136, 1, 0.3));
}

/* Text content styling */
.feature-wrapper .text[b-ztu975qux3] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.feature-wrapper .title[b-ztu975qux3] {
    color: white;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 15px;
    transition: all 0.3s ease;
}

.feature-wrapper:hover .title[b-ztu975qux3] {
    color: #40403f;
}

.feature-wrapper .desc[b-ztu975qux3] {
    color: rgba(255, 255, 255, 0.9);
    font-size: 15px;
    line-height: 1.6;
    margin: 0;
    transition: all 0.3s ease;
}

.feature-wrapper:hover .desc[b-ztu975qux3] {
    color: #6e6e6e;
}

/* Section background */
.rts-hosting-feature-area-2[b-ztu975qux3] {
    background: linear-gradient(135deg, #fefefe 0%, #f9f9f9 100%);
}

/* Grid alignment */
.section-inner .row[b-ztu975qux3] {
    align-items: stretch;
}

/* Animation delays for staggered effect */
.feature-wrapper:nth-child(1)[b-ztu975qux3] {
    animation-delay: 0.1s;
}

.feature-wrapper:nth-child(2)[b-ztu975qux3] {
    animation-delay: 0.2s;
}

.feature-wrapper:nth-child(3)[b-ztu975qux3] {
    animation-delay: 0.3s;
}

/* Responsive design */
@media (max-width: 768px) {
    .feature-wrapper[b-ztu975qux3] {
        padding: 30px 15px;
        margin-bottom: 20px;
    }
    
    .feature-wrapper .icon i[b-ztu975qux3] {
        font-size: 40px;
    }
    
    .feature-wrapper .title[b-ztu975qux3] {
        font-size: 20px;
        margin-bottom: 12px;
    }
    
    .feature-wrapper .desc[b-ztu975qux3] {
        font-size: 14px;
    }
    
    .feature-wrapper:hover[b-ztu975qux3] {
        transform: translateY(-5px);
    }
}

@media (max-width: 576px) {
    .feature-wrapper[b-ztu975qux3] {
        padding: 25px 15px;
    }
    
    .feature-wrapper .icon i[b-ztu975qux3] {
        font-size: 36px;
    }
    
    .feature-wrapper .title[b-ztu975qux3] {
        font-size: 18px;
    }
}