.elementor-101776 .elementor-element.elementor-element-f301873{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-101776 .elementor-element.elementor-element-f301873:not(.elementor-motion-effects-element-type-background), .elementor-101776 .elementor-element.elementor-element-f301873 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FDF9F2;background-image:url("https://dethitracnghiem.vn/wp-content/uploads/2025/12/Tai-mau-5.png");}.elementor-101776 .elementor-element.elementor-element-d39cfe8{--display:flex;--justify-content:center;}.elementor-101776 .elementor-element.elementor-element-b2de112 img{border-radius:20px 20px 20px 20px;}.elementor-101776 .elementor-element.elementor-element-97550fe{--display:flex;}.elementor-101776 .elementor-element.elementor-element-b4f85bc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-101776 .elementor-element.elementor-element-5e24345{font-family:"Roboto Slab", Sans-serif;font-size:20px;}.elementor-101776 .elementor-element.elementor-element-ed9acd4{margin:-35px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-101776 .elementor-element.elementor-element-1b87772{--display:flex;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-101776 .elementor-element.elementor-element-fd1f947{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-101776 .elementor-element.elementor-element-7a36438{--display:flex;}.elementor-101776 .elementor-element.elementor-element-f07d53b{--display:flex;}.elementor-101776 .elementor-element.elementor-element-c69f24a{--display:flex;}.elementor-101776 .elementor-element.elementor-element-3934641{--display:flex;}.elementor-101776 .elementor-element.elementor-element-169b5bb{--display:flex;}.elementor-101776 .elementor-element.elementor-element-1ecc419{--display:flex;}.elementor-101776 .elementor-element.elementor-element-e82dc03{--display:flex;}.elementor-101776 .elementor-element.elementor-element-428ae58{--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:-30px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:-30px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-size:40px;--e-n-carousel-arrow-normal-color:#000000;--e-n-carousel-arrow-hover-color:#FD0000;--e-n-carousel-dots-normal-color:#0C0000;}.elementor-101776 .elementor-element.elementor-element-5a280fc{--display:flex;--margin-top:-15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-101776 .elementor-element.elementor-element-54394b6{--display:flex;}.elementor-101776 .elementor-element.elementor-element-8091d9a{--display:flex;}.elementor-101776 .elementor-element.elementor-element-282cb8f{--display:flex;}.elementor-101776 .elementor-element.elementor-element-d6dc5f5{--display:flex;}.elementor-101776 .elementor-element.elementor-element-07ab174{--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:-30px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:-30px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-size:40px;--e-n-carousel-arrow-normal-color:#000000;--e-n-carousel-arrow-hover-color:#FD0000;--e-n-carousel-dots-normal-color:#0C0000;}.elementor-101776 .elementor-element.elementor-element-41a32b8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-101776 .elementor-element.elementor-element-41a32b8:not(.elementor-motion-effects-element-type-background), .elementor-101776 .elementor-element.elementor-element-41a32b8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FDF9F2;}.elementor-101776 .elementor-element.elementor-element-7f02d6e{--divider-border-style:solid;--divider-color:#000;--divider-border-width:2px;}.elementor-101776 .elementor-element.elementor-element-7f02d6e .elementor-divider-separator{width:100%;margin:0 auto;margin-left:0;}.elementor-101776 .elementor-element.elementor-element-7f02d6e .elementor-divider{text-align:left;padding-block-start:2px;padding-block-end:2px;}.elementor-101776 .elementor-element.elementor-element-7f02d6e .elementor-divider__text{font-family:"Roboto Slab", Sans-serif;font-size:20px;font-weight:700;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-101776 .elementor-element.elementor-element-4f744d0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-101776 .elementor-element.elementor-element-4f744d0:not(.elementor-motion-effects-element-type-background), .elementor-101776 .elementor-element.elementor-element-4f744d0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FDF9F2;}.elementor-101776 .elementor-element.elementor-element-cdc2c46{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-101776 .elementor-element.elementor-element-3571196 img{width:78%;}.elementor-101776 .elementor-element.elementor-element-55269d5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-101776 .elementor-element.elementor-element-d39cfe8{--width:50%;}.elementor-101776 .elementor-element.elementor-element-97550fe{--width:50%;}.elementor-101776 .elementor-element.elementor-element-cdc2c46{--width:50%;}.elementor-101776 .elementor-element.elementor-element-55269d5{--width:50%;}}@media(max-width:1024px){.elementor-101776 .elementor-element.elementor-element-428ae58{--e-n-carousel-swiper-slides-to-display:2;}.elementor-101776 .elementor-element.elementor-element-07ab174{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-101776 .elementor-element.elementor-element-428ae58{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-arrow-prev-left-position:-20px;--e-n-carousel-arrow-next-right-position:-20px;}.elementor-101776 .elementor-element.elementor-element-07ab174{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-arrow-prev-left-position:-20px;--e-n-carousel-arrow-next-right-position:-20px;}}/* Start custom CSS for html, class: .elementor-element-c7adcfc */.update-badge{
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  display: inline-flex;
  align-items: center;
  gap: 12px;

  padding: 12px 22px;
  border-radius: 29px;

  color: #1d4ed8;            /* xanh chữ */
  background: #f4f8ff;       /* nền xanh nhạt */
  border: 2px solid #cfe0ff; /* viền xanh nhạt */
}

.update-badge__icon{
  width: 34px;
  height: 34px;
  border-radius: 999px;
  display: grid;
  place-items: center;

  color: #1d4ed8;
  background: #eaf2ff;
  flex: 0 0 auto;
}

.update-badge__text{
  font-size: 22px;      /* muốn nhỏ hơn: 18–20 */
  font-weight: 800;
  letter-spacing: 0.2px;
  line-height: 1;
  white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b4f85bc *//* Nền chung */
body {
  margin: 0;
  background: #F5F1ED;
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}
/* Tiêu đề chính */
.title {
  font-size: 50px;
  font-weight: 700;
  line-height: 1.22;
  margin: 0;
  padding: 0;
  /* Xanh đen giống mockup */
  color: #111827;
}

/* 9+ – cam đậm */
.highlight {
  background: linear-gradient(90deg, #f9a01b, #f57f17);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Lịch Sử – gradient cam → đỏ */
.subject {
  background: linear-gradient(90deg, #f57c21, #e53935);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Không cho cụm bị xuống dòng giữa chừng */
.nowrap {
  white-space: nowrap;
}

/* Thu nhỏ font trên màn hình nhỏ */
@media (max-width: 600px) {
  .title {
    font-size: 30px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ed9acd4 *//* Wrapper */
.cta-btns{
  display:flex;
  gap:13px;              /* đúng khoảng cách như ảnh */
  align-items:center;
}

/* Base button */
.btn{
  height:52px;           /* đúng chiều cao như ảnh */
  padding:0 28px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font:700 22px/1.1 system-ui,-apple-system,"Inter",Segoe UI,Roboto,Arial,sans-serif;
  text-decoration:none;
  user-select:none;
  transition:transform .12s ease, box-shadow .12s ease, background-color .12s ease, border-color .12s ease;
}

/* Left: blue filled */
.btn--primary{
  background:#1152D4;    /* màu xanh trong ảnh */
  color:#fff;
  border:1px solid transparent;
}
.btn--primary:hover{
  background:#0F49C0;
}
.btn--primary:active{
  transform:translateY(1px);
}

/* Right: white with gray border */
.btn--outline{
  background:#fff;
  color:#111827;
  border:1px solid #DDE0E7;   /* viền như ảnh */
  box-shadow:0 1px 0 rgba(16,24,40,.04);
}
.btn--outline:hover{
  border-color:#C9CEDA;
}
.btn--outline:active{
  transform:translateY(1px);
}

/* Focus (accessibility) */
.btn:focus-visible{
  outline:3px solid rgba(17,82,212,.25);
  outline-offset:3px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-26472db *//* KHÔNG dùng nền, chỉ dùng màu chữ + gạch dưới */
.exam-heading {
  background: transparent;      /* bỏ nền */
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Inter", sans-serif;
}

/* Hàng icon + tiêu đề */
.exam-heading__inner {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Icon màu xanh lá */
.exam-heading__icon {
  font-size: 18px;
  color: #16a34a;               /* xanh lá tươi */
}

/* Tiêu đề màu xanh đậm, in đậm */
.exam-heading__title {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  color: #022c22;               /* xanh đậm kiểu “forest” */
}

/* Nếu tiêu đề là link <a> thì giữ màu & bỏ gạch chân */
.exam-heading__title a {
  color: inherit;
  text-decoration: none;
}

/* Gạch mảnh phía dưới */
.exam-heading__divider {
  margin-top: 4px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.6);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-53f1ccd *//* ===== SECTION ĐỀ THI THỬ ===== */

.exam-section {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Inter", sans-serif;
}

.exam-section__inner {
  max-width: 360px;          /* tăng nếu muốn rộng hơn */
  margin: 0 auto;
}

/* Card chính */
.exam-card {
  background: #ffffff;
  border-radius: 16px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06);
  padding: 16px 18px 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Hàng trên cùng */
.exam-card__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* Badge HOT */
.exam-card__badge {
  display: inline-flex;
  align-items: center;
  padding: 2px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  background: #fee2e2;
  color: #b91c1c;
}

/* Views */
.exam-card__views {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  color: #9ca3af;
}

.exam-card__views-icon {
  font-size: 13px;
}

/* Tiêu đề đề thi */
.exam-card__title {
  margin: 0;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 600;
  color: #0f172a;
}

/* Meta info */
.exam-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  font-size: 12px;
  color: #6b7280;
}

.exam-card__meta-item {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.exam-card__meta-icon {
  font-size: 13px;
}

/* Nút hành động */
.exam-card__actions {
  display: flex;
  gap: 10px;
  margin-top: 6px;
}

.exam-card__btn {
  flex: 1;
  text-align: center;
  padding: 10px 0;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  border: 1px solid transparent;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease,
              box-shadow 0.15s ease, transform 0.15s ease, border-color 0.15s ease;
}

/* Nút "Làm bài" */
.exam-card__btn--primary {
  background: #f97316;  /* cam */
  color: #ffffff;
  box-shadow: 0 10px 20px rgba(249, 115, 22, 0.32);
}

.exam-card__btn--primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(249, 115, 22, 0.45);
}

/* Nút PDF */
.exam-card__btn--ghost {
  background: #ffffff;
  color: #0f172a;
  border-color: #e5e7eb;
}

.exam-card__btn--ghost:hover {
  background: #f9fafb;
}

/* Mobile full width */
@media (max-width: 480px) {
  .exam-section__inner {
    max-width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6417fd8 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */

.exam-card__badge--new {
  background: #eff6ff;   /* xanh nhạt */
  color: #2563eb;        /* xanh dương */
  border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f23648a *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
  background: #f3e8ff;   /* tím nhạt */
  color: #9333ea;        /* tím đậm */
  border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f10e9a7 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */

.exam-card__badge--new {
  background: #eff6ff;   /* xanh nhạt */
  color: #2563eb;        /* xanh dương */
  border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c2c1ca4 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */

.exam-card__badge--new {
  background: #eff6ff;   /* xanh nhạt */
  color: #2563eb;        /* xanh dương */
  border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eb71186 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */

.exam-card__badge--new {
  background: #eff6ff;   /* xanh nhạt */
  color: #2563eb;        /* xanh dương */
  border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9d860f3 *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
  background: #f3e8ff;   /* tím nhạt */
  color: #9333ea;        /* tím đậm */
  border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-53f1ccd *//* ===== SECTION ĐỀ THI THỬ ===== */

.exam-section {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Inter", sans-serif;
}

.exam-section__inner {
  max-width: 360px;          /* tăng nếu muốn rộng hơn */
  margin: 0 auto;
}

/* Card chính */
.exam-card {
  background: #ffffff;
  border-radius: 16px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06);
  padding: 16px 18px 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Hàng trên cùng */
.exam-card__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* Badge HOT */
.exam-card__badge {
  display: inline-flex;
  align-items: center;
  padding: 2px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  background: #fee2e2;
  color: #b91c1c;
}

/* Views */
.exam-card__views {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  color: #9ca3af;
}

.exam-card__views-icon {
  font-size: 13px;
}

/* Tiêu đề đề thi */
.exam-card__title {
  margin: 0;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 600;
  color: #0f172a;
}

/* Meta info */
.exam-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  font-size: 12px;
  color: #6b7280;
}

.exam-card__meta-item {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.exam-card__meta-icon {
  font-size: 13px;
}

/* Nút hành động */
.exam-card__actions {
  display: flex;
  gap: 10px;
  margin-top: 6px;
}

.exam-card__btn {
  flex: 1;
  text-align: center;
  padding: 10px 0;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  border: 1px solid transparent;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease,
              box-shadow 0.15s ease, transform 0.15s ease, border-color 0.15s ease;
}

/* Nút "Làm bài" */
.exam-card__btn--primary {
  background: #f97316;  /* cam */
  color: #ffffff;
  box-shadow: 0 10px 20px rgba(249, 115, 22, 0.32);
}

.exam-card__btn--primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(249, 115, 22, 0.45);
}

/* Nút PDF */
.exam-card__btn--ghost {
  background: #ffffff;
  color: #0f172a;
  border-color: #e5e7eb;
}

.exam-card__btn--ghost:hover {
  background: #f9fafb;
}

/* Mobile full width */
@media (max-width: 480px) {
  .exam-section__inner {
    max-width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6417fd8 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */

.exam-card__badge--new {
  background: #eff6ff;   /* xanh nhạt */
  color: #2563eb;        /* xanh dương */
  border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f23648a *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
  background: #f3e8ff;   /* tím nhạt */
  color: #9333ea;        /* tím đậm */
  border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f10e9a7 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */

.exam-card__badge--new {
  background: #eff6ff;   /* xanh nhạt */
  color: #2563eb;        /* xanh dương */
  border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c2c1ca4 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */

.exam-card__badge--new {
  background: #eff6ff;   /* xanh nhạt */
  color: #2563eb;        /* xanh dương */
  border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eb71186 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */

.exam-card__badge--new {
  background: #eff6ff;   /* xanh nhạt */
  color: #2563eb;        /* xanh dương */
  border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9d860f3 *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
  background: #f3e8ff;   /* tím nhạt */
  color: #9333ea;        /* tím đậm */
  border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-53f1ccd *//* ===== SECTION ĐỀ THI THỬ ===== */

.exam-section {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Inter", sans-serif;
}

.exam-section__inner {
  max-width: 360px;          /* tăng nếu muốn rộng hơn */
  margin: 0 auto;
}

/* Card chính */
.exam-card {
  background: #ffffff;
  border-radius: 16px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06);
  padding: 16px 18px 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Hàng trên cùng */
.exam-card__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* Badge HOT */
.exam-card__badge {
  display: inline-flex;
  align-items: center;
  padding: 2px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  background: #fee2e2;
  color: #b91c1c;
}

/* Views */
.exam-card__views {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  color: #9ca3af;
}

.exam-card__views-icon {
  font-size: 13px;
}

/* Tiêu đề đề thi */
.exam-card__title {
  margin: 0;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 600;
  color: #0f172a;
}

/* Meta info */
.exam-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  font-size: 12px;
  color: #6b7280;
}

.exam-card__meta-item {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.exam-card__meta-icon {
  font-size: 13px;
}

/* Nút hành động */
.exam-card__actions {
  display: flex;
  gap: 10px;
  margin-top: 6px;
}

.exam-card__btn {
  flex: 1;
  text-align: center;
  padding: 10px 0;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  border: 1px solid transparent;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease,
              box-shadow 0.15s ease, transform 0.15s ease, border-color 0.15s ease;
}

/* Nút "Làm bài" */
.exam-card__btn--primary {
  background: #f97316;  /* cam */
  color: #ffffff;
  box-shadow: 0 10px 20px rgba(249, 115, 22, 0.32);
}

.exam-card__btn--primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(249, 115, 22, 0.45);
}

/* Nút PDF */
.exam-card__btn--ghost {
  background: #ffffff;
  color: #0f172a;
  border-color: #e5e7eb;
}

.exam-card__btn--ghost:hover {
  background: #f9fafb;
}

/* Mobile full width */
@media (max-width: 480px) {
  .exam-section__inner {
    max-width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6417fd8 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */

.exam-card__badge--new {
  background: #eff6ff;   /* xanh nhạt */
  color: #2563eb;        /* xanh dương */
  border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f23648a *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
  background: #f3e8ff;   /* tím nhạt */
  color: #9333ea;        /* tím đậm */
  border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f10e9a7 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */

.exam-card__badge--new {
  background: #eff6ff;   /* xanh nhạt */
  color: #2563eb;        /* xanh dương */
  border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c2c1ca4 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */

.exam-card__badge--new {
  background: #eff6ff;   /* xanh nhạt */
  color: #2563eb;        /* xanh dương */
  border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eb71186 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */

.exam-card__badge--new {
  background: #eff6ff;   /* xanh nhạt */
  color: #2563eb;        /* xanh dương */
  border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9d860f3 *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
  background: #f3e8ff;   /* tím nhạt */
  color: #9333ea;        /* tím đậm */
  border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-53f1ccd *//* ===== SECTION ĐỀ THI THỬ ===== */

.exam-section {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Inter", sans-serif;
}

.exam-section__inner {
  max-width: 360px;          /* tăng nếu muốn rộng hơn */
  margin: 0 auto;
}

/* Card chính */
.exam-card {
  background: #ffffff;
  border-radius: 16px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06);
  padding: 16px 18px 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Hàng trên cùng */
.exam-card__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* Badge HOT */
.exam-card__badge {
  display: inline-flex;
  align-items: center;
  padding: 2px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  background: #fee2e2;
  color: #b91c1c;
}

/* Views */
.exam-card__views {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  color: #9ca3af;
}

.exam-card__views-icon {
  font-size: 13px;
}

/* Tiêu đề đề thi */
.exam-card__title {
  margin: 0;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 600;
  color: #0f172a;
}

/* Meta info */
.exam-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  font-size: 12px;
  color: #6b7280;
}

.exam-card__meta-item {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.exam-card__meta-icon {
  font-size: 13px;
}

/* Nút hành động */
.exam-card__actions {
  display: flex;
  gap: 10px;
  margin-top: 6px;
}

.exam-card__btn {
  flex: 1;
  text-align: center;
  padding: 10px 0;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  border: 1px solid transparent;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease,
              box-shadow 0.15s ease, transform 0.15s ease, border-color 0.15s ease;
}

/* Nút "Làm bài" */
.exam-card__btn--primary {
  background: #f97316;  /* cam */
  color: #ffffff;
  box-shadow: 0 10px 20px rgba(249, 115, 22, 0.32);
}

.exam-card__btn--primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(249, 115, 22, 0.45);
}

/* Nút PDF */
.exam-card__btn--ghost {
  background: #ffffff;
  color: #0f172a;
  border-color: #e5e7eb;
}

.exam-card__btn--ghost:hover {
  background: #f9fafb;
}

/* Mobile full width */
@media (max-width: 480px) {
  .exam-section__inner {
    max-width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6417fd8 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */

.exam-card__badge--new {
  background: #eff6ff;   /* xanh nhạt */
  color: #2563eb;        /* xanh dương */
  border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f23648a *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
  background: #f3e8ff;   /* tím nhạt */
  color: #9333ea;        /* tím đậm */
  border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f10e9a7 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */

.exam-card__badge--new {
  background: #eff6ff;   /* xanh nhạt */
  color: #2563eb;        /* xanh dương */
  border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c2c1ca4 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */

.exam-card__badge--new {
  background: #eff6ff;   /* xanh nhạt */
  color: #2563eb;        /* xanh dương */
  border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eb71186 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */

.exam-card__badge--new {
  background: #eff6ff;   /* xanh nhạt */
  color: #2563eb;        /* xanh dương */
  border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9d860f3 *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
  background: #f3e8ff;   /* tím nhạt */
  color: #9333ea;        /* tím đậm */
  border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-53f1ccd *//* ===== SECTION ĐỀ THI THỬ ===== */

.exam-section {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Inter", sans-serif;
}

.exam-section__inner {
  max-width: 360px;          /* tăng nếu muốn rộng hơn */
  margin: 0 auto;
}

/* Card chính */
.exam-card {
  background: #ffffff;
  border-radius: 16px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06);
  padding: 16px 18px 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Hàng trên cùng */
.exam-card__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* Badge HOT */
.exam-card__badge {
  display: inline-flex;
  align-items: center;
  padding: 2px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  background: #fee2e2;
  color: #b91c1c;
}

/* Views */
.exam-card__views {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  color: #9ca3af;
}

.exam-card__views-icon {
  font-size: 13px;
}

/* Tiêu đề đề thi */
.exam-card__title {
  margin: 0;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 600;
  color: #0f172a;
}

/* Meta info */
.exam-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  font-size: 12px;
  color: #6b7280;
}

.exam-card__meta-item {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.exam-card__meta-icon {
  font-size: 13px;
}

/* Nút hành động */
.exam-card__actions {
  display: flex;
  gap: 10px;
  margin-top: 6px;
}

.exam-card__btn {
  flex: 1;
  text-align: center;
  padding: 10px 0;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  border: 1px solid transparent;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease,
              box-shadow 0.15s ease, transform 0.15s ease, border-color 0.15s ease;
}

/* Nút "Làm bài" */
.exam-card__btn--primary {
  background: #f97316;  /* cam */
  color: #ffffff;
  box-shadow: 0 10px 20px rgba(249, 115, 22, 0.32);
}

.exam-card__btn--primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(249, 115, 22, 0.45);
}

/* Nút PDF */
.exam-card__btn--ghost {
  background: #ffffff;
  color: #0f172a;
  border-color: #e5e7eb;
}

.exam-card__btn--ghost:hover {
  background: #f9fafb;
}

/* Mobile full width */
@media (max-width: 480px) {
  .exam-section__inner {
    max-width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6417fd8 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */

.exam-card__badge--new {
  background: #eff6ff;   /* xanh nhạt */
  color: #2563eb;        /* xanh dương */
  border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f23648a *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
  background: #f3e8ff;   /* tím nhạt */
  color: #9333ea;        /* tím đậm */
  border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f10e9a7 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */

.exam-card__badge--new {
  background: #eff6ff;   /* xanh nhạt */
  color: #2563eb;        /* xanh dương */
  border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c2c1ca4 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */

.exam-card__badge--new {
  background: #eff6ff;   /* xanh nhạt */
  color: #2563eb;        /* xanh dương */
  border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eb71186 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */

.exam-card__badge--new {
  background: #eff6ff;   /* xanh nhạt */
  color: #2563eb;        /* xanh dương */
  border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9d860f3 *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
  background: #f3e8ff;   /* tím nhạt */
  color: #9333ea;        /* tím đậm */
  border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-53f1ccd *//* ===== SECTION ĐỀ THI THỬ ===== */

.exam-section {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Inter", sans-serif;
}

.exam-section__inner {
  max-width: 360px;          /* tăng nếu muốn rộng hơn */
  margin: 0 auto;
}

/* Card chính */
.exam-card {
  background: #ffffff;
  border-radius: 16px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06);
  padding: 16px 18px 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Hàng trên cùng */
.exam-card__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* Badge HOT */
.exam-card__badge {
  display: inline-flex;
  align-items: center;
  padding: 2px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  background: #fee2e2;
  color: #b91c1c;
}

/* Views */
.exam-card__views {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  color: #9ca3af;
}

.exam-card__views-icon {
  font-size: 13px;
}

/* Tiêu đề đề thi */
.exam-card__title {
  margin: 0;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 600;
  color: #0f172a;
}

/* Meta info */
.exam-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  font-size: 12px;
  color: #6b7280;
}

.exam-card__meta-item {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.exam-card__meta-icon {
  font-size: 13px;
}

/* Nút hành động */
.exam-card__actions {
  display: flex;
  gap: 10px;
  margin-top: 6px;
}

.exam-card__btn {
  flex: 1;
  text-align: center;
  padding: 10px 0;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  border: 1px solid transparent;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease,
              box-shadow 0.15s ease, transform 0.15s ease, border-color 0.15s ease;
}

/* Nút "Làm bài" */
.exam-card__btn--primary {
  background: #f97316;  /* cam */
  color: #ffffff;
  box-shadow: 0 10px 20px rgba(249, 115, 22, 0.32);
}

.exam-card__btn--primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(249, 115, 22, 0.45);
}

/* Nút PDF */
.exam-card__btn--ghost {
  background: #ffffff;
  color: #0f172a;
  border-color: #e5e7eb;
}

.exam-card__btn--ghost:hover {
  background: #f9fafb;
}

/* Mobile full width */
@media (max-width: 480px) {
  .exam-section__inner {
    max-width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6417fd8 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */

.exam-card__badge--new {
  background: #eff6ff;   /* xanh nhạt */
  color: #2563eb;        /* xanh dương */
  border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f23648a *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
  background: #f3e8ff;   /* tím nhạt */
  color: #9333ea;        /* tím đậm */
  border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f10e9a7 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */

.exam-card__badge--new {
  background: #eff6ff;   /* xanh nhạt */
  color: #2563eb;        /* xanh dương */
  border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c2c1ca4 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */

.exam-card__badge--new {
  background: #eff6ff;   /* xanh nhạt */
  color: #2563eb;        /* xanh dương */
  border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eb71186 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */

.exam-card__badge--new {
  background: #eff6ff;   /* xanh nhạt */
  color: #2563eb;        /* xanh dương */
  border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9d860f3 *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
  background: #f3e8ff;   /* tím nhạt */
  color: #9333ea;        /* tím đậm */
  border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-53f1ccd *//* ===== SECTION ĐỀ THI THỬ ===== */

.exam-section {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Inter", sans-serif;
}

.exam-section__inner {
  max-width: 360px;          /* tăng nếu muốn rộng hơn */
  margin: 0 auto;
}

/* Card chính */
.exam-card {
  background: #ffffff;
  border-radius: 16px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06);
  padding: 16px 18px 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Hàng trên cùng */
.exam-card__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* Badge HOT */
.exam-card__badge {
  display: inline-flex;
  align-items: center;
  padding: 2px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  background: #fee2e2;
  color: #b91c1c;
}

/* Views */
.exam-card__views {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  color: #9ca3af;
}

.exam-card__views-icon {
  font-size: 13px;
}

/* Tiêu đề đề thi */
.exam-card__title {
  margin: 0;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 600;
  color: #0f172a;
}

/* Meta info */
.exam-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  font-size: 12px;
  color: #6b7280;
}

.exam-card__meta-item {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.exam-card__meta-icon {
  font-size: 13px;
}

/* Nút hành động */
.exam-card__actions {
  display: flex;
  gap: 10px;
  margin-top: 6px;
}

.exam-card__btn {
  flex: 1;
  text-align: center;
  padding: 10px 0;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  border: 1px solid transparent;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease,
              box-shadow 0.15s ease, transform 0.15s ease, border-color 0.15s ease;
}

/* Nút "Làm bài" */
.exam-card__btn--primary {
  background: #f97316;  /* cam */
  color: #ffffff;
  box-shadow: 0 10px 20px rgba(249, 115, 22, 0.32);
}

.exam-card__btn--primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(249, 115, 22, 0.45);
}

/* Nút PDF */
.exam-card__btn--ghost {
  background: #ffffff;
  color: #0f172a;
  border-color: #e5e7eb;
}

.exam-card__btn--ghost:hover {
  background: #f9fafb;
}

/* Mobile full width */
@media (max-width: 480px) {
  .exam-section__inner {
    max-width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6417fd8 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */

.exam-card__badge--new {
  background: #eff6ff;   /* xanh nhạt */
  color: #2563eb;        /* xanh dương */
  border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f23648a *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
  background: #f3e8ff;   /* tím nhạt */
  color: #9333ea;        /* tím đậm */
  border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f10e9a7 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */

.exam-card__badge--new {
  background: #eff6ff;   /* xanh nhạt */
  color: #2563eb;        /* xanh dương */
  border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c2c1ca4 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */

.exam-card__badge--new {
  background: #eff6ff;   /* xanh nhạt */
  color: #2563eb;        /* xanh dương */
  border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eb71186 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */

.exam-card__badge--new {
  background: #eff6ff;   /* xanh nhạt */
  color: #2563eb;        /* xanh dương */
  border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9d860f3 *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
  background: #f3e8ff;   /* tím nhạt */
  color: #9333ea;        /* tím đậm */
  border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-53f1ccd *//* ===== SECTION ĐỀ THI THỬ ===== */

.exam-section {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Inter", sans-serif;
}

.exam-section__inner {
  max-width: 360px;          /* tăng nếu muốn rộng hơn */
  margin: 0 auto;
}

/* Card chính */
.exam-card {
  background: #ffffff;
  border-radius: 16px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06);
  padding: 16px 18px 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Hàng trên cùng */
.exam-card__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* Badge HOT */
.exam-card__badge {
  display: inline-flex;
  align-items: center;
  padding: 2px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  background: #fee2e2;
  color: #b91c1c;
}

/* Views */
.exam-card__views {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  color: #9ca3af;
}

.exam-card__views-icon {
  font-size: 13px;
}

/* Tiêu đề đề thi */
.exam-card__title {
  margin: 0;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 600;
  color: #0f172a;
}

/* Meta info */
.exam-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  font-size: 12px;
  color: #6b7280;
}

.exam-card__meta-item {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.exam-card__meta-icon {
  font-size: 13px;
}

/* Nút hành động */
.exam-card__actions {
  display: flex;
  gap: 10px;
  margin-top: 6px;
}

.exam-card__btn {
  flex: 1;
  text-align: center;
  padding: 10px 0;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  border: 1px solid transparent;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease,
              box-shadow 0.15s ease, transform 0.15s ease, border-color 0.15s ease;
}

/* Nút "Làm bài" */
.exam-card__btn--primary {
  background: #f97316;  /* cam */
  color: #ffffff;
  box-shadow: 0 10px 20px rgba(249, 115, 22, 0.32);
}

.exam-card__btn--primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(249, 115, 22, 0.45);
}

/* Nút PDF */
.exam-card__btn--ghost {
  background: #ffffff;
  color: #0f172a;
  border-color: #e5e7eb;
}

.exam-card__btn--ghost:hover {
  background: #f9fafb;
}

/* Mobile full width */
@media (max-width: 480px) {
  .exam-section__inner {
    max-width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6417fd8 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */

.exam-card__badge--new {
  background: #eff6ff;   /* xanh nhạt */
  color: #2563eb;        /* xanh dương */
  border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f23648a *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
  background: #f3e8ff;   /* tím nhạt */
  color: #9333ea;        /* tím đậm */
  border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f10e9a7 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */

.exam-card__badge--new {
  background: #eff6ff;   /* xanh nhạt */
  color: #2563eb;        /* xanh dương */
  border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c2c1ca4 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */

.exam-card__badge--new {
  background: #eff6ff;   /* xanh nhạt */
  color: #2563eb;        /* xanh dương */
  border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eb71186 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */

.exam-card__badge--new {
  background: #eff6ff;   /* xanh nhạt */
  color: #2563eb;        /* xanh dương */
  border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9d860f3 *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
  background: #f3e8ff;   /* tím nhạt */
  color: #9333ea;        /* tím đậm */
  border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2acd8e8 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */

.exam-card__badge--new {
  background: #eff6ff;   /* xanh nhạt */
  color: #2563eb;        /* xanh dương */
  border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d0d466f *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
  background: #f3e8ff;   /* tím nhạt */
  color: #9333ea;        /* tím đậm */
  border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8925e2e *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */

.exam-card__badge--new {
  background: #eff6ff;   /* xanh nhạt */
  color: #2563eb;        /* xanh dương */
  border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8b5d3c4 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */

.exam-card__badge--new {
  background: #eff6ff;   /* xanh nhạt */
  color: #2563eb;        /* xanh dương */
  border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2acd8e8 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */

.exam-card__badge--new {
  background: #eff6ff;   /* xanh nhạt */
  color: #2563eb;        /* xanh dương */
  border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d0d466f *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
  background: #f3e8ff;   /* tím nhạt */
  color: #9333ea;        /* tím đậm */
  border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8925e2e *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */

.exam-card__badge--new {
  background: #eff6ff;   /* xanh nhạt */
  color: #2563eb;        /* xanh dương */
  border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8b5d3c4 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */

.exam-card__badge--new {
  background: #eff6ff;   /* xanh nhạt */
  color: #2563eb;        /* xanh dương */
  border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2acd8e8 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */

.exam-card__badge--new {
  background: #eff6ff;   /* xanh nhạt */
  color: #2563eb;        /* xanh dương */
  border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d0d466f *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
  background: #f3e8ff;   /* tím nhạt */
  color: #9333ea;        /* tím đậm */
  border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8925e2e *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */

.exam-card__badge--new {
  background: #eff6ff;   /* xanh nhạt */
  color: #2563eb;        /* xanh dương */
  border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8b5d3c4 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */

.exam-card__badge--new {
  background: #eff6ff;   /* xanh nhạt */
  color: #2563eb;        /* xanh dương */
  border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2acd8e8 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */

.exam-card__badge--new {
  background: #eff6ff;   /* xanh nhạt */
  color: #2563eb;        /* xanh dương */
  border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d0d466f *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
  background: #f3e8ff;   /* tím nhạt */
  color: #9333ea;        /* tím đậm */
  border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8925e2e *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */

.exam-card__badge--new {
  background: #eff6ff;   /* xanh nhạt */
  color: #2563eb;        /* xanh dương */
  border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8b5d3c4 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */

.exam-card__badge--new {
  background: #eff6ff;   /* xanh nhạt */
  color: #2563eb;        /* xanh dương */
  border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2acd8e8 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */

.exam-card__badge--new {
  background: #eff6ff;   /* xanh nhạt */
  color: #2563eb;        /* xanh dương */
  border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d0d466f *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
  background: #f3e8ff;   /* tím nhạt */
  color: #9333ea;        /* tím đậm */
  border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8925e2e *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */

.exam-card__badge--new {
  background: #eff6ff;   /* xanh nhạt */
  color: #2563eb;        /* xanh dương */
  border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8b5d3c4 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */

.exam-card__badge--new {
  background: #eff6ff;   /* xanh nhạt */
  color: #2563eb;        /* xanh dương */
  border-color: #bfdbfe;
}/* End custom CSS */