/* ============================================================
   Du Lich Online – Giao dien moi
   File: style-new.css  v2 – theo mau travelvietnam.com.vn
   ============================================================ */

/* ---- 1. Design tokens ---- */
:root {
  --dl-bg:        #EAF4FC;
  --dl-primary:   #0B3F73;
  --dl-accent:    #C2410C;
  --dl-accent-h:  #8F2E04;
  --dl-orange:    #F26B0F;
  --dl-gray:      #5F6873;
  --dl-border:    #D3E4F3;
  --dl-border-lt: #E4EDF5;
  --dl-white:     #FFFFFF;
}

/* ---- 2. Font + body ---- */
body,
input, select, button, textarea {
  font-family: 'Be Vietnam Pro', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif !important;
  -webkit-font-smoothing: antialiased;
}

body {
  background: var(--dl-bg) !important;
  color: var(--dl-primary) !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Be Vietnam Pro', system-ui, -apple-system, sans-serif !important;
  font-weight: 700 !important;
  color: var(--dl-primary) !important;
}

/* ---- 3. Header – white background ---- */
header {
  background: #FFFFFF !important;
  border-bottom: 1px solid #E4EDF5 !important;
  color: var(--dl-primary) !important;
  box-shadow: 0 2px 8px rgba(11,63,115,.08) !important;
  position: relative !important;
  z-index: 100 !important;
}

/* Logo text */
.logo .title-large-logo a,
.logo .title-large-logo a span {
  color: var(--dl-orange) !important;
  font-weight: 800 !important;
  letter-spacing: -.02em !important;
  font-size: 25px !important;
  text-decoration: none !important;
}

.logo .title-logo {
  color: var(--dl-gray) !important;
  font-size: 10.5px !important;
  margin-top: 4px !important;
}

/* Hamburger icon (mobile) */
.navbar-toggle .icon-bar {
  background: var(--dl-primary) !important;
}

/* ---- 4. Navigation ---- */
.main-menu > ul > li > a,
ul.ul_main_menu > li.li_menu_main > a.a_menu_main {
  color: var(--dl-primary) !important;
  font-weight: 600 !important;
  font-size: 14px !important;
}

.main-menu > ul > li > a:hover,
.main-menu > ul > li > a:focus,
ul.ul_main_menu > li.li_menu_main > a.a_menu_main:hover {
  color: var(--dl-accent) !important;
}

/* Dropdown sub-menu */
.main-menu > ul > li > ul {
  border-top: 2px solid var(--dl-accent) !important;
  border-radius: 0 0 8px 8px !important;
  box-shadow: 0 8px 24px rgba(11,63,115,.12) !important;
}

.main-menu > ul > li > ul > li > a,
.block-category ul li a {
  color: var(--dl-primary) !important;
}

.main-menu > ul > li > ul > li > a:hover,
.block-category ul li a:hover {
  color: var(--dl-accent) !important;
  background: var(--dl-bg) !important;
}

/* ---- 5. Search bar ---- */
.box-search {
  background: var(--dl-bg) !important;
  border: 1px solid var(--dl-border) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}

.isearch {
  background: transparent !important;
  color: var(--dl-primary) !important;
  border: none !important;
}

.isearch::placeholder {
  color: var(--dl-gray) !important;
}

.bt-search {
  background: var(--dl-accent) !important;
  color: white !important;
  border: none !important;
  border-radius: 0 7px 7px 0 !important;
  transition: background .15s ease !important;
}

.bt-search:hover {
  background: var(--dl-accent-h) !important;
}

/* ---- 6. COMBO & LICH KHOI HANH buttons ---- */
.col-slide-r .dropdown-toggle,
.box-slide-r-inner .dropdown-toggle {
  background: var(--dl-accent) !important;
  color: white !important;
  border: none !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  padding: 8px 16px !important;
  text-decoration: none !important;
  transition: background .15s ease !important;
}

