:root,
[data-bs-theme=light] {
    --bs-primary: #4035e4;
    --bs-primary-rgb: 64, 53, 228;
    --bs-link-color: #4035e4;
    --bs-link-color-rgb: 64, 53, 228;
    --bs-link-hover-color: #332C97;
    --bs-link-hover-color-rgb: 51, 44, 151;
    --bs-primary-border-subtle: #b1b8ff;
    --bs-focus-ring-color: rgba(64, 53, 228, 0.25);
    --bs-secondary: #646A69;
    --bs-secondary-rgb: 100, 106, 105;
    --bs-secondary-color: #646A69;
    --bs-secondary-color-rgb: 100, 106, 105;
    --bs-body-color: #646A69;
    --bs-light-1: #474747;
    --bs-light-1-rgb: 71, 71, 71;
    --bs-light-gray-2: #d6d6d6;
    --bs-light-gray-2-rgb: 214, 214, 214;
    --bs-dark-twm: #1d1f1e;
    --bs-dark-twm-rgb: 29, 31, 30;
}

.btn-primary {
    --bs-btn-bg: #4035E4;
    --bs-btn-border-color: #4035E4;
    --bs-btn-hover-bg: #3D33D1;
    --bs-btn-hover-border-color: #332C97;
    --bs-btn-active-bg: #332C97;
    --bs-btn-active-border-color: #302A87;
    --bs-btn-disabled-bg: #4035E4;
    --bs-btn-disabled-border-color: #4035E4;
}

.btn-outline-primary {
    --bs-btn-color: #4035E4;
    --bs-btn-border-color: #4035E4;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #4035E4;
    --bs-btn-hover-border-color: #4035E4;
    --bs-btn-focus-shadow-rgb: 139, 61, 255;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4035E4;
    --bs-btn-active-border-color: #4035E4;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(2, 6, 23, 0.125);
    --bs-btn-disabled-color: #4035E4;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #4035E4;
    --bs-gradient: none;
}


.bg-accent-blue {
    --bs-bg-opacity: 1;
    background-color: #515ee7 !important;
}

.bg-accent-dark-orange {
    --bs-bg-opacity: 1;
    background-color: #e75151 !important;
}

.bg-secondary {
    --bs-bg-opacity: 0.1;
}

.bg-dark-twm {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-twm-rgb), var(--bs-bg-opacity)) !important;
}

.text-body-light-1 {
    --bs-text-opacity: 1;
    color: var(--bs-light-1) !important;
}

.text-bg-light-1 {
    --bs-bg-opacity: 0.1;
    color: #020617;
    background-color: RGBA(var(--bs-light-1-rgb), var(--bs-bg-opacity, 1)) !important;
}

.border-light-gray-2 {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-light-gray-2-rgb), var(--bs-border-opacity)) !important;
}

.outline-dark {
    border: 1px solid #000; 
    background-color: transparent; 
    color: inherit; 
    transition: background-color 0.3s, color 0.3s;
}

.outline-transparent {
    border: 1px solid transparent;
    background-color: transparent;
    color: inherit;
    transition: background-color 0.3s, color 0.3s;
}

.bg-secondary-header-menu {
    --bs-bg-opacity: 0.06;
    background-color: rgba(29, 31, 30, var(--bs-bg-opacity)) !important;
}

.form-check-input:checked {
    background-color: #4035E4;
    border-color: #4035E4;
    --bs-border-color: #86b7fe;
}

.form-check-input:focus {
    border-color: #4035E4;
    box-shadow: 0 0 0 0.25rem rgba(64, 53, 228, 0.25);
}

.form-select:focus {
    border-color: #4035E4;
    box-shadow: 0 0 0 0.25rem rgba(64, 53, 228, 0.25);
}

.form-control:focus {
    border-color: #4035E4;
    box-shadow: 0 0 0 0.25rem rgba(64, 53, 228, 0.25);
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: #4035E4;
    border-color: #4035E4;
}

.form-switch .form-check-input:focus:not(:checked) {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%234035E4'/%3e%3c/svg%3e");
}

.pagination {
    --bs-pagination-active-bg: #4035E4;
    --bs-pagination-active-border-color: #4035E4;
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(64, 53, 228, 0.25);
}

.btn-close {
    --bs-btn-close-hover-opacity: 0.75;
    --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(64, 53, 228, 0.25);
}

.link-purple {
    --bs-link-color: #997FFF;
    --bs-link-color-rgb: 153, 127, 255;
    --bs-link-hover-color: #7A66CC;
    --bs-link-hover-color-rgb: 122, 102, 204;
}

