body {
    background-color: black;
}

.background-purple {
    background-color: #77158E;
    width: 100%;
    height: 505px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
    z-index: 1;
}

.page-title {
    position: absolute;
    top: 15%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-family: 'PP Monument Extended';
    font-size: 29px;
    font-weight: 800;
    line-height: 38.15px;
    text-align: center;
    width: 650px;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.page-description {
    position: absolute;
    top: 26%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    margin-top: 20px;
    color: rgba(255, 255, 255, 0.853);
    font-family: 'PP Monument Extended';
    font-size: 12px;
    font-weight: 400;
    line-height: 22.57px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    width: 56%;
}


.page-title,
.page-description {
    z-index: 3;
}


.page-title-mobl {
    color: white;
    display: none;
    font-family: 'PP Monument Extended';
    font-size: 28px;
    font-weight: 800;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.page-description-mobl {
    color: rgba(255, 255, 255, 0.804);
    display: none;
    font-family: 'PP Monument Extended';
    font-size: 13px;
    font-weight: 400;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    margin-top: 17px;
}

.mobile {
    display: none;
    margin-top: 7%;
    color: white;
    font-family: 'MonumentRegular', sans-serif;
    font-size: 18px;
    font-weight: 800;
    line-height: 27.15px;
    text-align: left;
    margin-left: 21px;
}

.background-body {
    background-color: black;
    width: 100%;
    position: relative;
    z-index: 0;
}

.budget-button {
    display: none;
    margin: 5% auto 6%;
    width: 209px;
    height: 44px;
    border-radius: 8px;
    background-color: #27CFA5;
    color: white;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
}

.budgetButton {
    margin-top: 3.5%;
    display: flex;
    justify-content: center;
}

.budget-button-desk {
    margin-top: 14px;
    width: 208px;
    height: 51px;
    border-radius: 8px;
    background-color: #27CFA5;
    font-weight: 500;
    color: #000;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    transition: background-color 0.5s ease;
}

.budget-button-desk:hover {
    margin-top: 14px;
    width: 208px;
    height: 51px;
    border-radius: 8px;
    background-color: #30f2c2;
    font-weight: 500;
    color: #000;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
}

.budget-button-desk:focus {
    outline: none;
    margin-top: 14px;
    width: 208px;
    height: 51px;
    border-radius: 8px;
    background-color: #30f2c2;
    font-weight: 500;
    color: #000;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
}


.budget-button-desk3 {
    margin-top: 14px;
    width: 263px;
    height: 49px;
    border-radius: 8px;
    background-color: #27CFA5;
    font-weight: 500;
    color: #000;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    transition: background-color 0.5s ease;
}

.budget-button-desk3:hover {
    background-color: #30f2c2;
}

.budget-button-desk3:focus {
    outline: none;
    background-color: #30f2c2;
}


.budget-button-desk2 {
    margin-top: 14px;
    width: 263px;
    height: 49px;
    border-radius: 8px;
    background-color: #27CFA5;
    font-weight: 500;
    color: #000;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    transition: background-color 0.5s ease;
}

.budget-button-desk2:hover {
    background-color: #30f2c2;
}

.budget-button-desk2:focus {
    outline: none;
    background-color: #30f2c2;
}


.budget-button-mobl2 {
    display: none;
    margin-top: 14px;
    width: 263px;
    height: 49px;
    border-radius: 8px;
    background-color: #27CFA5;
    font-weight: 500;
    color: #000;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    transition: background-color 0.5s ease;
}

.budget-button-mobl2:hover {
    background-color: #30f2c2;
}

.budget-button-mobl2:focus {
    outline: none;
    background-color: #30f2c2;
}

/* Quem Somos */
#who-we {
    margin: 6% 14% 0 18%;
}

#who-we-img {
    margin-top: 2.5%;
}

#who-we-title {
    color: white;
    font-family: 'MonumentRegular', sans-serif;
    font-size: 28px;
    font-weight: 800;
    line-height: 60.2px;
    text-align: left;
}

#who-we-subtitle {
    color: rgba(255, 255, 255, 0.804);
    font-size: 18px;
    line-height: 42.6px;
    text-align: left;
    font-weight: 300;
    width: 86%;
}

#our-work {
    margin: 9% 14% 0 18%;
}

#our-work-title {
    position: relative;
    left: -2%;
    color: white;
    font-family: 'MonumentRegular', sans-serif;
    font-size: 28px;
    font-weight: 800;
    line-height: 51.2px;
    text-align: center;
}

#budget {
    margin: 7% 14% -5% 18%;
}

