.rides{

    padding:120px 8%;

    background:#0f172a;

}

.section-title{

    text-align:center;

    margin-bottom:60px;

}

.section-title h2{

    color:#F97316;

    letter-spacing:4px;

    margin-bottom:15px;

}

.section-title h3{

    color:white;

    font-size:48px;

}

.rides-grid{

    display:grid;

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

    gap:30px;

}

.ride-card{

    background:#1f2937;

    border-radius:20px;

    overflow:hidden;

    transition:.4s;

}

.ride-card:hover{

    transform:translateY(-10px);

    box-shadow:0 20px 40px rgba(0,0,0,.35);

}

.ride-card img{

    width:100%;

    height:260px;

    object-fit:cover;

    display:block;

    transition:.4s ease;

}

.ride-card:hover img{
    transform:scale(1.08);
}

.ride-info{

    padding:25px;

}

.ride-info h4{

    color:white;

    font-size:26px;

    margin-bottom:10px;

}

.ride-info p{

    color:#d1d5db;

    line-height:1.7;

}
.ride-card{
    display:flex;
    flex-direction:column;
    height:100%;
}

.ride-info{
    flex:1;
}

@media (max-width: 768px) {

    .rides {

        padding: 80px 20px;

    }


    .section-title {

        margin-bottom: 35px;

    }


    .section-title h2 {

        font-size: 16px;

        letter-spacing: 3px;

    }


    .section-title h3 {

        font-size: 30px;

        line-height: 1.2;

    }


    .rides-grid {

        grid-template-columns: 1fr;

        gap: 20px;

    }


    .ride-card {

        width: 100%;

    }


    .ride-card img {

        height: 220px;

    }


    .ride-info {

        padding: 20px;

    }


    .ride-info h4 {

        font-size: 22px;

    }


    .ride-info p {

        font-size: 14px;

    }

}