.elementor-2618 .elementor-element.elementor-element-bc336e7{--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:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-2618 .elementor-element.elementor-element-bc336e7:not(.elementor-motion-effects-element-type-background), .elementor-2618 .elementor-element.elementor-element-bc336e7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://tracnghiemcanhan.com/wp-content/uploads/2025/09/Tai-mau-56.png");}.elementor-2618 .elementor-element.elementor-element-d8beb8e{--display:flex;--min-height:0px;--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;--justify-content:center;}.elementor-2618 .elementor-element.elementor-element-b2ef263{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2618 .elementor-element.elementor-element-fa52df2 img{width:100%;max-width:100%;height:380px;border-radius:20px 20px 20px 20px;}.elementor-2618 .elementor-element.elementor-element-fc3d056{--display:flex;--min-height:0px;}.elementor-2618 .elementor-element.elementor-element-fc3d056.e-con{--align-self:center;}.elementor-2618 .elementor-element.elementor-element-0589877{--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;}.elementor-2618 .elementor-element.elementor-element-e7af47a{--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-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-2618 .elementor-element.elementor-element-8a629ed{border-radius:15px 15px 15px 15px;}.elementor-2618 .elementor-element.elementor-element-8a629ed .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:36px;font-weight:600;line-height:42px;}.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-2618 .elementor-element.elementor-element-58233e6{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:400;}.elementor-2618 .elementor-element.elementor-element-3be673d{--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-2618 .elementor-element.elementor-element-3be673d.e-con{--align-self:center;}.elementor-2618 .elementor-element.elementor-element-29250c9{text-align:center;}.elementor-2618 .elementor-element.elementor-element-29250c9 img{width:100%;max-width:100%;height:339px;}.elementor-2618 .elementor-element.elementor-element-a18ffb4{--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-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-2618 .elementor-element.elementor-element-8c33cc0{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-2618 .elementor-element.elementor-element-8c33cc0 .elementor-divider-separator{width:100%;}.elementor-2618 .elementor-element.elementor-element-8c33cc0 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-2618 .elementor-element.elementor-element-8c33cc0 .elementor-divider__text{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:400;}.elementor-2618 .elementor-element.elementor-element-7e3aa94{--display:flex;}.elementor-2618 .elementor-element.elementor-element-4a08e24{--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:-50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2618 .elementor-element.elementor-element-ccdeece.elementor-element{--align-self:center;}.elementor-2618 .elementor-element.elementor-element-2d2cb53{--display:flex;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-2618 .elementor-element.elementor-element-b2ef263{--width:40%;}.elementor-2618 .elementor-element.elementor-element-fc3d056{--width:55%;}.elementor-2618 .elementor-element.elementor-element-e7af47a{--width:70%;}.elementor-2618 .elementor-element.elementor-element-3be673d{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-bc65457 */:root{
  --indigo-900:#0f2167;
  --indigo-700:#1e40af;
  --indigo-600:#2563eb;
  --amber-500:#f59e0b;
  --amber-600:#d97706;
}

/* Hero */
.hero-b{
  width:100%;
}

/* Content */
.hero-b__content{
  max-width:900px;
}

/* Pill highlight */
.pill{
  display:inline-block;
  background:#fff7e6;
  color:var(--amber-600);
  padding:8px 14px;
  border-radius:999px;
  font:600 13px/1.1 system-ui, sans-serif;
  box-shadow:0 2px 6px rgba(245,158,11,.25);
}

/* Heading */
.hero-b h1{
  margin:18px 0 12px;
  font:800 42px/1.2 "Inter", system-ui, sans-serif;
  color:var(--indigo-900);
  letter-spacing:-.01em;
}
.hero-b h1 span{ color:var(--indigo-600); }

.lead{
  margin:0 0 20px;
  color:black;
  font:500 19px/1.6 "Inter", system-ui, sans-serif;
}

/* Meta badges */
.meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  margin-bottom:28px;
}
.badge{
  background:#fff;
  color:var(--indigo-700);
  border:1px solid #c6d7ff;
  padding:8px 12px;
  border-radius:10px;
  font:700 13px/1 "Inter", sans-serif;
}
.badge.outline{
  background:transparent;
  border:1px dashed #9db8ff;
}
.dot{ color:#94a3b8; }

/* CTA buttons */
.cta{ display:flex; gap:16px; flex-wrap:wrap; }

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:46px;
  padding:0 20px;
  border-radius:12px;
  text-decoration:none;
  font:700 15px/1 "Inter", sans-serif;
  transition:.15s ease;
}

.btn-primary{
  background:linear-gradient(135deg, var(--amber-500), #ffb547);
  color:#1f2937;
  box-shadow:0 6px 16px rgba(245,158,11,.35);
}
.btn-primary:hover{ transform:translateY(-2px); }

.btn-ghost{
  background:#fff;
  border:1px solid #c6d7ff;
  color:var(--indigo-700);
}
.btn-ghost:hover{ box-shadow:0 6px 16px rgba(30,64,175,.15); }

/* Responsive */
@media(max-width:768px){
  .hero-b h1{ font-size:32px; }
  .btn{ height:44px; padding:0 16px; }
}
/* Hàng hành động: meta + CTA cùng 1 hàng */
.actions{
  display:flex;
  align-items:center;
  gap:16px;             /* khoảng cách giữa meta và nút */
  margin-top:16px;
}

/* Meta giữ dạng hàng, không xuống dòng trên desktop */
.meta{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:nowrap;
  margin:0;             /* bỏ margin-bottom cũ nếu có */
}

/* Nút giữ kích thước gọn để đứng cùng hàng */
.btn{
  height:46px;
  padding:0 18px;
  white-space:nowrap;   /* không cho xuống dòng chữ trong nút */
}

@media (max-width: 640px){
  .actions{ flex-wrap:wrap; gap:12px; }
  .btn{ width:100%; order:2; }
  .meta{ order:1; flex-wrap:wrap; }
}/* End custom CSS */