.travel-hero {
    height: 100vh;
    background-image: linear-gradient(90deg, rgba(0,0,0,.7) 50%, rgba(255,255,255,0) 100%), url('/images/travel-medicine/travel-banner.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

.travel-img {
    width: 100%;
}

.travel-section-2-layout {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.travel-section-2-item {
    padding: 50px 30px;
    height: 400px;
    cursor: pointer;
    flex-basis: 100%;
}

.travel-section-2-item-1 {
    background-image: linear-gradient(90deg, rgba(0,0,0,.7) 30%, rgba(255,255,255,0) 130%), url('/images/travel-medicine/travel-img-02.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
}

.travel-section-2-item-2 {
    background-image: linear-gradient(90deg, rgba(0,0,0,.7) 30%, rgba(255,255,255,0) 130%), url('/images/travel-medicine/travel-img-03.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
}

.accordion-button:not(.collapsed) {
    color: #2a7cae;
    background-color: #f3f8ff;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}

@media screen and (min-width: 768px) {
   .travel-section-2-layout {
       justify-content: space-between;
       flex-direction: row;
   } 
}