body {
    font-family: Arial, sans-serif;
    background-color: #131313;
    font-size: 14px;
    color: white;
    margin: 0;

}

.container {
    background-color: #1f1f1f;
    margin: 30px;
    padding: 50px 40px;
    border-radius: 30px;
}

img {
    width: 150px;
    height: auto;
}
button:hover {
    cursor: pointer;
}

.landing-btn {
    margin: 0 !important;
    padding: 0 !important;
    background-color: transparent !important;
    border: 0 !important;
}
.title {
    font-size: 40px;
    margin: 10px 0 40px 0;
    font-family: 'Gabarito', sans-serif;
    color: #149c63;
}

a {
    color: #3bbd7c;
    text-decoration: none;
}
.bold {
    font-family: 'Gabarito', sans-serif;
    font-size: 20px;
    margin: 5px 0 15px 0;
    color: #149c63;
}



.footer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    margin: 0 20px;
    /* color: #afafaf; */
}
.secondary-info {
    font-size: 13px;
    font-family: 'Gabarito', sans-serif;
    color: #a3a3a3;
    margin: 2px 0;
}






/* Webkit Scrollbar */
::-webkit-scrollbar {
    width: 8px;  /* Thin vertical scrollbar */
    height: 8px; /* Thin horizontal scrollbar */
}

::-webkit-scrollbar-track {
    background: transparent;  /* Dark track color */
    border-radius: 10px; /* Rounded corners for the track */
}

::-webkit-scrollbar-thumb {
    background: #555;  /* Dark thumb color */
    border-radius: 10px; /* Rounded corners for the thumb */
    border: 2px solid transparent;  /* Subtle border for better visibility */
}

::-webkit-scrollbar-thumb:hover {
    background: #777;  /* Slightly lighter thumb on hover */
}

/* Optional: Style the corner where horizontal and vertical scrollbars meet */
::-webkit-scrollbar-corner {
    background: #222;
}