/* Generating Color Pack*/

:root {
    --color-highlight: #da4453 !important;
}

.bg-highlight {
    background-color: #da4453 !important;
    color: #fff !important;
}

.border-highlight {
    border-color: #da4453 !important;
}

.gradient-highlight {
    background-image: linear-gradient(to bottom, #ed5565, #da4453) !important;
}

.footer-bar-2 .active-nav,
.footer-bar-5 strong,
.footer-bar-4 strong,
.splide__pagination__page.is-active {
    background-color: #da4453 !important;
}

.footer-bar-1 .active-nav i,
.footer-bar-1 .active-nav span,
.footer-bar-3 .active-nav i {
    color: #da4453 !important;
}

.footer-bar-6 .circle-nav strong,
.footer-bar-6 .active-nav em {
    background-image: linear-gradient(to bottom, #ed5565, #da4453) !important;
}

.form-floating-over > .form-control:focus ~ label {
    color: #da4453;
}

.form-floating-over > .form-control:not(:placeholder-shown) ~ label {
    color: #da4453;
}

.form-floating-over > .form-select ~ label {
    color: #da4453;
}

.color-highlight {
    color: #da4453;
}

.bg-highlight {
    background-color: #da4453;
    color: #fff !important;
}