:root {
    /* product colors */
    --restro-green: #00897b;
    --retail-go: #003a72;
    --one-office: #512888;
    --loco-shop: #4b722d;
    --court-sync: #60100b;
    --retail-life: #0068ce;
}

.industry-page .card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
    transition: all 0.3s ease-in-out;
}
.industry-page .restro-app-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
    transition: all 0.3s ease-in-out;
}

.industry-page .hero {
    position: relative;
}
.industry-page .hero-container {
    min-height: calc(80vh);
    display: flex;
    align-items: center;
}
.industry-page .hero-bg {
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
    border-radius: 1rem;
}

.industry-page .hero-overlay {
    top: 0;
    left: 0;
    background: linear-gradient(
        130deg,
        rgba(0, 0, 0, 0.7),
        rgba(0, 0, 0, 0.4),
        transparent
    );
    z-index: 2;
    border-radius: 1rem;
}

.industry-page .hero-content {
    z-index: 3;
}

.industry-page .hero-badge {
    background-color: var(--restro-green);
    color: white;
    /* font-size: 1rem; */
}

.industry-page .hero-accent {
    color: var(--restro-green);
}
.industry-page .hero-accent-2 {
    color: var(--court-sync);
}

.industry-page .hero-btn-accent {
    background-color: var(--restro-green);
    color: white;
    /* padding: 0.75rem 2rem; */
    /* font-size: 1.1rem; */
    /* font-weight: 600; */
    border-radius: 8px;
}

.industry-page .hero-btn-accent:hover {
    background-color: var(--restro-green);
    color: white;
}

.industry-page .hero-btn-outline {
    border: 2px solid #fff;
    color: #fff;
    /* padding: 0.75rem 2rem; */
    /* font-size: 1.1rem; */
    /* font-weight: 600; */
    border-radius: 8px;
    background: transparent;
    transition: all 0.3s ease;
}

.industry-page .hero-btn-outline:hover {
    background: #fff;
    color: #000;
}

