h1 {
    font-size: clamp(32px, 5.5vw, 72px) !important;
    line-height: 1.2 !important;
}

h2 {
    font-size: clamp(32px, 5vw, 56px) !important;
    line-height: 1.2 !important;
}

h3 {
    font-size: clamp(32px, 4.5vw, 48px) !important;
    line-height: 1.3 !important;
}

h4 {
    font-size: clamp(24px, 4vw, 32px) !important;
    line-height: 1.3 !important;
}

h5 {
    font-size: clamp(18px, 3.5vw, 24px) !important;
    line-height: 1.3 !important;
}

h6 {
    font-size: clamp(18px, 3vw, 20px) !important;
    line-height: 1.3 !important;
}

@media (max-width: 1024px) {
    .hero-text-col h1,
    .hero-text-col h1 *,
    .hero-text-col h2,
    .hero-text-col h2 * {
        font-weight: 700 !important;
    }
}

@media (max-width: 1024px) {
    .hero-paragraph,
    .hero-paragraph *,
    .hero-paragraph span,
    .hero-paragraph font,
    .hero-paragraph p {
        font-weight: 400 !important;
        font-size: 18px !important;
        line-height: 1.5 !important;
    }
}

@media (max-width: 998px) {

    /* force Zoho's internal wrapper to flex */
    .mobile-reorder-row > div {
        display: flex !important;
        flex-direction: column !important;
    }

    .mobile-reorder-row .item-two {
        order: 1 !important; /* best seller */
    }

    .mobile-reorder-row .item-one {
        order: 2 !important;
    }

    .mobile-reorder-row .item-three {
        order: 3 !important;
    }
}

/* DESKTOP — wide side padding, standard top/bottom */
.testimonial-card {
    padding: 48px 316px !important; /* top/bottom 48px, left/right 316px */
    box-sizing: border-box;
}

/* TABLET — reduce side padding */
@media (max-width: 1024px) {
    .testimonial-card {
        padding: 48px 120px !important; /* keeps design balanced on tablet */
    }
}

/* MOBILE — comfortable full-width layout */
@media (max-width: 767px) {
    .testimonial-card {
        padding: 32px 20px !important; /* smaller padding, fits phone screens */
    }
}

/* ============ TABLET & MOBILE ============ */
@media (max-width: 1024px) {
    /* Stack columns vertically, text on top, image below */
    .hero-row {
        display: flex !important;
        flex-direction: column !important;
    }
    
    .hero-text-col {
        order: 1 !important;
    }
    
    .hero-image-col {
        order: 2 !important;
    }
    
    /* Both columns full width when stacked */
    .hero-row > div {
        width: 100% !important;
        max-width: 100% !important;
    }
}

.hero-button-group {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 24px 0 0 0 !important;
    gap: 16px;
}

/* Target Zoho's inner wrappers that may also have background/padding */
.hero-button-group > div,
.hero-button-group > .zs-button-group,
.hero-button-group > .zs-row {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    display: flex !important;
    justify-content: space-between !important;
    gap: 16px;
    
}