/* Define Theme Variables */
:root {
    --primary-color: #9d6000;
    --margin-top-lg: 10rem; /* 96px */
    --margin-bottom-lg: 8rem; /* 56px */
    --font-size-logo: clamp(1.25rem, 1.5vw, 1.5rem); /* Responsive font size */
}

/* General Margin for Top & Bottom */
.marginTB {
    margin-top: var(--margin-top-lg);
    margin-bottom: var(--margin-bottom-lg);
}

/* Logo Text Styling */
.thislogoImage {
    font-size: var(--font-size-logo);
    font-weight: 500;
    color: var(--primary-color);
    transition: color 0.3s ease-in-out;
}

    /* Add a hover effect for better UX */
    .thislogoImage:hover {
        color: darken(var(--primary-color), 10%);
    }

/* Responsive Adjustments */
@media (max-width: 768px) {
    .marginTB {
        margin-top: 4rem; /* Adjust for smaller screens */
        margin-bottom: 2.5rem;
    }
}

.form-check-input {
    border: none!important;
}