@font-face {
    font-family: 'Mont';
    src: url('../font/CreatoDisplay-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Mont';
    src: url('../font/CreatoDisplay-Light.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'Mont', sans-serif;
    letter-spacing: .1rem;
    background: #1F2122;
}

.container {
    margin-top: 2rem;
}

/* Disable border on mobile devices */
@media (max-width: 767.98px) {
    .container {
    margin-top: 0;
    }
}

.container-bg {
    background: #26292A;
}

.container-bg.border {
    border-color: #3e3e43 !important;
    border-width: .05rem !important;
    border-radius: 2rem !important;
}

/* Disable border on mobile devices */
@media (max-width: 767.98px) {
    .container-bg.border {
        border: none !important;
        border-radius: 0 !important;
    }
}

a {
    color: white;
    text-decoration: none;
}

a:hover {
    color: white;
    text-decoration: underline;
}

.nav-item a:hover {
    text-decoration: none;
}

.text-gray {
    color: #bfbfbf;
}

.image-button {
    width: 100%;
    border: none; /* Removes the default button border */
    border-radius: 1rem;
    padding: 0; /* Removes any padding */
    cursor: pointer; /* Changes the cursor to a pointer on hover */
}

.image-button:hover {
    cursor:pointer ;
}

.one-line {
    display: inline-block; /* Ensures the span is treated as a block for width constraints */
    white-space: nowrap; /* Prevents text from wrapping to a new line */
    overflow: hidden; /* Hides any overflow content */
    text-overflow: clip; /* Adds an ellipsis (...) to indicate hidden overflow */
}

.feature {
    border-color: #3e3e43 !important;
    border-width: .05rem !important;
    border-radius: 1rem !important;
    background: #1F2122;
}

.screens {
    background: #1F2122;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.screens img {
    display: block;
    width: 100%;
    max-width: 100%
}

.slick-list s {
    text-decoration: none;
    margin: 0
}

.slick-list [data-mentioned-user-id] {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.divider {
    background: #9a9c9e;
    width: 1px !important;
}