body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    color: #333;
}

header.navbar-light {
    background-color: #343a40;
    color: #fff;
}

header .navbar-brand img {
    height: 30px;
    width: auto;
}

header .navbar-toggler {
    color: #fff;
    border: none;
}

header .offcanvas {
    background-color: #343a40;
    color: #fff;
}

header .offcanvas a {
    color: #ffcc00;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
}

header .offcanvas a:hover {
    color: #ffc107;
}

.account-actions-section {
    margin-top: 20px;
}

.account-actions-section h5 {
    color: #608268; /* Color for Account Actions heading */
    font-weight: bold;
}

.user-actions-section {
    margin-top: 20px;
}

.user-actions-section h5 {
    color: #608268; /* Same color as Account Actions heading */
    font-weight: bold;
}

.account-actions-section .nav-link,
.user-actions-section .nav-link {
    padding: 5px 0;
    font-size: 0.9rem;
}

/* Custom SweetAlert Button Styling */
.swal-button-blue {
    background-color: #007bff !important; /* Blue color (Bootstrap primary) */
    color: white !important;            /* White text */
    border: none !important;            /* Optional: Remove border */
    box-shadow: none !important;        /* Optional: Remove shadow */
    padding: 10px 15px;                 /* Optional: Add button padding */
    font-size: 14px;                    /* Optional: Adjust font size */
    cursor: pointer;                    /* Pointer cursor on hover */
}

.swal-button-blue:hover {
    background-color: #0056b3 !important; /* Darker blue on hover */
}

/* Request Quote Button Green Styling */
.btn-request-quote-green {
    background-color: #608268 !important; /* Apply the green color */
    color: #fff !important;               /* White text */
    border: none !important;              /* Remove border */
    font-weight: bold;
}

.btn-request-quote-green:hover {
    background-color: #4a6652; /* Slightly darker green for hover effect */
    color: #e6e6e6;            /* Slightly lighter white text on hover */
}

/* Button Spacing */
.button-spacing {
margin-bottom: 30px; /* Adjust value as per your preference */
}

/* Button Primary */
.btn.btn-primary {
    background-color: #608268; /* Set button background to the desired color */
    color: #ffffff; /* Optional: Set text color to white for contrast */
    border-color: #608268; /* Optional: Match the border color to the background */
}

.btn.btn-primary:hover {
    background-color: #608268; /* Optional: Darker shade for hover effect */
    border-color: #608268; /* Same as above */
    color: #ffffff;
}

/* Button Secondary */
.btn.btn-secondary {
    background-color: #776432; /* Set button background to the desired color */
    color: #ffffff; /* Optional: Set text color to white for contrast */
    border-color: #776432; /* Optional: Match the border color to the background */
}

.btn.btn-secondary:hover {
    background-color: #5e5029; /* Optional: Darker shade for hover effect */
    border-color: #5e5029; /* Same as above */
}

/* Text Colors */
.custom-title-color {
    color: #608268; /* For the title, was #44bc62 */
}

.custom-subtitle-color {
    color: #171c26; /* For the subtitle */
}

/* Optional: Horizontal rule styling */
.custom-hr-color {
    border-color: rgb(66, 118, 97);
}