.elementor-33071 .elementor-element.elementor-element-3c13a8e{--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:center;--overlay-opacity:0.5;--padding-top:2%;--padding-bottom:0%;--padding-left:2%;--padding-right:2%;}.elementor-33071 .elementor-element.elementor-element-3c13a8e::before, .elementor-33071 .elementor-element.elementor-element-3c13a8e > .elementor-background-video-container::before, .elementor-33071 .elementor-element.elementor-element-3c13a8e > .e-con-inner > .elementor-background-video-container::before, .elementor-33071 .elementor-element.elementor-element-3c13a8e > .elementor-background-slideshow::before, .elementor-33071 .elementor-element.elementor-element-3c13a8e > .e-con-inner > .elementor-background-slideshow::before, .elementor-33071 .elementor-element.elementor-element-3c13a8e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before, .elementor-33071 .elementor-element.elementor-element-3c13a8e > .e-con-inner > .thegem-ken-burns-bg::before, .elementor-33071 .elementor-element.elementor-element-3c13a8e > .thegem-ken-burns-bg::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #3D00FD00 10%, #FFFFFF 58%);}.elementor-33071 .elementor-element.elementor-element-3c13a8e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-33071 .elementor-element.elementor-element-724959d .elementor-heading-title{font-family:"Manrope", Sans-serif;font-weight:500;color:#1E3A8A;}.elementor-33071 .elementor-element.elementor-element-b894717{padding:0% 8% 3% 8%;text-align:center;}.elementor-33071 .elementor-element.elementor-element-b894717, .elementor-33071 .elementor-element.elementor-element-b894717 .elementor-text-editor *{font-family:"Manrope", Sans-serif;font-weight:500;}.elementor-33071 .elementor-element.elementor-element-b894717, .elementor-33071 .elementor-element.elementor-element-b894717 .elementor-text-editor *:not(.elementor-drop-cap-letter){color:#1E3A8A;}.elementor-33071 .elementor-element.elementor-element-933ff90{--display:flex;}.elementor-33071 .elementor-element.elementor-element-97185c0 .elementor-button{background-color:transparent;background-image:linear-gradient(133deg, #1E3A8A 31%, #198DCD 100%);}.elementor-33071 .elementor-element.elementor-element-c96681a{--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:center;--gap:22px 22px;--row-gap:22px;--column-gap:22px;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-33071 .elementor-element.elementor-element-c96681a, .elementor-33071 .elementor-element.elementor-element-c96681a.thegem-e-con-layout-thegem{--content-width:92%;}.elementor-33071 .elementor-element.elementor-element-bab716a{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-33071 .elementor-element.elementor-element-c832081 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-weight:500;color:#1E3A8A;}.elementor-33071 .elementor-element.elementor-element-7ee3145{--spacer-size:5px;width:var( --container-widget-width, 20% );max-width:20%;--container-widget-width:20%;--container-widget-flex-grow:0;}.elementor-33071 .elementor-element.elementor-element-7ee3145 > .elementor-widget-container{background-color:#1E3A8A;margin:8px 0px 8px 0px;padding:0px 0px 0px 0px;border-radius:5px 5px 5px 5px;}.elementor-33071 .elementor-element.elementor-element-2ce2285{--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:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--border-radius:25px 25px 25px 25px;box-shadow:0px 0px 10px 0px rgba(30.000000000000046, 58.00000000000007, 138.00000000000003, 0.28);--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-33071 .elementor-element.elementor-element-2ce2285:not(.elementor-motion-effects-element-type-background), .elementor-33071 .elementor-element.elementor-element-2ce2285 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-33071 .elementor-element.elementor-element-d0a64a3{--display:flex;--gap:4px 4px;--row-gap:4px;--column-gap:4px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-33071 .elementor-element.elementor-element-12777db{padding:0% 0% 0% 0%;text-align:center;}.elementor-33071 .elementor-element.elementor-element-12777db, .elementor-33071 .elementor-element.elementor-element-12777db .elementor-text-editor *{font-family:"Manrope", Sans-serif;font-weight:500;}.elementor-33071 .elementor-element.elementor-element-12777db, .elementor-33071 .elementor-element.elementor-element-12777db .elementor-text-editor *:not(.elementor-drop-cap-letter){color:#1E3A8A;}@media(max-width:1024px){.elementor-33071 .elementor-element.elementor-element-d0a64a3{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-33071 .elementor-element.elementor-element-3c13a8e{--width:100%;}.elementor-33071 .elementor-element.elementor-element-2ce2285{--width:85%;}}@media(max-width:767px){.elementor-33071 .elementor-element.elementor-element-3c13a8e{--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-33071 .elementor-element.elementor-element-724959d .elementor-heading-title{font-size:26px;}.elementor-33071 .elementor-element.elementor-element-b894717{text-align:center;}.elementor-33071 .elementor-element.elementor-element-b894717, .elementor-33071 .elementor-element.elementor-element-b894717 .elementor-text-editor *{font-size:15px;}.elementor-33071 .elementor-element.elementor-element-81b3666{margin:-55px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-33071 .elementor-element.elementor-element-bab716a{--gap:2px 2px;--row-gap:2px;--column-gap:2px;--padding-top:0px;--padding-bottom:0px;--padding-left:8px;--padding-right:8px;}.elementor-33071 .elementor-element.elementor-element-c832081 .elementor-heading-title{font-size:28px;}.elementor-33071 .elementor-element.elementor-element-7ee3145{--spacer-size:3px;--container-widget-width:34%;--container-widget-flex-grow:0;width:var( --container-widget-width, 34% );max-width:34%;}.elementor-33071 .elementor-element.elementor-element-2ce2285{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-33071 .elementor-element.elementor-element-d0a64a3{--gap:1px 1px;--row-gap:1px;--column-gap:1px;}.elementor-33071 .elementor-element.elementor-element-12777db{text-align:center;}.elementor-33071 .elementor-element.elementor-element-12777db, .elementor-33071 .elementor-element.elementor-element-12777db .elementor-text-editor *{font-size:15px;}}/* ===============================
   TIMELINE – NO LOOP + ALTERNATING
   + UPPER YEAR MOVED DOWN - 30% SMALLER