.snapshot-section .card {
    border-radius: 1rem;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.restro-app-card img {
    border-radius: 8px;
}
.restro-app-left-card {
    min-height: 500px;
}

.type-of-restuarants-container .card {
    color: white;
    border-radius: 1rem;
}
.type-of-restuarants-container .card-text {
    color: white;
}
.impact-container {
    min-height: 700px;
    display: flex;
    justify-content: center;
    border-radius: 1rem;
}

.stat-card .card {
    height: 100%;
}

/* Food and Beverage Page */
.food-and-beverage-hero {
    position: relative;
}
.food-and-beverage-container {
    min-height: calc(80vh);
    display: flex;
    align-items: center;
}
.food-and-beverage-bg {
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
    border-radius: 1rem;
}

.food-and-beverage-overlay {
    top: 0;
    left: 0;
    background: linear-gradient(
        130deg,
        rgba(0, 0, 0,0.7),
        rgba(0, 0, 0,0.3),
        transparent
    );
    z-index: 2;
    border-radius: 1rem;
}

.food-and-beverage-content {
    z-index: 3;
}

.food-and-beverage-badge {
    background-color: #00897b6a; /* accent color */
    color: white;
    /* font-size: 1rem; */
}

.food-and-beverage-accent {
    color: var(--restro-green);
}
.food-and-beverage-accent-2 {
    color: var(--court-sync);
}

.food-and-beverage-btn-accent {
    background-color: var(--restro-green);
    color: white;
    border: 2px solid var(--restro-green);
    border-radius: 8px;
}
.food-and-beverage-bg-accent {
    background-color: var(--restro-green);
}

.food-and-beverage-btn-accent:hover {
    background-color: var(--restro-green);
    color: white;
}

.food-and-beverage-btn-outline {
    border: 2px solid #fff;
    color: #fff;
    border-radius: 8px;
    background: transparent;
    transition: all 0.3s ease;
}

.food-and-beverage-btn-outline:hover {
    background: #fff;
    color: #000;
}

.foodbeverage-snapshot-section .card {
    border-radius: 1rem;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.tall-image-card {
    min-height: 430px;
}

.challenges-banner {
    min-height: 430px;
    border-radius: 1rem;
}
.challenge-card {
    border-radius: 1rem;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

.challenge-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
}
.challenge-card p {
    /* font-weight: 500 !important; */
}

.challenge-icon {
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 0.3s ease-in-out;
}

.challenge-card:hover .challenge-icon {
    transform: scale(1.15);
}
.restro-app-section .card {
    border-radius: 1rem;
}
.restro-app-card {
    position: relative;
}
.restro-app-card:hover::after {
    content: url("/images/icons/arrow-up-right-black.svg");
    position: absolute;
    top: 16px;
    right: 16px;
}
.restro-app-card h4 {
    color: var(--restro-green) !important;
}
.restro-app-card img {
    border-radius: 8px;
}
.restro-app-left-card {
    min-height: 500px;
}

.type-of-restuarants-container .card {
    background-color: rgba(0, 137, 123, 0.9);
    color: white;
    border-radius: 1rem;
}
.type-of-restuarants-container .card:hover::after {
    content: url("/images/icons/arrow-up-right.svg");
    position: absolute;
    top: 16px;
    right: 16px;
}
.type-of-restuarants-container .card-text {
    color: white;
}
.impact-container .stat-card .font-large {
    color: var(--restro-green) !important;
}
.impact-container .stat-card p {
    /* font-weight: 600; */
}
.courtsync-integration-list h5 {
    font-weight: 600;
}
.courtsync-integration-wrapper .card {
    border-radius: 1rem;
}
.cta-container {
    min-height: 600px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 1rem;
}
.cta-bg-img,
.cta-bg-img-overlay {
    border-radius: 1rem;
}
/* Food and Beverage Pages END */

/* General Retail Page Start */
.general-retail-page-main .card {
    background-color: transparent!important;
    box-shadow: none !important;
    transform: none !important;
    box-shadow: none!important;
    transition: none!important;
    /* color: black!important; */
}
.general-retail-page-main .restro-app-card {
    border: none!important;
}
.general-retail-page-main .restro-app-card:hover {
    transform: translateY(-5px)!important;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12)!important;
    transition: all 0.3s ease-in-out!important;
}
.general-retail-page-main .type-of-restuarants-container .card {
    color: black!important;
    border: 1px solid rgba(0,0,0,.125)!important;
}
.general-retail-page-main .type-of-restuarants-container .card p {
    color: black!important;
}
.general-retail-page-main .impact-container .stat-card .font-large {
    color: white!important;
}
.general-retail-page-main .impact-container {
    min-height: 400px;
}

.general-retail-page-main .hero-badge {
    background-color: #003b728a;
}

.general-retail-page-main .hero-accent {
    color: white;
}
.general-retail-page-main .hero-accent-2 {
    color: var(--court-sync);
}
.general-retail-page-main .hero-btn-accent {
    background-color: var(--retail-go);
}
.general-retail-page-main .hero-btn-accent:hover {
    background-color: var(--retail-go);
}
.general-retail-page-main .restro-app-card h4 {
    color: var(--retail-go) !important;
}
.general-retail-page-main .type-of-restuarants-container .card {
    background-color: rgba(0, 58, 114, 0.9);
}

/* General Retail Page END */

/* fashion-and-lifestyle-page */

.fashion-and-lifestyle-page-main .hero-badge {
    background-color: #0067ce91;
}

.fashion-and-lifestyle-page-main .hero-accent {
    color: var(--retail-life);
}
.fashion-and-lifestyle-page-main .hero-accent-2 {
    color: var(--court-sync);
}
.fashion-and-lifestyle-page-main .hero-btn-accent {
    background-color: var(--retail-life);
}
.fashion-and-lifestyle-page-main .hero-btn-accent:hover {
    background-color: var(--retail-life);
}
.fashion-and-lifestyle-page-main .restro-app-card h4 {
    color: var(--retail-life) !important;
}
.fashion-and-lifestyle-page-main .type-of-restuarants-container .card {
    background-color: rgba(0, 104, 206, 0.9);
}
.fashion-and-lifestyle-page-main .impact-container .stat-card .font-large {
    color: var(--retail-life) !important;
}


/* fashion-and-lifestyle-page END*/

/* Professional Service Page Start */
.professional-service-page-main .hero-badge {
    background-color: #52288893;
}

.professional-service-page-main .hero-accent {
    color: var(--one-office);
}
.professional-service-page-main .hero-accent-2 {
    color: var(--court-sync);
}
.professional-service-page-main .hero-btn-accent {
    background-color: var(--one-office);
}
.professional-service-page-main .hero-btn-accent:hover {
    background-color: var(--one-office);
}
.professional-service-page-main .restro-app-card h4 {
    color: var(--one-office) !important;
}
.professional-service-page-main .type-of-restuarants-container .card {
    background-color: rgba(81, 40, 136, 0.9);
}
.professional-service-page-main .impact-container .stat-card .font-large {
    color: var(--one-office) !important;
}

/* Professional Service Page End */


/* Ecommerce Industry Page Start */
.ecommerce-industry-page-main .hero-badge {
    background-color: #4b722d87;
}
.ecommerce-industry-page-main .hero-accent {
    color: var(--loco-shop);
}
.ecommerce-industry-page-main .hero-accent-2 {
    color: var(--court-sync);
}
.ecommerce-industry-page-main .hero-btn-accent {
    background-color: var(--loco-shop);
}
.ecommerce-industry-page-main .hero-btn-accent:hover {
    background-color: var(--loco-shop);
}
.ecommerce-industry-page-main .restro-app-card h4 {
    color: var(--loco-shop) !important;
}
.ecommerce-industry-page-main .type-of-restuarants-container .card {
    background-color: rgba(75, 114, 45, 0.9);
}
.ecommerce-industry-page-main .impact-container .stat-card .font-large {
    color: var(--loco-shop) !important;
}

/* Ecommerce Industry Page End */


/* RESPONSIVENESS */
/* mobile */
@media screen and (max-width: 576px) {
    .industry-page .hero-container {
        min-height: calc(60vh);
    }
    .food-and-beverage-container {
        min-height: calc(60vh);
    }
}

/* small device */
@media screen and (min-width: 577px) and (max-width: 768px) {
    .impact-container {
        min-height: 500px;
    }
}

/* tablet */
@media screen and (min-width: 769px) and (max-width: 992px) {
    .impact-container {
        min-height: 600px;
    }
}

/* desktop */
@media screen and (min-width: 993px) and (max-width: 1200px) {
    .tall-image-card {
        min-height: 460px;
    }
}

/* large desktop */
@media screen and (min-width: 1201px) {
}