/* =================================
   TRIP STORIES
================================= */


.trip-stories{

    width:100%;
    padding:90px 0;

    background:#ffffff;

}



/* HEADER */

.trip-header{

    text-align:center;

    margin-bottom:50px;

}


.trip-header h2{

    font-size:40px;

    font-weight:800;

    color:#063b8f;

    margin-bottom:12px;

}



.trip-header p{

    font-size:17px;

    color:#555d70;

}





/* CONTAINER */


.trip-container{

    width:100%;

    max-width:1100px;

    margin:auto;

    display:grid;

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

    gap:32px;

}






/* CARD */


.trip-card{

    background:#fff;

    border-radius:25px;

    overflow:hidden;

    box-shadow:
    0 10px 25px rgba(0,0,0,.12);

}





/* IMAGE */


.trip-image{

    position:relative;

    width:100%;

    height:210px;

    overflow:hidden;

}



.trip-image img{

    width:100%;

    height:100%;

    object-fit:cover;

}






/* PLAY BUTTON */


.play-button{

    position:absolute;

    top:50%;

    left:50%;

    transform:translate(-50%,-50%);


    width:65px;

    height:65px;


    background:rgba(255,255,255,.85);

    border-radius:50%;


    display:flex;

    justify-content:center;

    align-items:center;


    text-decoration:none;

}





.play-button span{

    color:#111;

    font-size:25px;

    margin-left:5px;

}






/* CONTENT */


.trip-content{

    padding:25px 20px;

}



.trip-content h3{

    font-size:25px;

    font-weight:800;

    color:#101828;

    margin-bottom:12px;

}




.trip-content p{

    font-size:15px;

    line-height:1.5;

    color:#667085;

}

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


/* TABLET */

@media(max-width:1024px){


    .trip-stories{

        padding:80px 30px;

    }



    .trip-header h2{

        font-size:34px;

    }



    .trip-header p{

        font-size:16px;

    }



    .trip-container{

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

        gap:25px;

        max-width:900px;

    }



    .trip-image{

        height:200px;

    }



    .trip-content h3{

        font-size:22px;

    }


}






/* MOBILE */

@media(max-width:768px){


    .trip-stories{

        padding:70px 20px;

    }



    .trip-header{

        margin-bottom:35px;

    }



    .trip-header h2{

        font-size:30px;

        line-height:1.2;

    }



    .trip-header p{

        font-size:15px;

        line-height:1.6;

    }





    .trip-container{

        grid-template-columns:1fr;

        gap:25px;

        width:100%;

    }





    .trip-card{

        border-radius:20px;

    }





    .trip-image{

        height:220px;

    }




    .play-button{

        width:55px;

        height:55px;

    }



    .play-button span{

        font-size:22px;

    }





    .trip-content{

        padding:22px 18px;

    }




    .trip-content h3{

        font-size:21px;

        margin-bottom:10px;

    }





    .trip-content p{

        font-size:14px;

    }



}






/* SMALL MOBILE */

@media(max-width:480px){


    .trip-stories{

        padding:60px 16px;

    }



    .trip-header h2{

        font-size:26px;

    }



    .trip-image{

        height:190px;

    }



    .trip-content h3{

        font-size:19px;

    }



}