* {
    font-family: "Nunito", sans-serif !important;
}

/* *::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

*::-webkit-scrollbar-track {
    border: none;
    background: transparent;
}

*::-webkit-scrollbar-thumb {
    border-radius: 50px;
    border: none;
    background-color: #887F92;
} */


body {scroll-behavior: smooth;}

section, header {
    padding: 0 64px 0 64px;
}

.section-legal {
    padding: 0 16px 0 16px;
}
/*
.header nav > div, .main section > div {
    max-width: 1440px;
} */

.p-l-128 {padding-left: 64px;}
.p-r-128 {padding-right: 64px;}

.background-hero {
    padding-bottom: 32px !important;
    background-image: url("../img/herobg.svg");
    background-size: cover;
    background-position: bottom left;
    background-color: #F5F5F6;
    background-repeat: no-repeat;
}

.border-dotted {
    border: 1px dashed #7900FF;
}

.custom-input {
    position: relative;
    padding: 8px 0 8px 0;
}
.custom-input label {
    position: absolute;
    width: 100%;
    pointer-events: none;
    color: #887F92;
    font-weight: 600;
    font-size: 16px;
    padding: 8px 16px 4px 16px;
    border-radius: 16px 16px 0 0;
    background: #fff;
}
.custom-input input, .custom-input textarea {
    width: 100%;
    padding: 32px 16px 16px 16px;
    color: #120026;
    font-weight: 500;
    font-size: 20px;
    border: none;
    border-radius: 16px;
    background: #fff;
}
.custom-input input::placeholder , .custom-input textarea::placeholder {
    color: #B7B2BD;
}

.custom-input textarea {
    resize: none;
    max-width: 100%;
    min-height: calc(100% - 16px);
    max-height: 100%;
}

.remarque {
    display: none;
}

.grey1 {color: #F5F5F6;}
.grey2 {color: #B7B2BD;}
.grey3 {color: #887F92;}
.grey4 {color: #584C66;}
.black {color: #120026;}
.color1 {color: #EBD9FF;}
.color2 {color: #BB7FFF;}
.color3 {color: #7900FF;}
.color4 {color: #3C0080;}

.b-grey1 {background: #F5F5F6;}
.b-grey2 {background: #B7B2BD;}
.b-grey3 {background: #887F92;}
.b-grey4 {background: #584C66;}
.b-black {background: #120026;}
.b-color1 {background: #EBD9FF;}
.b-color2 {background: #BB7FFF;}
.b-color3 {background: #7900FF;}
.b-color4 {background: #3C0080;}

.b-h-color4:hover {
    background: #3C0080;
}

.tsize-8 {font-size: 8px;}
.tsize-12 {font-size: 12px;}
.tsize-16 {font-size: 16px;}
.tsize-24 {font-size: 24px;}
.tsize-32 {font-size: 32px;}
.tsize-48 {font-size: 48px;}
.tsize-64 {font-size: 64px;}


@media (min-width: 1500px) {
    .block-element > div {
        margin-left: 32px !important;
        margin-right: 32px !important;
    }
}


h1 {font-size: 24px;}
h2 {font-size: 16px;}
.tsize-32 {font-size: 24px;}
.tsize-24 {font-size: 16px;}
#home h1 {font-size: 32px;}
#home a {font-size: 16px;padding: 6px 12px 6px 12px;border-radius:8px;}


@media (min-width: 768px) {
    h1 {font-size: 28px;}
    h2 {font-size: 20px;}
    .tsize-32 {font-size: 32px;}
    .tsize-24 {font-size: 24px;}
    #home h1 {font-size: 40px;}
    #home a {font-size: 20px;padding: 8px 16px 8px 16px;border-radius:12px;}
    .section-legal {padding: 0 32px 0 32px;}
}

@media (min-width: 1280px) {
    h1 {font-size: 32px;}
    h2 {font-size: 24px;}
    #home h1 {font-size: 48px;}
    #home a {font-size: 24px;padding: 12px 24px 12px 24px;border-radius:16px;}
    .section-legal {padding: 0 64px 0 64px;}

    section, header {
        padding: 0 128px 0 128px;
    }
    .p-l-128 {padding-left: 128px;}
    .p-r-128 {padding-right: 128px;}
}