/* Auto-generated Custom CSS - Do not edit directly */

/* Default (mobile/tablet) size – keep as is or set a base */
.brand-logo img {
    width: auto;
    max-width: 20%;
    height: auto;
}

/* Desktop only: increase logo size */
@media (min-width: 1024px) {
    .brand-logo img {
        width: 100px;
        /* Adjust this value as needed */
        /* Or use: transform: scale(1.3); if you prefer scaling */
    }
}



@media (max-width: 767px) {
    .order-form-title {
        font-size: 25px !important;
        line-height: 1.4em !important;

    }
}

@media (min-width: 1024px) {
    .hero-title {
        font-size: 70px !important;
    }
}

.hero-description {
    color: #000000 !important;
}

.hero-title {
    color: #1f8d68 !important;
}