img {
    background-size: cover;
    background-position: center;
}

.pos_relative {
    position: relative;
}

.p_0 {
    padding: 0px;
}

.p-5 {
    padding: 0px 5px;
}

.mb_20 {
    margin-bottom: 20px;
}

.text_ban_cen h1 {
    color: white;
}

.text_ban_cen h2 {
    color: white;
}

.ban_img img {
    border-radius: 4px;
    background-size: cover;
    height: 100%;
    width: calc(100% - 0px);
    background-position: center;
    background-repeat: no-repeat;
    top: 0;
}

.cen {
    text-align: center;
}

.ban_text_hei {
    background-color: #e5beb0;
    text-align: center;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    border-radius: 4px;
}

.ban_text {
    background-color: #e5beb0;
    text-align: center;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.ban_text h2 {
    font-size: 22px;

}

.text_ban_cen {
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
}




@keyframes down-btn {
    0% {
        bottom: 20px;
    }

    100% {
        bottom: 0px;
    }

    0% {
        opacity: 0;
    }

    100% {
        opaicty: 1;
    }
}

@-webkit-keyframes down-btn {
    0% {
        bottom: 20px;
    }

    100% {
        bottom: 0px;
    }

    0% {
        opacity: 0;
    }

    100% {
        opaicty: 1;
    }
}

@-moz-keyframes down-btn {
    0% {
        bottom: 20px;
    }

    100% {
        bottom: 0px;
    }

    0% {
        opacity: 0;
    }

    100% {
        opaicty: 1;
    }
}

@-o-keyframes down-btn {
    0% {
        bottom: 20px;
    }

    100% {
        bottom: 0px;
    }

    0% {
        opacity: 0;
    }

    100% {
        opaicty: 1;
    }
}



.card-category-2 ul,
.card-category-3 ul,
.card-category-4 ul,
.card-category-5 ul .card-category-6 ul {
    padding: 0;
}

.card-category-2 ul li,
.card-category-3 ul li,
.card-category-4 ul li,
.card-category-5 ul li,
.card-category-6 ul li {
    list-style-type: none;
    display: inline-block;
    vertical-align: top;
}

.card-category-2 ul li,
.card-category-3 ul li {
    margin: 4px 0px;
}

.card-category-1,
.card-category-2,
.card-category-3,
.card-category-4,
.card-category-5,
.card-category-6 {
    font-family: sans-serif;
    margin-bottom: 4px;
    text-align: center;
}

.card-category-1 div,
.card-category-2 div {
    display: inline-block;
}

.card-category-1>div,
.card-category-2>div:not(:last-child) {
    margin: 10px 5px;
    text-align: left;
}


/* Overlay Image Card */

.ioverlay-card {
    position: relative;
    text-align: left;
}

.ioverlay-card img {
    height: auto;
    width: 100%;
    border-radius: 4px;
}

.ioverlay-card .card-content {
    position: absolute;
    top: 25px;
    left: 20px;
}

.ioverlay-card .card-content .card-title {
    font-size: 25px;
}

.io-card-1 {
    color: #fff;
}

.io-card-1 .card-content .card-text {
    width: 95%;
    line-height: 1.5;
    padding-bottom: 10px;
}

.io-card-1 .card-link {
    position: absolute;
    top: 140px;
    left: 20px;
}

.io-card-1 .card-link a {
    color: #fff;
    text-decoration: none;
    padding: 10px;
    border: 1px solid;
    border-radius: 4px;
    background: #3F51B5;

    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.io-card-1 .card-link a:hover {
    color: #3F51B5;
    background: #fff;
    border-color: #fff;
}

.io-card-2 .card-content {
    color: #fff;
}

.io-card-2 .card-link {
    position: absolute;
    bottom: 15px;
    left: 20px;
}

.io-card-2 .card-link a {
    color: #fff;
    text-decoration: none;
    padding: 10px;
    border: 1px solid #fff;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.io-card-2 .card-link a:hover {
    color: black;
    background-color: #fff;
}

.io-card-2 .card-content .card-text {
    line-height: 1.5;
    padding-bottom: 10px;
}

/*  */
.end_page {
    background:#f2ebe6;
    height: 250px;
    display: flex;
    flex-direction: column;
    border-radius: 4px;
    align-items: center;
    align-content: flex-end;
    justify-content: center;

}

.page_but .but_link a {
    color: #fff;
    text-decoration: none;
    padding: 10px;
    border: 1px solid #fff;
    border-radius: 4px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.page_but .but_link a:hover {
    color: black;
    background-color: #fff;
}

.end_page h2 {
    padding: 10px 0px;
    font-size: 45px;
}

.end_page p {
    padding: 0px 0px 25px 0px;
    font-size: 20px;
    text-align: center;
}



/* media quear */
@media only screen and (max-width: 767px) and (min-width: 200px) {
    .text_ban_cen h2 {
        padding: 10px 0px 30px 0px;
    }

    .text_ban_cen h1 {
        padding: 30px 0px 10px 0px;
    }
}
@media only screen and (max-width: 1200px) and (min-width: 767px){
    .end_page.pa {
        height: 420px;
    }
}
@media only screen and (max-width: 767px) and (min-width: 470px) {
    .end_page.pa h2 {
        font-size: 28px;
    }
    .end_page.pa {
        height: 370px;
    }
}
@media only screen and (max-width: 470px) and (min-width: 170px) {
    .end_page.pa h2 {
        font-size: 30px!important;
    }
    .end_page.pa {
        height: 410px;
    }
    .destination-head-lines {
         margin-top:10px!important;
        }
}
.hov_bt:hover {
    background-color: #1F4245 !important;
    color: white;
}

.card-text {
    color: white;
}