body {
    scrollbar-width: thin;
}

/* Entire scrollbar */
::-webkit-scrollbar {
    width: 1px;
    /* Height for horizontal scrollbar */
    height: 1px;
    /* Height for horizontal scrollbar */
    background: #7c656500;
    /* Color of the scrollbar track */
}

/* Track */
::-webkit-scrollbar-track {
    background: #7c656500;
    /* Color of the scrollbar track */
}

/* Thumb */
::-webkit-scrollbar-thumb {
    background: #888;
    /* Color of the scrollbar thumb */
}

/* Thumb on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
    /* Color of the thumb on hover */
}

/* Corner when both scrollbars are present */
::-webkit-scrollbar-corner {
    background: #7c656500;
    /* Match track color */
}

/* Advanced customization */
::-moz-scrollbar {
    width: 3px;
    height: 3px;
}

::-moz-scrollbar-track {
    background: #7c656500;
}

::-moz-scrollbar-thumb {
    background: #d0d0d0;
}

::-moz-scrollbar-thumb:hover {
    background: #555;
}

:root {
    /* font-family: 'Montserrat', sans-serif; */
    font-family: "Quicksand", sans-serif;
    scroll-behavior: smooth;
}

.base-font,
p {
    font-family: "Quicksand", sans-serif;
    /* font-family: 'Montserrat', sans-serif; */
}

a {
    text-decoration: unset;
    font-family: 'Josefin Sans', sans-serif;
}

.link-text,
b,
button,
h1,
h2,
h3,
h4,
h5,
h6,
dd,
dt,
dl {
    font-family: 'Josefin Sans', sans-serif;
}

.heading-font {
    font-family: 'Josefin Sans', sans-serif;
}

.iko-light-font {
    font-weight: 400;
}

/* .no-spinners {
    -moz-appearance: textfield;
} */

.no-spinners::-webkit-outer-spin-button,
.no-spinners::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
}

.mobile-menu {
    left: -200%;
    transition: 0.5s;
}

.mobile-menu.active {
    left: 0;
}

.mobile-menu ul li ul {
    display: none;
}

.mobile-menu ul li:hover ul {
    display: block;
}

.te-dropdown-menu {
    z-index: 9999;
}

ul {
    list-style: none;
}

.drop-zone {
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-family: "Quicksand", sans-serif;
    font-weight: 500;
    font-size: 20px;
    cursor: pointer;
}

.drop-zone--over {
    border-style: solid;
}

.drop-zone__input {
    display: none;
}

.drop-zone__thumb {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
    background-color: #cccccc;
    background-size: cover;
    position: relative;
}

.drop-zone__thumb::after {
    content: attr(data-label);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 5px 0;
    color: #ffffff;
    background: rgba(0, 0, 0, 0.75);
    font-size: 14px;
    text-align: center;
}

td {
    white-space: nowrap;
}