================================ */

/* Prevent clipping/cutting */
.tg-timeline,
.tg-timeline *,
.tg-timeline .swiper,
.tg-timeline .swiper-wrapper,
.tg-timeline .swiper-slide{
  overflow: visible !important;
}

/* Container styling */
.container {
  max-width: 1600px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}

/* Header - 30% smaller */
.header {
  text-align: center;
  margin-bottom: 28px; /* Reduced by 30% from 40px */
  padding: 0 20px;
}

.header h1 {
  font-size: 1.96rem; /* Reduced by 30% from 2.8rem */
  font-weight: 800;
  color: #1e3a8a;
  margin-bottom: 11.2px; /* Reduced by 30% from 16px */
  background: linear-gradient(135deg, #1e3a8a 0%, #198DCD 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.header p {
  font-size: 0.84rem; /* Reduced by 30% from 1.2rem */
  color: #64748b;
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.6;
}

/* Outer spacing - 30% smaller */
.tg-timeline{
  padding: 105px 0 126px; /* Reduced by 30% from 150px 0 180px */
  position: relative;
  width: 100%;
  background: transparent;
  border-radius: 16.8px; /* Reduced by 30% from 24px */
  overflow: visible !important;
}

/* Fixed stage - 30% smaller */
.tg-timeline-swiper{
  height: 476px; /* Reduced by 30% from 680px */
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  overflow: visible !important;
}

/* Center horizontal line - 30% smaller */
.tg-timeline-swiper::before{
  content:"";
  position:absolute;
  left: 56px; /* Reduced by 30% from 80px */
  right: 56px; /* Reduced by 30% from 80px */
  top:50%;
  height:2.8px; /* Reduced by 30% from 4px */
  background: linear-gradient(90deg, 
    transparent 0%, 
    #198DCD 20%, 
    #198DCD 80%, 
    transparent 100%);
  transform:translateY(-50%);
  z-index:0; /* behind everything */
}

/* Center slides - 30% smaller */
.tg-timeline .swiper-slide{
  display:flex;
  justify-content:center;
  padding: 0 17.5px; /* Reduced by 30% from 25px */
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  height: auto;
  overflow: visible !important;
}

.tg-timeline .swiper-slide-active {
  transform: scale(1.05);
  z-index: 10;
}

/* Anchor point - 30% smaller */
.tg-timeline-item{
  position: relative;
  width: 196px; /* Reduced by 30% from 280px */
  height: 210px; /* Reduced by 30% from 300px */
  top: 50%;
  transform: translateY(-50%);
  z-index:1;
  transition: all 0.3s ease;
}

/* Dot on the line - 30% smaller */
.tg-timeline-item::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%; /* Position at center line */
  width:12.6px; /* Reduced by 30% from 18px */
  height:12.6px; /* Reduced by 30% from 18px */
  background:#198DCD;
  border-radius:50%;
  transform:translate(-50%, -50%);
  z-index:12;
  box-shadow: 0 0 0 2.8px rgba(25, 141, 205, 0.2), /* Reduced by 30% */
              0 0 0 5.6px rgba(25, 141, 205, 0.1); /* Reduced by 30% */
  animation: pulse 2s infinite;
  transition: all 0.3s ease;
}