.col-slide-r .dropdown-toggle:hover,
.box-slide-r-inner .dropdown-toggle:hover {
  background: var(--dl-accent-h) !important;
  color: white !important;
}

.col-slide-r .dropdown-menu,
.box-slide-r-inner .dropdown-menu {
  border-top: 2px solid var(--dl-accent) !important;
  border-radius: 0 0 8px 8px !important;
  box-shadow: 0 8px 24px rgba(11,63,115,.12) !important;
}

/* ---- 7. Section titles ---- */
.top-title {
  border-left-color: var(--dl-accent) !important;
  color: var(--dl-primary) !important;
  font-weight: 700 !important;
}

.h3-title {
  color: var(--dl-primary) !important;
}

/* ---- 8. Tour cards ---- */
.post-column section {
  border-radius: 12px !important;
  overflow: hidden !important;
  transition: transform .2s ease, box-shadow .2s ease !important;
}

.bottom-list {
  background: var(--dl-white) !important;
  border: 1px solid var(--dl-border) !important;
  border-radius: 0 0 12px 12px !important;
  color: var(--dl-primary) !important;
  transition: border-color .2s ease !important;
}

.post-column:hover section {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 24px rgba(11,63,115,.12) !important;
}

.post-column:hover .bottom-list {
  border-color: #9CC3E6 !important;
}

.h2-tour-index,
.h2-tour-index a {
  color: var(--dl-primary) !important;
  font-weight: 700 !important;
}

.h2-tour-index a:hover {
  color: var(--dl-accent) !important;
  text-decoration: none !important;
}

/* Tour image hover zoom */
.top-img {
  overflow: hidden !important;
  border-radius: 12px 12px 0 0 !important;
}

.top-img img {
  transition: transform .6s ease !important;
}

.post-column:hover .top-img img {
  transform: scale(1.05) !important;
}

/* ---- 9. Price ---- */
.price-now {
  color: var(--dl-accent) !important;
  font-weight: 800 !important;
}

.price-old {
  color: var(--dl-gray) !important;
  text-decoration: line-through !important;
}

/* ---- 10. Event / promo badge ---- */
.icon-event {
  background: var(--dl-accent) !important;
  color: white !important;
  border-radius: 4px !important;
  font-weight: 700 !important;
}

/* ---- 11. General links ---- */
a {
  color: var(--dl-accent) !important;
}

a:hover,
a:focus {
  color: var(--dl-accent-h) !important;
  text-decoration: none !important;
}

/* Header links — dark on white header */
header a,
header .dropdown-toggle {
  color: var(--dl-primary) !important;
}

header a:hover,
header .dropdown-toggle:hover {
  color: var(--dl-accent) !important;
  text-decoration: none !important;
}

/* ---- 12. Stats bar – WHITE background ---- */
.hotel-page {
  background: white !important;
  color: rgb(56,67,94) !important;
}

.hotel-page p,
.hotel-page b,
.hotel-page strong,
.hotel-page .slogan-hotel-page,
.hotel-page .right-hotel-page {
  color: rgb(56,67,94) !important;
}

.hotel-page .title-hotel-page {
  color: rgb(56,67,94) !important;
  font-size: 15px !important;
}

.hotel-page h2, .hotel-page .h2-hotel-page {
  color: var(--dl-primary) !important;
  font-weight: 700 !important;
}

.hotel-page .slogan-hotel-page,
.hotel-page .h2-hotel-page {
  color: var(--dl-accent) !important;
  font-weight: 800 !important;
}

/* ---- 13. Why Us section ---- */
.box-why-us {
  background: var(--dl-primary) !important;
}

.h3-whyus {
  color: white !important;
}

.h4-whyus {
  color: rgba(255,255,255,.75) !important;
}

.top-whyus {
  border-color: rgba(255,255,255,.4) !important;
}

/* ---- 14. Footer ---- */
footer {
  background: #0B2A4A !important;
  color: rgba(255,255,255,.85) !important;
}

