:root {
    --color-1: #14334f;
    --color-2: #5fa8af;
    --color-3: whitesmoke;
}

@font-face {
    font-family: Montserrat;
    src: url(../fonts/Montserrat-VariableFont_wght.ttf);
}

@font-face {
    font-family: AnekMalayalam;
    src: url(../fonts/AnekMalayalam-VariableFont_wdth\,wght.ttf);
}

@font-face {
    font-family: Poppins;
    src: url(../fonts/Poppins-Bold.ttf);
}

@font-face {
    font-family: RobotoMono;
    src: url(../fonts/RobotoMono-VariableFont_wght.ttf);
}

@font-face {
    font-family: Helvetica;
    src: url(../fonts/Helvetica-Bold.ttf)
}

@font-face {
    font-family: Outfit;
    src: url(../fonts/Outfit-VariableFont_wght.ttf);
}

@font-face {
    font-family: Lexend;
    src: url(../fonts/LexendDeca-VariableFont_wght.ttf);
}

* {
    margin: 0;
    box-sizing: border-box;
    outline: none;
    scrollbar-width: none;
    scroll-behavior: smooth;
    overflow-x: hidden;
    transition: .15s ease-in-out;
    font-family: Lexend, Montserrat, Outfit, Poppins, RobotoMono, Helvetica;
}

.t-justify {
    text-align: justify;
}

.wp-anchor{
    text-decoration: none;
}

/* NAVBAR */

.navbar-toggler-icon {
    background-image: url(../images/navbarlist.svg);
    box-shadow: none;
}

.navbar-adjust {
    background: transparent;
    width: 100%;
    height: 73px;
}

.c-navbar {
    min-height: 70px;
    background: white;
    border-bottom: 1px solid silver;
    z-index: 99;
}

.c-offcanvas-body {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.c-offcanvas-body-inner {
    height: 100%;
    position: relative;
    overflow-y: scroll;
    display: flex;
    align-items: center;
    gap: 20px;
}

.c-nav-item {
    text-decoration: none;
    color: black;
    display: block;
}

.c-nav-item:hover {
    color: var(--color-2);
}

.nav-contact-button {
    padding: 10px 50px;
    outline: none;
    border: none;
    border-radius: 20px;
    background: var(--color-2);
    color: white;
}

.nav-contact-button:hover {
    background: var(--color-1);
}

/* NAVBAR END */

@media all and (max-width:992px) {
    .c-offcanvas-body {
        flex-direction: column;
        padding: 0;
    }

    .c-offcanvas-body-inner {
        width: 100%;
        flex-direction: column;
        align-items: start;
        gap: 20px;
    }

    .nav-contact-button {
        display: none;
    }
}