.elementor-15 .elementor-element.elementor-element-6fc85f4{--display:flex;--min-height:0px;}.elementor-15 .elementor-element.elementor-element-0695eed{width:100%;max-width:100%;}.elementor-15 .elementor-element.elementor-element-fa14350{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-15 .elementor-element.elementor-element-d9c413f{text-align:center;}.elementor-15 .elementor-element.elementor-element-d9c413f .elementor-heading-title{font-family:"Noto Serif Georgian", Sans-serif;font-size:32px;font-weight:900;color:#0C3963;}.elementor-15 .elementor-element.elementor-element-9f50c97{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-15 .elementor-element.elementor-element-ccdebf0{text-align:center;font-family:"Noto Color Emoji", Sans-serif;font-size:14px;font-weight:400;color:#0C3963;}.elementor-15 .elementor-element.elementor-element-76b5d86{--display:flex;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}@media(min-width:768px){.elementor-15 .elementor-element.elementor-element-6fc85f4{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-0695eed *//* Import font giống mẫu */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;800&family=Source+Sans+3:wght@400;600;700&display=swap');

/* Hero full chiều ngang */
.hero-ibc {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 70vh;
  padding: 100px 7vw;
  background: #0C3963;
  overflow: hidden;
  width: 100%;
  margin: 0;
}

/* Ảnh bên phải – desktop */
.hero-ibc::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 45%;
  height: 100%;
  background-image: url("https://wandernotes.store/wp-content/uploads/2025/12/photo-1522071820081-009f0129c71c-1.avif");
  background-size: cover;
  background-position: center;
  filter: brightness(0.55) blur(1.2px);
  transform: scale(1.05);
  clip-path: polygon(18% 0, 100% 0, 100% 100%, 0 100%);
  z-index: 1;
}

/* Nội dung chữ bên trái */
.hero-content {
  position: relative;
  z-index: 2;
  max-width: 580px;
  color: #ffffff;
  font-family: 'Source Sans 3', sans-serif; /* Body font mới */
}

.hero-content h1 {
  font-family: 'Playfair Display', serif;   /* Heading giống mẫu */
  font-size: 56px;
  line-height: 1.1;
  margin: 0 0 24px;
  font-weight: 800;
  color: #ffffff;
}

.hero-content p {
  font-family: 'Source Sans 3', sans-serif;
  font-size: 18px;
  line-height: 1.6;
  margin: 0 0 32px;
  color: rgba(255, 255, 255, 0.9); /* trắng dịu giống hình */
}

/* Nhóm nút */
.hero-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
}

/* Nút chính */
.btn-primary {
  background: #FFFFFF;
  color: #0C3963;
  padding: 14px 30px;
  border-radius: 999px;
  font-weight: 700;
  text-decoration: none;
  border: 2px solid #FFFFFF;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 0.06em;
  font-family: 'Source Sans 3', sans-serif;
}

/* Nút viền */
.btn-outline {
  background: transparent;
  color: #FFFFFF;
  padding: 14px 30px;
  border-radius: 999px;
  font-weight: 700;
  text-decoration: none;
  border: 2px solid #FFFFFF;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 0.06em;
  font-family: 'Source Sans 3', sans-serif;
}

/* Hover nhẹ */
.btn-primary:hover,
.btn-outline:hover {
  opacity: 0.9;
}

/* Tablet & Mobile */
@media (max-width: 1024px) {
  .hero-ibc {
    min-height: auto;
    padding: 80px 24px;
    justify-content: center;
  }

  .hero-ibc::before {
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    clip-path: none;
    background-position: center;
    filter: brightness(0.25) blur(2px);
    transform: scale(1.1);
    opacity: 0.55;
  }

  .hero-content {
    max-width: 100%;
    text-align: left;
  }
}

/* Mobile nhỏ */
@media (max-width: 768px) {
  .hero-content h1 {
    font-size: 36px;
  }

  .hero-content p {
    font-size: 16px;
  }

  .hero-buttons {
    flex-direction: column;
    align-items: flex-start;
  }

  .btn-primary,
  .btn-outline {
    width: auto;
  }
}/* End custom CSS */