/* Print Stylesheet - 列印樣式表 */

@media print {
  /* === Swiper: 依 1024px 視圖顯示數量（最高優先度覆寫） === */
  .bannerSwiper .swiper, .calendarSwiper .swiper,
  .swiper-carousel, .swiper-mainthemes, .swiper-keydates-local,
  .swiper-keydates-nonlocal, .swiper-testimonials,
  .swiper-updates1, .swiper-updates2, .swiper-updates3,
  .swiper-about-whkt { overflow: visible !important; }

  /* 1 欄：bannerSwiper、calendarSwiper、swiper-carousel */
  .bannerSwiper .swiper > .swiper-wrapper,
  .calendarSwiper .swiper > .swiper-wrapper,
  .swiper-carousel > .swiper-wrapper { display: block !important; transform: none !important; }
  .bannerSwiper .swiper > .swiper-wrapper > .swiper-slide,
  .calendarSwiper .swiper > .swiper-wrapper > .swiper-slide,
  .swiper-carousel > .swiper-wrapper > .swiper-slide { display: none !important; width: 100% !important; }
  .bannerSwiper .swiper > .swiper-wrapper > .swiper-slide.swiper-slide-active,
  .calendarSwiper .swiper > .swiper-wrapper > .swiper-slide.swiper-slide-active,
  .swiper-carousel > .swiper-wrapper > .swiper-slide.swiper-slide-active { display: block !important; width: 100% !important; }

  /* 1.5 欄：swiper-updates1 */
  .swiper-updates1 > .swiper-wrapper { display: flex !important; flex-wrap: nowrap !important; transform: none !important; }
  .swiper-updates1 > .swiper-wrapper > .swiper-slide { display: none !important; }
  .swiper-updates1 > .swiper-wrapper > .swiper-slide.swiper-slide-active { display: block !important; width: 66.6667% !important; }
  .swiper-updates1 > .swiper-wrapper > .swiper-slide.swiper-slide-active + .swiper-slide { display: block !important; width: 33.3333% !important; }

  /* 3 欄：mainthemes、keydates-local、keydates-nonlocal、testimonials、updates2、updates3、about-whkt */
  .swiper-mainthemes > .swiper-wrapper,
  .swiper-keydates-local > .swiper-wrapper,
  .swiper-keydates-nonlocal > .swiper-wrapper,
  .swiper-testimonials > .swiper-wrapper,
  .swiper-updates2 > .swiper-wrapper,
  .swiper-updates3 > .swiper-wrapper,
  .swiper-about-whkt > .swiper-wrapper { display: flex !important; flex-wrap: nowrap !important; transform: none !important; }

  .swiper-mainthemes > .swiper-wrapper > .swiper-slide,
  .swiper-keydates-local > .swiper-wrapper > .swiper-slide,
  .swiper-keydates-nonlocal > .swiper-wrapper > .swiper-slide,
  .swiper-testimonials > .swiper-wrapper > .swiper-slide,
  .swiper-updates2 > .swiper-wrapper > .swiper-slide,
  .swiper-updates3 > .swiper-wrapper > .swiper-slide,
  .swiper-about-whkt > .swiper-wrapper > .swiper-slide { display: none !important; }

  .swiper-mainthemes > .swiper-wrapper > .swiper-slide.swiper-slide-active,
  .swiper-mainthemes > .swiper-wrapper > .swiper-slide.swiper-slide-active + .swiper-slide,
  .swiper-mainthemes > .swiper-wrapper > .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide,
  .swiper-keydates-local > .swiper-wrapper > .swiper-slide.swiper-slide-active,
  .swiper-keydates-local > .swiper-wrapper > .swiper-slide.swiper-slide-active + .swiper-slide,
  .swiper-keydates-local > .swiper-wrapper > .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide,
  .swiper-keydates-nonlocal > .swiper-wrapper > .swiper-slide.swiper-slide-active,
  .swiper-keydates-nonlocal > .swiper-wrapper > .swiper-slide.swiper-slide-active + .swiper-slide,
  .swiper-keydates-nonlocal > .swiper-wrapper > .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide,
  .swiper-testimonials > .swiper-wrapper > .swiper-slide.swiper-slide-active,
  .swiper-testimonials > .swiper-wrapper > .swiper-slide.swiper-slide-active + .swiper-slide,
  .swiper-testimonials > .swiper-wrapper > .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide,
  .swiper-updates2 > .swiper-wrapper > .swiper-slide.swiper-slide-active,
  .swiper-updates2 > .swiper-wrapper > .swiper-slide.swiper-slide-active + .swiper-slide,
  .swiper-updates2 > .swiper-wrapper > .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide,
  .swiper-updates3 > .swiper-wrapper > .swiper-slide.swiper-slide-active,
  .swiper-updates3 > .swiper-wrapper > .swiper-slide.swiper-slide-active + .swiper-slide,
  .swiper-updates3 > .swiper-wrapper > .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide,
  .swiper-about-whkt > .swiper-wrapper > .swiper-slide.swiper-slide-active,
  .swiper-about-whkt > .swiper-wrapper > .swiper-slide.swiper-slide-active + .swiper-slide,
  .swiper-about-whkt > .swiper-wrapper > .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide { display: block !important; width: 33.3333% !important; }

  /* === 首頁專屬：列印欄數對應需求 === */
  /* 1) 參觀及活動（.Swiper1）：2 欄 */
  .Swiper1 > .swiper-wrapper { display: flex !important; flex-wrap: nowrap !important; transform: none !important; }
  .Swiper1 > .swiper-wrapper > .swiper-slide { display: none !important; }
  .Swiper1 > .swiper-wrapper > .swiper-slide.swiper-slide-active,
  .Swiper1 > .swiper-wrapper > .swiper-slide.swiper-slide-active + .swiper-slide { display: block !important; width: 49% !important; margin-right: 1% !important; }
  .Swiper1 > .swiper-wrapper { justify-content: space-between !important; }

  /* 2) 中心設施及導覽（.swiperType）：2 欄 */
  .swiperType > .swiper-wrapper { display: flex !important; flex-wrap: nowrap !important; transform: none !important; }
  .swiperType > .swiper-wrapper > .swiper-slide { display: none !important; }
  .swiperType > .swiper-wrapper > .swiper-slide.swiper-slide-active,
  .swiperType > .swiper-wrapper > .swiper-slide.swiper-slide-active + .swiper-slide { display: block !important; width: 49% !important; margin-right: 1% !important; }
  .swiperType > .swiper-wrapper { justify-content: space-between !important; }

  /* 3) 樂活安居網誌（.Swiper4）：2 欄 */
  .Swiper4 > .swiper-wrapper { display: flex !important; flex-wrap: nowrap !important; transform: none !important; }
  .Swiper4 > .swiper-wrapper > .swiper-slide { display: none !important; }
  .Swiper4 > .swiper-wrapper > .swiper-slide.swiper-slide-active,
  .Swiper4 > .swiper-wrapper > .swiper-slide.swiper-slide-active + .swiper-slide { display: block !important; width: 49% !important; margin-right: 1% !important; }
  .Swiper4 > .swiper-wrapper { justify-content: space-between !important; }

  /* 4) 最新消息（.Swiper5）：3 欄 */
  .Swiper5 > .swiper-wrapper { display: flex !important; flex-wrap: nowrap !important; transform: none !important; }
  .Swiper5 > .swiper-wrapper > .swiper-slide { display: none !important; }
  .Swiper5 > .swiper-wrapper > .swiper-slide.swiper-slide-active,
  .Swiper5 > .swiper-wrapper > .swiper-slide.swiper-slide-active + .swiper-slide,
  .Swiper5 > .swiper-wrapper > .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide { display: block !important; width: 32% !important; }
  .Swiper5 > .swiper-wrapper { justify-content: space-between !important; }

  /* 5) 參加者/服務使用者心聲（.Swiper6 與 .swiper-testimonials）：3 欄 */
  .Swiper6 > .swiper-wrapper,
  .swiper-testimonials > .swiper-wrapper { display: flex !important; flex-wrap: nowrap !important; transform: none !important; }
  .Swiper6 > .swiper-wrapper > .swiper-slide,
  .swiper-testimonials > .swiper-wrapper > .swiper-slide { display: none !important; }
  .Swiper6 > .swiper-wrapper > .swiper-slide.swiper-slide-active,
  .Swiper6 > .swiper-wrapper > .swiper-slide.swiper-slide-active + .swiper-slide,
  .Swiper6 > .swiper-wrapper > .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide,
  .swiper-testimonials > .swiper-wrapper > .swiper-slide.swiper-slide-active,
  .swiper-testimonials > .swiper-wrapper > .swiper-slide.swiper-slide-active + .swiper-slide,
  .swiper-testimonials > .swiper-wrapper > .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide { display: block !important; width: 32% !important; }
  .Swiper6 > .swiper-wrapper,
  .swiper-testimonials > .swiper-wrapper { justify-content: space-between !important; }
  /* 移除 header */
  #navbarTogglerDemo02,
  #mainHeader .navtop,
  .mobile-header,
  #headertop {
    display: none !important;
  }

  /* 移除 footer */
  footer {
    display: none !important;
  }

  /* 移除 cookie notice */
  .cookies-notice {
    display: none !important;
  }

  /* 移除 scroll to top 按鈕 */
  .btn-scrolltop,
  .scrollToTop {
    display: none !important;
  }

  /* 移除 search wrapper */
  .searchWrapper {
    display: none !important;
  }

  /* 移除 skip to content 連結 */
  .skipToContent {
    display: none !important;
  }

  /* 確保 print 時顯示 desktop view 的元素 */
  .hidden-1200px {
    display: block !important;
  }

  .show-1200px {
    display: none !important;
  }

  /* 版面：盡量貼近 1199px 視圖，但避免超出紙張寬度 */
  html, body { width: auto !important; max-width: 100% !important; }
  .container { max-width: 1024px !important; width: 100% !important; margin: 0 auto !important; padding-left: 10px !important; padding-right: 10px !important; }
  *, *::before, *::after { box-sizing: border-box !important; max-width: 100% !important; }
  img, video, canvas, svg { max-width: 100% !important; height: auto !important; }
  .row { margin-left: 0 !important; margin-right: 0 !important; }
  [class^="col-"], [class*=" col-"] { padding-left: 10px !important; padding-right: 10px !important; }
  /* 列印時強制使用接近桌面(>=1200px)的欄位比例 */
  .col-md-12, .col-lg-12, .col-xl-12 { flex: 0 0 100% !important; max-width: 100% !important; }
  .col-md-11, .col-lg-11, .col-xl-11 { flex: 0 0 91.666667% !important; max-width: 91.666667% !important; }
  .col-md-10, .col-lg-10, .col-xl-10 { flex: 0 0 83.333333% !important; max-width: 83.333333% !important; }
  .col-md-9, .col-lg-9, .col-xl-9   { flex: 0 0 75% !important;          max-width: 75% !important; }
  .col-md-8, .col-lg-8, .col-xl-8   { flex: 0 0 66.666667% !important;   max-width: 66.666667% !important; }
  .col-md-7, .col-lg-7, .col-xl-7   { flex: 0 0 58.333333% !important;   max-width: 58.333333% !important; }
  .col-md-6, .col-lg-6, .col-xl-6   { flex: 0 0 50% !important;          max-width: 50% !important; }
  .col-md-5, .col-lg-5, .col-xl-5   { flex: 0 0 41.666667% !important;   max-width: 41.666667% !important; }
  .col-md-4, .col-lg-4, .col-xl-4   { flex: 0 0 33.333333% !important;   max-width: 33.333333% !important; }
  .col-md-3, .col-lg-3, .col-xl-3   { flex: 0 0 25% !important;          max-width: 25% !important; }
  .col-md-2, .col-lg-2, .col-xl-2   { flex: 0 0 16.666667% !important;   max-width: 16.666667% !important; }
  .col-md-1, .col-lg-1, .col-xl-1   { flex: 0 0 8.333333% !important;    max-width: 8.333333% !important; }
  p, div, span, a, li, td, th { overflow-wrap: anywhere !important; word-break: break-word !important; }

  /* 保留背景色與陰影，維持設計外觀（需在列印對話框勾選「列印背景圖形」） */

  /* 確保文字是黑色，方便打印閱讀 */
  body,
  p,
  div,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  a,
  span,
  li,
  td,
  th {
    color: #000 !important;
  }

  /* 列印不顯示連結 URL */
  a[href]:after { content: "" !important; }

  /* 確保圖片和媒體正常顯示 */
  img {
    max-width: 100% !important;
    height: auto !important;
    page-break-inside: avoid;
  }


  /* 自動對應 1024px 視圖（依據 swiper-custom.js 的 breakpoints） */
  /* 1 欄 */
  .swiper-carousel .swiper-wrapper .swiper-slide { display: none !important; }
  .swiper-carousel .swiper-wrapper .swiper-slide.swiper-slide-active { display: block !important; width: 100% !important; }
  /* 首頁 Banner：.bannerSwiper → 1 欄 */
  .bannerSwiper .swiper-wrapper .swiper-slide { display: none !important; }
  .bannerSwiper .swiper-wrapper .swiper-slide.swiper-slide-active { display: block !important; width: 100% !important; }
  /* 首頁 Banner：列印比例 16:9；僅顯示 active；用桌面版圖 */
  .banner-section .main-banner .bannerSwiper { height: auto !important; overflow: visible !important; }
  .banner-section .main-banner .bannerSwiper .swiper-wrapper { display: block !important; transform: none !important; }
  .banner-section .main-banner .bannerSwiper .main-ban { aspect-ratio: 16 / 9; position: relative; overflow: hidden; }
  .banner-section .main-banner .bannerSwiper .main-ban .bg-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
  .banner-section .main-banner .bannerSwiper .bg-image.hidden-768px { display: block !important; }
  .banner-section .main-banner .bannerSwiper .bg-image.show-768px { display: none !important; }


  /* 3 欄 */
  .swiper-mainthemes .swiper-wrapper .swiper-slide,
  .swiper-keydates-local .swiper-wrapper .swiper-slide,
  .swiper-keydates-nonlocal .swiper-wrapper .swiper-slide,
  .swiper-testimonials .swiper-wrapper .swiper-slide,
  .swiper-updates2 .swiper-wrapper .swiper-slide,
  .swiper-updates3 .swiper-wrapper .swiper-slide,
  .swiper-about-whkt .swiper-wrapper .swiper-slide { display: none !important; }
  .swiper-mainthemes .swiper-wrapper .swiper-slide.swiper-slide-active,
  .swiper-mainthemes .swiper-wrapper .swiper-slide.swiper-slide-active + .swiper-slide,
  .swiper-mainthemes .swiper-wrapper .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide,
  .swiper-keydates-local .swiper-wrapper .swiper-slide.swiper-slide-active,
  .swiper-keydates-local .swiper-wrapper .swiper-slide.swiper-slide-active + .swiper-slide,
  .swiper-keydates-local .swiper-wrapper .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide,
  .swiper-keydates-nonlocal .swiper-wrapper .swiper-slide.swiper-slide-active,
  .swiper-keydates-nonlocal .swiper-wrapper .swiper-slide.swiper-slide-active + .swiper-slide,
  .swiper-keydates-nonlocal .swiper-wrapper .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide,
  .swiper-testimonials .swiper-wrapper .swiper-slide.swiper-slide-active,
  .swiper-testimonials .swiper-wrapper .swiper-slide.swiper-slide-active + .swiper-slide,
  .swiper-testimonials .swiper-wrapper .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide,
  .swiper-updates2 .swiper-wrapper .swiper-slide.swiper-slide-active,
  .swiper-updates2 .swiper-wrapper .swiper-slide.swiper-slide-active + .swiper-slide,
  .swiper-updates2 .swiper-wrapper .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide,
  .swiper-updates3 .swiper-wrapper .swiper-slide.swiper-slide-active,
  .swiper-updates3 .swiper-wrapper .swiper-slide.swiper-slide-active + .swiper-slide,
  .swiper-updates3 .swiper-wrapper .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide,
  .swiper-about-whkt .swiper-wrapper .swiper-slide.swiper-slide-active,
  .swiper-about-whkt .swiper-wrapper .swiper-slide.swiper-slide-active + .swiper-slide,
  .swiper-about-whkt .swiper-wrapper .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide { display: block !important; width: 33.3333% !important; }

  /* 2 欄（updates1 在 1024 約 2.5，向下取整為 2） */
  .swiper-updates1 .swiper-wrapper .swiper-slide { display: none !important; }
  .swiper-updates1 .swiper-wrapper .swiper-slide.swiper-slide-active,
  .swiper-updates1 .swiper-wrapper .swiper-slide.swiper-slide-active + .swiper-slide { display: block !important; width: 50% !important; }

  /* .calendarSwiper：只顯示 1 個 active slide（不顯示 duplicate-active），並取消 transform/flex 多欄 */
  .calendarSwiper .swiper { overflow: visible !important; }
  .calendarSwiper .swiper > .swiper-wrapper { display: block !important; transform: none !important; }
  .calendarSwiper .swiper > .swiper-wrapper > .swiper-slide { display: none !important; width: 100% !important; }
  .calendarSwiper .swiper > .swiper-wrapper > .swiper-slide.swiper-slide-active { display: block !important; width: 100% !important; }

  /* 強制 1 欄：覆蓋任何預設 2 欄規則（更高優先度且放在檔案較後） */
  .main-banner .swiper-wrapper > .swiper-slide,
  .calendarSwiper .swiper-wrapper > .swiper-slide { width: 100% !important; }
  .main-banner .swiper-wrapper > .swiper-slide.swiper-slide-active + .swiper-slide,
  .calendarSwiper .swiper-wrapper > .swiper-slide.swiper-slide-active + .swiper-slide { display: none !important; width: 100% !important; }
  .main-banner .swiper-wrapper > .swiper-slide:not(.swiper-slide-active):not(.swiper-slide-duplicate-active),
  .calendarSwiper .swiper-wrapper > .swiper-slide:not(.swiper-slide-active):not(.swiper-slide-duplicate-active) { display: none !important; }

  /* 參觀及活動：.Swiper1 → 2 欄；卡片改為「文上圖下」 */
  .Swiper1 .swiper-wrapper .swiper-slide { display: none !important; }
  .Swiper1 .swiper-wrapper .swiper-slide.swiper-slide-active,
  .Swiper1 .swiper-wrapper .swiper-slide.swiper-slide-active + .swiper-slide { display: block !important; width: 50% !important; }
  /* 卡片內部改為直向排列：文字在上、圖片在下 */
  .Swiper1 .card-1 .row, .Swiper1 .card-1 .rowg-0 { display: block !important; }
  .Swiper1 .card-1-body { margin-bottom: 12px !important; }
  .Swiper1 .card-1-image { margin-top: 8px !important; }
  .Swiper1 .card-1 .col-12, .Swiper1 .card-1 [class*="col-xl-6"] { width: 100% !important; max-width: 100% !important; }

  /* 首頁：中心設施及導覽（.swiperType）— 列印卡片高度一致 */
  .swiperType .swiper-wrapper { align-items: stretch !important; }
  .swiperType .swiper-slide { display: block !important; height: auto !important; }
  .swiperType .hoverCard { display: flex !important; flex-direction: column !important; height: 100% !important; }
  .swiperType .full-image { aspect-ratio: 16 / 9; overflow: hidden; }
  .swiperType .full-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; }

  /* 直接以 .main-banner 限定：只顯示 active slide（加強選擇器避免被覆蓋） */
  .main-banner .swiper > .swiper-wrapper > .swiper-slide { display: none !important; }
  .main-banner .swiper > .swiper-wrapper > .swiper-slide.swiper-slide-active,
  .main-banner .swiper > .swiper-wrapper > .swiper-slide.swiper-slide-duplicate-active { display: block !important; width: 100% !important; }

  /* 保持 16:9 比例與圖片填滿（加強版） */
  .main-banner .swiper,
  .main-banner .bannerSwiper { height: auto !important; }
  .main-banner .swiper > .swiper-wrapper { height: auto !important; }
  .main-banner .swiper > .swiper-wrapper > .swiper-slide { height: auto !important; }
  .main-banner .main-ban { aspect-ratio: 16 / 9 !important; height: auto !important; position: relative; overflow: hidden; }
  .main-banner .main-ban .bg-image { width: 100% !important; height: 100% !important; }
  .main-banner .main-ban .bg-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }
  /* 列印：主視覺標題白底 */
  .main-banner .main-ban .filter-ban .title { background-color: #ffffff !important; }

  /* 列印：卡片類型文字改為白色（含內部元素） */
  .card-type, .card-type * { color: #ffffff !important; }

  /* 列印：保留按鈕原有色彩與邊框（避免被全域文字色覆蓋） */
  .btn,
  .btn-outline-primary,
  .btn-outline-secondary,
  .btn-primary,
  .btn-secondary {
    -webkit-print-color-adjust: exact !important;
            print-color-adjust: exact !important;
    color-adjust: exact !important;
  }

  .btn-primary {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: #ffffff !important;
  }
  .btn-secondary {
    background-color: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
    color: #ffffff !important;
  }
  .btn-outline-primary {
    background: transparent !important;
    border-color: var(--primary-color) !important;
    color: var(--primary-color) !important;
  }
  .btn-outline-secondary {
    background: transparent !important;
    border-color: var(--secondary-color) !important;
    color: var(--secondary-color) !important;
  }

  /* 移除固定定位，讓內容正常流動 */
  .fixed-button,
  .fixed-header,
  [style*="position: fixed"],
  [style*="position:fixed"] {
    position: static !important;
  }

  /* 保持必要的浮動和彈性布局 */
  .row {
    display: flex !important;
    flex-wrap: wrap !important;
  }

  /* 確保內容區域有適當的間距 */
  body {
    margin: 0 !important;
    padding: 20px !important;
  }

  /* 確保頁面邊距與紙張 */
  @page { size: A4 portrait; margin: 12mm; }

  /* 避免在頁面邊緣斷行 */
  h1, h2, h3, h4, h5, h6 {
    page-break-after: avoid;
    page-break-inside: avoid;
  }

  p, li, blockquote {
    page-break-inside: avoid;
  }

  /* 確保表格不會被分頁截斷 */
  table {
    page-break-inside: avoid;
  }

  /* 移除按鈕樣式，讓它看起來像普通文字 */
  button,
  .btn {
    border: none !important;
    background: transparent !important;
  }

  /* 移除下拉選單的箭頭等裝飾 */
  .dropdown-toggle::after {
    display: none !important;
  }

  /* 確保導航列表正常顯示 */
  ul, ol {
    list-style-position: outside !important;
  }
  .overflow-hidden.h-100,
  .withAutoHeight .swiper-slide .card-2 {
    height: auto !important;
  }
  /* 移除動畫和過渡效果 */
  *,
  *::before,
  *::after {
    animation: none !important;
    transition: none !important;
  }
    .fitler1 button.active {
      background-color: var(--primary-color) !important;
      color: white !important;
  }
  .Swiper5 .swiper-slide,
  .Swiper6 .swiper-slide,
  .swiper-testimonials .swiper-slide,
  .Swiper4 .swiper-slide,
  .swiper-about-whkt .swiper-slide {
    width: 32% !important;
    margin-right: 1% !important;
  }

  .small-circle {
    height: 60px !important;
    width: 60px !important;
  }
  .center-logo img {
    width: 16%
  }
  .info-box-left, .info-box{
    background: rgba(255, 255, 255, 0.95);
    width: 60% !important;
  }
}