#budget-img {
    margin-bottom: 8%;
}

#budget-title {
    color: white;
    font-family: 'MonumentRegular', sans-serif;
    font-size: 28px;
    line-height: 60.2px;
    text-align: left;
    margin-top: 7%;
}

.video-content {
    position: relative;
    z-index: 2;
    margin-top: -289px;
    width: 100%;
    display: flex;
    justify-content: center;
}

video {
    border-radius: 20px;
    max-width: 63%;
    height: auto;
    object-fit: cover;
    z-index: 2;
}

#video-reels {
    border-radius: 20px;
    max-width: 100%;
    height: auto;
    object-fit: cover;
    z-index: 2;
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    width: 100%;
    padding-left: 0px;
    padding-right: 15px;
    margin-right: auto;
    margin-left: auto;
}

.form-control {
    color: white;
    display: block;
    width: 100%;
    height: 56px;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    background-color: #2E3143;
    background-clip: padding-box;
    border: 1px solid #717D8F;
    border-radius: 5px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.form-control:focus {
    color: white;
    background-color: #2E3143;
    border-color: #A6B1C2;
    outline: none;
}

.form-control::placeholder {
    color: white;
    font-size: 14px;
}

#options-events {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    width: 100%;
    height: 56px;
    padding: .375rem .75rem;
    padding-right: 30px;
    border-radius: 5px;
    border: 1px solid #717D8F;
    background-color: #2E3143;
    background-image: url('https://www.h2club.com.br/eventos/assets/icons/arrow_down.png');
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 18px 14px;
    color: white;
    font-size: 14px;
    cursor: pointer;
}

option {
    cursor: pointer;
}

#options-events:focus {
    outline: 1px solid #717D8F;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    width: 100%;
    height: 56px;
    padding: .375rem .75rem;
    padding-right: 30px;
    border-radius: 5px;
    border: 1px solid #717D8F;
    background-color: #2E3143;
    background-image: url('https://www.h2club.com.br/eventos/assets/icons/arrow_down.png');
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 18px 14px;
    color: white;
    font-size: 14px;
    cursor: pointer;
}

.budget-submit {
    display: block;
    margin-top: 12%;
    margin-left: auto;
    width: 104px;
    height: 44px;
    border-radius: 8px;
    background-color: #77158E;
    color: white;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    border: none;
    margin-bottom: 10%;
    transition: background-color 0.5s ease;
}

.budget-submit:focus {
    outline: none;
    display: block;
    margin-top: 12%;
    margin-left: auto;
    width: 104px;
    height: 44px;
    border-radius: 8px;
    background-color: #77158E;
    color: white;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    border: none;
    margin-bottom: 10%;
    transition: background-color 0.5s ease;
}

.budget-submit:hover {
    background-color: #2f185a;
    color: white;
}

#budget-form {
    margin: 38px 49px 0 0;
}

.mobile-hide {
    display: block;
}

#budget-form .col {
    width: 100%;
    margin-bottom: 25px;
}


#statements {
    margin: 5% 10% 5% 18%;
    height: 467px;
}

#statements-title {
    color: white;
    font-family: 'MonumentRegular', sans-serif;
    font-size: 28px;
    font-weight: 800;
    line-height: 60.2px;
    text-align: center;
    margin-bottom: 5%;
    margin-left: -8%;
}

#statements-subtitle-1 {
    color: rgba(255, 255, 255, 0.708);
    font-family: 'Montserrat', sans-serif;
    font-style: italic;
    font-size: 18px;
    line-height: 39.6px;
    text-align: left;
    font-weight: 400;
    text-align: left;
    width: 86%;
}

#statements-subtitle-2 {
    color: rgba(255, 255, 255, 0.708);
    font-family: 'Montserrat', sans-serif;
    font-style: italic;
    font-size: 18px;
    line-height: 39.6px;
    text-align: left;
    font-weight: 400;
    text-align: left;
    width: 86%;
}

#statements-avatar {
    display: inline-flex;
    align-items: center;
}

#statements-img {
    width: 38px;
    height: 38px;
}

#statements-img-subtitle {
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
    font-weight: 700;
    line-height: 19.6px;
    text-align: left;
    color: white;
    margin-top: 2%;
    margin-left: 4%;
    width: 300px;
}

#our-ambassadors {
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


@font-face {
    font-family: 'Red Hat Display';
    src: url('https://www.h2club.com.br/eventos/assets/fonts/RedHatDisplay-Regular.ttf') format('opentype');
    font-weight: 100;
    font-style: normal;
}


