thead th {
    font-weight: bold;
    background: #ff5757 !important;
    color: white !important;
}

.purple-label {
    color: #ff5757 !important;
}

.text-primary {
    color: #ff5757 !important;
}

.btn-primary {
    color: #fff !important;
    background-color: #ff5757 !important;
    border-color: #ff5757 !important;
}

    .btn-primary:hover {
        color: #fff !important;
        background-color: #ff5757 !important;
        border-color: #ff5757 !important;
    }


#template-customizer .template-customizer-open-btn {
    background: #ff5757 !important;
}


.form-control:focus,
.form-select:focus {
    border-color: #ff5757;
    box-shadow: none !important;
}

.input-group:focus-within .form-control,
.input-group:focus-within .input-group-text {
    border-color: #ff5757;
}

.form-check-input:focus {
    border-color: #ff5757;
}

.form-check-input:checked, .form-check-input[type=checkbox]:indeterminate {
    background-color: #ff5757;
    border-color: #ff5757;
}

.bg-primary {
    background-color: #ff5757 !important;
}

a {
    color: #ff5757;
}

    a:hover {
        color: #ff5757;
    }

.select2:focus {
    border-color: #ff5757 !important;
}

.select2-container--default.select2-container--focus .select2-selection, .select2-container--default.select2-container--open .select2-selection {
    border-color: #ff5757 !important;
}

.select2-container--default .select2-results__option--highlighted:not([aria-selected=true]) {
    background-color: #ff5757 !important;
    color: white !important;
    font-size: smaller;
}

.select2-results__option[role=option] {
    margin: 0.25rem 0.5rem;
    border-radius: 0.375rem;
    padding: 0.5rem 1rem;
    font-size: smaller;
}

.page-item.active .page-link, .pagination li.active > a:not(.page-link) {
    border-color: #ff5757;
    background-color: #ff5757;
    color: #fff;
}

.nav-pills .nav-link.active, .nav-pills .nav-link.active:hover, .nav-pills .nav-link.active:focus {
    background-color: #ff5757 !important;
}

.nav-pills .nav-link:hover {
    background: grey;
    transform: scale(1.05);
    color: #ff5757 !important;
}


.nav.nav-pills:hover .nav-link:hover:not(.active) {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    color: #ff5757 !important;
}

.switch-input:checked ~ .switch-toggle-slider {
    background: #ff5757;
    color: #fff;
    box-shadow: 0 2px 6px 0 rgba(115, 103, 240, 0.3);
}

.form-control:focus {
    border-color: #ff5757 !important;
}

.bs-stepper .step.active .bs-stepper-circle {
    background-color: #ff5757 !important;
    color: #fff;
}

.bs-stepper .step.crossed .step-trigger .bs-stepper-circle {
    background-color: #f4f3fe !important;
    color: #ff5757 !important;
}

.light-style .bs-stepper .bs-stepper-header .step:not(.active) .bs-stepper-circle {
    background-color: #f4f3fe !important;
    color: #ff5757 !important;
}

.dark-style .layout-navbar .navbar.landing-navbar .navbar-nav .show > .nav-link, .dark-style .layout-navbar .navbar.landing-navbar .navbar-nav .active > .nav-link, .dark-style .layout-navbar .navbar.landing-navbar .navbar-nav .nav-link.show, .dark-style .layout-navbar .navbar.landing-navbar .navbar-nav .nav-link.active {
    color: #ff5757 !important;
}

.light-style .layout-navbar .navbar.landing-navbar .navbar-nav .show > .nav-link, .light-style .layout-navbar .navbar.landing-navbar .navbar-nav .active > .nav-link, .light-style .layout-navbar .navbar.landing-navbar .navbar-nav .nav-link.show, .light-style .layout-navbar .navbar.landing-navbar .navbar-nav .nav-link.active {
    color: #ff5757 !important;
}

.light-style .layout-navbar .navbar.landing-navbar {
    border-color: rgba(255, 255, 255, .68);
    background: rgba(255, 255, 255, .38); 
}

.features-icon-box {
    transition: transform 0.5s cubic-bezier(0.25, 0.1, 0.25, 1), box-shadow 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
}

    .features-icon-box .card {
        position: relative;
        background: white;
        border: 1px solid #e6e6e8;
        border-radius: 8px;
        background-clip: padding-box;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .features-icon-box:hover .card {
        transform: scale(1.05);
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
        background-image: linear-gradient(white, white), linear-gradient(45deg, #ff5757, #ff5757);
        background-origin: border-box;
        background-clip: padding-box, border-box;
        border: 2px solid transparent;
    }


.card {
    transition: transform 0.5s cubic-bezier(0.25, 0.1, 0.25, 1), box-shadow 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
    box-shadow: none;
}

.text-primary {
    color: #ff5757 !important;
}

.text-primary-gradient {
    background: linear-gradient(45deg, #ff5757, #ff5757);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}



.bg-label-primary {
    color: #ff5757 !important;
    background: #f1f0f2 !important;
}

.btn-label-primary {
    color: #ff5757 !important;
    border-color: transparent !important;
    background: #f1f0f2 !important;
}

    .btn-label-primary:hover {
        color: #ff5757 !important;
        border-color: transparent !important;
        background: #f1f0f2 !important;
    }

.navbar.landing-navbar {
    box-shadow: none;
    transition: all .2s ease-in-out;
    transform: unset !important;
    padding-top: .625rem;
    padding-bottom: .625rem;
    margin-top: 1rem;
    border-width: 2px;
    border-style: solid;
    border-radius: .375rem;
}

.nav-link:hover {
    color: #ff5757 !important;
}


.btn-secondary {
    background-color: lightgray !important;
    border-color: lightgray !important;
    color: black !important;
}

    .btn-secondary:hover {
        background-color: lightgray !important;
        border-color: lightgray !important;
        color: black !important;
    }

    .btn-secondary.btn[class*=btn-]:not([class*=btn-label-]):not([class*=btn-outline-]):not([class*=btn-text-]):not(.btn-icon):not(:disabled):not(.disabled) {
        box-shadow: none !important;
    }

.timeline .timeline-indicator-primary {
    background-color: #ff5757 !important;
}

.form-check-input.is-invalid ~ .form-check-label,
.was-validated .form-check-input:invalid ~ .form-check-label {
    color: #dc3545;
}

.form-check-input.is-invalid,
.was-validated .form-check-input:invalid {
    border-color: #dc3545;
}

#menuNav {
    border-bottom-left-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
}

.light-style .layout-navbar .navbar.landing-navbar {
    border-color: #f4f3fe;
    background: #fff;
}

.light-style .layout-navbar.navbar-active .navbar.landing-navbar {
    background: #fff;
    box-shadow: 0 7px 0.6rem 0 rgba(47, 43, 61, 0.05);
}

.btn-primary.btn[class*=btn-]:not([class*=btn-label-]):not([class*=btn-outline-]):not([class*=btn-text-]):not(.btn-icon):not(:disabled):not(.disabled) {
     box-shadow: none !important; 
}

.nav-item .nav-link:hover {
    color: white !important;
}