.ia-services {
    font-size: 110%;
}

.ia-services a {
    font-weight: 700 !important;
}

.ia-services .form-check {
    position: relative !important;
    display: block !important;
    margin-bottom: 25px !important;
    padding-left: 40px !important; /* Правим място за чекбокса отляво */
    cursor: pointer !important;
}

.ia-services input[type="checkbox"].form-check-input {
    appearance: auto !important; /* Връщаме стандартния механизъм на браузъра */
    -webkit-appearance: checkbox !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 30px !important; /* Огромен, за да е лесен за клик */
    height: 30px !important;
    margin: 0 !important;
    cursor: pointer !important;
    z-index: 100 !important; /* Най-отгоре */
    opacity: 1 !important; /* Пълна видимост, за да тестваме клика */
}

.ia-services .form-check-label {
    display: inline-block !important;
    vertical-align: top !important;
    padding-left: 5px !important;
    /*font-size: 14px !important;*/
    line-height: 1.6 !important;
    cursor: pointer !important;
    pointer-events: auto !important; /* ГАРАНТИРАМЕ, че текстът приема клик */
    z-index: 10 !important;
}

.ia-services .form-check:last-of-type {
    clear: both !important;
    display: block !important;
    visibility: visible !important;
}

.ia-services #submit-button, .ia-services .btn-primary {
    margin-top: 30px !important;
    position: relative !important;
    z-index: 1 !important;
}

.ia-services #servicesCheckboxes {
    font-weight: 500;
}

.ia-services #servicesCheckboxes label {
    font-size: inherit !important;
}

.ia-services.success {
    font-size: 110% !important;
}