@font-face {
    font-family: 'PP Monument Extended';
    src: url('https://www.h2club.com.br/eventos/assets/fonts/PPMonumentExtended-Regular.otf') format('opentype');
    font-weight: 100;
    font-style: normal;
}



#our-ambassadors-title {
    color: white;
    font-family: 'PP Monument Extended';
    font-size: 28px;
    line-height: 42px;
    text-align: center;
    margin-bottom: 4%;
    margin-top: 10%;
    margin-left: 3%;
}

#our-ambassadors-img {
    width: 100%;
    height: 400px;
}

#our-customers {
    justify-content: center;
}

#our-customers-title {
    color: white;
    text-align: center;
    font-family: 'PP Monument Extended';
    font-size: 26px;
    font-weight: 400;
    line-height: 42px;
    margin-bottom: 4%;
    margin-top: 7%;
}

#our-customers-img-container {
    position: relative;
    max-width: 60%;
    display: flex;
    left: 20%;
}

#our-customers-img {
    width: 100%;
}

/* Snack */
#snackbar {
    width: 857px;
    padding: 17px;
    visibility: hidden;
    background-color: #E54545;
    color: white;
    text-align: left;
    border-radius: 10px;
    position: fixed;
    z-index: 1;
    left: 50%;
    top: 20px;
    transform: translateX(-50%);
    display: flex;
    justify-content: space-between;
    font-size: 15px;
    font-weight: 500;
    line-height: 19.6px;
}

#snackbar.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

.close-snackbar {
    background: none;
    border: none;
    color: white;
    font-weight: bold;
    cursor: pointer;
    margin-left: 20px;
}


#snackbarSuccess {
    width: 857px;
    padding: 17px;
    visibility: hidden;
    background-color: #3FAD46;
    color: white;
    text-align: left;
    border-radius: 10px;
    position: fixed;
    z-index: 1;
    left: 50%;
    top: 20px;
    transform: translateX(-50%);
    display: flex;
    justify-content: space-between;
    font-size: 15px;
    font-weight: 500;
    line-height: 19.6px;
}

#snackbarSuccess.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

.close-snackbarSuccess {
    background: none;
    border: none;
    color: white;
    font-weight: bold;
    cursor: pointer;
    margin-left: 20px;
}

.featurette-image {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 1s ease-out, transform 1s ease-out;
}

.featurette-image.is-visible {
    opacity: 1;
    transform: translateY(0);
}

button:focus {
    outline: 1px dotted;
    outline: none;
}

.typed-text {
    border-right: 1px solid white;
    white-space: nowrap;
    overflow: hidden;
}

@keyframes blink {
    0% {
        border-color: white;
    }

    50% {
        border-color: transparent;
    }

    100% {
        border-color: white;
    }
}

.cursor-blink {
    animation: blink 0.7s steps(1) infinite;
}


#statements-subtitle-1,
#statements-subtitle-2 {
    opacity: 0;
    transition: opacity 0.3s ease-out;
}

#statements-1,
#statements-2 {
    position: relative;
    min-height: 300px;
}


#why-poker {
    margin: 3% 0 0 15px;
}

#why-poker-title {
    color: white;
    font-family: 'MonumentRegular', sans-serif;
    font-size: 28px;
    font-weight: 800;
    line-height: 37.2px;
    text-align: left;
    margin-top: 22%;
}

.why-poker-item-title {
    font-family: 'Red Hat Display';
    color: white;
    margin: 3px 0;
    font-size: 20px;
    line-height: 42px;
}

.why-poker-item-description {
    font-family: 'Red Hat Display';
    color: rgba(255, 255, 255, 0.804);
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.why-poker-section .row {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 7%;
}

#why-poker-spacer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    text-align: center;
}

#why-poker {
    margin: -7% 14% 0 18%;
}

#why-poker-title {
    position: relative;
    color: white;
    font-family: 'MonumentRegular', sans-serif;
    font-size: 28px;
    font-weight: 800;
    line-height: 51.2px;
    text-align: center;
}

#why-poker-spacer img {
    margin-bottom: 20px;
    max-width: 126px;
}

#why-img-notebook {
    width: 125px;
}

#why-img-happy {
    width: 84px;
}

#why-img-connection {
    width: 84px;
}























































































/* Mobile */

