/* Fonts */


/* Fonts & Headers */

.header {
    margin-bottom: 8px;
}

.heading {
    font: 700 30px/36px "Poppins", sans-serif;
    letter-spacing: -0.015rem;
}

.sub-heading {
    font: 500 24px/30px "Inter", sans-serif;
    letter-spacing: -0.005rem;
}

.header-btn {
    padding: 8px 12px;
}

.inter-14 {
    font: 12px/16px "Inter", sans-serif;
}

.inter-16 {
    font: 15px/20px "Inter", sans-serif;
}

.inter-21 {
    font: 18px/24px "Inter", sans-serif;
}

.poppins-18 {
    font: 14px/18px 'Poppins', sans-serif;
}

.poppins-16 {
    font: 12px/20px "Poppins", sans-serif;
}


/* SideBar */



.sidebar-menu {
    gap: 20px;
}

.sidebar-item {
    padding: 8px 20px;
    gap: 20px;
}

.sidebar-text,
.sign-out {
    display: none;
}

.sidebar-icons {
    width: 22px;
    height: 22px;
}


/* Screen */

.screen {
    margin-left: 62px;
    width: calc(100dvw - 62px);
}


/* Search Bars */

.search-box {
    width: 82.5%;
    height: 30px;
    padding: 10px;
    border-top-left-radius: 5.5px;
    border-bottom-left-radius: 5.5px;
    font-size: 12px;
    border: 3.5px solid #ffffff;
}

.search input:focus,
.search-box:hover {
    border: 3.5px solid #c0daec;
}

.search-btn {
    width: 17.5%;
    height: 30px;
    font-size: 12px;
    border: 3px solid #002e6f;
    border-top-right-radius: 5.5px;
    border-bottom-right-radius: 5.5px;
}

.search-box::placeholder {
    font-size: 12px;
}

.search svg {
    width: 4.25vw;
    height: auto;
}


/* Buttons */

.btn {
    border: 2px solid var(--color-primary);
    padding: 6px 16px;
    gap: 4px;
}

.btn>span {
    font: 600 13px/16px "Poppins", sans-serif;
}

.btn>svg {
    position: relative;
    overflow: visible;
    height: 16px;
    width: 16px;
}

.btn:hover {
    border: 2px solid var(--color-primary);
}

.btn:active {
    transform: scale(0.9);
}

.btn-big-mob {
    transform: scale(1.35);
    max-width: 65%;
}

.link-text {
    font: 600 16px/20px 'Montserrat', sans-serif;
}