body {
    width: 100%;
    height: 100%;
    font-family: "Mandali", sans-serif;
}
.navbar.scroll-on {
    width: 100%;
    left: 0;
    top: 0;
    position: fixed;
    background-color: #fff;
    box-shadow: 0px 0px 2px #000;
    z-index: 999;
}
.navbar-toggler {
    box-shadow: none !important;
    border: none !important;
}
.main-btn,
.main_btn {
    padding: 6px 20px !important;
    margin: 0 4px;
    color: #fff;
}
.main-btn {
    background-color: rgb(0, 122, 75);
    border: 1px solid rgb(0, 122, 75) !important;
}
.main_btn {
    background-color: rgb(0, 83, 151);
    border: 1px solid rgb(0, 83, 151) !important;
}
.hero_section {
    font-family: "Poppins", sans-serif;
}
.hero_section h1 {
    font-size: clamp(1rem, 4vw, 2.5rem);
    font-weight: 700;
    letter-spacing: 1px;
}
.hero_section p {
    font-size: clamp(12px, 4vw, 16px);
}
.main_link {
    padding: 6px 30px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 700;
    background: linear-gradient(90deg, rgba(7,150,173,1) 0%, rgba(3,56,84,1) 100%);
    color: #fff;
    border: 1px solid #fff;
    animation: moveUp .8s infinite 1s forwards;
    transition: all 2s ease-in;
}
.main_link:hover {
    background: #fff;
    border: 2px solid #000;
    color: #000;
}
.card_section .card {
    box-shadow: 1px 2px 3px #000;
}
@keyframes moveUp {
    100% {
        transform: translateY(10px);
    }
}
@media (max-width: 991px) {
    .main-btn,
    .main_btn {
        width: fit-content;
        margin: 8px 0 0;
    }
}