.h4-footer {
  color: rgba(255,255,255,.5) !important;
  letter-spacing: .05em !important;
}

.a_footer_menu,
.footer_menu li a,
footer a {
  color: rgba(255,255,255,.8) !important;
}

.a_footer_menu:hover,
.footer_menu li a:hover,
footer a:hover {
  color: white !important;
  text-decoration: none !important;
}

.mid-footer {
  border-color: rgba(255,255,255,.1) !important;
}

.copyright {
  color: rgba(255,255,255,.4) !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
}

/* ---- 15. Owl Carousel controls ---- */
.owl-prev, .owl-next {
  background: var(--dl-accent) !important;
  border-radius: 50% !important;
  color: white !important;
  opacity: .85 !important;
}

.owl-prev:hover, .owl-next:hover {
  background: var(--dl-accent-h) !important;
  opacity: 1 !important;
}

/* ---- 16. Pagination ---- */
.pagination > li > a,
.pagination > li > span {
  color: var(--dl-primary) !important;
  border-color: var(--dl-border) !important;
}

.pagination > .active > a,
.pagination > .active > span {
  background: var(--dl-accent) !important;
  border-color: var(--dl-accent) !important;
  color: white !important;
}

/* ---- 17. Mobile nav menu ---- */
@media (max-width: 991px) {
  .mm-menu {
    background: var(--dl-primary) !important;
  }

  .mm-listitem a,
  .mm-listitem a.mm-btn_next {
    color: white !important;
  }

  .mm-divider {
    background: rgba(255,255,255,.1) !important;
  }
}

/* ---- 18. Buttons chung ---- */
.btn-primary,
.btn-danger {
  background: var(--dl-accent) !important;
  border-color: var(--dl-accent) !important;
  color: white !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
}

.btn-primary:hover,
.btn-danger:hover {
  background: var(--dl-accent-h) !important;
  border-color: var(--dl-accent-h) !important;
}

/* ---- 19. Tour flash / highlight ---- */
.tour-flash {
  background: var(--dl-bg) !important;
}

/* ---- 20. Box index (tour listing sections) ---- */
.box-index {
  background: var(--dl-bg) !important;
}

/* ---- 21. Fix header height - match travelvietnam.com.vn ---- */
.header {
  min-height: 88px !important;
}

/* ---- 22. Fix mau chu tren nen mau (bi rule 11 ghi de) ---- */
.a-view-detail,
.a-flash-book {
  color: #fff !important;
}
.a-flash-book:hover,
.a-flash-book:focus {
  color: #f1d50e !important;
}
.mm-menu a,
.mm-menu ul.ul_main_menu > li.li_menu_main > a.a_menu_main,
.mm-menu .mm-navbar a,
.mm-menu .mm-title {
  color: #fff !important;
}
@media only screen and (max-width: 767px) {
  .box-fix a,
  .box-fix a span {
    color: #fff !important;
  }
}

/* ---- 23. Dong bo gam mau moi cho toan site (06/11/2026) ----
   Chuyen mau cu (hong #ED0080, xanh #008FEA, #149ABC, do #E30051...)
   sang gam moi: navy #0B3F73, cam #C2410C, cam sang #F26B0F, nen cam nhat #FFF7ED. */
