.elementor-17125 .elementor-element.elementor-element-476ab96{--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:030px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-17125 .elementor-element.elementor-element-dbbc544{text-align:center;}.elementor-17125 .elementor-element.elementor-element-dbbc544 .elementor-heading-title{font-family:"Volkhov", Sans-serif;font-size:36px;font-weight:700;letter-spacing:8px;color:#1C2B38;}.elementor-17125 .elementor-element.elementor-element-3bd0dfa{padding:0% 15% 0% 15%;text-align:center;}.elementor-17125 .elementor-element.elementor-element-3bd0dfa .elementor-heading-title{font-family:"Volkhov", Sans-serif;font-size:20px;font-weight:400;letter-spacing:1.5px;color:#1C2B38;}.elementor-17125 .elementor-element.elementor-element-ab9ee14 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-17125 .elementor-element.elementor-element-ab9ee14 .elementor-button .elementor-button-content-wrapper{gap:15px;}.elementor-17125 .elementor-element.elementor-element-ab9ee14 .elementor-button{font-size:20px;fill:#FFFFFF;color:#FFFFFF;}.elementor-17125 .elementor-element.elementor-element-78e49c6{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-17125 .elementor-element.elementor-element-7450e09{--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;overflow:visible;}.elementor-17125 .elementor-element.elementor-element-5ee55b8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:40px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;overflow:visible;}.elementor-17125 .elementor-element.elementor-element-f1b8215{--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;overflow:visible;}.elementor-17125 .elementor-element.elementor-element-f1b8215.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-17125 .elementor-element.elementor-element-c83a8b0{width:var( --container-widget-width, 149.786% );max-width:149.786%;--container-widget-width:149.786%;--container-widget-flex-grow:0;}.elementor-17125 .elementor-element.elementor-element-c83a8b0.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-17125 .elementor-element.elementor-element-75c7141{--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;--justify-content:center;overflow:visible;}.elementor-17125 .elementor-element.elementor-element-0227f09{background-color:#ECEBE1;padding:8px 100px 8px 100px;border-radius:15px 15px 15px 15px;}.elementor-17125 .elementor-element.elementor-element-0227f09.elementor-element{--align-self:flex-start;}.elementor-17125 .elementor-element.elementor-element-0227f09 .elementor-heading-title{color:#000000;}.elementor-17125 .elementor-element.elementor-element-f38f1e9 .elementor-heading-title{font-size:28px;color:#000000;}.elementor-17125 .elementor-element.elementor-element-7f58ff4 .elementor-button{fill:#FFFFFF;color:#FFFFFF;border-radius:50px 50px 50px 50px;padding:10px 50px 10px 50px;}.elementor-17125 .elementor-element.elementor-element-6439275{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-17125 .elementor-element.elementor-element-ee8ef54{width:var( --container-widget-width, 1240% );max-width:1240%;--container-widget-width:1240%;--container-widget-flex-grow:0;}.elementor-17125 .elementor-element.elementor-element-14c5942{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-17125 .elementor-element.elementor-element-d513b60{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}@media(min-width:768px){.elementor-17125 .elementor-element.elementor-element-5ee55b8{--content-width:1140px;}.elementor-17125 .elementor-element.elementor-element-f1b8215{--width:46.116%;}.elementor-17125 .elementor-element.elementor-element-75c7141{--width:50%;}.elementor-17125 .elementor-element.elementor-element-6439275{--content-width:1600px;}.elementor-17125 .elementor-element.elementor-element-14c5942{--width:1600px;}.elementor-17125 .elementor-element.elementor-element-d513b60{--content-width:1600px;}}@media(max-width:1024px){.elementor-17125 .elementor-element.elementor-element-dbbc544 .elementor-heading-title{letter-spacing:9px;}}@media(max-width:767px){.elementor-17125 .elementor-element.elementor-element-3bd0dfa{padding:0% 5% 0% 5%;}.elementor-17125 .elementor-element.elementor-element-ab9ee14{margin:0px 10px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-17125 .elementor-element.elementor-element-ab9ee14.elementor-element{--align-self:stretch;}.elementor-17125 .elementor-element.elementor-element-78e49c6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-17125 .elementor-element.elementor-element-5ee55b8{--margin-top:20px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-17125 .elementor-element.elementor-element-f1b8215{--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-17125 .elementor-element.elementor-element-c83a8b0 img{height:240px;}.elementor-17125 .elementor-element.elementor-element-75c7141{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-17125 .elementor-element.elementor-element-75c7141.e-con{--align-self:center;}.elementor-17125 .elementor-element.elementor-element-0227f09.elementor-element{--align-self:center;}.elementor-17125 .elementor-element.elementor-element-0227f09{text-align:center;}.elementor-17125 .elementor-element.elementor-element-f38f1e9 .elementor-heading-title{font-size:18px;}.elementor-17125 .elementor-element.elementor-element-a0eeafe{font-size:16px;}}/* Start custom CSS for container, class: .elementor-element-6439275 *//* ── Reset ── */

*, *::before, *::after {

  box-sizing: border-box;

  margin: 0;

  padding: 0;

}
 
:root {

  --blue: #1a6fc4;

  --tag-bg: rgba(0,0,0,0.52);

  --card-radius: 10px;

  --shadow: 0 4px 18px rgba(0,0,0,0.13);

}
 
/* ── Section wrapper — KEY FIX: position:relative + overflow:hidden prevents footer overlap ── */

.blog-section {

  background-image: url("https://travpholer-media.s3.ap-east-1.amazonaws.com/2026/04/img-1-scaled.webp");

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  border-radius: 0;

  padding: 20px 150px 20px;

  width: 100%;

  max-width: 100%;

  margin: 0;


  position: relative;       /* KEY: keeps pseudo-elements inside */

  overflow: hidden;         /* KEY: clips the ::after circle, stops overflow into footer */

  font-family: 'Noto Sans TC', sans-serif;

  z-index: 0;               /* KEY: establishes stacking context */

}
 
.blog-section::before {

  content: "";

  position: absolute;

  inset: 0;

  background: rgba(0,0,0,0.35);

  z-index: 0;

  pointer-events: none;

}
 
.blog-section::after {

  content: '';

  position: absolute;

  width: 170px;

  height: 170px;

  background: #4a80b0;

  bottom: -45px;

  right: -35px;

  border-radius: 50%;

  opacity: .18;

  pointer-events: none;

  z-index: 0;

}
 
/* ── Header ── */

.section-header {

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

  margin-bottom: 26px;

  gap: 12px;

  flex-wrap: wrap;

  position: relative;

  z-index: 1;

}
 
.header-left {

  display: flex;

  align-items: flex-start;

  gap: 13px;

}
 
.title-block h2 {

  font-size: 40px;

  font-weight: 700;

  color: #fff;

  letter-spacing: .02em;

  line-height: 1.2;

}
 
.title-block h2 span {

  font-weight: 400;

  font-size: 25px;

}
 
.subtitle {

  font-size: 15px;

  color: #fff;

  margin-top: 5px;

}
 
.btn-overview {
  background: transparent;
  border: none;
  color: transparent;
  font-family: inherit;
  font-size: 13px;
  font-weight: 400;
  padding: 0px;
  border-radius: 0;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
  display: none;
}
 
/* ── Cards grid ── */

.cards-row {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  gap: 22px;

  position: relative;

  z-index: 1;

}
 
.card {

  background: transparent;

  border-radius: var(--card-radius);

  overflow: hidden;

  box-shadow: var(--shadow);

  display: flex;

  flex-direction: row;

  padding: 10px;

  gap: 10px;

}
 
.sub-card {

  flex: 1;

  display: flex;

  flex-direction: column;

  min-width: 0;

  border-radius: 6px;

  overflow: hidden;

}
 
.empty-card {

  background: #f5f5f5;

}
 
/* ── Image slot ── */

.img-slot {

  position: relative;

  width: 100%;

  padding-top: 62%;

  overflow: hidden;

  background: #b8cfe0;

  flex-shrink: 0;

  border-radius: 6px 6px 0 0;

}
 
.img-slot img {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

  display: block;

  transition: transform 900ms ease;

}
 
.img-slot:hover img {

  transform: scale(1.1);

}
 
.img-title {

  position: absolute;

  top: 10px;

  left: 10px;

  color: #1a6fc4;

  font-size: 13px;

  font-weight: bold;

  background: rgba(255,255,255,0.75);

  padding: 5px 10px;

  border-radius: 3px;

  z-index: 2;

}
 
/* ── Card body ── */

.sub-body{
  padding: 10px 8px 8px;
  display: flex;
  flex-direction: column;
  flex: 1;
  background: transparent;
}


 
/* KEY FIX: was .10px — should be 13px */

.sub-title {

  font-size: 13px;

  font-weight: 700;

  color: #1a6fc4;

  line-height: 1.55;

  margin-bottom: 10px;

  flex: 1;

}
 
.btn-read {

  align-self: flex-start;

  background: #1a6fc4;

  color: #fff !important;

  border: none;

  font-family: inherit;

  font-size: .68rem;

  font-weight: 600;

  padding: 5px 13px;

  border-radius: 5px;

  cursor: pointer;

  text-decoration: none !important;

  display: inline-block;

  margin-top: auto;

}
 
.blog-section .btn-read,

.blog-section .btn-read:hover,

.blog-section .btn-read:visited,

.blog-section .btn-read:focus {

  color: #fff !important;

  text-decoration: none !important;

}
 
/* ── Responsive: tablet ── */

@media (max-width: 768px) {

  .cards-row {

    grid-template-columns: 1fr;

    gap: 14px;

  }
 
  /* KEY FIX: force cards to stack vertically on mobile */

  .card {

    flex-direction: column;

    padding: 10px;

  }

}
 
/* ── Responsive: mobile ── */

@media (max-width: 480px) {

  .blog-section {

    padding: 22px 14px 26px;

  }
 
  .title-block h2 {

    font-size: 1.2rem;

  }
 
  .btn-overview {

    padding: 7px 14px;

    font-size: 12px;

  }

}

.elementor-17125 .elementor-element.elementor-element-d513b60 {
  display: block !important;   /* 🔴 flex remove */
}/* End custom CSS */