@media (max-width: 768px) {
    video {
        margin-top: calc(-25vh);
        max-width: 100%;
    }

    .budget-button {
        display: block;
        margin: 5% auto 8%;
        width: 209px;
        height: 44px;
        border-radius: 8px;
        background-color: #27CFA5;
        font-weight: 500;
        color: #000;
        font-size: 14px;
        font-family: 'Roboto', sans-serif;
    }

    .budget-button {
        outline: none;
        display: block;
        margin: 5% auto 8%;
        width: 209px;
        height: 44px;
        border-radius: 8px;
        background-color: #27CFA5;
        font-weight: 500;
        color: #000;
        font-size: 14px;
        font-family: 'Roboto', sans-serif;
    }
}

@media (min-width: 2560px) {
    video {
        margin-top: calc(0vh);
    }

    #who-we {
        margin: 6% 14% 0 27%;
    }

    #statements {
        margin: 5% 14% 5% 28%;
        height: 467px;
    }

    .budget-button-desk2 {
        margin-left: 9% !important;
        margin-top: 14px;
        width: 263px;
        height: 49px;
        border-radius: 8px;
        background-color: #27CFA5;
        font-weight: 500;
        color: #000;
        font-size: 13px;
        font-family: 'Roboto', sans-serif;
        transition: background-color 0.5s ease;
    }

    #budget {
        margin: 7% 9% -5% 27%;
    }
}


