.my-card-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    position: relative;
}

.my-card-grid img{
    max-width: 100%;
}

.offer-title{
    margin-top: 25px;
    margin-bottom: 25px;
    font-weight: 800;
    font-family: "Agdasima-Bold";
    font-size: 2rem;
    display: flex;
    width: 100%;
    justify-content: center;
}

.offer-content-wrapper{
    position: relative;
}

.my-offers-card-title{
    position:absolute;
    top:5%;
    margin-left: 5%;
    color: color-mix(in srgb, var(--main-bg) 50%, rgb(51, 23, 0) );
    font-family: "Quicksand";
    font-size: 2.2rem;
}

.my-offers{
    position:absolute;
    top:45%;
    margin-left: 20%;
    color: color-mix(in srgb, var(--main-bg) 50%, rgb(51, 23, 0) );
    font-family: "Agdasima-Bold";
    font-size: 1.8rem;
}

.my-offers-price{
    position:absolute;
    top:15%;
    color: color-mix(in srgb, var(--main-bg) 50%, rgb(51, 23, 0) );
    font-family: "Agdasima-Bold";
    font-size: 3.5rem;
    margin-left: 10%;
} 


.my-offers-price-curr{
    position:absolute;
    top:22%;
    color: color-mix(in srgb, var(--main-bg) 50%, rgb(51, 23, 0) );
    font-family: "Quicksand";
    font-size: 1.5rem;
    margin-left: 40%;
} 

.my-offers .sub{
    font-size: 1.1rem;
}

@media (width < 1200px) {
    .my-card-grid{
        grid-template-columns: 1fr 1fr;
    }

    .my-offers-price{
        font-size: 3.5rem;
    } 


    .my-offers{
        top:40%;
        font-size: 1.5rem;
    }
}


@media (width < 840px) {
    .my-card-grid{
        grid-template-columns: 1fr;
    }

    .my-offers-price{
        font-size: 2.5rem;
    } 
}