.menu-item-container{ position:relative; }
.box-menu-items{ position: absolute; display: none; background: red; z-index: 999; top: 0px; left: 150px; width: 310px; border-radius: 5px; padding: 10px 0; height: auto;border: 1px solid #ddd;background: #f9f9f9; }
.box-menu-items ul li{ display:block;clear:both;margin-bottom:0px!important;padding:.1cm 6px; }
.menu-item-container:hover .box-menu-items{ display:block; }
/* Bắt đầu hành trình của bạn [Homepage] */
.containeritems{ position:relative;margin-bottom: 25px; }
.containeritems a:hover{ text-decoration:none; }
.image-containerz img{ height: 240px!important;width: 100%; }
.info-container{ border-left: solid 1px #184526;border-right: solid 1px #184526;border-bottom: solid 1px #184526;padding: 15px;height:400px;position: relative; }
.info-container-hotels{ border-left: solid 1px #184526;border-right: solid 1px #184526;border-bottom: solid 1px #184526;padding: 15px;height:270px;position: relative; }
.badge-banner{ position: absolute; padding: 10px 20px; background: #174626; top: -35px; left: 0px; color: #fff; font-weight: bold; z-index: 99; }
.mt-3{ margin-top: 1rem !important; }
.price{ margin-bottom: 10px; display: block; }
.price b{ color: #bf1e2e; font-weight: bold; }
.button-container{ position: absolute; bottom: 15px; }
.star-label{ display: flex ; position: absolute; top: 0; right: 0; background: #fcb040; color: #fff; text-transform: uppercase; padding: 0 .75em; height: 3.75rem; justify-content: center; align-items: center; }
.star-label span { position: relative; padding-left: 2em; }
.star-label span:before { display: block; position: absolute; top: -.2em; left: 0; width: 1.5em; height: 1.5em; content: ""; background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"><path d="M32 12.408l-11.056-1.607L16 .783l-4.944 10.018L0 12.408l8 7.798-1.889 11.011L16 26.018l9.889 5.199L24 20.206l8-7.798z" fill="%23fff"/></svg>'); background-repeat: no-repeat; background-size: contain; }
.btn-terracotta{ background-color: #bf1e2e!important;border:none!important;color:#fff!important }
.btn-terracotta:hover{ background-color: #444!important; }
.content__over{ margin-bottom:25px!important; }
.hotel_detail a{ color:#bf6740; }
.hotel_detail a:hover{ text-decoration:underline; }
.yellow{ background-color: #e5b567;color: #212121;font-weight:normal; }
.page-title { text-align: center;margin: 30px 15px 10px;font-size: 28px;font-weight: bold;color: #222; }
.page-description { text-align: center;font-size: 16px;color: #666;margin: 0 15px 40px; }
.text-multiline { display: -webkit-box;-webkit-line-clamp: 7;   /* số dòng muốn hiển thị */-webkit-box-orient: vertical;overflow: hidden; }
.text-multiline-title{ display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden; }
.btn-outline{ margin-top:15px; }

.breadcrumb__sub a{ text-decoration:none; }
.container-blog {
      display: flex;
      gap: 20px;
    }

    /* Cột trái */
    .left-column {
      flex: 2;
      background: #fff;
      padding: 15px;
      border-radius: 8px;
      box-shadow: 0 2px 5px rgba(0,0,0,0.1);
      position: relative;
    }

    .left-column h2 {
      font-size: 22px;
      margin-bottom: 12px;
      color: #d62828;
    }

    .left-column img {
      width: 100%;
      border-radius: 8px;
      margin-bottom: 10px;
    }

    .left-column h3 {
      font-size: 20px;
      margin: 8px 0;
      color: #003049;
    }

    .left-column p {
      font-size: 15px;
      color: #555;
      line-height: 1.5;
    }

    /* Cột phải */
    .right-column {
      flex: 1;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 20px;
    }

    .news-box {
      background: #fff;
      padding: 12px;
      border-radius: 8px;
      box-shadow: 0 2px 5px rgba(0,0,0,0.1);
      transition: transform 0.2s ease, box-shadow 0.2s ease;
      position: relative;
    }

    .news-box:hover {
      transform: translateY(-5px);
      box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    }

    .news-box img {
      width: 100%;
      height: 160px;
      object-fit: cover;
      border-radius: 6px;
      margin-bottom: 10px;
    }

    .news-box h3 {
      font-size: 18px;
      margin-bottom: 6px;
      color: #003049;
    }

    .news-box p {
      font-size: 14px;
      color: #555;
      line-height: 1.4;
    }
    /* Phần ngày tháng */
    .date-badge {
      position: absolute;
      top: 10px;
      left: 10px;
      background: #FFD60A; /* nền vàng */
      color: #000;         /* chữ đen */
      font-size: 14px;
      font-weight: bold;
      padding: 5px 10px;
      border-radius: 4px;
      box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    }
    /* Hàng tin nhỏ (4 cột) */
    .grid-4 {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 20px;
      margin-bottom: 30px;
    }

    .small-news {
      background: #fff;
      border-radius: 8px;
      padding: 10px;
      box-shadow: 0 2px 5px rgba(0,0,0,0.1);
      transition: transform 0.2s ease, box-shadow 0.2s ease;
      position: relative;
    }

    .small-news:hover {
      transform: translateY(-3px);
      box-shadow: 0 3px 10px rgba(0,0,0,0.12);
    }

    .small-news img {
      width: 100%;
      height: 120px;
      object-fit: cover;
      border-radius: 6px;
      margin-bottom: 8px;
    }

    .small-news h4 {
      font-size: 16px;
      margin-bottom: 5px;
      color: #003049;
    }

    .small-news p {
      font-size: 13px;
      color: #555;
      line-height: 1.3;
    }

    /* Responsive */
    @media (max-width: 1200px) {
      .grid-4 {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    @media (max-width: 768px) {
      .container {
        flex-direction: column;
      }
      .right-column {
        grid-template-columns: 1fr;
      }
      .grid-4 {
        grid-template-columns: 1fr;
      }
    }