/* Прост пример за паралакс ефект */
.parallax-section {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.hero-section {
    background-color: #f8f9fa; /* Примерен фон */
}
.feature-box {
    transition: transform 0.2s;
}
.feature-box:hover {
    transform: scale(1.05);
}




/* --- ГЛОБАЛНИ ПОПРАВКИ ЗА ВСИЧКИ СЕКЦИИ --- */
.colorfull-bg, .colorfull-bg2, .colorfull-bg3, .colorfull-bg4, .image-shapes{
    position: relative;
    min-height: 70vh;
    display: flex;
    align-items: center; /* Центрира само ако има място */
    justify-content: center;
    padding: 100px 0; /* Подсигурява, че текстът никога не е залепен за ръба */
    overflow: hidden;
    z-index: 1;
    /* Тази магия ограничава фиксирания фон само в тази секция */
    clip-path: inset(0 0 0 0);
}

/* Подсигуряваме, че контейнерът с текста е винаги най-отгоре */
.hero-section .container {
    position: relative;
    z-index: 10;
}

/* --- СЕКЦИЯ 1 --- */
.colorfull-bg { background-color: #12141a; }
.colorfull-bg::before {
    content: "";
    position: fixed; /* ТОВА ПРАВИ ПАРАЛАКСА СТАТИЧЕН */
    inset: 0;
    z-index: -2;
    background-image:
        linear-gradient(30deg, #0f1115 12%, transparent 12.5%, transparent 87%, #0f1115 87.5%, #0f1115),
        linear-gradient(150deg, #0f1115 12%, transparent 12.5%, transparent 87%, #0f1115 87.5%, #0f1115),
        linear-gradient(60deg, #161a20 25%, transparent 25.5%, transparent 75%, #161a20 75.5%, #161a20);
    background-size: 80px 140px;
    opacity: 0.4;
    pointer-events: none;
}
.colorfull-bg::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    background:
        conic-gradient(from 200deg at 15% 30%, transparent 0deg, rgba(100, 200, 255, 0.4) 0.5deg, #080a0f 3deg, transparent 40deg),
        conic-gradient(from 20deg at 80% 70%, transparent 0deg, rgba(180, 100, 255, 0.3) 0.5deg, #0a0812 5deg, transparent 50deg),
        conic-gradient(from 160deg at 50% 50%, transparent 0deg, rgba(255, 255, 255, 0.2) 0.5deg, #12141a 15deg, transparent 60deg);
    filter: drop-shadow(0 0 15px rgba(0,0,0,0.9));
    pointer-events: none;
}

/* --- СЕКЦИЯ 2 --- */
.colorfull-bg2 { background-color: #0d1117; }
.colorfull-bg2::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    background: 
        linear-gradient(110deg, transparent 45%, rgba(180, 150, 80, 0.12) 45.1%, rgba(180, 150, 80, 0.15) 45.5%, transparent 45.6%),
        linear-gradient(210deg, transparent 30%, rgba(200, 210, 230, 0.08) 30.1%, rgba(200, 210, 230, 0.1) 30.4%, transparent 30.5%),
        conic-gradient(from 45deg at 20% 20%, #090c10 0deg, #161b22 40deg, transparent 41deg),
        conic-gradient(from 180deg at 85% 75%, #0d1117 0deg, #1c2128 60deg, transparent 61deg);
    background-size: 100% 100%, 150% 150%, 100% 100%, 100% 100%;
    pointer-events: none;
}
/* Острите парчета за BG2 */
.colorfull-bg2::after {
    content: "";
    position: absolute; /* Тези се движат със секцията */
    inset: 0;
    z-index: -1;
    background: radial-gradient(circle at 80% 20%, #1a2a3a 0%, #0d1117 80%);
    clip-path: polygon(45% 0, 100% 0, 100% 40%, 80% 35%, 60% 60%, 85% 100%, 30% 100%, 50% 70%, 15% 40%);
    opacity: 0.6;
}

/* --- СЕКЦИЯ 3 --- */
.colorfull-bg3 { background-color: #1a1a1e; }
.colorfull-bg3::before {
    content: "";
    position: fixed;
    inset: -10%;
    z-index: -1;
    background:
        linear-gradient(135deg, #0f0f12 25%, transparent 25%) -50px 0,
        linear-gradient(225deg, #16161d 25%, transparent 25%) -50px 0,
        linear-gradient(315deg, #0f0f12 25%, transparent 25%),
        linear-gradient(45deg, #1a1a25 25%, transparent 25%);
    background-size: 100px 100px;
    opacity: 0.5;
    pointer-events: none;
}
.colorfull-bg3::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    background:
        conic-gradient(from 150deg at 20% 40%, transparent 0deg, rgba(100, 100, 255, 0.2) 1deg, #0a0a10 5deg, transparent 40deg),
        conic-gradient(from 300deg at 80% 30%, transparent 0deg, rgba(255, 50, 80, 0.3) 1deg, #0e0a12 10deg, transparent 50deg);
    pointer-events: none;
}

/* --- СЕКЦИЯ 4 (Невронна мрежа) --- */
.colorfull-bg4 { background-color: #040608; }
.colorfull-bg4::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    opacity: 0.4;
    background-image: url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 10L35 45L10 90M90 10L65 55L90 90M50 10L50 90M10 10L90 10M10 90L90 90' stroke='%235588aa' stroke-width='0.7' fill='none'/%3E%3Ccircle cx='10' cy='10' r='1.5' fill='%2388ccff'/%3E%3Ccircle cx='35' cy='45' r='1.5' fill='%2388ccff'/%3E%3Ccircle cx='90' cy='10' r='1.5' fill='%2388ccff'/%3E%3Ccircle cx='50' cy='50' r='1.2' fill='%23ffffff'/%3E%3C/svg%3E");
    background-size: 280px 280px;
    pointer-events: none;
}
.colorfull-bg4::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    background:
        linear-gradient(115deg, transparent 48%, rgba(255,255,255,0.1) 48.1%, rgba(255,255,255,0.15) 48.5%, transparent 48.6%),
        radial-gradient(circle at 10% 10%, rgba(20, 50, 80, 0.3) 0%, transparent 40%);
    pointer-events: none;
}

/* ОБЩИ КЛАСОВЕ ЗА ШАРДОВЕ (ПОПРАВЕНИ) */
.hero-glass-shards, .bg3-shards, .neural-overlay {
    position: absolute; /* Тези стоят вътре в контейнера си */
    inset: 0;
    z-index: -1;
    pointer-events: none;
}






/* Луксозен стил за бутоните */
.btn {
    border-radius: 50px; /* Заоблени краища за по-модерен вид */
    padding: 12px 30px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease-in-out;
    border: none;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

/* Ефект при посочване (Hover) */
.btn:hover {
    transform: translateY(-3px); /* Леко повдигане */
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
}

/* Активен бутон (Клик) */
.btn:active {
    transform: translateY(-1px);
}

/* Гъзарски цветови градиенти за основните класове */

/* Primary - Синьо-лилав лукс */
.btn-primary {
    background: linear-gradient(45deg, #4e54c8, #8f94fb);
    color: white;
}

/* Success - Изумрудено зелено */
.btn-success {
    background: linear-gradient(45deg, #11998e, #38ef7d);
    color: white;
}

/* Danger - Огнено червено/розово */
.btn-danger {
    background: linear-gradient(45deg, #ff416c, #ff4b2b);
    color: white;
}

/* Warning - Златно/Оранжево */
.btn-warning {
    background: linear-gradient(45deg, #f8ad45, #ff6a00);
    color: white;
}

/* Info - Океанско синьо */
.btn-info {
    background: linear-gradient(45deg, #2193b0, #6dd5ed);
    color: white;
}

/* Dark - Дълбоко черно/графит */
.btn-dark {
    background: linear-gradient(45deg, #232526, #414345);
    color: white;
}

/* Добавяне на лек "гланц" ефект при посочване */
.btn::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(120deg, transparent, rgba(255,255,255,0.3), transparent);
    transition: all 0.5s;
}

.btn:hover::after {
    left: 100%;
}


/* Специален луксозен стил за Outline бутоните */
.btn-outline-primary {
    background: #ffffff; /* Бял фон като основа */
    border: 2px solid #4e54c8 !important; /* Тънък, ясен бордър */
    color: #4e54c8 !important;
    border-radius: 50px;
    padding: 10px 25px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); /* "Bounce" ефект */
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08); /* Мека, модерна сянка */
    position: relative;
    z-index: 1;
}

/* Ефект при посочване - превръща се в плътен градиент */
.btn-outline-primary:hover {
    color: #fff !important;
    background: linear-gradient(45deg, #4e54c8, #8f94fb);
    border-color: transparent !important;
    transform: translateY(-5px) scale(1.02); /* Изскача напред */
    box-shadow: 0 15px 30px rgba(78, 84, 200, 0.4); /* Светеща сянка в цвета на бутона */
}

/* Махаме гадния син фокус на Bootstrap */
.btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(78, 84, 200, 0.25);
    outline: none;
}

/* Добавяме лек стъклен ефект (Glassmorphism) */
.btn-outline-primary::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50px;
    background: rgba(255, 255, 255, 0.1);
    z-index: -1;
    transition: opacity 0.3s;
}

.viber-floating-btn {
    position: fixed;
    bottom: 8%;
    right: 8%;
    text-decoration: none;
    z-index: 9999;
}

.viber-icon-wrapper {
    background: white;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 1px 2px 6px rgba(0,0,0,0.5);
    transition: transform 0.2s ease;
}

.viber-icon-wrapper:hover {
    transform: scale(1.08);
}