/* =====================
   VARIABLES
===================== */
:root {
  --olive:#364025;
  --light-olive:#899064;
  --font:Poppins, sans-serif;
  --container:1200px;
}

/* =====================
   RESET & GLOBAL
===================== */
*{margin:0;padding:0;box-sizing:border-box;}
body{
  font-family:var(--font);
  background:#fff;color:#222;overflow-x:hidden;
}

/* Scope */
.jarred-fun-page{
  width:100%;
  max-width:calc(var(--container) + 48px);
  margin:0 auto;
  padding-top:40px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;
}

.funfact-empty {
  background: #B8BEAD;
  color: #3F3F3F;
  text-align: center;
  padding: 12px 20px;
  border-radius: 5px;
  display: block;
  margin-left: -30px;
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  font-weight: 400;
  box-shadow: 0 0 8px rgba(0,0,0,0.08);
  max-width: 1500px;
  margin: 255px auto;
}

/* ----- Title ----- */
.jarred-fun-page .title-section{ padding-bottom:30px; }
.jarred-fun-page .hero-title{
  width:690px;height:24px;color:#364025;
  font-size:32px;font-family:var(--font);font-weight:600;
  line-height:14px;word-wrap:break-word;
}

/* Shared desc (desktop) */
.jarred-fun-page .desc-text{
  text-align:justify;color:rgba(63,63,63,.80);
  font-size:18px;font-weight:400;line-height:30px;
}

