@import url(./traveling-login.css);
@import url(./reservation_login_register_En.css);

/*<!--------------------------------START CSS LOGIN-------------------------------*/
@font-face{font-family:"flaticon";src:url('../fonts/fontFlaticon.ttf') format("truetype"),url('../fonts/fontFlaticon.woff') format("woff"),url("../fonts/fontFlaticon.eot#iefix") format("embedded-opentype"),url("../fonts/fontFlaticon.svg#flaticon") format("svg")}i[class^="flaticon-"]:before,i[class*=" flaticon-"]:before{font-family:flaticon!important;font-style:normal;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#Login_box .shine-hover{color:#fff;background-color:#005784;border:1px solid #005784}#Login_box .shine-hover:hover{background-color:#005784}.login_module_prev:hover{color:#000;border-color:#000}.login_info i{color:#005784!important}.login-link{border:1px solid #005784}.login-link:hover{background-color:#005784;color:#fff!important}.login-btn{background-color:#005784;font-family:'roboto','Arial','SF Pro Text','SF Pro Icons',sans-serif!important}.login-title i{color:#005784}.login-btn:hover{background-color:#03133d}.bottom-content .action-loading{background-color:#005784}
/*<!--------------------------------END CSS LOGIN-------------------------------*/

/* about */
.breadcrumbs{width:100%;float:left;position:relative;z-index:1;text-align:center;direction:ltr;margin-bottom: 1.5em;}
.breadcrumbs ul li{display:inline-block;font-size:14px;color:#696969;margin-bottom: 20px;}
.breadcrumbs ul li a{color:#005784;}
.breadcrumbs ul li a::after{content:"|";margin:0 15px;}
#paging {width: 100%;height: auto;margin: 0 auto;text-align: center;clear: both;direction: ltr;float: right;margin: 30px 0;}
.page-no.prev-page {font-size: 15px;background: #fff;color: #005784;border: unset;}
.page-no.next-page {font-size: 15px;background: #fff;color: #005784;border: unset;}
.page-no {width: 37px;height: 37px;color: #005784;background: #fff;display: inline-block;line-height: 37px;text-decoration: none;border: 1px solid #ccc;border-left: unset;margin-right: -4px;}
.page-no a {width: 100%;height: 100%;color: #005784;display: block}
.page-no {border-radius: 5px;border: 1px solid #f29d1e;margin: 0 5px;}
.page-no.active-page {color: #fff;padding: 0 !important;background: #005784;}
.page-no .current {color: #fff;padding: 0 !important;background: #005784;}
.fa-angle-left::before {content: "\f104";font-family: 'fontawesome';}
.fa-angle-right::before {content: "\f105";font-family: 'fontawesome';}
.page-notfound img {display: block;margin: 20px auto;width: 95%;height: auto;max-width: max-content;}
.section-title {margin-bottom: 2rem;float: right;width: 100%;direction: ltr;text-align: center;}
/*<!--------------------------------START CSS ABOUT US-------------------------------*/
.text-article {width: 100%;text-align: justify;direction: ltr;margin-top: 30px;line-height: 32px;}
.article-box-tlt {font-size: 25px;margin-bottom: 10px;font-weight: bold;color: #005784;}
#about-resize .text-boxt-limit {font-size: 13px;color: #333;}
.about-default-img img {border-radius: 15px;height: auto;width: 100%;}
/*<!--------------------------------END CSS ABOUT US-------------------------------*/
@media (max-width:1200px) {#about-resize > .inner-resize{width: 95%; margin: 0 auto;}#about-resize > .inner-resize p{font-size: 14px;}}
/* about */
/* list of article */
  .circle-separator{width: 9px ;height: 9px;background-color: #eaeaea;border-radius: 5px;margin: 0 5px;}
  .details-article-card{color: #a8a39d;font-size: 12px;font-family: 'poppins','roboto' , system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;}
  .article-card{width: 390px;margin-top: 15px;}
  .article-card figure{border-radius: 15px;max-width: 390px;width: 100%;overflow: hidden;}
  .article-card img{border-radius: 15px;max-width: 390px;width: 100%;}
  .article-card a{display: inline;}
  .show-all-article>a{color: #f29d1e;}
  .show-all-article>a:hover{color: #005784;cursor: pointer;}
  /* Slow-motion Zoom Container */
  .article-card img {transform-origin: 50% 65%;transition: transform 5s, filter 3s ease-in-out;filter: brightness(150%);}
  /* The Transformation */
  .article-card:hover img {filter: brightness(100%);transform: scale(3);  }
  .article-card h2{font-size: 18px;margin-top: 10px;}
  .pt-10{padding-top: 10px;}
  .article_list{display: flex;justify-content: space-evenly;margin-top: 20px;flex-wrap: wrap;}
  .news-title {padding: 5px 0;color: #a8a39d;font-size: 16px;font-family: 'poppins','roboto' , system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;}
  /* list of article */