@import url(fonts.css);
/*Scroll bar settings */

::-webkit-scrollbar {
    width: 3px;
}

::-webkit-scrollbar-track {
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: #221d34;
    border-radius: 0;
}

/* End Scroll bar settings */

/* *{
    font-family: 'Poppins' !important;
} */

h1,
h2,
h3,
h4,
h5,
h6,
button,
input,
a {
    text-transform: none !important;
}

p,
p * {
    font-size: 1.16rem;
}

.aureo-light,
.aureo-light * {
    color: white !important;
}

.aureo-hidden {
    visibility: hidden !important;
}

.aureo-overflow {
    overflow: hidden !important;
}

.aureo-shadow {
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3) !important;
}

.aureo-header-smart-stiky,
.aureo-header-smart-stiky-back {
    max-height: 98px !important;
}

/*Blob code start *****************************/

.hero-blob {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 400px;
    height: 400px;

    background: #fac926 !important;
    /* couleur à modifier */
    border-radius: 80% 20% 50% 38% !important;
    transform: translate(60%, -50%) !important;
    z-index: -1;

    animation: blob 60s infinite ease-in-out !important;
    
}

/* Animation morphing */
@keyframes blob {
    0% {
        border-radius: 80% 20% 50% 38% !important;
    }

    25% {
        border-radius: 60% 40% 70% 30% !important;
    }

    50% {
        border-radius: 40% 60% 30% 70% !important;
    }

    75% {
        border-radius: 30% 70% 60% 40% !important;
    }

    100% {
        border-radius: 80% 20% 50% 38% !important;
    }
}

/*END BLOB CODE *******************************/


/*START AUREO CATEGORY DESIGN BLOB CODE *******************************/
.owl-item:hover img {
    transform: scale(1.05, 1.05) !important;
    transition: all .9s cubic-bezier(0.075, 0.82, 0.165, 1) !important;
    transform-origin: center !important;
}

.aureo-card-content {
    background-color: rgba(0, 0, 0, 0.3);
}

/*END AUREO CATEGORY DESIGN BLOB CODE *******************************/

/*AUREO PROFILE SIDBAR CODE *******************************/
#profile-sidebar {
    align-self: flex-start;
    position: sticky;
    top: 20px;
    z-index: 10;
}