.swiper-slide-active .tg-timeline-item::before {
  background: #1e3a8a;
  width: 15.4px; /* Reduced by 30% from 22px */
  height: 15.4px; /* Reduced by 30% from 22px */
  box-shadow: 0 0 0 4.2px rgba(30, 58, 138, 0.3), /* Reduced by 30% */
              0 0 0 8.4px rgba(30, 58, 138, 0.15); /* Reduced by 30% */
}

@keyframes pulse {
  0%, 100% {
    box-shadow: 0 0 0 2.8px rgba(25, 141, 205, 0.2),
                0 0 0 5.6px rgba(25, 141, 205, 0.1);
  }
  50% {
    box-shadow: 0 0 0 4.2px rgba(25, 141, 205, 0.3),
                0 0 0 8.4px rgba(30, 58, 138, 0.15);
  }
}

/* Connector line - 30% smaller */
.tg-timeline-item::after{
  content:"";
  position:absolute;
  left:50%;
  width:2.1px; /* Reduced by 30% from 3px */
  background: linear-gradient(to bottom, transparent, #198DCD, transparent);
  transform:translateX(-50%);
  z-index:2;
  transition: all 0.3s ease;
}

/* Content box - 30% smaller */
.tg-content{
  position:absolute;
  left:50%;
  width:196px; /* Reduced by 30% from 280px */
  transform:translateX(-50%);
  text-align:center;
  z-index:11;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: visible !important;
}

/* Year pill - 30% smaller */
.tg-badge{
  background: linear-gradient(135deg, #1e3a8a 0%, #198DCD 100%);
  color:#fff;
  font-weight:800;
  padding:9.8px 22.4px; /* Reduced by 30% from 14px 32px */
  border-radius:35px; /* Reduced by 30% from 50px */
  font-size:16.8px; /* Reduced by 30% from 24px */
  margin-bottom:17.5px; /* Reduced by 30% from 25px */
  display:inline-block;
  box-shadow: 0 7px 17.5px rgba(30, 58, 138, 0.3); /* Reduced by 30% */
  position: relative;
  overflow: hidden;
  z-index: 5;
  min-width: 84px; /* Reduced by 30% from 120px */
  transition: all 0.3s ease;
}

.tg-badge::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
  transition: left 0.5s ease;
}

.tg-badge:hover::before {
  left: 100%;
}

/* Card - 30% smaller */
.tg-card{
  background:#fff;
  border-radius:12.6px; /* Reduced by 30% from 18px */
  padding:19.6px; /* Reduced by 30% from 28px */
  box-shadow: 0 10.5px 35px rgba(0, 0, 0, 0.12), /* Reduced by 30% */
              0 3.5px 10.5px rgba(0, 0, 0, 0.05); /* Reduced by 30% */
  font-size:11.2px; /* Reduced by 30% from 16px */
  line-height:1.7;
  color:#334155;
  border: 1px solid rgba(226, 232, 240, 0.9);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: visible;
  backdrop-filter: blur(10px);
  z-index: 5;
  min-height: 140px; /* Reduced by 30% from 200px */
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.tg-card h3 {
  color: #1e3a8a;
  font-size: 14px; /* Reduced by 30% from 20px */
  font-weight: 700;
  margin-bottom: 8.4px; /* Reduced by 30% from 12px */
  line-height: 1.3;
}

.tg-card p {
  color: #475569;
  font-size: 10.85px; /* Reduced by 30% from 15.5px */
  line-height: 1.6;
}

.tg-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3.5px; /* Reduced by 30% from 5px */
  background: linear-gradient(90deg, #1e3a8a, #198DCD);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s ease;
  border-radius: 12.6px 12.6px 0 0; /* Reduced by 30% */
}

.swiper-slide-active .tg-card::before {
  transform: scaleX(1);
}

.tg-card:hover {
  transform: translateY(-4.2px); /* Reduced by 30% from 6px */
  box-shadow: 0 17.5px 49px rgba(0, 0, 0, 0.15), /* Reduced by 30% */
              0 7px 17.5px rgba(0, 0, 0, 0.08); /* Reduced by 30% */
}

/* ===============================
   ALTERNATION - 30% smaller
================================ */

/* BELOW cards - 30% smaller */
.swiper-slide.is-odd .tg-content{
  top: 126px; /* Reduced by 30% from 180px */
  bottom: auto;
}

.swiper-slide.is-odd .tg-timeline-item::after{
  top: 50%;
  height: 112px; /* Reduced by 30% from 160px */
  background: linear-gradient(to bottom, #198DCD, transparent);
}

/* ABOVE cards - 30% smaller */
.swiper-slide.is-even .tg-content{
  bottom: 126px; /* Reduced by 30% from 180px */
  top: auto;
}

.swiper-slide.is-even .tg-timeline-item::after{
  top: 50%;
  height: 112px; /* Reduced by 30% from 160px */
  transform: translateX(-50%) translateY(-100%);
  background: linear-gradient(to top, #198DCD, transparent);
}

/* ✅ Move YEAR DOWN for ABOVE cards (year near the line) */
.swiper-slide.is-even .tg-content{
  display:flex;
  flex-direction: column-reverse; /* CARD first, YEAR second */
  align-items: center;
}

.swiper-slide.is-even .tg-badge{
  margin-top: 17.5px; /* Reduced by 30% from 25px */
  margin-bottom: 0;
}

/* Year positioning for BELOW cards */
.swiper-slide.is-odd .tg-content{
  display:flex;
  flex-direction: column;
  align-items: center;
}

.swiper-slide.is-odd .tg-badge{
  margin-bottom: 17.5px; /* Reduced by 30% from 25px */
  margin-top: 0;
}

/* ===============================
   ARROWS - 30% smaller
================================ */

.tg-arrow{
  position:absolute;
  top:50%;
  width:42px; /* Reduced by 30% from 60px */
  height:42px; /* Reduced by 30% from 60px */
  border-radius:50%;
  background: linear-gradient(135deg, #1e3a8a 0%, #198DCD 100%);
  transform:translateY(-50%);
  cursor:pointer;
  z-index:20;
  border: none;
  box-shadow: 0 7px 21px rgba(30, 58, 138, 0.3); /* Reduced by 30% */
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  align-items: center;
  justify-content: center;
}

.tg-arrow:hover {
  transform: translateY(-50%) scale(1.12);
  box-shadow: 0 10.5px 28px rgba(30, 58, 138, 0.4); /* Reduced by 30% */
}

.tg-arrow:active {
  transform: translateY(-50%) scale(0.96);
}

.tg-prev{ 
  left: 14px; /* Reduced by 30% from 20px */
  position: absolute;
}

.tg-next{ 
  right: 14px; /* Reduced by 30% from 20px */
  position: absolute;
}

/* Arrow icons - 30% smaller */
.tg-arrow::before{
  content:"";
  width:12.6px; /* Reduced by 30% from 18px */
  height:12.6px; /* Reduced by 30% from 18px */
  border-right:2.8px solid #fff; /* Reduced by 30% from 4px */
  border-bottom:2.8px solid #fff; /* Reduced by 30% from 4px */
  transform: rotate(135deg);
  transition: all 0.3s ease;
}

.tg-next::before{
  transform: rotate(-45deg);
}

/* Disable arrows at ends */
.tg-arrow.swiper-button-disabled{
  opacity: 0.3;
  cursor: not-allowed;
  transform: translateY(-50%) scale(1);
}

.tg-arrow.swiper-button-disabled:hover{
  transform: translateY(-50%) scale(1);
  box-shadow: 0 7px 21px rgba(30, 58, 138, 0.3); /* Reduced by 30% */
}

/* ===============================
   PROGRESS BAR - 30% smaller
================================ */

.timeline-progress {
  position: absolute;
  bottom: 70px; /* Reduced by 30% from 100px */
  left: 50%;
  transform: translateX(-50%);
  width: 280px; /* Reduced by 30% from 400px */
  height: 4.2px; /* Reduced by 30% from 6px */
  background: rgba(30, 58, 138, 0.1);
  border-radius: 2.1px; /* Reduced by 30% from 3px */
  overflow: hidden;
  z-index: 10;
}

.progress-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: linear-gradient(90deg, #198DCD, #1e3a8a);
  border-radius: 2.1px; /* Reduced by 30% from 3px */
  width: 0%;
  transition: width 0.4s ease;
}

/* ===============================
   YEAR INDICATOR - 30% smaller
================================ */

.current-year {
  position: absolute;
  top: -5px; /* Reduced by 30% from 40px */
  left: 50%;
  transform: translateX(-50%);
  font-size: 14px; /* Reduced by 30% from 20px */
  font-weight: 800;
  color: #1e3a8a;
  background: rgba(255, 255, 255, 0.95);
  padding: 9.8px 22.4px; /* Reduced by 30% from 14px 32px */
  border-radius: 21px; /* Reduced by 30% from 30px */
  box-shadow: 0 7px 21px rgba(0, 0, 0, 0.15); /* Reduced by 30% */
  backdrop-filter: blur(10px);
  z-index: 15;
  opacity: 0;
  transition: opacity 0.4s ease, transform 0.4s ease;
  border: 1.4px solid rgba(30, 58, 138, 0.1); /* Reduced by 30% from 2px */
}

.current-year.show {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* ===============================
   FOOTER NOTE - 30% smaller
================================ */


.footer-note a {
  color: #198DCD;
  text-decoration: none;
  font-weight: 600;
}

.footer-note a:hover {
  text-decoration: underline;
}

/* ===============================
   MOBILE - 30% smaller
================================ */

@media (max-width: 1200px) {
  .tg-timeline .swiper-slide {
    padding: 0 14px; /* Reduced by 30% from 20px */
  }
  
  .tg-timeline-item {
    width: 182px; /* Reduced by 30% from 260px */
  }
  
  .tg-content {
    width: 182px; /* Reduced by 30% from 260px */
  }
  
  .tg-arrow {
    width: 39.2px; /* Reduced by 30% from 56px */
    height: 39.2px; /* Reduced by 30% from 56px */
  }
  
  
  
  .timeline-progress {
    width: 245px; /* Reduced by 30% from 350px */
  }
}

@media (max-width: 992px) {
  .tg-timeline-swiper::before {
    left: 42px; /* Reduced by 30% from 60px */
    right: 42px; /* Reduced by 30% from 60px */
  }
}

@media (max-width: 768px) {
  .header h1 {
    font-size: 1.54rem; /* Reduced by 30% from 2.2rem */
  }
  
  .header {
    margin-bottom: 21px; /* Reduced by 30% from 30px */
  }
  
  .tg-timeline {
    padding: 70px 0 98px; /* Reduced by 30% from 100px 0 140px */
  }
  
  .tg-timeline-swiper {
    height: auto;
    display: block;
    padding: 28px 0; /* Reduced by 30% from 40px 0 */
  }

  .tg-timeline-swiper::before {
    display: none;
  }

  .tg-timeline-item {
    width: 100%;
    height: auto;
    top: auto;
    transform: none;
    margin-bottom: 28px; /* Reduced by 30% from 40px */
    min-height: 140px; /* Reduced by 30% from 200px */
  }

  .tg-timeline-item::before,
  .tg-timeline-item::after {
    display: none;
  }

  .tg-content {
    position: relative;
    left: auto;
    transform: none;
    width: 100%;
    max-width: 315px; /* Reduced by 30% from 450px */
    margin: 0 auto;
    top: auto !important;
    bottom: auto !important;
  }

  /* On mobile keep normal order */
  .swiper-slide.is-even .tg-content,
  .swiper-slide.is-odd .tg-content {
    position: relative;
    top: auto !important;
    bottom: auto !important;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .swiper-slide.is-even .tg-badge,
  .swiper-slide.is-odd .tg-badge {
    margin: 0 0 17.5px 0 !important; /* Reduced by 30% from 25px */
    order: 1;
  }
  
  .tg-card {
    order: 2;
    margin-top: 0;
  }
  
  .tg-arrow {
    width: 36.4px; /* Reduced by 30% from 52px */
    height: 36.4px; /* Reduced by 30% from 52px */
    top: auto;
    bottom: -10px; /* Reduced by 30% from 40px */
    transform: none !important;
  }
  
  .tg-prev { 
    left: calc(50% - 49px); /* Reduced by 30% from 70px */
    position: absolute;
  }
  
  .tg-next { 
    right: calc(50% - 49px); /* Reduced by 30% from 70px */
    position: absolute;
  }
  
  .tg-arrow:hover {
    transform: scale(1.1) !important;
  }
  
  .timeline-progress {
    bottom: 63px; /* Reduced by 30% from 90px */
    width: 210px; /* Reduced by 30% from 300px */
  }
  
  .current-year {
    top: 14px; /* Reduced by 30% from 20px */
    padding: 8.4px 19.6px; /* Reduced by 30% from 12px 28px */
    font-size: 12.6px; /* Reduced by 30% from 18px */
    display: none;
  }
  
  .tg-card {
    padding: 16.8px; /* Reduced by 30% from 24px */
  }
}

@media (max-width: 480px) {
  .header h1 {
    font-size: 1.33rem; /* Reduced by 30% from 1.9rem */
  }
  
  .header p {
    font-size: 0.735rem; /* Reduced by 30% from 1.05rem */
  }
  
  .tg-badge {
    padding: 8.4px 16.8px; /* Reduced by 30% from 12px 24px */
    font-size: 15.4px; /* Reduced by 30% from 22px */
  }
  
  .tg-card {
    padding: 14px; /* Reduced by 30% from 20px */
    font-size: 10.5px; /* Reduced by 30% from 15px */
  }
  
  .tg-card h3 {
    font-size: 12.6px; /* Reduced by 30% from 18px */
  }
  
  .timeline-progress {
    width: 175px; /* Reduced by 30% from 250px */
  }
  
  .tg-arrow {
    width: 33.6px; /* Reduced by 30% from 48px */
    height: 33.6px; /* Reduced by 30% from 48px */
  }
  
  .tg-prev { left: 20px; } /* Reduced by 30% from 60px */
  .tg-next { right: 20px; } /* Reduced by 30% from 60px */
}

/* Ensure no clipping */
.swiper-wrapper,
.swiper-slide,
.tg-timeline,
.tg-content,
.tg-card {
  overflow: visible !important;
}