.socials a:hover,
.socials a:focus {
  color: #8F2E04 !important;
  border-color: #8F2E04 !important;
}
.h1-title {
  color: #0B3F73 !important;
}
.right-tour-list-in {
  background-color: #0B3F73 !important;
}
.pricel {
  color: #FDBA74 !important;
}
.a-book-tour {
  color: #C2410C !important;
}
.a-book-tour:hover,
.a-book-tour:focus {
  color: #C2410C !important;
}
.h2-tour a {
  color: #0B3F73 !important;
}
.h2-tour a:hover,
.h2-tour a:focus {
  color: #C2410C !important;
}
.note {
  color: #C2410C !important;
}
.h4-tour::before {
  background-color: #F26B0F !important;
}
.right-day::before {
  background-color: #0B3F73 !important;
}
.day-title {
  color: #0B3F73 !important;
}
.col-s i {
  color: #C2410C !important;
}
.price-detail {
  color: #FDBA74 !important;
}
#r_bking {
  background-color: #C2410C !important;
}
.a-view-detail {
  background-color: #C2410C !important;
}
.h3-right {
  background-color: #0B3F73 !important;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background-color: #C2410C !important;
}
.bt-search-news {
  background-color: #8F2E04 !important;
}
.col-slide-r-i {
  background-color: #0B3F73 !important;
}
.f-price {
  color: #FDBA74 !important;
}
.f-discount {
  background-color: #C2410C !important;
}
.flash-bottom {
  background-color: #0B3F73 !important;
}
.tour-flash .top-title::before {
  color: #C2410C !important;
}
.btn-order-tour {
  background-color: #0B3F73 !important;
}
.hoanthanh {
  color: #C2410C !important;
}
.mda-price-item {
  border-color: #C2410C !important;
}
.h3-form {
  border-bottom-color: #C2410C !important;
}
.h3-form span {
  background-color: #C2410C !important;
}
.p-note {
  color: #FDBA74 !important;
}
.mda-tap-a {
  border-color: #C2410C !important;
}
.mda-tap-a.nav-tabs > li.active > a,
.mda-tap-a.nav-tabs > li.active > a:focus,
.mda-tap-a.nav-tabs > li.active > a:hover {
  background-color: #C2410C !important;
}
.div_paging .sh_page_selecta {
  background-color: #0B3F73 !important;
}
.tags a:hover,
.tags a:focus {
  color: #8F2E04 !important;
  border-color: #8F2E04 !important;
}
.detail blockquote {
  color: #C2410C !important;
}
.event-bottom h3 {
  color: #C2410C !important;
}
.btn-view-more.btn-danger {
  background-color: #0B3F73 !important;
  border-color: #0B3F73 !important;
}
.s19_pr {
  color: #C2410C !important;
}
.price-cruise {
  color: #C2410C !important;
  border-color: #C2410C !important;
}
.ul-tab li.active a,
.ul-tab li:hover a {
  color: #F26B0F !important;
}
.ul-tab li.active::after,
.ul-tab li:hover::after {
  background-color: #F26B0F !important;
}
.m6_a .js-gMs .swiper-slide-thumb-active {
  border-color: #0B3F73 !important;
}
.box-fix a.hot-fix {
  background-color: #C2410C !important;
}
.text-hot {
  background-color: #C2410C !important;
}
.suntory-alo-ph-circle {
  border-color: rgba(194,65,12,0.4) !important;
}
.suntory-alo-phone.suntory-alo-hover .suntory-alo-ph-circle,
.suntory-alo-phone:hover .suntory-alo-ph-circle,
.suntory-alo-phone.suntory-alo-green.suntory-alo-hover .suntory-alo-ph-circle,
.suntory-alo-phone.suntory-alo-green:hover .suntory-alo-ph-circle,
.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle {
  border-color: #C2410C !important;
}
.suntory-alo-phone.suntory-alo-hover .suntory-alo-ph-circle-fill,
.suntory-alo-phone:hover .suntory-alo-ph-circle-fill {
  background-color: rgba(194,65,12,0.9) !important;
}
.suntory-alo-phone.suntory-alo-green.suntory-alo-hover .suntory-alo-ph-circle-fill,
.suntory-alo-phone.suntory-alo-green:hover .suntory-alo-ph-circle-fill {
  background-color: #C2410C !important;
}
.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle-fill {
  background-color: rgba(11,63,115,0.9) !important;
}
.suntory-alo-phone.suntory-alo-hover .suntory-alo-ph-img-circle,
.suntory-alo-phone:hover .suntory-alo-ph-img-circle,
.suntory-alo-phone.suntory-alo-green.suntory-alo-hover .suntory-alo-ph-img-circle,
.suntory-alo-phone.suntory-alo-green:hover .suntory-alo-ph-img-circle,
.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-img-circle {
  background-color: #C2410C !important;
}
.left-hotel-page {
  border-right-color: #C2410C !important;
}
.slogan-hotel-page {
  color: #C2410C !important;
}
.btn-border-blue {
  color: #C2410C !important;
  border-color: #C2410C !important;
}
.btn-border-blue:hover,
.btn-border-blue:focus {
  background-color: #C2410C !important;
}
.horizontal-line {
  color: #C2410C !important;
}
.title-top-hotel {
  color: #C2410C !important;
}
.item-hotline {
  background-color: #C2410C !important;
}
.num-hotline,
.num-hotline a {
  color: #C2410C !important;
}
.ask-question {
  background-color: #0B3F73 !important;
}
.rname {
  color: #C2410C !important;
}
.tour-tag {
  color: #0B3F73 !important;
}
.detail-btn {
  color: #0B3F73 !important;
}
.foreign-tour-intro a {
  color: #C2410C !important;
}
.departure-box {
  border-color: #D3E4F3 !important;
  background: #FFF7ED !important;
}
.departure-title {
  color: #C2410C !important;
}
.departure-sub {
  color: #5F6873 !important;
}
.departure-list a {
  color: #C2410C !important;
  border-color: #D3E4F3 !important;
}
.departure-list a:hover {
  background-color: #C2410C !important;
}
.departure-toggle button {
  background-color: #C2410C !important;
}
.cruise-readmore-btn,
.hotel-btn {
  background-color: #C2410C !important;
}
.cruise-highlight,
.hotel-highlight {
  border-left-color: #C2410C !important;
  background: #FFF7ED !important;
}
@media only screen and (max-width: 767px) {
  .left-hotel-page {
    border-bottom-color: #C2410C !important;
  }
}
nav.mm-menu,
nav.mm-menu .ul_main_menu,
nav.mm-menu .mm-panel {
  background-color: #0B3F73 !important;
}
.h3-right,
.h3-right a {
  color: #FFFFFF !important;
}
.right-tour-list-in .a-book-tour:hover,
.right-tour-list-in .a-book-tour:focus {
  color: #8F2E04 !important;
}
.visible-xs > a.btn {
  background-color: #0B3F73 !important;
  border-color: #0B3F73 !important;
  color: #FFFFFF !important;
}
.cruise-box {
  border-color: #D3E4F3 !important;
  background: #FFF7ED !important;
}
.badge-text p,
.badge-text strong {
  color: #C2410C !important;
}
.cruise-links a {
  color: #C2410C !important;
  border-color: #C2410C !important;
}
.cruise-links a:hover {
  background-color: #C2410C !important;
  color: #FFFFFF !important;
}
.play-button,
.video-container .play-button,
.item-grid-photo .play-button,
.c-photo .play-button,
.youtube-content .play-button {
  background: #C2410C !important;
}
footer .right-logo .title-logo {
  color: #B8C4D0 !important;
}
.pw_item_last,
.pw_item_last span {
  color: #5F6873 !important;
}
.button_contact_price,
.btn-contact-price {
  color: #C2410C !important;
}
#r_ct.fix_top {
  z-index: 101 !important;
}
.a-view-detail:hover,
.a-view-detail:focus,
.bt-search-news:hover,
.bt-search-news:focus {
  background-color: #8F2E04 !important;
}
/* ---- 24. The tour danh sach theo mau moi (06/11/2026) ---- */
.row-tour-list-2 {
  display: flex !important;
  flex-wrap: wrap;
  background: #FFFFFF !important;
  border: 1px solid #D3E4F3 !important;
  border-radius: 14px !important;
  overflow: hidden;
  padding: 0 !important;
  margin: 0 0 18px !important;
  box-shadow: none !important;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.row-tour-list-2::before,
.row-tour-list-2::after {
  display: none !important;
}
.row-tour-list-2:hover {
  border-color: #9CC3E6 !important;
  box-shadow: 0 22px 38px -28px rgba(11,63,115,.5) !important;
}
.row-tour-list-2 .left-tour-list-2 {
  float: none !important;
  flex: 1 0 300px;
  max-width: 100%;
  width: auto !important;
  position: relative;
  min-height: 226px;
  padding: 0 !important;
  margin: 0 !important;
  background: #DCE7F1;
  overflow: hidden;
}
.row-tour-list-2 .left-tour-list-2 a {
  display: block;
  position: absolute;
  inset: 0;
}
.row-tour-list-2 .left-tour-list-2 img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover;
  transform: none !important;
  transition: transform .6s ease;
}
.row-tour-list-2:hover .left-tour-list-2 img {
  transform: scale(1.04) !important;
}
.row-tour-list-2 .mid-tour-list {
  float: none !important;
  flex: 999 1 360px;
  min-width: 0;
  width: auto !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  padding: 18px 22px 20px !important;
  margin: 0 !important;
}
.row-tour-list-2 .mid-tour-list p {
  margin: 0 !important;
}
.row-tour-list-2 .h2-tour {
  margin: 0 0 2px !important;
  font-size: 19px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
}
.row-tour-list-2 .h2-tour a {
  color: #0B3F73 !important;
  text-decoration: none !important;
}
.row-tour-list-2 .h2-tour a:hover {
  color: #C2410C !important;
}
.row-tour-list-2 .mid-tour-list .p-dest,
.row-tour-list-2 .mid-tour-list .p-time {
  font-size: 14.5px !important;
  line-height: 1.5 !important;
  color: #3A4652 !important;
  font-weight: 400 !important;
  text-transform: none;
}
.row-tour-list-2 .mid-tour-list .s-dest,
.row-tour-list-2 .mid-tour-list .p-time span:first-child {
  font-weight: 700 !important;
  color: #0B3F73 !important;
}
.row-tour-list-2 .mid-tour-list .fa {
  color: #C2410C !important;
  width: 16px;
  text-align: center;
}
.row-tour-list-2 .mid-tour-list .duration,
.row-tour-list-2 .mid-tour-list .tbold {
  font-weight: 700 !important;
  color: #0B3F73 !important;
}
.row-tour-list-2 .mid-tour-list .p-dest.note {
  color: #C2410C !important;
  font-weight: 600 !important;
}
.row-tour-list-2 .mid-tour-list .p-time {
  padding-top: 10px !important;
  border-top: 1px dashed #C9DCEE;
}
.row-tour-list-2 .right-tour-list-2 {
  float: none !important;
  flex: 1 0 220px;
  width: auto !important;
  display: flex !important;
  padding: 0 !important;
  margin: 0 !important;
  background: #EAF4FC !important;
  border-left: 1px solid #D3E4F3;
}
.row-tour-list-2 .right-tour-list-in {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  margin: 0 !important;
  padding: 18px 20px !important;
  background: transparent !important;
  color: #5F6873 !important;
  text-align: center;
  height: auto !important;
  position: static !important;
  transform: none !important;
}
.row-tour-list-2 .right-tour-list-in small,
.row-tour-list-2 .right-tour-list-in > span {
  display: inline;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #5F6873 !important;
}
.row-tour-list-2 .right-tour-list-in .pricel {
  margin: 4px 0 0 !important;
  font-size: 26px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: -.01em;
  color: #C2410C !important;
}
.row-tour-list-2 .right-tour-list-in p {
  margin: 0 !important;
  font-size: 13px;
  color: #5F6873 !important;
}
.row-tour-list-2 .right-tour-list-in .a-book-tour {
  margin-top: 12px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  max-width: 176px;
  min-height: 44px;
  padding: 0 14px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: #C2410C !important;
  color: #FFFFFF !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-transform: none !important;
  text-decoration: none !important;
  transition: background-color .16s ease;
}
.row-tour-list-2 .right-tour-list-in .a-book-tour::after {
  content: "\203A";
  margin-left: 6px;
  font-size: 20px;
  line-height: 1;
}
.row-tour-list-2 .right-tour-list-in .a-book-tour:hover,
.row-tour-list-2 .right-tour-list-in .a-book-tour:focus {
  background: #8F2E04 !important;
  color: #FFFFFF !important;
}
.row-tour-list-2 .visible-xs .price-now {
  color: #C2410C !important;
  font-weight: 800 !important;
}
.row-tour-list-2 .visible-xs > a.btn {
  background: #C2410C !important;
  border-color: #C2410C !important;
  color: #FFFFFF !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  min-width: 160px;
  min-height: 42px;
  line-height: 28px;
}
@media (max-width: 767px) {
  .row-tour-list-2 .right-tour-list-2 {
    display: none !important;
  }
  .row-tour-list-2 .left-tour-list-2 {
    flex-basis: 100%;
    min-height: 200px;
  }
  .row-tour-list-2 .mid-tour-list {
    flex-basis: 100%;
    padding: 14px 16px 18px !important;
  }
  .row-tour-list-2 .h2-tour {
    font-size: 17px !important;
  }
  .row-tour-list-2 .visible-xs {
    margin-top: 6px;
    padding: 14px 0 0 !important;
    border-top: 1px dashed #C9DCEE;
  }
}