.text-purple {
    --bs-text-opacity: 1;
    color: rgba(153, 127, 255, var(--bs-text-opacity)) !important;
}

.text-brown {
    --bs-text-opacity: 1;
    /*    color: #A46B75 !important;*/
    color: #C4848F !important;
}


.full-width-text {
    font-size: clamp(2rem, 10.8vw, 14rem);
    font-weight: bold;
    text-align: center;
    width: 100%;
    margin: clamp(-7rem, -8.3vw, -3.3rem) 0 0 0;
    padding: 0;
}

.gradient-footer-text {
    background: linear-gradient(175deg, #c9c9ff 0%, #4035e4 65%, #2b2499 100%);
    opacity: 65%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gradient-footer-fill {
    background: linear-gradient(155deg, #4035e4 0%, #191919 38%);
}

.gradient-sign-in-up-text {
    background: linear-gradient(-45deg, rgb(255,255,255) 53%, #a8a8fe 80%, #4f44f2 95%, #4035E4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gradient-sign-in-up-fill {
    background: linear-gradient(152deg, #1e1e1e 51%, #362cda);
}

.bg-gradient-features-fill {
    background: url("/assets/images/sign-in/features-fill.png") no-repeat right bottom, linear-gradient(125deg, #1e1e1e 37%, #362cda);
    background-size: auto, contain;
}

.bg-gradient-video-fill {
    background: linear-gradient(-193deg, #4035E4 50%, #1E1E1E 70%);
}

.bg-gradient-product-img {
    background: linear-gradient(-225deg, #4035E4 0%,#3D33D1 1%,#332C97 12%,#302A87 17%, #1E1E1E 35%);
}

/*.bg-gradient-product-img-2 {
    background: linear-gradient(-225deg, #794141 0%,#5f3636 1%,#462c2c 12%,#2d2222 17%, #1E1E1E 35%);
}*/
.bg-gradient-product-img-2 {
    background: linear-gradient(-225deg, #794141 0%, #5f3636 10%, #462c2c 20%, #2d2222 30%, #1e1e1e 80%);
}

.bg-gradient-product-img-tag-1 {
    background: linear-gradient(-244deg, #515EE7 20%,#2D3481 100%);
}

.bg-gradient-product-img-tag-2 {
    background: linear-gradient(-244deg, #997EE5 40%, #7968D6 100%);
}

.bg-gradient-product-img-tag-3 {
    background: linear-gradient(-244deg, #e75151 40%, #8a303d 100%);
}

.thumbnail-main-text-gradient {
    background: linear-gradient(-244deg, #5a4fc2 0%, #ffffff 40%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.thumbnail-main-text-gradient-2 {
    background: linear-gradient(-244deg, #794141 0%, #ffffff 40%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}


.bg-wiki-section {
    background-color: #d6d6d6 !important;
}

.bg-wiki-unit {
    background-color: #e5e5e5 !important;
}

.ql-code-block {
    white-space: pre-wrap;
}

@media (min-width: 1400px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container .custom-container {
        max-width: 1920px !important;
    }
}

.rounded-6 {
    border-radius: 3rem;
}

.rounded-4-5 {
    border-radius: 1.5rem;
}

.font-inter {
    font-family: 'Inter';
}

.fs-h1 {
    font-size: 3.5rem;
}

.fs-h2 {
    font-size: 3.1rem;
}

.fs-h2-sm {
    font-size: 2.75rem;
}

.fs-h3 {
    font-size: 2.5rem;
}

.fs-h4 {
    font-size: 2.25rem;
}

.fs-h4 {
    font-size: 2rem;
}

.fs-h5 {
    font-size: 2.5rem; /* 48px */
}

.fs-h3-sm {
    font-size: 3.75rem;
}

.fs-2-sm {
    font-size: 1.75rem !important;
}

.fs-1-sm {
    font-size: 2.25rem !important;
}

.fs-3-sm {
    font-size: 1.25rem !important;
}
.fs-7 {
    font-size: 0.75rem !important;
}

@media (min-width: 992px) {
    .fs-h1 {
        font-size: 6rem; /* 96px */
    }

    .fs-h2 {
        font-size: 4.5rem; /* 72px */
    }


    .fs-h3 {
        font-size: 4rem; /* 64px */
    }

    .fs-h4 {
        font-size: 3.25rem; /* 52px */
    }

    .fs-h5 {
        font-size: 3rem; /* 48px */
    }

    .fs-h6 {
        font-size: 2.5rem; /* 40px */
    }

    .fs-h6-5 {
        font-size: 2.25rem !important; /* 36px */
    }

    .fs-h7 {
        font-size: 2rem; /* 32px */
    }

    .fs-h8 {
        font-size: 1.75rem; /* 28px */
    }

    .fs-h9 {
        font-size: 1.5rem; /* 24px */
    }

    .fs-h10 {
        font-size: 1.25rem; /* 20px */
    }

    .fs-h11 {
        font-size: 1.125rem !important; /* 18px */
    }


}

@media (max-width: 991.98px) {
    .fs-2 {
        font-size: calc(1.275rem + 0.3vw) !important;
    }

    .fs-6 {
        font-size: 0.7rem !important;
    }
}


.hr-w-7 {
    width: 7rem;
}

.gradient-main-page-text {
    background: linear-gradient(-215deg, #4035E4 5%, #1E1E1E 35%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gradient-main-page-text-sm {
    background: linear-gradient(-215deg, #4035E4 2%, #1E1E1E 10%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gradient-product-title {
    background: linear-gradient(-215deg, #4035E4 2%, #1E1E1E 15%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.svg-position-1 {
    position: absolute !important;
    top: 1080px !important;
    right: -800px !important;
}

.svg-position-2 {
    position: absolute !important;
    top: 2550px !important;
    right: -850px !important;
}

#v-pills-tab .nav-link {
    border-left: 2px solid #DFDFDF;
    border-radius: 0;
}

#v-pills-tab .nav-link.active {
    background-color: transparent !important;
    border-left: 6px solid #4035E4;
}
.form-control:invalid {
    background-image: none !important;
}
.form-control:valid {
    background-image: none !important;
}

.block {
    display: inline-block;
}

.block {
    margin-right: 120px;
}


/* Headline image for wiki and releases */
.headline-image {
    max-width: 337px;
    max-height: 168px;
    z-index: 1;
    width: auto;
    object-fit: contain;
    right: 0;
}


.promotion {
    min-height: 804px !important;
}

/* Media query for small screens (e.g., less than 768px wide) */
@media (max-width: 767.98px) {
    .promotion {
        min-height: 884px !important; 
    }

    .feature-min-height {
        min-height: 800px !important;
    }
}


/* tables and above */
@media (min-width: 767.98px) {

    .feature-min-height {
        min-height: 1050px !important;
    }
}


    /* Alertify styling */
    .alertify .ajs-footer .ajs-buttons .ajs-button {
        padding: 0.25rem 0.5rem; /* py-1 px-2 equivalent */
        border-radius: 0.375rem; /* rounded corners */
        font-weight: 500;
        border: 1px solid;
        cursor: pointer;
        transition: all 0.15s ease-in-out;
    }

        /* Cancel button (outlined white with black text) */
        .alertify .ajs-footer .ajs-buttons .ajs-button.ajs-cancel {
            background-color: transparent;
            color: #000;
            border-color: #fff;
        }

            .alertify .ajs-footer .ajs-buttons .ajs-button.ajs-cancel:hover {
                background-color: #f8f9fa;
                border-color: #dee2e6;
            }

        /* Confirm/OK button (primary color with white text) */
        .alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok {
            background-color: #4035E4; /* Bootstrap primary color */
            color: #fff;
            border-color: #4035E4;
            border-radius: 0.375rem; /* rounded corners */
        }

            .alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok:hover {
                background-color: #0b5ed7;
                border-color: #0a58ca;
            }

    /* Toast success styling */
    .alertify.ajs-toast.ajs-success {
        background-color: #6c757d !important; /* Bootstrap secondary color */
        color: #000 !important;
    }

        .alertify.ajs-toast.ajs-success .ajs-message {
            color: #000 !important;
        }


    /* Toast success styling - more specific selectors */
    .alertify-notifier .ajs-message.ajs-success {
        background-color: #6c757d !important;
        color: #000 !important;
    }

        .alertify-notifier .ajs-message.ajs-success .ajs-message-text {
            color: #000 !important;
        }

    /* Alternative - target by notification type */
    .alertify .ajs-message.ajs-success {
        background-color: #6c757d !important;
        color: #000 !important;
    }


    /* faq icons */
    /* FAQ toggle icon visibility */
    a[data-bs-toggle="collapse"] .faq-toggle-icon .icon-expanded {
        display: none;
    }

    a[data-bs-toggle="collapse"][aria-expanded="true"] .faq-toggle-icon .icon-expanded {
        display: inline;
    }

    a[data-bs-toggle="collapse"][aria-expanded="true"] .faq-toggle-icon .icon-collapsed {
        display: none;
    }