@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Tiro+Devanagari+Marathi:ital@0;1&display=swap');

body {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    color: #374151;
}

.primary-font {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    color: #374151;
}

.bg-safe-green {
    background-color: #00743e;
}


.marathi-font {
    font-family: "Tiro Devanagari Marathi", serif;
    font-weight: 400;
    font-style: normal;
}

.secondary-font {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-weight: 400;
    font-style: normal !important;
}

.leading-150 {
    line-height: 150%;
}

/* Show overlay and modal content when active */
.modal-overlay.active,
.modal-content.active {
    display: block;
}

.sidebar {
    transition: transform 0.3s ease;
    /* Smooth sliding effect */
}

.sidebar-open {
    transform: translateX(0);
    /* Slide in */
}

.sidebar-closed {
    transform: translateX(-100%);
    /* Slide out */
}

.blink {
    animation: blink-animation 1s steps(5, start) infinite;
    -webkit-animation: blink-animation 1s steps(5, start) infinite;
}

@keyframes blink-animation {
    to {
        visibility: hidden;
    }
}

@-webkit-keyframes blink-animation {
    to {
        visibility: hidden;
    }
}