:root {
    --primary-color: #E77435; /* Primary color (orange) */
    --complementary-color: #3577E7; /* Complementary soft blue */
    /* Neutral background colors */
    --background-light-gray: #F5F5F5;
    --background-warm-beige: #F0E4D7;
    --background-cool-gray: #739fe7;
    /* Soft muted colors */
    --background-pale-cream: #FFF5E5;
    --background-muted-mint: #E6F7E1;
    --background-pale-blue: #EAF4FC;
    /* Dark background colors */
    --background-charcoal: #2E2E2E;
    --background-navy-blue: #1E3A56;
    --background-deep-olive: #3B4D3A;
}

.btn-primary {
    background-color: var(--primary-color) !important;
    border: none !important;
    border-radius: 5px!important;
}

.btn-secondary {
    background-color: var(--complementary-color) !important;
}

.navbar {
    background-color: #0d1115e6 !important;
    opacity: .93 !important;
}

.btn {
    background-color: var(--background-cool-gray);
}


.about-us-section {
    background-color: var( --background-charcoal);
    color: #fff;
    padding: 100px;
    opacity: .93;
}

.features-section {
    background-color: #FFA726;
    opacity: .93;
    color: black;
    padding: 9% 7% 10% 7%;
}

.hero-section {
    background-color: #0d1115e6;
    opacity: .93;
    color: #fff;
    padding: 4% 7% 10% 7%;
    height: 84vh;
}

.commercial-section {
    width: 100vw;
    background-color: #64B5F6;
    color: #fff;
    padding: 8%;
}

.pricing-section {
    background-color: #4fc3f76e;
    color: #fff;
}

.pricing-container {
    background-color: #4fc3f76e;
    color: #fff;
    padding: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    text-align: center;
}