/* Global Styles  index page   */

@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;700&display=swap');
body {
    font-family: 'Cairo', sans-serif;
    background-color: #f8f9fa;
}
.hero-section {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('images/hero-bg.jpg');
    background-size: cover;
    background-position: center;
    color: white;
    padding: 100px 0;
    margin-bottom: 40px;
}
.support-info {
    color: #fff;
    padding: 5px 15px;
    border-radius: 5px;
    margin-left: 15px;
    background-color: rgba(255, 255, 255, 0.1);
}
 /* Product Card */
.product-card {
    height: 100%;
    transition: transform 0.2s;
}
.product-card:hover {
    transform: translateY(-5px);
}
.product-image {
    height: 200px;
    object-fit: cover;
}
/* my_orders */
.order-card {
    transition: transform 0.2s;
}
.order-card:hover {
    transform: translateY(-5px);
}
.status-badge {
    font-size: 0.9rem;
    padding: 0.5rem 1rem;
}