/*==================================================
    WEEKLY DEALS
==================================================*/

.deals{

    padding:20px 0 70px;

    background:#ffffff;

}

/*==================================================
    DESCRIPTION
==================================================*/

.deal-card__overlay p{

    max-width:420px;

    margin:0 0 24px;

    color:rgba(255,255,255,.90);

    font-size:16px;

    line-height:1.7;

}


/*==================================================
    GRID
==================================================*/

.deals__grid{

    display:grid;

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

    gap:30px;

}

/*==================================================
    CARD
==================================================*/

.deal-card{

    position:relative;

    display:block;

    height:320px;

    overflow:hidden;

    border-radius:12px;

    text-decoration:none;

    box-shadow:0 10px 28px rgba(0,0,0,.08);

}

/*==================================================
    IMAGE
==================================================*/

.deal-card img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:transform .6s ease;

}

.deal-card:hover img{

    transform:scale(1.08);

}

/*==================================================
    OVERLAY
==================================================*/

.deal-card__overlay{

    position:absolute;

    inset:0;

    display:flex;

    flex-direction:column;

    justify-content:flex-end;

    padding:35px;

    background:linear-gradient(
        to top,
        rgba(8,44,108,.92),
        rgba(8,44,108,.45),
        rgba(8,44,108,.10)
    );

}

/*==================================================
    TAG
==================================================*/

.deal-card__tag{

    display:inline-block;

    align-self:flex-start;

    margin-bottom:15px;

    padding:8px 16px;

    border-radius:30px;

    background:#F5B51D;

    color:#082C6C;

    font-size:13px;

    font-weight:700;

    text-transform:uppercase;

}

/*==================================================
    TITLE
==================================================*/

.deal-card__overlay h3{

    margin:0 0 20px;

    color:#ffffff;

    font-size:32px;

    line-height:1.3;

    font-weight:800;

    max-width:420px;

}

/*==================================================
    BUTTON
==================================================*/

.deal-card__button{

    display:inline-flex;

    align-items:center;

    gap:10px;

    color:#ffffff;

    font-size:16px;

    font-weight:700;

    transition:.3s ease;

}

.deal-card__button i{

    transition:transform .3s ease;

}

.deal-card:hover .deal-card__button{

    color:#F5B51D;

}

.deal-card:hover .deal-card__button i{

    transform:translateX(6px);

}

/*==================================================
    RESPONSIVE
==================================================*/

@media (max-width:768px){

    .deals__grid{

        grid-template-columns:1fr;

    }

}