
.space-between {
    display: flex !important;
    align-items: center;
}

.noactive {
    color: #fff;
}

.ft-book {
    display: flex !important;
    align-items: center;
}

.btn-book {
    padding: 15px !important;
}

    .btn-book:hover {
        color: #FFF !important;
        background-color: #e7b315;
        border-color: #e7b315;
    }

.recent-post-width {
    width: 38vh;
}

.mg-imp-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.form-lang {
    display: flex;
}

.btn-lang {
    border: none;
    background-color: transparent;
    margin: 0 5px;
}

    .btn-lang img {
        max-width: 20px;
    }

.form-lang {
    display: flex;
}

.form-margin {
    margin: 5em 0;
}

.mandatory {
    color: #f23a34;
}

.btn-form {
    background-color: #e7b315 !important;
    color: #fff !important;
}

.required {
    color: red;
}

.av-box {
    display: flex;
    justify-content: center;
    align-items: self-start;
}

    .av-box h2 {
        font-size: 30px;
        text-transform: uppercase;
        font-weight: 400;
        color: white;
        padding-right: .6em;
    }

@media screen and (max-width: 991px) {
    .form-lang {
        padding: 12px 0 12px 20px;
    }
}


/*
flip card
*/
.card-flip > div {
    backface-visibility: hidden;
    transition: transform 300ms;
    transition-timing-function: linear;
    width: 100%;
    height: 100%;
    margin: 0;
    display: flex;
}

.card-front {
    transform: rotateY(0deg);
}

.card-back {
    transform: rotateY(180deg);
    position: absolute;
    top: 0;
}

.card-flip:hover .card-front {
    transform: rotateY(-180deg);
}

.card-flip:hover .card-back {
    transform: rotateY(0deg);
}

.bg-card-color {
    background-color: rgb(203, 170, 92);
}

.border-card {
    border: none;
}

.border-card-radius {
    border-radius: 5px;
}

.text-t-cap {
    text-transform: capitalize;
}

.text-t-upp {
    text-transform: uppercase;
}

.page-bg {
    width: 100%;
    height: 80vh;
}

@media screen and (max-width: 599px) {
    .card-flip > div {
        margin: 2px 0 2px 0;
    }
}