@media (max-width: 1000px) {

    .reels-1 {
        margin-top: 27% !important;
    }

    .budget-button-desk2 {
        display: none;
    }

    .budget-button-mobl2 {
        display: block;
        margin-top: 60px;
        width: 263px;
        height: 49px;
        border-radius: 8px;
        background-color: #27CFA5;
        font-weight: 500;
        color: #000;
        font-size: 13px;
        font-family: 'Roboto', sans-serif;
        transition: background-color 0.5s ease;
    }

    .page-title-mobl {
        display: block;
    }

    .page-description-mobl {
        display: block;
    }

    .page-title-container {
        width: 100%;
        height: 200px;
        margin-left: 8.4%;
        margin-top: -51%;
    }


    .page-title {
        display: none;
    }

    .mobile {
        display: block;
        font-size: 20px;
        left: 77%;
        margin-top: 9%;
    }

    .background-purple {
        background-color: #77158E;
        width: 100%;
        height: 442px;
        display: flex;
        justify-content: center;
    }

    .video-content {
        border-radius: 20px;
        padding: 0 15px;
    }

    video {
        margin-top: 44%;
        display: block;
        height: 56vh;
        object-fit: inherit;
        object-position: center center;
        border-radius: 12px;
        max-width: 100%;
        margin-left: 0%;
    }

    #video-reels {
        margin-top: -104px !important;
    }

    #who-we {
        margin: 8% 0% -67px 0%;
    }

    #who-we-img {
        margin-bottom: 13%;
    }

    #who-we-title {
        color: white;
        font-family: 'MonumentRegular', sans-serif;
        font-size: 27px;
        font-weight: 800;
        line-height: 60.2px;
        text-align: left;
        margin-top: 4%;
    }

    #who-we-subtitle {
        color: rgba(255, 255, 255, 0.708);
        font-size: 21px;
        line-height: 28.6px;
        text-align: left;
        font-weight: 300;
        margin-bottom: 10%;
        width: 100%;
    }

    #why-poker {
        margin: 3% 0 0 15px;
    }

    #why-poker-title {
        color: white;
        font-family: 'MonumentRegular', sans-serif;
        font-size: 27px;
        font-weight: 800;
        line-height: 37.2px;
        text-align: left;
        margin-top: -3%;
        width: 253px;
        text-align: center;
        position: absolute;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .why-poker-item-title,
    .why-poker-item-description {
        color: white;
    }

    .why-poker-item-title {
        font-family: var(--font-default);
        /* font-family: 'Red Hat Display'; */
        font-size: 27px;
        line-height: 42px;
        text-align: center;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
    }

    .why-poker-item-description {
        font-family: var(--font-default);
        /* font-family: Red Hat Display; */
        color: rgba(255, 255, 255, 0.804);
        font-size: 18px;
        font-weight: 400;
        line-height: 28px;
        text-align: center;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        margin-top: 3%;
    }

    .whp-1 {
        margin-top: 30% !important;
    }

    .whp-3 {
        margin-bottom: 0% !important;
    }

    #why-poker-spacer {
        margin-top: -5%;
        margin-bottom: 25%;
    }

    #our-work {
        margin: 3% 0 0 15px;
    }

    #our-work-title {
        color: white;
        font-family: 'MonumentRegular', sans-serif;
        font-size: 26px;
        font-weight: 800;
        line-height: 37.2px;
        text-align: left;
        margin-top: 11%;
        margin-bottom: 9%;
        margin-left: 4%;
    }

    #our-work-spacer {
        margin-top: 7%;
        margin-bottom: 25%;
    }


    #budget {
        margin: 7% 0% -67px 0%;
    }

    #budget-img {
        margin-bottom: 30%;
    }

    #budget-title {
        color: white;
        font-family: 'MonumentRegular', sans-serif;
        font-size: 32px;
        line-height: 37.2px;
        text-align: left;
        margin-top: 14%;
        width: 212px;
        margin-bottom: 10%;
    }

    #budget-form-desktop {
        display: none;
        margin: 0;
    }

    #budget-form-mobile {
        display: block;
    }

    #budget-form {
        margin: 0;
    }

    .mobile-hide {
        display: none;
    }

    #budget-form .row {
        flex-direction: column;
    }

    #budget-form .col {
        width: 100%;
    }

    #statements {
        margin: 26% 15px 5% 15px;
        height: 862px;
    }

    #statements-title {
        font-weight: 800;
        color: white;
        font-family: 'MonumentRegular', sans-serif;
        font-size: 32px;
        line-height: 37.2px;
        text-align: left;
        margin-top: 20%;
        width: 212px;
        margin-bottom: 10%;
        margin-left: 0px;
    }

    #statements-1 {
        margin-bottom: 12%;
    }

    #statements-subtitle-1 {
        color: rgba(255, 255, 255, 0.708);
        font-family: 'Montserrat', sans-serif;
        font-style: italic;
        font-size: 18px;
        line-height: 39.6px;
        text-align: left;
        font-weight: 400;
        text-align: left;
        width: 100%;
    }

    #statements-subtitle-2 {
        color: rgba(255, 255, 255, 0.708);
        font-family: 'Montserrat', sans-serif;
        font-style: italic;
        font-size: 18px;
        line-height: 39.6px;
        text-align: left;
        font-weight: 400;
        text-align: left;
        width: 100%;
    }

    #our-ambassadors-title {
        text-align: center;
        font-family: 'PP Monument Extended';
        font-size: 30px;
        font-weight: 400;
        line-height: 42px;
        margin-top: 13%;
        margin-bottom: 9%;
        margin-left: 0%;
    }

    #our-ambassadors-img {
        content: url('https://www.h2club.com.br/eventos/assets/images/our-ambassadors_mobile.jpg');
        width: 100%;
        height: 570px;
    }

    #our-customers-title {
        color: white;
        text-align: center;
        font-family: 'PP Monument Extended';
        font-size: 27px;
        font-weight: 400;
        line-height: 42px;
        margin-top: 15%;
        margin-bottom: 9%;
        margin-left: 0%;
    }

    #our-customers-img-container {
        margin: 0%;
        max-width: 100%;
        left: 0;
    }

    #our-customers-img {
        content: url('https://www.h2club.com.br/eventos/assets/images/our-customers-mobile.png');
        padding: 3% 13% 20% 14%;
    }

    /* Snack */
    #snackbar {
        width: 370px;
        padding: 17px;
        visibility: hidden;
        background-color: #E54545;
        color: white;
        text-align: left;
        border-radius: 10px;
        position: fixed;
        z-index: 1;
        left: 50%;
        top: 70px;
        transform: translateX(-50%);
        display: flex;
        justify-content: space-between;
        font-size: 15px;
        font-weight: 500;
        line-height: 19.6px;
    }

    #snackbarSuccess {
        width: 370px;
        padding: 17px;
        visibility: hidden;
        background-color: #3FAD46;
        color: white;
        text-align: left;
        border-radius: 10px;
        position: fixed;
        z-index: 1;
        left: 50%;
        top: 70px;
        transform: translateX(-50%);
        display: flex;
        justify-content: space-between;
        font-size: 15px;
        font-weight: 500;
        line-height: 19.6px;
    }

    .budget-submit {
        display: block;
        margin-top: 4%;
        margin-left: auto;
        width: 100%;
        height: 44px;
        border-radius: 8px;
        background-color: #77158E;
        color: white;
        font-size: 12px;
        font-family: 'Roboto', sans-serif;
        border: none;
    }

    .budget-submit:focus {
        outline: none;
        display: block;
        margin-top: 4%;
        margin-left: auto;
        width: 100%;
        height: 44px;
        border-radius: 8px;
        background-color: #2f185a;
        color: white;
        font-size: 12px;
        font-family: 'Roboto', sans-serif;
        border: none;
        margin-bottom: 10%;
        transition: background-color 0.5s ease;
    }

    .budget-button-desk {
        display: none;
    }
}