@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
/* NAVBAR */

.custom-navbar {
    background: white;
    padding: 14px 0;
    transition: all 0.35s ease;
    box-shadow: 0 2px 15px rgba(0,0,0,0.05);
}

/* LOGO */

.navbar-brand {
    font-size: 22px;
    font-weight: 600;
    color: #0a0a0a;
}

.brand-accent {
    color: #3a8863;
}

/* NAV LINKS */

.navbar-nav .nav-link {

    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: 500;

    color: #333;

    padding: 10px 16px;

    position: relative;

    transition: color 0.3s ease;
}

/* DESKTOP underline animation only */

@media (min-width: 992px) {

    .nav-hover::after {

        content: "";

        position: absolute;

        left: 50%;
        bottom: 0;

        width: 0%;

        height: 2px;

        background-color: #3a8863;

        transition: all 0.35s ease;

        transform: translateX(-50%);
    }

    .nav-hover:hover {
        color: #3a8863;
    }

    .nav-hover:hover::after {
        width: 60%;
    }

}

/* MOBILE hover fix */

@media (max-width: 991px) {

    .navbar-nav {
        padding-top: 10px;
    }

    .nav-link {
        padding: 12px 0;
    }

}

/* GET STARTED BUTTON */

.get-started-btn {

    background-color: #3a8863 !important;

    color: white !important;

    font-family: "Montserrat", sans-serif;

    font-size: 14px;

    padding: 10px 22px;

    border-radius: 6px;

    margin-left: 20px;

    border: none;

    transition: all 0.3s ease;
}

/* Button hover — no box shadow */

.get-started-btn:hover {

    background-color: #2f6f50 !important;

    transform: translateY(-2px);

}

/* MOBILE button spacing */

@media (max-width: 991px) {

    .get-started-btn {

        margin-left: 0;

        margin-top: 15px;

        width: 100%;

        text-align: center;

    }

}