/* ===== Desktop layout (unchanged) ===== */
/* ----- Section 2 ----- */
.jarred-fun-page .sec2{ padding-bottom:50px; }
.jarred-fun-page .sec2-wrap{ width:1126px;height:653px;position:relative; }
.jarred-fun-page .sec2-img1{
  width:659px;height:423px;left:0;top:0;position:absolute;object-fit:cover;
}
.jarred-fun-page .sec2-img2{
  width:646px;height:422px;left:480px;top:229px;position:absolute;object-fit:cover;
}
.jarred-fun-page .sec2-label{ width:450px;height:64px;left:90px;top:376px;position:absolute; }
.jarred-fun-page .sec2-label-bg{ width:450px;height:64px;left:0;top:0;position:absolute;background:#636749; }
.jarred-fun-page .sec2-label-text{
  width:293px;
  height:22px;
  left:80px;
  top:25px;
  position:absolute;
  color:#fff;
  font-size:25px;font-weight:600;line-height:14px;word-wrap:break-word;
}
.jarred-fun-page .sec2-desc{
  width:452px;
  height:229px;
  left:0;
  top:460px;
  position:absolute;
  text-align:justify;
  color:rgba(63,63,63,.80);
  font-size:18px;
  font-weight:400;
  line-height:30px;
}

/* ----- Section 3 ----- */
.jarred-fun-page .sec3{ padding-bottom:55px; }
.jarred-fun-page .sec3-wrap{ width:1119px;height:543px;position:relative; }
.jarred-fun-page .sec3-img1{
  width:642px;height:406px;left:477px;top:0;position:absolute;object-fit:cover;
}
.jarred-fun-page .sec3-img2{
  width:642px;height:405px;left:0;top:129px;position:absolute;object-fit:cover;
}
.jarred-fun-page .sec3-label{ width:450px;height:64px;left:241px;top:97px;position:absolute; }
.jarred-fun-page .sec3-label-bg{ width:450px;height:64px;left:0;top:0;position:absolute;background:#636749; }
.jarred-fun-page .sec3-label-text{
  left:90px;top:25px;position:absolute;color:#fff;font-size:25px;font-weight:600;line-height:14px;
}
.jarred-fun-page .sec3-desc{
  width:458px;height:119px;left:661px;top:424px;position:absolute;
  text-align:justify;color:rgba(63,63,63,.80);font-size:18px;font-weight:400;line-height:30px;
}

/* ----- Section 4 ----- */
.jarred-fun-page .sec4{ padding-bottom:55px; }
.jarred-fun-page .sec4-wrap{ width:1119px;height:666px;position:relative; }
.jarred-fun-page .sec4-img1{
  width:635px;height:402px;left:86px;top:0;position:absolute;object-fit:cover;
}
.jarred-fun-page .sec4-img2{
  width:635px;height:402px;left:484px;top:264px;position:absolute;object-fit:cover; /* <- fixed top value */
}
.jarred-fun-page .sec4-label{ width:450px;height:64px;left:158px;top:370px;position:absolute; }
.jarred-fun-page .sec4-label-bg{ width:450px;height:64px;left:0;top:0;position:absolute;background:#636749; }
.jarred-fun-page .sec4-label-text{
  width:287px;height:15px;left:89px;top:24px;position:absolute;color:#fff;
  font-size:25px;font-weight:600;line-height:14px;word-wrap:break-word;
}
.jarred-fun-page .sec4-desc{
  width:454px;height:118px;left:0;top:462px;position:absolute;
  text-align:justify;color:rgba(63,63,63,.80);font-size:18px;font-weight:400;line-height:30px;word-wrap:break-word;
}

/* ----- Section 5 ----- */
.jarred-fun-page .sec5{ padding-bottom:55px; }
.jarred-fun-page .sec5-wrap{ width:1043px;height:616px;position:relative; }
.jarred-fun-page .sec5-img1{
  width:635px;height:402px;left:408px;top:0;position:absolute;object-fit:cover;
}
.jarred-fun-page .sec5-img2{
  width:635px;height:402px;left:0;top:214px;position:absolute;object-fit:cover;
}
.jarred-fun-page .sec5-label{ width:450px;height:64px;left:489px;top:370px;position:absolute; }
.jarred-fun-page .sec5-label-bg{ width:450px;height:64px;left:0;top:0;position:absolute;background:#636749; }
.jarred-fun-page .sec5-label-text{
  width:263px;height:15px;left:90px;top:24px;position:absolute;color:#fff;
  font-size:25px;font-weight:600;line-height:14px;word-wrap:break-word;
}
.jarred-fun-page .sec5-desc{
  width:381px;height:128px;left:0;top:79px;position:absolute;
  text-align:justify;color:rgba(63,63,63,.80);font-size:18px;font-weight:400;line-height:30px;
}

/* ----- Section 6 ----- */
.jarred-fun-page .sec6{ padding-bottom:55px; }
.jarred-fun-page .sec6-wrap{ width:1126px;height:651px;position:relative; }
.jarred-fun-page .sec6-img1{
  width:659px;height:423px;left:0;top:0;position:absolute;object-fit:cover;
}
.jarred-fun-page .sec6-img2{
  width:646px;height:422px;left:480px;top:229px;position:absolute;object-fit:cover;
}
.jarred-fun-page .sec6-label{ width:450px;height:64px;left:392px;top:197px;position:absolute; }
.jarred-fun-page .sec6-label-bg{ width:450px;height:64px;left:0;top:0;position:absolute;background:#636749; }
.jarred-fun-page .sec6-label-text{
  width:340px;height:22px;left:60px;top:23px;position:absolute;color:#fff;
  font-size:25px;font-weight:600;line-height:14px;word-wrap:break-word;
}
.jarred-fun-page .sec6-desc{
  width:452px;height:91px;left:0;top:446px;position:absolute;
  text-align:justify;color:rgba(63,63,63,.80);font-size:18px;font-weight:400;line-height:30px;
}

/* PHONE LAYOUT: 480px down (425px included) */
@media (max-width: 480px){

  /* space para sa navbar kung fixed siya */
  .jarred-fun-page{
    padding-top: 20px; /* adjust if needed */
  }

  /* ===== TITLE SECTION ===== */
  .jarred-fun-page .title-section{
    display: flex;
    justify-content: center;
    padding: 0 16px 30px;
  }

  .jarred-fun-page .hero-title{
    max-width: 315px;
    text-align: center;
    font-size: 30px;
    line-height: 1.3;
  }

  /* ===== CENTER THE WHOLE SECTIONS ===== */
  .jarred-fun-page .sec2,
  .jarred-fun-page .sec3,
  .jarred-fun-page .sec4,
  .jarred-fun-page .sec5,
  .jarred-fun-page .sec6{
    display: flex;
    justify-content: center;
    padding: 40px 0;
  }

  .jarred-fun-page .sec2{ margin-bottom: 30px; }
  .jarred-fun-page .sec3{ margin-bottom: 120px; }
  .jarred-fun-page .sec4{ margin-bottom: -20px; }
  .jarred-fun-page .sec5,
  .jarred-fun-page .sec6{ margin-bottom: 50px; }

  /* card container */
  .jarred-fun-page .sec2-wrap,
  .jarred-fun-page .sec3-wrap,
  .jarred-fun-page .sec4-wrap,
  .jarred-fun-page .sec5-wrap,
  .jarred-fun-page .sec6-wrap{
    width: 100%;
    max-width: 315px;
    margin: 0 auto;
    position: static;
  }

  /* ==== IMAGES: stacked ==== */
  .jarred-fun-page .sec2-img1,
  .jarred-fun-page .sec2-img2,
  .jarred-fun-page .sec3-img1,
  .jarred-fun-page .sec3-img2,
  .jarred-fun-page .sec4-img1,
  .jarred-fun-page .sec4-img2,
  .jarred-fun-page .sec5-img1,
  .jarred-fun-page .sec5-img2,
  .jarred-fun-page .sec6-img1,
  .jarred-fun-page .sec6-img2{
    position: static !important;
    width: 100%;
    max-width: 315px;
    height: 250px;
    display: block;
    object-fit: cover;
    border-radius: 8px;
    margin: 0 auto;
  }

  .jarred-fun-page .sec2-img1,
  .jarred-fun-page .sec3-img1,
  .jarred-fun-page .sec4-img1,
  .jarred-fun-page .sec5-img1,
  .jarred-fun-page .sec6-img1{
    margin-bottom: 14px;
  }

  .jarred-fun-page .sec2-img2,
  .jarred-fun-page .sec3-img2,
  .jarred-fun-page .sec4-img2,
  .jarred-fun-page .sec5-img2,
  .jarred-fun-page .sec6-img2{
    margin-bottom: 24px;
  }

  /* RESET positions for label + text */
  .jarred-fun-page .sec2-label,
  .jarred-fun-page .sec2-label-bg,
  .jarred-fun-page .sec2-label-text,
  .jarred-fun-page .sec2-desc,
  .jarred-fun-page .sec3-label,
  .jarred-fun-page .sec3-label-bg,
  .jarred-fun-page .sec3-label-text,
  .jarred-fun-page .sec3-desc,
  .jarred-fun-page .sec4-label,
  .jarred-fun-page .sec4-label-bg,
  .jarred-fun-page .sec4-label-text,
  .jarred-fun-page .sec4-desc,
  .jarred-fun-page .sec5-label,
  .jarred-fun-page .sec5-label-bg,
  .jarred-fun-page .sec5-label-text,
  .jarred-fun-page .sec5-desc,
  .jarred-fun-page .sec6-label,
  .jarred-fun-page .sec6-label-bg,
  .jarred-fun-page .sec6-label-text,
  .jarred-fun-page .sec6-desc{
    position: static !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
  }

  /* LABEL WRAPPER (centered row) */
  .jarred-fun-page .sec2-label,
  .jarred-fun-page .sec3-label,
  .jarred-fun-page .sec4-label,
  .jarred-fun-page .sec5-label,
  .jarred-fun-page .sec6-label{
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 0 0 18px;
  }

  /* hide separate bg on mobile */
  .jarred-fun-page .sec2-label-bg,
  .jarred-fun-page .sec3-label-bg,
  .jarred-fun-page .sec4-label-bg,
  .jarred-fun-page .sec5-label-bg,
  .jarred-fun-page .sec6-label-bg{
    display: none !important;
  }

  .jarred-fun-page .sec2-label-text,
  .jarred-fun-page .sec3-label-text,
  .jarred-fun-page .sec4-label-text,
  .jarred-fun-page .sec5-label-text,
  .jarred-fun-page .sec6-label-text{
    display: flex;
    justify-content: center;
    align-items: center;
    background:#636749;
    color:#fff;
    padding: 20px 30px;
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
  }

  /* DESCRIPTION TEXTS */
  .jarred-fun-page .sec2-desc,
  .jarred-fun-page .sec3-desc,
  .jarred-fun-page .sec4-desc,
  .jarred-fun-page .sec5-desc,
  .jarred-fun-page .sec6-desc{
    width: 100%;
    max-width: 315px;
    margin: 0 auto;
    text-align: justify;
    color: rgba(63,63,63,.80);
    font-size: 16px;
    line-height: 26px;
  }

  /* individual tweaks sa spacing kung kailangan nimo: */
  .jarred-fun-page .sec2-desc{ margin-top: -30px; }
  .jarred-fun-page .sec3-desc{ margin-top: 20px; }
  .jarred-fun-page .sec4-desc{ margin-top: -20px; }
  .jarred-fun-page .sec5-desc{ margin-top: -20px; }
  .jarred-fun-page .sec6-desc{ margin-top: -20px; }
}

/* 776px – 900px */
@media (min-width: 768px) and (max-width: 900px){

  .jarred-fun-page{
    padding-top: 20px;
  }

  /* ===== TITLE SECTION ===== */
  .jarred-fun-page .title-section{
    display: flex;
    justify-content: center;
    padding: 0 16px 30px;
  }

  .jarred-fun-page .hero-title{
    max-width: 640px;
    text-align: center;
    font-size: 32px;
    line-height: 1.3;
  }

  /* ===== CENTER THE WHOLE SECTIONS ===== */
  .jarred-fun-page .sec2,
  .jarred-fun-page .sec3,
  .jarred-fun-page .sec4,
  .jarred-fun-page .sec5,
  .jarred-fun-page .sec6{
    display: flex;
    justify-content: center;
    padding: 20px 0;
  }

  .jarred-fun-page .sec2{ margin-bottom: 200px; }
  .jarred-fun-page .sec3{ margin-bottom: 280px; }
  .jarred-fun-page .sec4{ margin-bottom: 150px; }
  .jarred-fun-page .sec5,
  .jarred-fun-page .sec6{ margin-bottom: 180px; }

  /* card container – expanded */
  .jarred-fun-page .sec2-wrap,
  .jarred-fun-page .sec3-wrap,
  .jarred-fun-page .sec4-wrap,
  .jarred-fun-page .sec5-wrap,
  .jarred-fun-page .sec6-wrap{
    width: 100%;
    max-width: 680px;
    margin: 0 auto;
    position: static;
  }

  /* ==== IMAGES: stacked, mas dako ==== */
  .jarred-fun-page .sec2-img1,
  .jarred-fun-page .sec2-img2,
  .jarred-fun-page .sec3-img1,
  .jarred-fun-page .sec3-img2,
  .jarred-fun-page .sec4-img1,
  .jarred-fun-page .sec4-img2,
  .jarred-fun-page .sec5-img1,
  .jarred-fun-page .sec5-img2,
  .jarred-fun-page .sec6-img1,
  .jarred-fun-page .sec6-img2{
    position: static !important;
    width: 100%;
    max-width: 680px;
    height: 320px;
    display: block;
    object-fit: cover;
    border-radius: 8px;
    margin: 0 auto;
  }

  .jarred-fun-page .sec2-img1,
  .jarred-fun-page .sec3-img1,
  .jarred-fun-page .sec4-img1,
  .jarred-fun-page .sec5-img1,
  .jarred-fun-page .sec6-img1{
    margin-bottom: 14px;
  }

  .jarred-fun-page .sec2-img2,
  .jarred-fun-page .sec3-img2,
  .jarred-fun-page .sec4-img2,
  .jarred-fun-page .sec5-img2,
  .jarred-fun-page .sec6-img2{
    margin-bottom: 24px;
  }

  /* RESET positions for label + text */
  .jarred-fun-page .sec2-label,
  .jarred-fun-page .sec2-label-bg,
  .jarred-fun-page .sec2-label-text,
  .jarred-fun-page .sec2-desc,
  .jarred-fun-page .sec3-label,
  .jarred-fun-page .sec3-label-bg,
  .jarred-fun-page .sec3-label-text,
  .jarred-fun-page .sec3-desc,
  .jarred-fun-page .sec4-label,
  .jarred-fun-page .sec4-label-bg,
  .jarred-fun-page .sec4-label-text,
  .jarred-fun-page .sec4-desc,
  .jarred-fun-page .sec5-label,
  .jarred-fun-page .sec5-label-bg,
  .jarred-fun-page .sec5-label-text,
  .jarred-fun-page .sec5-desc,
  .jarred-fun-page .sec6-label,
  .jarred-fun-page .sec6-label-bg,
  .jarred-fun-page .sec6-label-text,
  .jarred-fun-page .sec6-desc{
    position: static !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
  }

  /* LABEL WRAPPER (centered row) */
  .jarred-fun-page .sec2-label,
  .jarred-fun-page .sec3-label,
  .jarred-fun-page .sec4-label,
  .jarred-fun-page .sec5-label,
  .jarred-fun-page .sec6-label{
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 0 0 18px;
  }

  /* hide separate bg */
  .jarred-fun-page .sec2-label-bg,
  .jarred-fun-page .sec3-label-bg,
  .jarred-fun-page .sec4-label-bg,
  .jarred-fun-page .sec5-label-bg,
  .jarred-fun-page .sec6-label-bg{
    display: none !important;
  }

  .jarred-fun-page .sec2-label-text,
  .jarred-fun-page .sec3-label-text,
  .jarred-fun-page .sec4-label-text,
  .jarred-fun-page .sec5-label-text,
  .jarred-fun-page .sec6-label-text{
    display: flex;
    justify-content: center;
    align-items: center;
    background:#636749;
    color:#fff;
    padding: 30px 30px;
    font-size: 22px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    white-space: normal;
  }

  /* DESCRIPTION TEXTS */
  .jarred-fun-page .sec2-desc,
  .jarred-fun-page .sec3-desc,
  .jarred-fun-page .sec4-desc,
  .jarred-fun-page .sec5-desc,
  .jarred-fun-page .sec6-desc{
    width: 100%;
    max-width: 680px;
    margin: 0 auto;
    text-align: justify;
    color: rgba(63,63,63,.80);
    font-size: 17px;
    line-height: 28px;
  }

  .jarred-fun-page .sec2-desc{ margin-top: -10px; }
  .jarred-fun-page .sec3-desc{ margin-top: 20px; }
  .jarred-fun-page .sec4-desc{ margin-top: -10px; }
  .jarred-fun-page .sec5-desc{ margin-top: -10px; }
  .jarred-fun-page .sec6-desc{ margin-top: -10px; }
}


/* 901px – 1024px */
@media (min-width: 901px) and (max-width: 1024px){

  .jarred-fun-page{
    padding-top: 20px;
  }

  /* ===== TITLE SECTION ===== */
  .jarred-fun-page .title-section{
    display: flex;
    justify-content: center;
    padding: 0 16px 30px;
  }

  .jarred-fun-page .hero-title{
    max-width: 640px;
    text-align: center;
    font-size: 32px;
    line-height: 1.3;
  }

  /* ===== CENTER THE WHOLE SECTIONS ===== */
  .jarred-fun-page .sec2,
  .jarred-fun-page .sec3,
  .jarred-fun-page .sec4,
  .jarred-fun-page .sec5,
  .jarred-fun-page .sec6{
    display: flex;
    justify-content: center;
    padding: 20px 0;
  }

  .jarred-fun-page .sec2{ margin-bottom: 200px; }
  .jarred-fun-page .sec3{ margin-bottom: 280px; }
  .jarred-fun-page .sec4{ margin-bottom: 140px; }
  .jarred-fun-page .sec5,
  .jarred-fun-page .sec6{ margin-bottom: 190px; }

  /* card container – same rules (pwede nimo i-adjust kung ganahan ka mas dako) */
  .jarred-fun-page .sec2-wrap,
  .jarred-fun-page .sec3-wrap,
  .jarred-fun-page .sec4-wrap,
  .jarred-fun-page .sec5-wrap,
  .jarred-fun-page .sec6-wrap{
    width: 100%;
    max-width: 680px;
    margin: 0 auto;
    position: static;
  }

  .jarred-fun-page .sec2-img1,
  .jarred-fun-page .sec2-img2,
  .jarred-fun-page .sec3-img1,
  .jarred-fun-page .sec3-img2,
  .jarred-fun-page .sec4-img1,
  .jarred-fun-page .sec4-img2,
  .jarred-fun-page .sec5-img1,
  .jarred-fun-page .sec5-img2,
  .jarred-fun-page .sec6-img1,
  .jarred-fun-page .sec6-img2{
    position: static !important;
    width: 100%;
    max-width: 680px;
    height: 320px;
    display: block;
    object-fit: cover;
    border-radius: 8px;
    margin: 0 auto;
  }

  .jarred-fun-page .sec2-img1,
  .jarred-fun-page .sec3-img1,
  .jarred-fun-page .sec4-img1,
  .jarred-fun-page .sec5-img1,
  .jarred-fun-page .sec6-img1{
    margin-bottom: 14px;
  }

  .jarred-fun-page .sec2-img2,
  .jarred-fun-page .sec3-img2,
  .jarred-fun-page .sec4-img2,
  .jarred-fun-page .sec5-img2,
  .jarred-fun-page .sec6-img2{
    margin-bottom: 24px;
  }

  .jarred-fun-page .sec2-label,
  .jarred-fun-page .sec2-label-bg,
  .jarred-fun-page .sec2-label-text,
  .jarred-fun-page .sec2-desc,
  .jarred-fun-page .sec3-label,
  .jarred-fun-page .sec3-label-bg,
  .jarred-fun-page .sec3-label-text,
  .jarred-fun-page .sec3-desc,
  .jarred-fun-page .sec4-label,
  .jarred-fun-page .sec4-label-bg,
  .jarred-fun-page .sec4-label-text,
  .jarred-fun-page .sec4-desc,
  .jarred-fun-page .sec5-label,
  .jarred-fun-page .sec5-label-bg,
  .jarred-fun-page .sec5-label-text,
  .jarred-fun-page .sec5-desc,
  .jarred-fun-page .sec6-label,
  .jarred-fun-page .sec6-label-bg,
  .jarred-fun-page .sec6-label-text,
  .jarred-fun-page .sec6-desc{
    position: static !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
  }

  .jarred-fun-page .sec2-label,
  .jarred-fun-page .sec3-label,
  .jarred-fun-page .sec4-label,
  .jarred-fun-page .sec5-label,
  .jarred-fun-page .sec6-label{
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 0 0 18px;
  }

  .jarred-fun-page .sec2-label-bg,
  .jarred-fun-page .sec3-label-bg,
  .jarred-fun-page .sec4-label-bg,
  .jarred-fun-page .sec5-label-bg,
  .jarred-fun-page .sec6-label-bg{
    display: none !important;
  }

  .jarred-fun-page .sec2-label-text,
  .jarred-fun-page .sec3-label-text,
  .jarred-fun-page .sec4-label-text,
  .jarred-fun-page .sec5-label-text,
  .jarred-fun-page .sec6-label-text{
    display: flex;
    justify-content: center;
    align-items: center;
    background:#636749;
    color:#fff;
    padding: 30px 30px;
    font-size: 22px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    white-space: normal;
  }

  .jarred-fun-page .sec2-desc,
  .jarred-fun-page .sec3-desc,
  .jarred-fun-page .sec4-desc,
  .jarred-fun-page .sec5-desc,
  .jarred-fun-page .sec6-desc{
    width: 100%;
    max-width: 680px;
    margin: 0 auto;
    text-align: justify;
    color: rgba(63,63,63,.80);
    font-size: 17px;
    line-height: 28px;
  }

  .jarred-fun-page .sec2-desc{ margin-top: -20px; }
  .jarred-fun-page .sec3-desc{ margin-top: 20px; }
  .jarred-fun-page .sec4-desc{ margin-top: -10px; }
  .jarred-fun-page .sec5-desc{ margin-top: -10px; }
  .jarred-fun-page .sec6-desc{ margin-top: -10px; }
}

/* Scroll reveal base animation */
.js .reveal {
  opacity: 0;
  transform: translateY(40px);
  transition:
    opacity 0.6s ease,
    transform 0.6s ease;
}

.js .reveal.in {
  opacity: 1;
  transform: translateY(0);
}