@font-face {
    font-display: swap;
    font-family: Raleway;
    src: url(/fonts/Raleway/raleway-v28-latin_latin-ext-regular.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: 'Noto Sans Malayalam';
    src: url(/fonts/Noto_Sans_Malayalam/noto-sans-malayalam-v26-malayalam-regular.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
    unicode-range: U+0D00, U+0D7F;
}

:lang(ml)
{
    font-family: 'Noto Sans Malayalam';
}

body
{
    background-color: #EEF2E6;
    color: #0f472d ;
    width: 100%;
    margin: 0;
    padding: 0;
    line-height: 1.5;
}

*
{  
    box-sizing: border-box;
    font-family: Raleway, 'Noto Sans Malayalam', system-ui, sans-serif;
    /* font-size: 101%; */
    /* border: 1px dotted blue; */
}

h1,h2,h3,h4,h5,h6
{
    color: #3D8361;
    text-align: left;
    /* font-size: 130%; */
}

header,
footer
{
    /* margin-left: -8px; */
    width: 100%;
    color: #D6CDA4;
}

footer
{
    display: flex;
    padding: 10px;
    /* padding-bottom: 20px; */
    background-color: #084035;
    /* margin-bottom: -8px; */
    position: fixed;
    bottom: 0;
}

.body-content
{
    /* margin-left: -8px; */
    padding-left: 10%;
    padding-right: 10%;
    text-align: justify;
    margin-bottom: 50px;
    /* width: 100%; */
    /* margin-left: 10%; */
    /* margin-right: 10%; */
}

.body-content li
{
    list-style:square ;
}

.banner
{
    display: flex;
    justify-content: center;
    /* border: dashed 1px white; */
    padding: 50px;
    background-image: url(/img/banner.avif);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
    margin-top: 40px;
}

.out-box
{   
    width: 90%;
    border: solid 5px #D6CDA4;
    padding: 20px;
    display: flex;
    justify-content: flex-start;
}

.banner-content
{
    font-size: xx-large;
    font-weight: bold;
    padding: 20px;
    /* border: dashed 1px white; */
}

.menu
{
    /* border: 1px solid white; */
    position: fixed;
    top: 0px;
    width: 100%;
    display: flex;
    justify-content: center;
    /* flex: 0 0 70%; */
    /* margin-top: -8px; */
    padding: 5px;
    background: #084035;
}

.nav-menu
{
    width: 70%;
    display: flex;
    justify-content: flex-end;
    gap: 2px;
    flex: 1 1 auto;
    list-style:none ;
    margin: 0;
    /* border: 1px dotted white; */
    /* flex: 1 1 auto; */
}

.nav-menu li 
{
    /* border: 1px dotted white; */
    font-size: large;
    font-weight: bold;
    padding: 5px;
}

.nav-menu a
{
    text-decoration: none;
    padding: 5px;
    border: 1px solid #EEF2E6;
    color: #D6CDA4;
}

a.active
{
    background-color: #1C315E;
}

/* https://colorhunt.co/palette/1c67583d8361d6cda4eef2e6 */