:root {
    --white: #ffffff;
    --black: #000000;
    --dark-grey: #4A4A4A;
    --primary-color: #C0934C;
    --yellow-color: #D9A346;
    --light-yellow-color: #F4F0E7;
    --heading-yellow-color: #DCC5A2;
    --dark-yellow-color: #B9A082;

}

/*---------- Kotor Tours CSS start -----------*/

.boat-tours {
    background-color: #F8F8F8;
}

.tour{
    display: flex;
    flex-direction: column;
}

.tour.reverse img{
    order: 4;
    margin-top: 3rem;

}

.tour img{
    width: 100%;
    height: 700px;
    object-fit: cover;
    object-position: center;
}

.tour .btn-primary-outline{
    width: 100%;
    max-width: 320px;
}

/*---------- Media Css Start -----------*/
@media only screen and (max-width:1024px) {}

@media only screen and (max-width:992px) {}

@media only screen and (max-width:767px) {
    .boat-tours img {
        max-height: 400px;
    }
}