/*white-color: #f8f8f8;*/
/*pink-color: #DF5D8F;*/

#header {
    border-bottom: #222228 !important;
}

a {
    color: #DF5D8F;
}

.bg-dark, #wrapper {
    background-color: #222228 !important;
}

.text-white {
    color: #f8f8f8 !important;
}


.owl-carousel .owl-dots .owl-dot {
    background-color: #DF5D8F;
}

.menu-link div {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #f8f8f8 !important;
    transition: color 1s;
    background-image: linear-gradient( 0deg, #DF5D8F, #DF5D8F 50%, #f8f8f8 50%);
    background-size: 100% 200%;
    background-position: 0% 0%;
}
    .menu-link div:hover {
        color: #DF5D8F !important;
        transition: all 0.3s cubic-bezier(0.000, 0.000, 0.230, 1);
        background-position: 100% 100%;
    }

.sub-menu-container {
    background-color: #222228 !important;
}

.sub-menu-container {
    border-top: #DF5D8F solid 2px !important;
}

.title-border-color::before, .title-border-color::after {
    border-top: #DF5D8F 1px solid;
}

.title-block {
    border-left: #DF5D8F 7px solid;
}

.divider.divider-rounded i {
    color: #DF5D8F;
}

.button:hover {
    background-color: #DF5D8F;
}

.accordion-button {
    
}
    .accordion-button:not(.collapsed) {
        color: #DF5D8F;
        background-color: #dadfe6;
    }
    .accordion-button:focus {
        box-shadow: 0px 0px 0 0.25rem transparent;
    }

#gotoTop:hover {
    background-color: #DF5D8F;
}

/*.fa, .fa-solid, i {
    color: #DF5D8F;
}*/