.elementor-1306 .elementor-element.elementor-element-84e9d8{--display:flex;}.elementor-1306 .elementor-element.elementor-element-2ed14b3a{--display:flex;}.elementor-1306 .elementor-element.elementor-element-734d9edf{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1306 .elementor-element.elementor-element-4509f96c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1306 .elementor-element.elementor-element-32d75d52{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1306 .elementor-element.elementor-element-49d4d4ff{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1306 .elementor-element.elementor-element-47c5c2d2{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.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-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-1306 .elementor-element.elementor-element-34f01158{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-button .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-1306 .elementor-element.elementor-element-7e9bbfc2 .elementor-button{background-color:#A78252;}.elementor-1306 .elementor-element.elementor-element-193d0270{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;}.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-1306 .elementor-element.elementor-element-4950f4f3{width:100%;max-width:100%;}.elementor-1306 .elementor-element.elementor-element-453cc73a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1306 .elementor-element.elementor-element-5375718f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1306 .elementor-element.elementor-element-410ae374{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-1306 .elementor-element.elementor-element-261b3174{width:100%;max-width:100%;}.elementor-1306 .elementor-element.elementor-element-261b3174.elementor-element{--align-self:stretch;}.elementor-1306 .elementor-element.elementor-element-26b42a12{width:100%;max-width:100%;}.elementor-1306 .elementor-element.elementor-element-26b42a12.elementor-element{--align-self:stretch;}.elementor-1306 .elementor-element.elementor-element-7220a4be{width:100%;max-width:100%;}.elementor-1306 .elementor-element.elementor-element-7220a4be.elementor-element{--align-self:stretch;}.elementor-1306 .elementor-element.elementor-element-6b9ace34{width:100%;max-width:100%;}.elementor-1306 .elementor-element.elementor-element-6b9ace34.elementor-element{--align-self:stretch;}.elementor-1306 .elementor-element.elementor-element-4635f06b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1306 .elementor-element.elementor-element-5acb621a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1306 .elementor-element.elementor-element-547baab0{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.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 );}.elementor-1306 .elementor-element.elementor-element-3d0a4094{--grid-columns:3;}.elementor-1306 .elementor-element.elementor-element-3d0a4094 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-1306 .elementor-element.elementor-element-3d0a4094 .e-loop-item > .elementor-section, .elementor-1306 .elementor-element.elementor-element-3d0a4094 .e-loop-item > .elementor-section > .elementor-container, .elementor-1306 .elementor-element.elementor-element-3d0a4094 .e-loop-item > .e-con, .elementor-1306 .elementor-element.elementor-element-3d0a4094 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-1306 .elementor-element.elementor-element-3d0a4094 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-1306 .elementor-element.elementor-element-3d0a4094 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-1306 .elementor-element.elementor-element-3d0a4094 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-1306 .elementor-element.elementor-element-3d0a4094 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-1306 .elementor-element.elementor-element-3d0a4094 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-1306 .elementor-element.elementor-element-7d434645{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1306 .elementor-element.elementor-element-377f5ab2{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1306 .elementor-element.elementor-element-2c2f43f7{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;}.elementor-1306 .elementor-element.elementor-element-34aae4af{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1306 .elementor-element.elementor-element-45fea501{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-1306 .elementor-element.elementor-element-3d089ae1{width:auto;max-width:auto;}.elementor-1306 .elementor-element.elementor-element-268014f7{width:auto;max-width:auto;}.elementor-1306 .elementor-element.elementor-element-268014f7 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1306 .elementor-element.elementor-element-2a5883d3{--display:flex;--justify-content:space-around;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;}.elementor-1306 .elementor-element.elementor-element-1cedf0db img{width:100%;}@media(min-width:768px){.elementor-1306 .elementor-element.elementor-element-84e9d8{--width:100%;}.elementor-1306 .elementor-element.elementor-element-4509f96c{--width:100%;}.elementor-1306 .elementor-element.elementor-element-32d75d52{--width:100%;}.elementor-1306 .elementor-element.elementor-element-453cc73a{--width:100%;}.elementor-1306 .elementor-element.elementor-element-5375718f{--width:100%;}.elementor-1306 .elementor-element.elementor-element-410ae374{--width:100%;}.elementor-1306 .elementor-element.elementor-element-4635f06b{--width:100%;}.elementor-1306 .elementor-element.elementor-element-5acb621a{--width:100%;}.elementor-1306 .elementor-element.elementor-element-547baab0{--width:100%;}.elementor-1306 .elementor-element.elementor-element-7d434645{--width:100%;}.elementor-1306 .elementor-element.elementor-element-377f5ab2{--width:100%;}.elementor-1306 .elementor-element.elementor-element-2c2f43f7{--width:100%;}.elementor-1306 .elementor-element.elementor-element-34aae4af{--width:100%;}.elementor-1306 .elementor-element.elementor-element-2a5883d3{--width:100%;}}@media(max-width:1024px){.elementor-1306 .elementor-element.elementor-element-3d0a4094{--grid-columns:2;}}@media(max-width:767px){.elementor-1306 .elementor-element.elementor-element-3d0a4094{--grid-columns:1;}}/* Start custom CSS for container, class: .elementor-element-734d9edf *//* ==========================================================
   GÓC CÓ GU — GỢI Ý SETUP
   CHILD CATEGORY HERO

   V5 — DARK SELECT HERO

   Structure:
   Child Hero
   └── Child Hero Inner
       └── Child Hero Card
           ├── Child Hero Main
           │   ├── Child Hero Copy
           │   └── Child Hero Context
           └── Child Hero Visual

   Direction:
   - Đồng bộ với Final Explore dark card
   - Tạo bookend: Dark Hero → Light Content → Dark Closing
   - Navy + Cream + Acid
   - Context dùng Navy 2
   - Max width 1192px
   - Giữ nguyên responsive
========================================================== */


/* ==========================================================
   01. SECTION ROOT
========================================================== */

.elementor-1306 .elementor-element.elementor-element-734d9edf {
  --gys-navy: #0E1321;
  --gys-navy-2: #161D30;
  --gys-cream: #EDE7DD;
  --gys-paper: #F7F3ED;
  --gys-acid: #C7D69B;
  --gys-muted: #AEB6C6;
  --gys-muted-2: #98A0AF;

  width:
    100% !important;

  max-width:
    none !important;

  min-width:
    0 !important;

  margin:
    0 !important;

  padding:
    0 !important;

  background:
    transparent !important;

  overflow:
    visible !important;
}


.elementor-1306 .elementor-element.elementor-element-734d9edf > .e-con-inner {
  width:
    100% !important;

  max-width:
    none !important;

  min-width:
    0 !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


/* ==========================================================
   02. INNER — 1192PX
========================================================== */

.elementor-1306 .elementor-element.elementor-element-734d9edf
.gcg-child-hero-inner {
  width:
    min(
      1192px,
      calc(100% - 48px)
    ) !important;

  max-width:
    1192px !important;

  min-width:
    0 !important;

  align-self:
    center !important;

  margin:
    0 auto !important;

  padding:
    0 !important;
}


.elementor-1306 .elementor-element.elementor-element-734d9edf
.gcg-child-hero-inner > .e-con-inner {
  width:
    100% !important;

  max-width:
    100% !important;

  min-width:
    0 !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


/* ==========================================================
   03. HERO CARD
========================================================== */

.elementor-1306 .elementor-element.elementor-element-734d9edf
.gcg-child-hero-card {
  position:
    relative !important;

  isolation:
    isolate !important;

  width:
    100% !important;

  max-width:
    100% !important;

  min-width:
    0 !important;

  min-height:
    420px !important;

  display:
    grid !important;

  grid-template-columns:
    minmax(0,1.48fr)
    minmax(350px,.86fr) !important;

  align-items:
    stretch !important;

  gap:
    0 !important;

  margin:
    0 !important;

  padding:
    0 !important;

  border:
    1px solid
    rgba(237,231,221,.14) !important;

  border-radius:
    20px !important;

  background:
    var(--gys-navy) !important;

  box-shadow:
    0
    22px
    56px
    rgba(14,19,33,.11) !important;

  overflow:
    hidden !important;
}


/* Elementor wrapper fallback */

.elementor-1306 .elementor-element.elementor-element-734d9edf
.gcg-child-hero-card > .e-con-inner {
  width:
    100% !important;

  max-width:
    100% !important;

  min-width:
    0 !important;

  min-height:
    420px !important;

  display:
    grid !important;

  grid-template-columns:
    minmax(0,1.48fr)
    minmax(350px,.86fr) !important;

  align-items:
    stretch !important;

  gap:
    0 !important;

  margin:
    0 !important;

  padding:
    0 !important;

  background:
    transparent !important;
}


/* ==========================================================
   04. HERO MAIN
========================================================== */

.elementor-1306 .elementor-element.elementor-element-734d9edf
.gcg-child-hero-main {
  width:
    100% !important;

  min-width:
    0 !important;

  min-height:
    420px !important;

  display:
    grid !important;

  grid-template-columns:
    minmax(0,1.08fr)
    minmax(245px,.72fr) !important;

  align-items:
    stretch !important;

  gap:
    0 !important;

  margin:
    0 !important;

  padding:
    48px
    0
    48px
    48px !important;

  background:
    radial-gradient(
      circle at 10% 18%,
      rgba(199,214,155,.07) 0%,
      rgba(199,214,155,0) 36%
    ),
    var(--gys-navy) !important;
}


.elementor-1306 .elementor-element.elementor-element-734d9edf
.gcg-child-hero-main > .e-con-inner {
  width:
    100% !important;

  max-width:
    100% !important;

  min-width:
    0 !important;

  display:
    grid !important;

  grid-template-columns:
    minmax(0,1.08fr)
    minmax(245px,.72fr) !important;

  align-items:
    stretch !important;

  gap:
    0 !important;

  margin:
    0 !important;

  padding:
    0 !important;

  background:
    transparent !important;
}


/* ==========================================================
   05. HERO COPY
========================================================== */

.elementor-1306 .elementor-element.elementor-element-734d9edf
.gcg-child-hero-copy {
  width:
    100% !important;

  min-width:
    0 !important;

  display:
    flex !important;

  flex-direction:
    column !important;

  align-items:
    flex-start !important;

  justify-content:
    center !important;

  gap:
    0 !important;

  margin:
    0 !important;

  padding:
    0
    46px
    0
    0 !important;
}


.elementor-1306 .elementor-element.elementor-element-734d9edf
.gcg-child-hero-copy > .e-con-inner {
  width:
    100% !important;

  max-width:
    100% !important;

  min-width:
    0 !important;

  display:
    flex !important;

  flex-direction:
    column !important;

  align-items:
    flex-start !important;

  justify-content:
    center !important;

  gap:
    0 !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


/* ==========================================================
   06. PARENT EYEBROW
========================================================== */

.elementor-1306 .elementor-element.elementor-element-734d9edf
.gcg-child-hero-eyebrow {
  position:
    relative !important;

  width:
    auto !important;

  margin:
    0
    0
    16px !important;

  padding:
    0
    0
    0
    46px !important;
}


.elementor-1306 .elementor-element.elementor-element-734d9edf
.gcg-child-hero-eyebrow::before {
  content:
    "";

  position:
    absolute;

  left:
    0;

  top:
    50%;

  width:
    30px;

  height:
    2px;

  background:
    var(--gys-acid) !important;

  transform:
    translateY(-50%);
}


.elementor-1306 .elementor-element.elementor-element-734d9edf
.gcg-child-hero-eyebrow,

.elementor-1306 .elementor-element.elementor-element-734d9edf
.gcg-child-hero-eyebrow
.elementor-heading-title {
  color:
    var(--gys-acid) !important;

  font-family:
    "Quicksand",
    sans-serif !important;

  font-size:
    11px !important;

  font-weight:
    700 !important;

  line-height:
    1.4 !important;

  letter-spacing:
    .15em !important;

  text-transform:
    uppercase !important;
}


.elementor-1306 .elementor-element.elementor-element-734d9edf
.gcg-child-hero-eyebrow
.elementor-heading-title {
  margin:
    0 !important;
}


/* ==========================================================
   07. ARCHIVE TITLE — H1
========================================================== */

.elementor-1306 .elementor-element.elementor-element-734d9edf
.gcg-child-hero-title {
  width:
    100% !important;

  max-width:
    500px !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


.elementor-1306 .elementor-element.elementor-element-734d9edf
.gcg-child-hero-title
.elementor-heading-title {
  margin:
    0 !important;

  color:
    var(--gys-cream) !important;

  font-family:
    "Quicksand",
    sans-serif !important;

  font-size:
    clamp(
      46px,
      4vw,
      58px
    ) !important;

  font-weight:
    700 !important;

  line-height:
    1.02 !important;

  letter-spacing:
    -.05em !important;

  text-wrap:
    balance;
}


/* ==========================================================
   08. ARCHIVE DESCRIPTION
========================================================== */

.elementor-1306 .elementor-element.elementor-element-734d9edf
.gcg-child-hero-description {
  width:
    100% !important;

  max-width:
    475px !important;

  margin:
    22px
    0
    0 !important;

  padding:
    0 !important;
}


.elementor-1306 .elementor-element.elementor-element-734d9edf
.gcg-child-hero-description,

.elementor-1306 .elementor-element.elementor-element-734d9edf
.gcg-child-hero-description p,

.elementor-1306 .elementor-element.elementor-element-734d9edf
.gcg-child-hero-description
.elementor-widget-container {
  color:
    var(--gys-muted) !important;

  font-family:
    "Quicksand",
    sans-serif !important;

  font-size:
    15px !important;

  font-weight:
    500 !important;

  line-height:
    1.72 !important;
}


.elementor-1306 .elementor-element.elementor-element-734d9edf
.gcg-child-hero-description p {
  margin:
    0 !important;
}


/* ==========================================================
   09. CONTEXT COLUMN
========================================================== */

.elementor-1306 .elementor-element.elementor-element-734d9edf
.gcg-child-hero-context {
  position:
    relative !important;

  width:
    100% !important;

  min-width:
    0 !important;

  display:
    flex !important;

  flex-direction:
    column !important;

  align-items:
    flex-start !important;

  justify-content:
    center !important;

  gap:
    0 !important;

  margin:
    0 !important;

  padding:
    10px
    36px
    10px
    40px !important;

  border-left:
    1px solid
    rgba(237,231,221,.14) !important;

  background:
    linear-gradient(
      180deg,
      rgba(22,29,48,.96) 0%,
      rgba(22,29,48,.74) 100%
    ) !important;
}


.elementor-1306 .elementor-element.elementor-element-734d9edf
.gcg-child-hero-context > .e-con-inner {
  width:
    100% !important;

  max-width:
    100% !important;

  min-width:
    0 !important;

  display:
    flex !important;

  flex-direction:
    column !important;

  align-items:
    flex-start !important;

  justify-content:
    center !important;

  gap:
    0 !important;

  margin:
    0 !important;

  padding:
    0 !important;

  background:
    transparent !important;
}


/* Accent marker */

.elementor-1306 .elementor-element.elementor-element-734d9edf
.gcg-child-hero-context::before {
  content:
    "";

  width:
    38px;

  height:
    4px;

  margin:
    0
    0
    20px;

  background:
    var(--gys-acid) !important;

  border-radius:
    999px;
}


/* ==========================================================
   10. CONTEXT EYEBROW
========================================================== */

.elementor-1306 .elementor-element.elementor-element-734d9edf
.gcg-child-context-eyebrow {
  width:
    100% !important;

  margin:
    0
    0
    12px !important;

  padding:
    0 !important;
}


.elementor-1306 .elementor-element.elementor-element-734d9edf
.gcg-child-context-eyebrow,

.elementor-1306 .elementor-element.elementor-element-734d9edf
.gcg-child-context-eyebrow
.elementor-heading-title {
  color:
    var(--gys-acid) !important;

  font-family:
    "Quicksand",
    sans-serif !important;

  font-size:
    10.5px !important;

  font-weight:
    700 !important;

  line-height:
    1.4 !important;

  letter-spacing:
    .12em !important;

  text-transform:
    uppercase !important;
}


.elementor-1306 .elementor-element.elementor-element-734d9edf
.gcg-child-context-eyebrow
.elementor-heading-title {
  margin:
    0 !important;
}


/* ==========================================================
   11. CONTEXT DESCRIPTION
========================================================== */

.elementor-1306 .elementor-element.elementor-element-734d9edf
.gcg-child-context-description {
  width:
    100% !important;

  max-width:
    250px !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


.elementor-1306 .elementor-element.elementor-element-734d9edf
.gcg-child-context-description,

.elementor-1306 .elementor-element.elementor-element-734d9edf
.gcg-child-context-description p,

.elementor-1306 .elementor-element.elementor-element-734d9edf
.gcg-child-context-description
.elementor-widget-container {
  color:
    var(--gys-muted-2) !important;

  font-family:
    "Quicksand",
    sans-serif !important;

  font-size:
    14px !important;

  font-weight:
    500 !important;

  line-height:
    1.68 !important;
}


.elementor-1306 .elementor-element.elementor-element-734d9edf
.gcg-child-context-description p {
  margin:
    0 !important;
}


/* ==========================================================
   12. BACK TO GỢI Ý SETUP CTA
========================================================== */

.elementor-1306 .elementor-element.elementor-element-734d9edf
.gcg-child-back-setup {
  width:
    auto !important;

  align-self:
    flex-start !important;

  margin:
    26px
    0
    0 !important;

  padding:
    0 !important;
}


.elementor-1306 .elementor-element.elementor-element-734d9edf
.gcg-child-back-setup
.elementor-button-wrapper {
  width:
    auto !important;
}


.elementor-1306 .elementor-element.elementor-element-734d9edf
.gcg-child-back-setup
.elementor-button {
  width:
    auto !important;

  min-height:
    44px !important;

  display:
    inline-flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  margin:
    0 !important;

  padding:
    0
    18px !important;

  border:
    1px solid
    rgba(237,231,221,.42) !important;

  border-radius:
    999px !important;

  background:
    transparent !important;

  color:
    var(--gys-cream) !important;

  box-shadow:
    none !important;

  font-family:
    "Quicksand",
    sans-serif !important;

  font-size:
    13px !important;

  font-weight:
    700 !important;

  line-height:
    1.3 !important;

  transition:
    background-color .2s ease,
    border-color .2s ease,
    color .2s ease,
    transform .2s ease !important;
}


@media (hover:hover) {

  .elementor-1306 .elementor-element.elementor-element-734d9edf
  .gcg-child-back-setup
  .elementor-button:hover {
    transform:
      translateY(-1px);

    border-color:
      var(--gys-acid) !important;

    background:
      var(--gys-acid) !important;

    color:
      var(--gys-navy) !important;
  }
}


/* ==========================================================
   13. VISUAL
========================================================== */

.elementor-1306 .elementor-element.elementor-element-734d9edf
.gcg-child-hero-visual {
  position:
    relative !important;

  width:
    100% !important;

  min-width:
    0 !important;

  min-height:
    420px !important;

  margin:
    0 !important;

  padding:
    0 !important;

  background:
    var(--gys-navy-2) !important;

  overflow:
    hidden !important;
}


/* Dark join between context and image */

.elementor-1306 .elementor-element.elementor-element-734d9edf
.gcg-child-hero-visual::before {
  content:
    "";

  position:
    absolute;

  inset:
    0
    auto
    0
    0;

  width:
    74px;

  z-index:
    3;

  pointer-events:
    none;

  background:
    linear-gradient(
      90deg,
      rgba(22,29,48,.82) 0%,
      rgba(22,29,48,0) 100%
    );
}


/* Subtle image overlay */

.elementor-1306 .elementor-element.elementor-element-734d9edf
.gcg-child-hero-visual::after {
  content:
    "";

  position:
    absolute;

  inset:
    0;

  z-index:
    2;

  pointer-events:
    none;

  background:
    linear-gradient(
      180deg,
      rgba(14,19,33,.03) 0%,
      rgba(14,19,33,.24) 100%
    );
}


/* ==========================================================
   14. IMAGE
========================================================== */

.elementor-1306 .elementor-element.elementor-element-734d9edf
.gcg-child-hero-image {
  position:
    absolute !important;

  inset:
    0 !important;

  width:
    100% !important;

  height:
    100% !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


.elementor-1306 .elementor-element.elementor-element-734d9edf
.gcg-child-hero-image
.elementor-widget-container,

.elementor-1306 .elementor-element.elementor-element-734d9edf
.gcg-child-hero-image a,

.elementor-1306 .elementor-element.elementor-element-734d9edf
.gcg-child-hero-image img {
  width:
    100% !important;

  height:
    100% !important;
}


.elementor-1306 .elementor-element.elementor-element-734d9edf
.gcg-child-hero-image img {
  display:
    block !important;

  object-fit:
    cover !important;

  object-position:
    center !important;

  opacity:
    .90 !important;

  filter:
    saturate(.82)
    contrast(1.03)
    brightness(.91);
}


/* ==========================================================
   15. TABLET LANDSCAPE <= 1024PX
========================================================== */

@media (max-width:1024px) {

  .elementor-1306 .elementor-element.elementor-element-734d9edf
  .gcg-child-hero-inner {
    width:
      calc(100% - 48px) !important;

    max-width:
      calc(100% - 48px) !important;
  }


  .elementor-1306 .elementor-element.elementor-element-734d9edf
  .gcg-child-hero-card,

  .elementor-1306 .elementor-element.elementor-element-734d9edf
  .gcg-child-hero-card > .e-con-inner {
    grid-template-columns:
      1fr !important;

    min-height:
      0 !important;
  }


  .elementor-1306 .elementor-element.elementor-element-734d9edf
  .gcg-child-hero-main {
    min-height:
      0 !important;
  }


  .elementor-1306 .elementor-element.elementor-element-734d9edf
  .gcg-child-hero-visual {
    height:
      320px !important;

    min-height:
      320px !important;
  }


  .elementor-1306 .elementor-element.elementor-element-734d9edf
  .gcg-child-hero-visual::before {
    display:
      none !important;
  }
}


/* ==========================================================
   16. TABLET PORTRAIT <= 820PX
========================================================== */

@media (max-width:820px) {

  .elementor-1306 .elementor-element.elementor-element-734d9edf
  .gcg-child-hero-main,

  .elementor-1306 .elementor-element.elementor-element-734d9edf
  .gcg-child-hero-main > .e-con-inner {
    grid-template-columns:
      1fr !important;

    padding:
      38px !important;
  }


  .elementor-1306 .elementor-element.elementor-element-734d9edf
  .gcg-child-hero-copy {
    padding:
      0
      0
      32px !important;
  }


  .elementor-1306 .elementor-element.elementor-element-734d9edf
  .gcg-child-hero-context {
    padding:
      30px
      0
      0 !important;

    border-left:
      0 !important;

    border-top:
      1px solid
      rgba(237,231,221,.14) !important;

    background:
      transparent !important;
  }


  .elementor-1306 .elementor-element.elementor-element-734d9edf
  .gcg-child-context-description {
    max-width:
      580px !important;
  }


  .elementor-1306 .elementor-element.elementor-element-734d9edf
  .gcg-child-hero-description {
    max-width:
      620px !important;
  }
}


/* ==========================================================
   17. MOBILE <= 640PX
========================================================== */

@media (max-width:640px) {

  .elementor-1306 .elementor-element.elementor-element-734d9edf {
    padding-bottom:
      18px !important;
  }


  .elementor-1306 .elementor-element.elementor-element-734d9edf
  .gcg-child-hero-inner {
    width:
      calc(100% - 28px) !important;

    max-width:
      calc(100% - 28px) !important;
  }


  .elementor-1306 .elementor-element.elementor-element-734d9edf
  .gcg-child-hero-card {
    border-radius:
      16px !important;

    box-shadow:
      0
      14px
      34px
      rgba(14,19,33,.10) !important;
  }


  .elementor-1306 .elementor-element.elementor-element-734d9edf
  .gcg-child-hero-main,

  .elementor-1306 .elementor-element.elementor-element-734d9edf
  .gcg-child-hero-main > .e-con-inner {
    padding:
      30px
      22px !important;
  }


  .elementor-1306 .elementor-element.elementor-element-734d9edf
  .gcg-child-hero-eyebrow {
    padding-left:
      40px !important;

    margin-bottom:
      13px !important;
  }


  .elementor-1306 .elementor-element.elementor-element-734d9edf
  .gcg-child-hero-eyebrow::before {
    width:
      26px;
  }


  .elementor-1306 .elementor-element.elementor-element-734d9edf
  .gcg-child-hero-title
  .elementor-heading-title {
    font-size:
      38px !important;

    line-height:
      1.04 !important;
  }


  .elementor-1306 .elementor-element.elementor-element-734d9edf
  .gcg-child-hero-description,

  .elementor-1306 .elementor-element.elementor-element-734d9edf
  .gcg-child-hero-description p,

  .elementor-1306 .elementor-element.elementor-element-734d9edf
  .gcg-child-hero-description
  .elementor-widget-container {
    font-size:
      13.5px !important;

    line-height:
      1.68 !important;
  }


  .elementor-1306 .elementor-element.elementor-element-734d9edf
  .gcg-child-context-description,

  .elementor-1306 .elementor-element.elementor-element-734d9edf
  .gcg-child-context-description p {
    font-size:
      13.5px !important;
  }


  .elementor-1306 .elementor-element.elementor-element-734d9edf
  .gcg-child-back-setup
  .elementor-button {
    min-height:
      42px !important;

    padding:
      0
      16px !important;

    font-size:
      12.5px !important;
  }


  .elementor-1306 .elementor-element.elementor-element-734d9edf
  .gcg-child-hero-visual {
    height:
      250px !important;

    min-height:
      250px !important;
  }
}


/* ==========================================================
   18. VERY SMALL <= 380PX
========================================================== */

@media (max-width:380px) {

  .elementor-1306 .elementor-element.elementor-element-734d9edf
  .gcg-child-hero-inner {
    width:
      calc(100% - 24px) !important;

    max-width:
      calc(100% - 24px) !important;
  }


  .elementor-1306 .elementor-element.elementor-element-734d9edf
  .gcg-child-hero-title
  .elementor-heading-title {
    font-size:
      34px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-453cc73a *//* ==========================================================
   GÓC CÓ GU — GỢI Ý SETUP
   CHILD CATEGORY — TOPIC NAVIGATION V1.3

   Categories:
   1. combo-setup
   2. mon-dang-co
   3. nang-cap-goc
   4. review-so-sanh

   FINAL:
   - Master width = 1192px
   - Desktop compact 4 pills
   - Navigation căn giữa
   - Default = Navy + Cream
   - Hover = Navy 2 + Acid border
   - Active = Acid + Navy
   - Tablet = 2 columns
   - Mobile = 1 column
   - Active tự động theo body category class
========================================================== */


/* ==========================================================
   01. ROOT
========================================================== */

.elementor-1306 .elementor-element.elementor-element-453cc73a {
  --gys-navy: #0E1321;
  --gys-navy-2: #161D30;
  --gys-paper: #F7F3ED;
  --gys-cream: #EDE7DD;
  --gys-acid: #C7D69B;
  --gys-soft: #EEF0E9;
  --gys-slate: #6E7480;

  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;

  margin:
    18px
    0
    0 !important;

  padding:
    0 !important;

  background:
    transparent !important;
}


/* ==========================================================
   02. INNER — 1192PX
========================================================== */

.elementor-1306 .elementor-element.elementor-element-453cc73a
.gcg-child-topic-nav-inner {
  width:
    min(
      1192px,
      calc(100% - 48px)
    ) !important;

  max-width:
    1192px !important;

  min-width:
    0 !important;

  align-self:
    center !important;

  margin:
    0 auto !important;

  padding:
    0 !important;
}


.elementor-1306 .elementor-element.elementor-element-453cc73a
.gcg-child-topic-nav-inner
> .e-con-inner {
  width:
    100% !important;

  max-width:
    100% !important;

  min-width:
    0 !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


/* ==========================================================
   03. NAV GRID — COMPACT 4 PILLS

   Tổng width desktop:
   228px × 4 + 12px × 3 = 948px

   Container = 1192px
   Khoảng thở ~122px mỗi bên.
========================================================== */

.elementor-1306 .elementor-element.elementor-element-453cc73a
.gcg-child-topic-nav-list {
  width:
    100% !important;

  min-width:
    0 !important;

  display:
    grid !important;

  grid-template-columns:
    repeat(
      4,
      minmax(190px,228px)
    ) !important;

  justify-content:
    center !important;

  align-items:
    stretch !important;

  gap:
    12px !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


.elementor-1306 .elementor-element.elementor-element-453cc73a
.gcg-child-topic-nav-list
> .e-con-inner {
  width:
    100% !important;

  max-width:
    100% !important;

  min-width:
    0 !important;

  display:
    grid !important;

  grid-template-columns:
    repeat(
      4,
      minmax(190px,228px)
    ) !important;

  justify-content:
    center !important;

  align-items:
    stretch !important;

  gap:
    12px !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


/* ==========================================================
   04. BUTTON WIDGET
========================================================== */

.elementor-1306 .elementor-element.elementor-element-453cc73a
.gcg-child-topic-nav-item {
  width:
    100% !important;

  min-width:
    0 !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


.elementor-1306 .elementor-element.elementor-element-453cc73a
.gcg-child-topic-nav-item
.elementor-button-wrapper {
  width:
    100% !important;

  height:
    100% !important;
}


/* ==========================================================
   05. DEFAULT PILL — NAVY
========================================================== */

.elementor-1306 .elementor-element.elementor-element-453cc73a
.gcg-child-topic-nav-item
.elementor-button {
  width:
    100% !important;

  min-width:
    0 !important;

  min-height:
    50px !important;

  display:
    flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  margin:
    0 !important;

  padding:
    0
    20px !important;

  border:
    1px solid
    rgba(237,231,221,.14) !important;

  border-radius:
    999px !important;

  background:
    var(--gys-navy) !important;

  color:
    var(--gys-cream) !important;

  box-shadow:
    0
    7px
    18px
    rgba(14,19,33,.08) !important;

  font-family:
    "Quicksand",
    sans-serif !important;

  font-size:
    13px !important;

  font-weight:
    600 !important;

  line-height:
    1.3 !important;

  white-space:
    nowrap !important;

  transition:
    transform .2s ease,
    border-color .2s ease,
    background-color .2s ease,
    color .2s ease,
    box-shadow .2s ease !important;
}


/* ==========================================================
   06. BUTTON CONTENT
========================================================== */

.elementor-1306 .elementor-element.elementor-element-453cc73a
.gcg-child-topic-nav-item
.elementor-button-content-wrapper {
  display:
    inline-flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  gap:
    9px !important;
}


/* ==========================================================
   07. ICON WRAPPER
========================================================== */

.elementor-1306 .elementor-element.elementor-element-453cc73a
.gcg-child-topic-nav-item
.elementor-button-icon {
  display:
    inline-flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  flex:
    0
    0
    18px !important;

  width:
    18px !important;

  height:
    18px !important;

  margin:
    0 !important;

  color:
    inherit !important;

  opacity:
    1 !important;

  filter:
    none !important;
}


/* ==========================================================
   08. SVG ICON
========================================================== */

.elementor-1306 .elementor-element.elementor-element-453cc73a
.gcg-child-topic-nav-item
.elementor-button-icon svg {
  display:
    block !important;

  width:
    17px !important;

  height:
    17px !important;

  color:
    inherit !important;

  fill:
    currentColor !important;

  opacity:
    1 !important;

  filter:
    none !important;
}


.elementor-1306 .elementor-element.elementor-element-453cc73a
.gcg-child-topic-nav-item
.elementor-button-icon
svg [fill="none"] {
  fill:
    none !important;
}


.elementor-1306 .elementor-element.elementor-element-453cc73a
.gcg-child-topic-nav-item
.elementor-button-icon
svg [fill]:not([fill="none"]) {
  fill:
    currentColor !important;
}


.elementor-1306 .elementor-element.elementor-element-453cc73a
.gcg-child-topic-nav-item
.elementor-button-icon
svg [stroke]:not([stroke="none"]) {
  stroke:
    currentColor !important;
}


/* ==========================================================
   09. FONT AWESOME
========================================================== */

.elementor-1306 .elementor-element.elementor-element-453cc73a
.gcg-child-topic-nav-item
.elementor-button-icon i {
  color:
    inherit !important;

  font-size:
    16px !important;

  line-height:
    1 !important;

  opacity:
    1 !important;

  filter:
    none !important;
}


/* ==========================================================
   10. BUTTON TEXT
========================================================== */

.elementor-1306 .elementor-element.elementor-element-453cc73a
.gcg-child-topic-nav-item
.elementor-button-text {
  flex:
    0
    1
    auto !important;

  color:
    inherit !important;

  font-weight:
    inherit !important;

  line-height:
    1.3 !important;
}


/* ==========================================================
   11. DEFAULT HOVER
========================================================== */

@media (hover:hover) {

  .elementor-1306 .elementor-element.elementor-element-453cc73a
  .gcg-child-topic-nav-item
  .elementor-button:hover {
    transform:
      translateY(-1px);

    border-color:
      rgba(199,214,155,.72) !important;

    background:
      var(--gys-navy-2) !important;

    color:
      var(--gys-cream) !important;

    box-shadow:
      0
      9px
      22px
      rgba(14,19,33,.11) !important;
  }
}


/* ==========================================================
   12. ACTIVE — COMBO SETUP
========================================================== */

body.category-combo-setup
.elementor-1306 .elementor-element.elementor-element-453cc73a
.gcg-child-topic-nav-item
a.elementor-button[href*="/combo-setup/"] {
  border-color:
    var(--gys-acid) !important;

  background:
    var(--gys-acid) !important;

  color:
    var(--gys-navy) !important;

  box-shadow:
    none !important;

  font-weight:
    700 !important;
}


/* ==========================================================
   13. ACTIVE — MÓN ĐÁNG CÓ
========================================================== */

body.category-mon-dang-co
.elementor-1306 .elementor-element.elementor-element-453cc73a
.gcg-child-topic-nav-item
a.elementor-button[href*="/mon-dang-co/"] {
  border-color:
    var(--gys-acid) !important;

  background:
    var(--gys-acid) !important;

  color:
    var(--gys-navy) !important;

  box-shadow:
    none !important;

  font-weight:
    700 !important;
}


/* ==========================================================
   14. ACTIVE — NÂNG CẤP GÓC
========================================================== */

body.category-nang-cap-goc
.elementor-1306 .elementor-element.elementor-element-453cc73a
.gcg-child-topic-nav-item
a.elementor-button[href*="/nang-cap-goc/"] {
  border-color:
    var(--gys-acid) !important;

  background:
    var(--gys-acid) !important;

  color:
    var(--gys-navy) !important;

  box-shadow:
    none !important;

  font-weight:
    700 !important;
}


/* ==========================================================
   15. ACTIVE — REVIEW & SO SÁNH
========================================================== */

body.category-review-so-sanh
.elementor-1306 .elementor-element.elementor-element-453cc73a
.gcg-child-topic-nav-item
a.elementor-button[href*="/review-so-sanh/"] {
  border-color:
    var(--gys-acid) !important;

  background:
    var(--gys-acid) !important;

  color:
    var(--gys-navy) !important;

  box-shadow:
    none !important;

  font-weight:
    700 !important;
}


/* ==========================================================
   16. ACTIVE TEXT + ICON
========================================================== */

body.category-combo-setup
.elementor-1306 .elementor-element.elementor-element-453cc73a
a.elementor-button[href*="/combo-setup/"]
:is(
  .elementor-button-text,
  .elementor-button-icon
),

body.category-mon-dang-co
.elementor-1306 .elementor-element.elementor-element-453cc73a
a.elementor-button[href*="/mon-dang-co/"]
:is(
  .elementor-button-text,
  .elementor-button-icon
),

body.category-nang-cap-goc
.elementor-1306 .elementor-element.elementor-element-453cc73a
a.elementor-button[href*="/nang-cap-goc/"]
:is(
  .elementor-button-text,
  .elementor-button-icon
),

body.category-review-so-sanh
.elementor-1306 .elementor-element.elementor-element-453cc73a
a.elementor-button[href*="/review-so-sanh/"]
:is(
  .elementor-button-text,
  .elementor-button-icon
) {
  color:
    var(--gys-navy) !important;

  font-weight:
    700 !important;
}


/* ==========================================================
   17. ACTIVE HOVER

   Active vẫn giữ acid.
========================================================== */

@media (hover:hover) {

  body.category-combo-setup
  .elementor-1306 .elementor-element.elementor-element-453cc73a
  a.elementor-button[href*="/combo-setup/"]:hover,

  body.category-mon-dang-co
  .elementor-1306 .elementor-element.elementor-element-453cc73a
  a.elementor-button[href*="/mon-dang-co/"]:hover,

  body.category-nang-cap-goc
  .elementor-1306 .elementor-element.elementor-element-453cc73a
  a.elementor-button[href*="/nang-cap-goc/"]:hover,

  body.category-review-so-sanh
  .elementor-1306 .elementor-element.elementor-element-453cc73a
  a.elementor-button[href*="/review-so-sanh/"]:hover {
    transform:
      translateY(-1px);

    border-color:
      var(--gys-acid) !important;

    background:
      var(--gys-acid) !important;

    color:
      var(--gys-navy) !important;

    box-shadow:
      0
      8px
      18px
      rgba(199,214,155,.12) !important;
  }
}


/* ==========================================================
   18. FOCUS
========================================================== */

.elementor-1306 .elementor-element.elementor-element-453cc73a
.gcg-child-topic-nav-item
.elementor-button:focus-visible {
  outline:
    2px solid
    var(--gys-acid) !important;

  outline-offset:
    3px !important;
}


/* ==========================================================
   19. TABLET <= 1024PX
========================================================== */

@media (max-width:1024px) {

  .elementor-1306 .elementor-element.elementor-element-453cc73a
  .gcg-child-topic-nav-inner {
    width:
      calc(100% - 48px) !important;

    max-width:
      calc(100% - 48px) !important;
  }


  .elementor-1306 .elementor-element.elementor-element-453cc73a
  .gcg-child-topic-nav-list,

  .elementor-1306 .elementor-element.elementor-element-453cc73a
  .gcg-child-topic-nav-list
  > .e-con-inner {
    grid-template-columns:
      repeat(
        2,
        minmax(210px,270px)
      ) !important;

    justify-content:
      center !important;

    gap:
      10px !important;
  }


  .elementor-1306 .elementor-element.elementor-element-453cc73a
  .gcg-child-topic-nav-item
  .elementor-button {
    white-space:
      normal !important;
  }
}


/* ==========================================================
   20. MOBILE <= 640PX
========================================================== */

@media (max-width:640px) {

  .elementor-1306 .elementor-element.elementor-element-453cc73a {
    margin-top:
      14px !important;
  }


  .elementor-1306 .elementor-element.elementor-element-453cc73a
  .gcg-child-topic-nav-inner {
    width:
      calc(100% - 28px) !important;

    max-width:
      calc(100% - 28px) !important;
  }


  .elementor-1306 .elementor-element.elementor-element-453cc73a
  .gcg-child-topic-nav-list,

  .elementor-1306 .elementor-element.elementor-element-453cc73a
  .gcg-child-topic-nav-list
  > .e-con-inner {
    grid-template-columns:
      minmax(0,1fr) !important;

    justify-content:
      stretch !important;

    gap:
      8px !important;
  }


  .elementor-1306 .elementor-element.elementor-element-453cc73a
  .gcg-child-topic-nav-item
  .elementor-button {
    width:
      100% !important;

    min-height:
      48px !important;

    justify-content:
      flex-start !important;

    padding:
      0
      18px !important;

    font-size:
      12.5px !important;

    white-space:
      normal !important;
  }


  .elementor-1306 .elementor-element.elementor-element-453cc73a
  .gcg-child-topic-nav-item
  .elementor-button-content-wrapper {
    width:
      100% !important;

    justify-content:
      flex-start !important;
  }
}


/* ==========================================================
   21. VERY SMALL <= 380PX
========================================================== */

@media (max-width:380px) {

  .elementor-1306 .elementor-element.elementor-element-453cc73a
  .gcg-child-topic-nav-inner {
    width:
      calc(100% - 24px) !important;

    max-width:
      calc(100% - 24px) !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4635f06b *//* ==========================================================
   GÓC CÓ GU — GỢI Ý SETUP
   CHILD CATEGORY
   SECTION: CHILD POSTS

   V2.1 — SELECT ARCHIVE
   FIX: REDUCE BOTTOM DEAD SPACE

   Structure:
   Child Posts
   └── Child Posts Inner
       ├── Child Posts Head
       │   ├── Posts Eyebrow
       │   └── Posts Title
       └── Child Posts Loop

   Design:
   - Đồng bộ Gợi Ý Setup / Select
   - Max width 1192px
   - Acid eyebrow
   - Editorial typography
   - 3 / 2 / 1 columns
   - Square pagination
   - Card styling vẫn do Loop Item quản lý
   - Giảm khoảng trắng Pagination → section kế tiếp
========================================================== */


/* ==========================================================
   01. SECTION ROOT
========================================================== */

.elementor-1306 .elementor-element.elementor-element-4635f06b {
  --gys-navy: #0E1321;
  --gys-paper: #F7F3ED;
  --gys-cream: #EDE7DD;
  --gys-acid: #C7D69B;
  --gys-soft: #EEF0E9;
  --gys-slate: #6E7480;
  --gys-line: rgba(14,19,33,.13);

  width:
    100% !important;

  max-width:
    none !important;

  min-width:
    0 !important;

  margin:
    0 !important;

  padding:
    64px
    0
    56px !important;

  background:
    transparent !important;

  overflow:
    visible !important;
}


.elementor-1306 .elementor-element.elementor-element-4635f06b > .e-con-inner {
  width:
    100% !important;

  max-width:
    none !important;

  min-width:
    0 !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


/* ==========================================================
   02. SECTION INNER — 1192PX
========================================================== */

.elementor-1306 .elementor-element.elementor-element-4635f06b
.gcg-child-posts-inner {
  width:
    min(
      1192px,
      calc(100% - 48px)
    ) !important;

  max-width:
    1192px !important;

  min-width:
    0 !important;

  align-self:
    center !important;

  margin:
    0 auto !important;

  padding:
    0 !important;
}


.elementor-1306 .elementor-element.elementor-element-4635f06b
.gcg-child-posts-inner
> .e-con-inner {
  width:
    100% !important;

  max-width:
    100% !important;

  min-width:
    0 !important;

  display:
    flex !important;

  flex-direction:
    column !important;

  align-items:
    stretch !important;

  gap:
    0 !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


/* ==========================================================
   03. SECTION HEAD
========================================================== */

.elementor-1306 .elementor-element.elementor-element-4635f06b
.gcg-child-posts-head {
  width:
    100% !important;

  max-width:
    100% !important;

  min-width:
    0 !important;

  display:
    flex !important;

  flex-direction:
    column !important;

  align-items:
    flex-start !important;

  gap:
    0 !important;

  margin:
    0
    0
    38px !important;

  padding:
    0 !important;
}


.elementor-1306 .elementor-element.elementor-element-4635f06b
.gcg-child-posts-head
> .e-con-inner {
  width:
    100% !important;

  max-width:
    100% !important;

  min-width:
    0 !important;

  display:
    flex !important;

  flex-direction:
    column !important;

  align-items:
    flex-start !important;

  gap:
    0 !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


/* ==========================================================
   04. EYEBROW
========================================================== */

.elementor-1306 .elementor-element.elementor-element-4635f06b
.gcg-child-posts-eyebrow {
  position:
    relative !important;

  width:
    auto !important;

  margin:
    0
    0
    13px !important;

  padding:
    0
    0
    0
    46px !important;
}


.elementor-1306 .elementor-element.elementor-element-4635f06b
.gcg-child-posts-eyebrow::before {
  content:
    "";

  position:
    absolute;

  left:
    0;

  top:
    50%;

  width:
    30px;

  height:
    2px;

  background:
    var(--gys-acid) !important;

  transform:
    translateY(-50%);
}


.elementor-1306 .elementor-element.elementor-element-4635f06b
.gcg-child-posts-eyebrow,

.elementor-1306 .elementor-element.elementor-element-4635f06b
.gcg-child-posts-eyebrow
.elementor-heading-title {
  color:
    var(--gys-slate) !important;

  font-family:
    "Quicksand",
    sans-serif !important;

  font-size:
    11.5px !important;

  font-weight:
    700 !important;

  line-height:
    1.4 !important;

  letter-spacing:
    .15em !important;

  text-transform:
    uppercase !important;
}


.elementor-1306 .elementor-element.elementor-element-4635f06b
.gcg-child-posts-eyebrow
.elementor-heading-title {
  margin:
    0 !important;
}


/* ==========================================================
   05. SECTION TITLE — H2
========================================================== */

.elementor-1306 .elementor-element.elementor-element-4635f06b
.gcg-child-posts-title {
  width:
    100% !important;

  max-width:
    820px !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


.elementor-1306 .elementor-element.elementor-element-4635f06b
.gcg-child-posts-title
.elementor-heading-title {
  margin:
    0 !important;

  color:
    var(--gys-navy) !important;

  font-family:
    "Quicksand",
    sans-serif !important;

  font-size:
    48px !important;

  font-weight:
    700 !important;

  line-height:
    1.05 !important;

  letter-spacing:
    -.045em !important;

  text-wrap:
    balance;
}


/* ==========================================================
   06. LOOP GRID WIDGET
========================================================== */

.elementor-1306 .elementor-element.elementor-element-4635f06b
.gcg-child-posts-loop {
  width:
    100% !important;

  max-width:
    100% !important;

  min-width:
    0 !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


.elementor-1306 .elementor-element.elementor-element-4635f06b
.gcg-child-posts-loop
.elementor-widget-container {
  width:
    100% !important;

  max-width:
    100% !important;

  min-width:
    0 !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


/* ==========================================================
   07. LOOP GRID — 3 COLUMNS
========================================================== */

.elementor-1306 .elementor-element.elementor-element-4635f06b
.gcg-child-posts-loop
.elementor-loop-container {
  width:
    100% !important;

  max-width:
    100% !important;

  min-width:
    0 !important;

  display:
    grid !important;

  grid-template-columns:
    repeat(
      3,
      minmax(0,1fr)
    ) !important;

  align-items:
    stretch !important;

  column-gap:
    22px !important;

  row-gap:
    34px !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


.elementor-1306 .elementor-element.elementor-element-4635f06b
.gcg-child-posts-loop
.e-loop-item {
  min-width:
    0 !important;

  width:
    100% !important;

  height:
    100% !important;

  margin:
    0 !important;
}


.elementor-1306 .elementor-element.elementor-element-4635f06b
.gcg-child-posts-loop
.e-loop-item
> .elementor {
  width:
    100% !important;

  height:
    100% !important;
}


.elementor-1306 .elementor-element.elementor-element-4635f06b
.gcg-child-posts-loop
.e-loop-item
.elementor-element {
  min-width:
    0 !important;
}


/* ==========================================================
   08. PAGINATION WRAPPER
========================================================== */

.elementor-1306 .elementor-element.elementor-element-4635f06b
.gcg-child-posts-loop
.elementor-pagination {
  width:
    100% !important;

  display:
    flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  flex-wrap:
    wrap !important;

  gap:
    8px !important;

  margin:
    50px
    0
    0 !important;

  padding:
    0 !important;
}


/* ==========================================================
   09. PAGINATION ITEM
========================================================== */

.elementor-1306 .elementor-element.elementor-element-4635f06b
.gcg-child-posts-loop
.elementor-pagination
.page-numbers {
  width:
    38px !important;

  height:
    38px !important;

  min-width:
    38px !important;

  display:
    inline-flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  margin:
    0 !important;

  padding:
    0 !important;

  border:
    1px solid
    var(--gys-line) !important;

  border-radius:
    0 !important;

  background:
    transparent !important;

  color:
    var(--gys-slate) !important;

  font-family:
    "Quicksand",
    sans-serif !important;

  font-size:
    12px !important;

  font-weight:
    700 !important;

  line-height:
    1 !important;

  text-decoration:
    none !important;

  box-shadow:
    none !important;

  transition:
    background-color .2s ease,
    border-color .2s ease,
    color .2s ease,
    transform .2s ease !important;
}


/* ==========================================================
   10. CURRENT PAGE
========================================================== */

.elementor-1306 .elementor-element.elementor-element-4635f06b
.gcg-child-posts-loop
.elementor-pagination
.page-numbers.current {
  border-color:
    var(--gys-navy) !important;

  background:
    var(--gys-navy) !important;

  color:
    var(--gys-cream) !important;
}


/* ==========================================================
   11. PREV / NEXT
========================================================== */

.elementor-1306 .elementor-element.elementor-element-4635f06b
.gcg-child-posts-loop
.elementor-pagination
.page-numbers.prev,

.elementor-1306 .elementor-element.elementor-element-4635f06b
.gcg-child-posts-loop
.elementor-pagination
.page-numbers.next {
  width:
    38px !important;

  min-width:
    38px !important;

  padding:
    0 !important;

  font-size:
    0 !important;
}


.elementor-1306 .elementor-element.elementor-element-4635f06b
.gcg-child-posts-loop
.elementor-pagination
.page-numbers.prev::before {
  content:
    "←";

  font-size:
    17px;

  font-weight:
    500;

  line-height:
    1;
}


.elementor-1306 .elementor-element.elementor-element-4635f06b
.gcg-child-posts-loop
.elementor-pagination
.page-numbers.next::before {
  content:
    "→";

  font-size:
    17px;

  font-weight:
    500;

  line-height:
    1;
}


/* Dots */

.elementor-1306 .elementor-element.elementor-element-4635f06b
.gcg-child-posts-loop
.elementor-pagination
.page-numbers.dots {
  width:
    auto !important;

  min-width:
    22px !important;

  border:
    0 !important;

  background:
    transparent !important;

  color:
    var(--gys-slate) !important;
}


/* ==========================================================
   12. PAGINATION HOVER
========================================================== */

@media (hover:hover) {

  .elementor-1306 .elementor-element.elementor-element-4635f06b
  .gcg-child-posts-loop
  .elementor-pagination
  a.page-numbers:hover {
    transform:
      translateY(-1px);

    border-color:
      var(--gys-navy) !important;

    background:
      var(--gys-navy) !important;

    color:
      var(--gys-cream) !important;
  }


  .elementor-1306 .elementor-element.elementor-element-4635f06b
  .gcg-child-posts-loop
  .elementor-pagination
  .page-numbers.current:hover {
    transform:
      none !important;

    border-color:
      var(--gys-navy) !important;

    background:
      var(--gys-navy) !important;

    color:
      var(--gys-cream) !important;
  }
}


/* ==========================================================
   13. FOCUS
========================================================== */

.elementor-1306 .elementor-element.elementor-element-4635f06b
.gcg-child-posts-loop
.elementor-pagination
a.page-numbers:focus-visible {
  outline:
    2px solid
    var(--gys-acid) !important;

  outline-offset:
    3px !important;
}


/* ==========================================================
   14. TABLET <= 1024PX
========================================================== */

@media (max-width:1024px) {

  .elementor-1306 .elementor-element.elementor-element-4635f06b {
    padding:
      56px
      0
      48px !important;
  }


  .elementor-1306 .elementor-element.elementor-element-4635f06b
  .gcg-child-posts-inner {
    width:
      calc(100% - 48px) !important;

    max-width:
      calc(100% - 48px) !important;
  }


  .elementor-1306 .elementor-element.elementor-element-4635f06b
  .gcg-child-posts-head {
    margin-bottom:
      34px !important;
  }


  .elementor-1306 .elementor-element.elementor-element-4635f06b
  .gcg-child-posts-title
  .elementor-heading-title {
    font-size:
      44px !important;
  }


  .elementor-1306 .elementor-element.elementor-element-4635f06b
  .gcg-child-posts-loop
  .elementor-loop-container {
    grid-template-columns:
      repeat(
        2,
        minmax(0,1fr)
      ) !important;

    column-gap:
      18px !important;

    row-gap:
      30px !important;
  }


  .elementor-1306 .elementor-element.elementor-element-4635f06b
  .gcg-child-posts-loop
  .elementor-pagination {
    margin-top:
      44px !important;
  }
}


/* ==========================================================
   15. MOBILE <= 640PX
========================================================== */

@media (max-width:640px) {

  .elementor-1306 .elementor-element.elementor-element-4635f06b {
    padding:
      48px
      0
      42px !important;
  }


  .elementor-1306 .elementor-element.elementor-element-4635f06b
  .gcg-child-posts-inner {
    width:
      calc(100% - 28px) !important;

    max-width:
      calc(100% - 28px) !important;
  }


  .elementor-1306 .elementor-element.elementor-element-4635f06b
  .gcg-child-posts-head {
    margin-bottom:
      28px !important;
  }


  .elementor-1306 .elementor-element.elementor-element-4635f06b
  .gcg-child-posts-eyebrow {
    margin-bottom:
      11px !important;

    padding-left:
      40px !important;
  }


  .elementor-1306 .elementor-element.elementor-element-4635f06b
  .gcg-child-posts-eyebrow::before {
    width:
      26px;
  }


  .elementor-1306 .elementor-element.elementor-element-4635f06b
  .gcg-child-posts-eyebrow,

  .elementor-1306 .elementor-element.elementor-element-4635f06b
  .gcg-child-posts-eyebrow
  .elementor-heading-title {
    font-size:
      10.5px !important;
  }


  .elementor-1306 .elementor-element.elementor-element-4635f06b
  .gcg-child-posts-title
  .elementor-heading-title {
    font-size:
      38px !important;

    line-height:
      1.06 !important;
  }


  .elementor-1306 .elementor-element.elementor-element-4635f06b
  .gcg-child-posts-loop
  .elementor-loop-container {
    grid-template-columns:
      1fr !important;

    column-gap:
      0 !important;

    row-gap:
      28px !important;
  }


  .elementor-1306 .elementor-element.elementor-element-4635f06b
  .gcg-child-posts-loop
  .elementor-pagination {
    margin-top:
      38px !important;

    gap:
      6px !important;
  }


  .elementor-1306 .elementor-element.elementor-element-4635f06b
  .gcg-child-posts-loop
  .elementor-pagination
  .page-numbers {
    width:
      36px !important;

    height:
      36px !important;

    min-width:
      36px !important;
  }
}


/* ==========================================================
   16. VERY SMALL <= 380PX
========================================================== */

@media (max-width:380px) {

  .elementor-1306 .elementor-element.elementor-element-4635f06b
  .gcg-child-posts-inner {
    width:
      calc(100% - 24px) !important;

    max-width:
      calc(100% - 24px) !important;
  }


  .elementor-1306 .elementor-element.elementor-element-4635f06b
  .gcg-child-posts-title
  .elementor-heading-title {
    font-size:
      34px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d434645 *//* ==========================================================
   GÓC CÓ GU — GỢI Ý SETUP
   CHILD CATEGORY
   FINAL EXPLORE SECTION

   V2 — SELECT CLOSING CTA

   Structure:
   Child Final Explore
   └── Final Explore Inner
       └── Final Explore Card
           ├── Final Explore Copy
           │   ├── Final Explore Eyebrow
           │   ├── Final Explore Title
           │   └── Final Explore Actions
           │       ├── Primary CTA
           │       └── Secondary CTA
           └── Final Explore Visual
               └── Final Explore Image

   Design:
   - Đồng bộ Gợi Ý Setup / Select
   - Navy + Cream + Acid
   - Max width 1192px
   - Closing card dark editorial
   - Primary CTA acid
   - Secondary CTA outline
   - Không còn taupe style của Setup cũ
   - Không cộng thêm 54px top spacing
========================================================== */


/* ==========================================================
   01. SECTION ROOT

   Child Posts đã quản khoảng cách phía trên.
   Final Explore không cộng thêm 54px nữa.
========================================================== */

.elementor-1306 .elementor-element.elementor-element-7d434645 {
  --gys-navy: #0E1321;
  --gys-navy-2: #161D30;
  --gys-paper: #F7F3ED;
  --gys-cream: #EDE7DD;
  --gys-acid: #C7D69B;
  --gys-soft: #EEF0E9;
  --gys-slate: #98A0AF;

  width:
    100% !important;

  max-width:
    none !important;

  min-width:
    0 !important;

  margin:
    0 !important;

  padding:
    0
    0
    64px !important;

  background:
    transparent !important;

  overflow:
    visible !important;
}


.elementor-1306 .elementor-element.elementor-element-7d434645 > .e-con-inner {
  width:
    100% !important;

  max-width:
    none !important;

  min-width:
    0 !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


/* ==========================================================
   02. INNER — 1192PX
========================================================== */

.elementor-1306 .elementor-element.elementor-element-7d434645
.gcg-child-final-explore-inner {
  width:
    min(
      1192px,
      calc(100% - 48px)
    ) !important;

  max-width:
    1192px !important;

  min-width:
    0 !important;

  align-self:
    center !important;

  margin:
    0 auto !important;

  padding:
    0 !important;
}


.elementor-1306 .elementor-element.elementor-element-7d434645
.gcg-child-final-explore-inner > .e-con-inner {
  width:
    100% !important;

  max-width:
    100% !important;

  min-width:
    0 !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


/* ==========================================================
   03. CARD
========================================================== */

.elementor-1306 .elementor-element.elementor-element-7d434645
.gcg-child-final-explore-card {
  position:
    relative !important;

  isolation:
    isolate !important;

  width:
    100% !important;

  max-width:
    100% !important;

  min-width:
    0 !important;

  min-height:
    300px !important;

  display:
    grid !important;

  grid-template-columns:
    minmax(0,1.18fr)
    minmax(360px,.82fr) !important;

  align-items:
    stretch !important;

  gap:
    0 !important;

  margin:
    0 !important;

  padding:
    0 !important;

  border:
    1px solid
    rgba(237,231,221,.14) !important;

  border-radius:
    20px !important;

  background:
    var(--gys-navy) !important;

  box-shadow:
    0
    20px
    52px
    rgba(14,19,33,.10) !important;

  overflow:
    hidden !important;
}


.elementor-1306 .elementor-element.elementor-element-7d434645
.gcg-child-final-explore-card > .e-con-inner {
  width:
    100% !important;

  max-width:
    100% !important;

  min-width:
    0 !important;

  min-height:
    300px !important;

  display:
    grid !important;

  grid-template-columns:
    minmax(0,1.18fr)
    minmax(360px,.82fr) !important;

  align-items:
    stretch !important;

  gap:
    0 !important;

  margin:
    0 !important;

  padding:
    0 !important;

  background:
    transparent !important;
}


/* ==========================================================
   04. COPY
========================================================== */

.elementor-1306 .elementor-element.elementor-element-7d434645
.gcg-child-final-explore-copy {
  position:
    relative !important;

  z-index:
    3 !important;

  width:
    100% !important;

  min-width:
    0 !important;

  display:
    flex !important;

  flex-direction:
    column !important;

  align-items:
    flex-start !important;

  justify-content:
    center !important;

  gap:
    0 !important;

  margin:
    0 !important;

  padding:
    48px
    52px !important;

  background:
    radial-gradient(
      circle at 12% 18%,
      rgba(199,214,155,.08) 0%,
      rgba(199,214,155,0) 38%
    ),
    var(--gys-navy) !important;
}


.elementor-1306 .elementor-element.elementor-element-7d434645
.gcg-child-final-explore-copy > .e-con-inner {
  width:
    100% !important;

  max-width:
    100% !important;

  min-width:
    0 !important;

  display:
    flex !important;

  flex-direction:
    column !important;

  align-items:
    flex-start !important;

  justify-content:
    center !important;

  gap:
    0 !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


/* ==========================================================
   05. EYEBROW
========================================================== */

.elementor-1306 .elementor-element.elementor-element-7d434645
.gcg-child-final-explore-eyebrow {
  position:
    relative !important;

  width:
    auto !important;

  margin:
    0
    0
    16px !important;

  padding:
    0
    0
    0
    44px !important;
}


.elementor-1306 .elementor-element.elementor-element-7d434645
.gcg-child-final-explore-eyebrow::before {
  content:
    "";

  position:
    absolute;

  left:
    0;

  top:
    50%;

  width:
    29px;

  height:
    2px;

  background:
    var(--gys-acid) !important;

  transform:
    translateY(-50%);
}


.elementor-1306 .elementor-element.elementor-element-7d434645
.gcg-child-final-explore-eyebrow,

.elementor-1306 .elementor-element.elementor-element-7d434645
.gcg-child-final-explore-eyebrow
.elementor-heading-title {
  color:
    var(--gys-acid) !important;

  font-family:
    "Quicksand",
    sans-serif !important;

  font-size:
    11px !important;

  font-weight:
    700 !important;

  line-height:
    1.4 !important;

  letter-spacing:
    .16em !important;

  text-transform:
    uppercase !important;
}


.elementor-1306 .elementor-element.elementor-element-7d434645
.gcg-child-final-explore-eyebrow
.elementor-heading-title {
  margin:
    0 !important;
}


/* ==========================================================
   06. TITLE
========================================================== */

.elementor-1306 .elementor-element.elementor-element-7d434645
.gcg-child-final-explore-title {
  width:
    100% !important;

  max-width:
    610px !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


.elementor-1306 .elementor-element.elementor-element-7d434645
.gcg-child-final-explore-title
.elementor-heading-title {
  margin:
    0 !important;

  color:
    var(--gys-cream) !important;

  font-family:
    "Quicksand",
    sans-serif !important;

  font-size:
    44px !important;

  font-weight:
    700 !important;

  line-height:
    1.06 !important;

  letter-spacing:
    -.045em !important;

  text-wrap:
    balance;
}


/* ==========================================================
   07. ACTIONS
========================================================== */

.elementor-1306 .elementor-element.elementor-element-7d434645
.gcg-child-final-explore-actions {
  width:
    auto !important;

  max-width:
    100% !important;

  display:
    flex !important;

  flex-direction:
    row !important;

  align-items:
    center !important;

  justify-content:
    flex-start !important;

  flex-wrap:
    wrap !important;

  gap:
    12px !important;

  margin:
    28px
    0
    0 !important;

  padding:
    0 !important;
}


.elementor-1306 .elementor-element.elementor-element-7d434645
.gcg-child-final-explore-actions > .e-con-inner {
  width:
    auto !important;

  max-width:
    100% !important;

  display:
    flex !important;

  flex-direction:
    row !important;

  align-items:
    center !important;

  justify-content:
    flex-start !important;

  flex-wrap:
    wrap !important;

  gap:
    12px !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


/* ==========================================================
   08. BUTTON WIDGET
========================================================== */

.elementor-1306 .elementor-element.elementor-element-7d434645
.gcg-child-final-explore-btn {
  width:
    auto !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


.elementor-1306 .elementor-element.elementor-element-7d434645
.gcg-child-final-explore-btn
.elementor-button-wrapper {
  width:
    auto !important;
}


/* ==========================================================
   09. BUTTON BASE
========================================================== */

.elementor-1306 .elementor-element.elementor-element-7d434645
.gcg-child-final-explore-btn
.elementor-button {
  width:
    auto !important;

  min-height:
    46px !important;

  display:
    inline-flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  gap:
    10px !important;

  margin:
    0 !important;

  padding:
    0
    19px !important;

  border-radius:
    999px !important;

  box-shadow:
    none !important;

  font-family:
    "Quicksand",
    sans-serif !important;

  font-size:
    13px !important;

  font-weight:
    700 !important;

  line-height:
    1.3 !important;

  text-align:
    center !important;

  transition:
    transform .2s ease,
    border-color .2s ease,
    background-color .2s ease,
    color .2s ease !important;
}


/* ==========================================================
   10. PRIMARY CTA
========================================================== */

.elementor-1306 .elementor-element.elementor-element-7d434645
.gcg-child-final-explore-btn-primary
.elementor-button {
  border:
    1px solid
    var(--gys-acid) !important;

  background:
    var(--gys-acid) !important;

  color:
    var(--gys-navy) !important;
}


/* ==========================================================
   11. SECONDARY CTA
========================================================== */

.elementor-1306 .elementor-element.elementor-element-7d434645
.gcg-child-final-explore-btn-secondary
.elementor-button {
  border:
    1px solid
    rgba(237,231,221,.40) !important;

  background:
    transparent !important;

  color:
    var(--gys-cream) !important;
}


/* ==========================================================
   12. BUTTON CONTENT / ICON
========================================================== */

.elementor-1306 .elementor-element.elementor-element-7d434645
.gcg-child-final-explore-btn
.elementor-button-content-wrapper {
  display:
    inline-flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  gap:
    10px !important;
}


.elementor-1306 .elementor-element.elementor-element-7d434645
.gcg-child-final-explore-btn
.elementor-button-icon {
  display:
    inline-flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  margin:
    0 !important;

  color:
    inherit !important;
}


.elementor-1306 .elementor-element.elementor-element-7d434645
.gcg-child-final-explore-btn
.elementor-button-icon svg {
  width:
    14px !important;

  height:
    14px !important;

  color:
    inherit !important;

  fill:
    currentColor !important;
}


.elementor-1306 .elementor-element.elementor-element-7d434645
.gcg-child-final-explore-btn
.elementor-button-icon
svg [fill="none"] {
  fill:
    none !important;
}


.elementor-1306 .elementor-element.elementor-element-7d434645
.gcg-child-final-explore-btn
.elementor-button-icon
svg [stroke]:not([stroke="none"]) {
  stroke:
    currentColor !important;
}


/* ==========================================================
   13. HOVER
========================================================== */

@media (hover:hover) {

  .elementor-1306 .elementor-element.elementor-element-7d434645
  .gcg-child-final-explore-btn-primary
  .elementor-button:hover {
    transform:
      translateY(-1px);

    border-color:
      var(--gys-cream) !important;

    background:
      var(--gys-cream) !important;

    color:
      var(--gys-navy) !important;
  }


  .elementor-1306 .elementor-element.elementor-element-7d434645
  .gcg-child-final-explore-btn-secondary
  .elementor-button:hover {
    transform:
      translateY(-1px);

    border-color:
      var(--gys-cream) !important;

    background:
      rgba(237,231,221,.08) !important;

    color:
      var(--gys-cream) !important;
  }
}


/* ==========================================================
   14. FOCUS
========================================================== */

.elementor-1306 .elementor-element.elementor-element-7d434645
.gcg-child-final-explore-btn
.elementor-button:focus-visible {
  outline:
    2px solid
    var(--gys-acid) !important;

  outline-offset:
    3px !important;
}


/* ==========================================================
   15. VISUAL
========================================================== */

.elementor-1306 .elementor-element.elementor-element-7d434645
.gcg-child-final-explore-visual {
  position:
    relative !important;

  width:
    100% !important;

  min-width:
    0 !important;

  min-height:
    300px !important;

  margin:
    0 !important;

  padding:
    0 !important;

  background:
    var(--gys-navy-2) !important;

  overflow:
    hidden !important;
}


/* Image join */

.elementor-1306 .elementor-element.elementor-element-7d434645
.gcg-child-final-explore-visual::before {
  content:
    "";

  position:
    absolute;

  inset:
    0
    auto
    0
    0;

  z-index:
    3;

  width:
    84px;

  pointer-events:
    none;

  background:
    linear-gradient(
      90deg,
      rgba(14,19,33,.72) 0%,
      rgba(14,19,33,0) 100%
    );
}


/* subtle dark treatment */

.elementor-1306 .elementor-element.elementor-element-7d434645
.gcg-child-final-explore-visual::after {
  content:
    "";

  position:
    absolute;

  inset:
    0;

  z-index:
    2;

  pointer-events:
    none;

  background:
    linear-gradient(
      180deg,
      rgba(14,19,33,.04) 0%,
      rgba(14,19,33,.25) 100%
    );
}


/* ==========================================================
   16. IMAGE
========================================================== */

.elementor-1306 .elementor-element.elementor-element-7d434645
.gcg-child-final-explore-image {
  position:
    absolute !important;

  inset:
    0 !important;

  width:
    100% !important;

  height:
    100% !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


.elementor-1306 .elementor-element.elementor-element-7d434645
.gcg-child-final-explore-image
.elementor-widget-container,

.elementor-1306 .elementor-element.elementor-element-7d434645
.gcg-child-final-explore-image a,

.elementor-1306 .elementor-element.elementor-element-7d434645
.gcg-child-final-explore-image img {
  width:
    100% !important;

  height:
    100% !important;
}


.elementor-1306 .elementor-element.elementor-element-7d434645
.gcg-child-final-explore-image img {
  display:
    block !important;

  object-fit:
    cover !important;

  object-position:
    center !important;

  opacity:
    .88 !important;

  filter:
    saturate(.78)
    contrast(1.04)
    brightness(.90);
}


/* ==========================================================
   17. TABLET <= 1024PX
========================================================== */

@media (max-width:1024px) {

  .elementor-1306 .elementor-element.elementor-element-7d434645 {
    padding-bottom:
      56px !important;
  }


  .elementor-1306 .elementor-element.elementor-element-7d434645
  .gcg-child-final-explore-inner {
    width:
      calc(100% - 48px) !important;

    max-width:
      calc(100% - 48px) !important;
  }


  .elementor-1306 .elementor-element.elementor-element-7d434645
  .gcg-child-final-explore-card,

  .elementor-1306 .elementor-element.elementor-element-7d434645
  .gcg-child-final-explore-card > .e-con-inner {
    grid-template-columns:
      minmax(0,1.08fr)
      minmax(300px,.92fr) !important;
  }


  .elementor-1306 .elementor-element.elementor-element-7d434645
  .gcg-child-final-explore-copy {
    padding:
      42px
      38px !important;
  }


  .elementor-1306 .elementor-element.elementor-element-7d434645
  .gcg-child-final-explore-title
  .elementor-heading-title {
    font-size:
      40px !important;
  }
}


/* ==========================================================
   18. TABLET PORTRAIT <= 820PX
========================================================== */

@media (max-width:820px) {

  .elementor-1306 .elementor-element.elementor-element-7d434645
  .gcg-child-final-explore-card,

  .elementor-1306 .elementor-element.elementor-element-7d434645
  .gcg-child-final-explore-card > .e-con-inner {
    grid-template-columns:
      1fr !important;
  }


  .elementor-1306 .elementor-element.elementor-element-7d434645
  .gcg-child-final-explore-copy {
    min-height:
      260px !important;
  }


  .elementor-1306 .elementor-element.elementor-element-7d434645
  .gcg-child-final-explore-visual {
    height:
      240px !important;

    min-height:
      240px !important;
  }


  .elementor-1306 .elementor-element.elementor-element-7d434645
  .gcg-child-final-explore-visual::before {
    inset:
      0
      0
      auto
      0;

    width:
      100%;

    height:
      62px;

    background:
      linear-gradient(
        180deg,
        rgba(14,19,33,.68) 0%,
        rgba(14,19,33,0) 100%
      );
  }
}


/* ==========================================================
   19. MOBILE <= 640PX
========================================================== */

@media (max-width:640px) {

  .elementor-1306 .elementor-element.elementor-element-7d434645 {
    padding:
      0
      0
      44px !important;
  }


  .elementor-1306 .elementor-element.elementor-element-7d434645
  .gcg-child-final-explore-inner {
    width:
      calc(100% - 28px) !important;

    max-width:
      calc(100% - 28px) !important;
  }


  .elementor-1306 .elementor-element.elementor-element-7d434645
  .gcg-child-final-explore-card {
    border-radius:
      16px !important;
  }


  .elementor-1306 .elementor-element.elementor-element-7d434645
  .gcg-child-final-explore-copy {
    min-height:
      0 !important;

    padding:
      32px
      22px !important;
  }


  .elementor-1306 .elementor-element.elementor-element-7d434645
  .gcg-child-final-explore-eyebrow {
    padding-left:
      40px !important;

    margin-bottom:
      13px !important;
  }


  .elementor-1306 .elementor-element.elementor-element-7d434645
  .gcg-child-final-explore-eyebrow::before {
    width:
      26px;
  }


  .elementor-1306 .elementor-element.elementor-element-7d434645
  .gcg-child-final-explore-title
  .elementor-heading-title {
    font-size:
      34px !important;

    line-height:
      1.08 !important;
  }


  .elementor-1306 .elementor-element.elementor-element-7d434645
  .gcg-child-final-explore-actions,

  .elementor-1306 .elementor-element.elementor-element-7d434645
  .gcg-child-final-explore-actions > .e-con-inner {
    width:
      100% !important;

    flex-direction:
      column !important;

    align-items:
      stretch !important;

    gap:
      10px !important;
  }


  .elementor-1306 .elementor-element.elementor-element-7d434645
  .gcg-child-final-explore-btn,

  .elementor-1306 .elementor-element.elementor-element-7d434645
  .gcg-child-final-explore-btn
  .elementor-button-wrapper,

  .elementor-1306 .elementor-element.elementor-element-7d434645
  .gcg-child-final-explore-btn
  .elementor-button {
    width:
      100% !important;
  }


  .elementor-1306 .elementor-element.elementor-element-7d434645
  .gcg-child-final-explore-visual {
    height:
      220px !important;

    min-height:
      220px !important;
  }
}


/* ==========================================================
   20. VERY SMALL <= 380PX
========================================================== */

@media (max-width:380px) {

  .elementor-1306 .elementor-element.elementor-element-7d434645
  .gcg-child-final-explore-inner {
    width:
      calc(100% - 24px) !important;

    max-width:
      calc(100% - 24px) !important;
  }


  .elementor-1306 .elementor-element.elementor-element-7d434645
  .gcg-child-final-explore-title
  .elementor-heading-title {
    font-size:
      31px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84e9d8 *//* ==========================================================
   GCG — SETUP CHILD CATEGORY
   GLOBAL PAGE BASE
========================================================== */

.elementor-1306 .elementor-element.elementor-element-84e9d8 {
  --gcg-child-max: 1192px;

  --gcg-navy: #0E1321;
  --gcg-cream: #EDE7DD;
  --gcg-cream-2: #F6F1EA;
  --gcg-beige: #D8CFC3;
  --gcg-taupe: #B89C84;
  --gcg-gray: #6E7480;
  --gcg-paper: #FFFDF8;

  --gcg-line: rgba(14,19,33,.11);
  --gcg-line-soft: rgba(14,19,33,.07);

  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  background:
    radial-gradient(
      circle at 7% 2%,
      rgba(255,255,255,.80) 0%,
      transparent 25%
    ),
    radial-gradient(
      circle at 94% 12%,
      rgba(216,207,195,.17) 0%,
      transparent 28%
    ),
    linear-gradient(
      180deg,
      #F8F3EC 0%,
      #EDE7DD 45%,
      #F4EEE5 100%
    ) !important;

  overflow: visible !important;
}

.elementor-1306 .elementor-element.elementor-element-84e9d8,
.elementor-1306 .elementor-element.elementor-element-84e9d8 * {
  box-sizing: border-box !important;
}/* End custom CSS */