/* ==========================================================
   Mahal Gold Rate Cards
========================================================== */

.mj-today-rates{
    margin:60px 0;
}

/* Header */

.mj-today-header{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:40px;
    margin-bottom:35px;
    flex-wrap:wrap;
}

.mj-today-heading h2{
    margin:0 0 12px;
    font-family:"PT Serif",serif;
    font-size:48px;
    font-weight:700;
    color:#800004;
    line-height:1.2;
}

.mj-today-heading p{
    margin:0;
    font-family:"Lora",serif;
    font-size:18px;
    color:#4A3F35;
}

.mj-last-updated{
    text-align:right;
}

.mj-last-updated span{
    display:block;
    margin-bottom:8px;
    font-family:"Lora",serif;
    font-size:14px;
    color:#8B7765;
}

.mj-last-updated strong{
    font-family:"PT Serif",serif;
    font-size:18px;
    color:#800004;
}

/* Cards */

.mj-rate-cards{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:30px;

}

.mj-rate-card{

    background: linear-gradient(180deg,#FFFDFC 0%,#FFF8F1 100%);

    border:2px solid #C8A25A;

    border-radius:22px;

    padding:42px;

    min-height:320px;

    box-shadow:0 18px 45px rgba(88,55,18,.08);

    transition:all .35s ease;

    position:relative;

    overflow:hidden;

}

.mj-rate-card:hover{

    transform:translateY(-6px);

    box-shadow:0 28px 70px rgba(88,55,18,.15);

    border-color:#D7B36D;

}

/* Title */

.mj-rate-title{

    color:#9A6B2F;

    font-family:"PT Serif",serif;

    font-size:15px;

    letter-spacing:4px;

    text-transform:uppercase;

    margin-bottom:24px;

}

.mj-rate-title span{

    opacity:.8;

}

/* Price */

.mj-rate-price{

    color:#800004;

    font-family:"PT Serif",serif;

    font-size:54px;

    font-weight:700;

    line-height:1.05;

    margin-bottom:28px;

}

.mj-rate-price small{

    color:#6A594A;

    font-size:26px;

}

/* Difference */

.mj-rate-change{

    font-family:"Lora",serif;

    font-size:24px;

    font-weight:600;

    margin-bottom:10px;

}

.mj-rate-change.mj-up{

    color:#2E7D32;

}

.mj-rate-change.mj-down{

    color:#C0392B;

}

.mj-rate-change.mj-same{

    color:#666;

}

.mj-rate-subtitle{

    color:#5A4A3D;

    font-size:16px;

    font-family:"Lora",serif;

}

/* Responsive */

@media(max-width:768px){

    .mj-today-header{

        flex-direction:column;

        align-items:flex-start;

    }

    .mj-last-updated{

        text-align:left;

    }

    .mj-rate-cards{

        grid-template-columns:1fr;

    }

    .mj-rate-price{

        font-size:42px;

    }

    .mj-today-heading h2{

        font-size:36px;

    }

}

.mj-rupee{
    font-family: "Noto Sans", "Segoe UI Symbol", Arial, sans-serif;
}

.mj-rate-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:5px;

    background:linear-gradient(
        90deg,
        #D6B16A,
        #F2D48D,
        #C99843
    );

}