:root {
        --primary-color: #92C020;
        --secondary-dark: #507E2E;
        --secondary-light: #CFDF95;
        --container-dark: #2E3A4C;
        --container-light: #FFFFFF;
        --footer-border: #14261C;
        --primary-hover: #507E2E;
        --overlay-dark: rgba(0, 0, 0, 0.7);
    }

    body {
        font-family: 'Segoe UI', sans-serif;
    }

    a,
    p,
    span,
    li {
        font-size: 1rem !important;
    }


    /* header start */
    .top-bar {
        font-size: 0.9rem;
        background-color: var(--container-dark);
        color: var(--container-light);
        border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    }

    .top-link {
        color: var(--container-light);
        text-decoration: none;
        margin: 0 5px;
    }

    .top-link:hover {
        text-decoration: underline;
    }

    .social-link {
        color: var(--primary-color);
        margin-left: 15px;
        font-size: 1.2rem;
        transition: color 0.3s;
    }

    .hamburger-icon {
        background-color: var(--primary-color);
    }

    .social-link:hover {
        color: var(--secondary-dark);
    }

    .main-header {
        background-color: var(--container-dark);
        border-bottom: 1px solid var(--footer-border);
    }

    .nav-link {
        color: var(--container-light);
        padding: 8px 15px;
        transition: color 0.3s;
    }

    .nav-link:hover {
        color: var(--primary-color);
        text-decoration: none;
    }

    .btn-primary {
        background-color: var(--primary-color);
        border-color: var(--primary-color);
        color: #000;
        font-weight: 600;
    }

    .btn-primary:hover {
        background-color: var(--secondary-dark);
        border-color: var(--secondary-dark);
        color: var(--container-light);
    }

    .dropdown-menu {
        background-color: var(--container-dark);
    }

    .dropdown-item {
        color: var(--container-light);
    }

    .dropdown-item:hover {
        background-color: var(--secondary-dark);
        color: var(--container-light);
    }

    .custom-offcanvas {
        background-color: var(--container-dark);
        color: var(--container-light);
    }

    .custom-offcanvas .section-title {
        font-size: 0.85rem;
        font-weight: 600;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        padding-bottom: 0.5rem;
    }

    .menu-links li {
        margin-bottom: 0.75rem;
    }

    .menu-links a {
        display: block;
        color: var(--container-light);
        font-size: 0.95rem;
        text-decoration: none;
        padding: 8px 12px;
        border-radius: 5px;
        transition: background-color 0.3s ease, color 0.3s ease;
    }

    .menu-links a:hover {
        background-color: var(--secondary-dark);
        color:  var(--container-light);
    }

        /* header start */