* {
    user-select: text;
    scroll-behavior: smooth;
    scroll-snap-type: y mandatory !important;
}

.home-image-background {
    background: linear-gradient(0deg, #12055db3, #12055db3), url("../images/Background.png") no-repeat center center / cover;
}

.white-background {
    background: #FFFFFF !important;
}

.beige-background {
    background: #FFF3DF !important;
}

.indigo-blue-background {
    background: #12055D !important;
}

.dark-blue-background {
    background: #0F0352 !important;
}

.light-blue-background {
    background: #0D0444 !important;
}

.gallery-1 {
    background: url("../images/Mockup_Doqboard.png") no-repeat center center / cover;
}

.gallery-2 {
    background: url("../images/Deepmob-Validation.png") no-repeat center center / cover;
}

.gallery-3 {
    background: url("../images/CreditAgricole.jpeg") no-repeat center center / cover;
}

.gallery-4 {
    background: url("../images/Mockup_Creation.png") no-repeat center center / cover;
}

.gallery-image, .gallery-image-square {
    transition: transform 0.4s ease-in-out;
}

.gallery-image:hover {
    transform: scale(1.15);
}

.gallery-image-square:hover {
    transform: scale(1.2);
}

.footer-background {
    background: url("../images/Logo.svg") !important;
}

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

.all-white * {
    color: #FFFFFF !important;
    border-color: #FFFFFF !important;
}

.beige {
    color: #FFF3DF !important;
    text-decoration-color: #FFF3DF !important;
}

.all-beige * {
    color: #FFF3DF !important;
    border-color: #FFF3DF !important;
}

.indigo-blue {
    color: #12055D !important;
    text-decoration-color: #12055D !important;
}

.all-indigo-blue * {
    color: #12055D !important;
    border-color: #12055D !important;
}

.svg-beige * {
    color: #FFF3DF !important;
    fill: #FFF3DF !important;
}

.transparent-bg {
    background: transparent !important;
}

.transparent-border {
    border: 2px solid transparent !important;
}

.menu-background {
    background: linear-gradient(rgba(255, 243, 223, 0.7), rgba(255, 255, 255, 0.3));
    backdrop-filter: blur(10px) !important;
}

.menu-outlined-beige {
    border: 2px solid #FFF3DF !important;
    border-radius: 8px;
}

.menu-outlined-indigo {
    border: 2px solid #12055d !important;
    border-radius: 8px;
}

.rounded-menu button, .rounded-menu button:hover, .rounded-menu button:active {
    border-radius: 8px !important;
}

.form-background {
    background: linear-gradient(rgba(18, 5, 93, 0.7), rgba(47, 13, 242, 0.3));
    background-color: transparent !important;
    backdrop-filter: blur(10px) !important;
}

.dialog-background {
    background: linear-gradient(rgba(18, 5, 93, 0.7), rgba(47, 13, 242, 0.3));
    background-color: transparent !important;
    backdrop-filter: blur(2px) !important;
}

.input-field legend {
    background: #12055d!important;
}

.scroll-snap {
    scroll-snap-align: start !important;
}

.card-fade {
    transition: .5s ease-in-out;
}

.card {
    background: #12055d!important;
}

.card * {
    color: #FFF3DF!important;
}

.card:hover {
    background: #FFF3DF9C!important;
}

.card:hover * {
    color: #12055D!important;
}

.back-office-card {
    border: 1px solid #FFF3DF!important;
}

.back-office-card * {
    color: #FFF3DF!important;
}

.back-office-card:hover {
    background: #FFF3DF9C!important;
}

.back-office-card:hover * {
    color: #12055D!important;
}

.bread-crumb * {
    color: #12055D !important;
}

.bread-crumb .mud-disabled {
    color: inherit;
    opacity: 0.6;
}

.truncated-text {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.expand-bigger-header .mud-expand-panel-text {
    font-size: 18px !important;
}