body {
    font-family: "Montserrat", sans-serif;
}

p {
    font-size: 17px;
}
.nav-class {
    box-shadow: none !important;
}
.clr-hlz {
    color: #00897b !important;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: var(--bs-nav-pills-link-active-color) !important;
    background-color: #15b198 !important;
}

#select,
#language {
    scroll-margin-top: 100px;
}
.scrollable::-webkit-scrollbar {
    width: 12px;
}

.content-box:hover {
    box-shadow: 2px 5px 5px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.5s;
}

.contact:hover {
    background-color: #1ab394;
    color: white !important;
    border-radius: 5px;
    padding: 5px;
    transition: 0.5s;
}

@media only screen and (max-width: 600px) {
    .bg-width {
        position: absolute !important;
    }

    .snackbar-links {
        display: none;
        flex-direction: column;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 250px;
        background-color: rgb(157 158 160 / 81%);
        padding: 20px;
        backdrop-filter: blur(3px);
        overflow: overlay;
    }

}