/* ---- 25. Footer toi kieu TravelVietnam, mau Du Lich Online ---- */
footer{background:#0A1F38 !important;color:rgba(255,255,255,.82) !important;padding:0 !important}
footer .top-footer{padding:34px 0 26px !important;border-bottom:1px solid rgba(255,255,255,.12) !important}
footer .title-large-logo a,footer .title-large-logo span{color:#FFF !important;font-size:28px !important;font-weight:600 !important}
footer .right-logo .title-logo{color:rgba(255,255,255,.75) !important;font-size:14px !important}
footer .mid-footer{border-top:0 !important;padding:34px 0 !important;color:rgba(255,255,255,.82) !important;font-size:15px;line-height:1.85}
footer .h4-footer{color:#8FB3D9 !important;font-size:15px !important;font-weight:700 !important;letter-spacing:.14em;margin:0 0 18px !important}
footer .mid-footer strong{color:#FFF !important}
footer .mid-footer a{color:#F58A45 !important}
footer .copyright{border-top:1px solid rgba(255,255,255,.12) !important;color:rgba(255,255,255,.6) !important;font-size:14px;padding:18px 0 !important}
footer .copyright a{color:#FFF !important;font-weight:700}
.dlo-fb-card{max-width:420px;display:flex !important;align-items:center;gap:12px;padding:14px;border-radius:12px;background:#FFF;border:1px solid #D3E4F3;text-decoration:none !important;color:#0B3F73 !important}
footer .socials a.dlo-fb-card{width:auto;height:auto;line-height:normal;text-align:left;border-radius:12px;border:1px solid #D3E4F3;color:#0B3F73 !important}
footer .dlo-fb-card img{flex:0 0 auto;width:44px !important;height:44px !important;max-width:none !important;object-fit:contain}
.dlo-fb-txt{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.35}
.dlo-fb-txt b{font-size:15px;font-weight:700;color:#0B3F73}
.dlo-fb-txt small{font-size:12.5px;color:#3A4652}
.dlo-fb-btn{flex:0 0 auto;display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border-radius:8px;background:#C2410C;color:#FFF;font-size:13px;font-weight:700}
.dlo-fb-card:hover .dlo-fb-btn{background:#8F2E04}
@media(max-width:767px){footer .title-large-logo a,footer .title-large-logo span{font-size:22px !important}footer .mid-footer{font-size:14px;padding:26px 0 !important}footer .h4-footer{font-size:13px !important}}