/* ============================================================
   JOURNEY SECTION — Extracted CSS (based on HTML usage)
   ============================================================ */

/* --- Map section --- */
.MAP .mapr {
  height: clamp(70vh, 20vw, 80vh) !important;
  width: 90%;
  background: url(imagemain/icons/Map-01.webp) center bottom no-repeat;
  background-size: clamp(80vh, 90vw, 200vh) !important;
  background-position: center clamp(-20vh, -10vw, -10vh);
  display: flex;
  align-items: flex-end;
}

.MAP .CB {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
}

.spaceformap {
  height: clamp(25vh, 20vw, 40vh);
  background-color: black;
}

.MAP .CB .C {
  width: 15vh;
  color: #fff;
  align-items: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-transform: uppercase;
  padding: 2vh 1vh;
}

.MAP .CB .C .T {
  font-size: 1.7vh;
  font-weight: 600;
  height: 4.5vh;
  width: 15vh;
  background-color: #1313139c;
  text-align: center;
  border-radius: 1vh;
  margin-bottom: 3vh;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--ThemeColor-);
}

.MAP .CB .C .I {
  font-size: 1.6vh;
  margin-top: 0.5vh;
  width: 100%;
  text-align: left;
  position: relative;
}

.MAP .CB .C .I::before {
  content: "";
  position: absolute;
  margin-right: 8px;
  width: 0.5vh;
  height: 0.5vh;
  background-color: #fff;
  border-radius: 50%;
  top: 0.5vh;
  left: -1vh;
}

/* ── .jTitle ─────────────────────────────────────────────── */
.jTitle {
  padding-top: 20vh;
  color: #fff;
  font-weight: bolder;
  text-align: center;
  font-size: 10.5vh;
}

.jTitle span {
  color: var(--ThemeColor-);
}

/* ── .journey (section wrapper) ─────────────────────────── */
.journey {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}

/* ── .journey .lineJourney ───────────────────────────────── */
.journey .lineJourney {
  position: absolute;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  z-index: -1;

  /* background-color: #fff; */
}

.journey .lineJourney .L {
  height: 90%;
  width: 0.8vh;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  border-radius: 1vh;
  background-color: var(--ThemeColor-);
}

.journey .lineJourney .plane {
  width: 10vh;
  height: 10vh;
  background: url(/img/Icons/plane.webp) center center / cover no-repeat;
}

/* ── .journey .container ─────────────────────────────────── */
.journey .container {
  height: auto;
  justify-content: center;
  flex-direction: column;
  margin: 15vh 0;
}

/* ── .xx  (each milestone row) ──────────────────────────── */
.journey .container .xx {
  height: 23vh;
  width: 100vw;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

/* ── Left-side items  (leftLan → odd letters a/c/e…) ─────── */
/* All left items share justify-content: flex-start */

/* ── Right-side items (rightLan → even letters b/d/f…) ───── */
/* Right .ccc offset */
.journey .container .b .ccc,
.journey .container .d .ccc,
.journey .container .f .ccc,
.journey .container .h .ccc,
.journey .container .j .ccc,
.journey .container .l .ccc,
.journey .container .n .ccc,
.journey .container .p .ccc,
.journey .container .r .ccc,
.journey .container .t .ccc,
.journey .container .v .ccc,
.journey .container .x .ccc,
.journey .container .z .ccc {
  margin-right: -50vh;
}

/* leftJ fallback */
.journey .container .leftJ .ccc {
  margin-right: -50vh;
  margin-left: -50vh;
}

/* ── .ccc  (inner column: circle + dash + label) ─────────── */
.journey .container .xx .ccc {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

/* ── .aa  (circle) ───────────────────────────────────────── */
.journey .container .xx .ccc .aa {
  width: 25vh;
  height: 25vh;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.4vh solid var(--ThemeColor-);
}

/* ── .p  (image inside circle) ───────────────────────────── */
.journey .container .xx .ccc .aa .p,
.journey .container .ccc .aa .p {
  height: 95%;
  width: 95%;
  border-radius: 50%;
  background-size: cover;
}

/* ── .bb  (horizontal dash below circle) ─────────────────── */
.journey .container .xx .ccc .bb {
  width: 3vh;
  height: 0.4vh;
  margin: 1.5vh 0;
  border-radius: 1vh;
  background-color: var(--ThemeColor-);
}

/* ── .cc  (text label) ───────────────────────────────────── */
.journey .container .xx .ccc .cc {
  width: 20vh;
  height: 5vh;
  text-align: center;
  color: #fff;
  font-size: 2.3vh;
  font-weight: 700;
}

.journey .container .xx .ccc .cc span {
  font-size: 2.3vh;
  font-weight: 300;
}

/* ── .aaa  (right-side year connector bar) ───────────────── */
.journey .container .xx .aaa {
  height: 0.4vh;
  width: 15vh;
  margin-left: -0.5vh;
  position: relative;
  border-radius: 1vh;
  background-color: var(--ThemeColor-);
}

.journey .container .xx .aaa::after {
  content: "2025";
  display: block;
  color: var(--ThemeColor-);
  font-size: 3vh;
  font-weight: 600;
  position: absolute;
  transform: translate(-50%, -100%);
  top: 50%;
  left: 50%;
}

/* ── ._aaa  (left-side year connector bar) ───────────────── */
.journey .container .xx ._aaa {
  height: 0.4vh;
  width: 15vh;
  margin-right: -0.5vh;
  position: relative;
  border-radius: 1vh;
  background-color: var(--ThemeColor-);
}

.journey .container .xx ._aaa::after {
  content: "2025";
  display: block;
  color: var(--ThemeColor-);
  font-size: 3vh;
  font-weight: 600;
  position: absolute;
  transform: translate(-50%, -100%);
  top: 50%;
  left: 50%;
}

/* ── .jMore  (VIEW MORE button row) ─────────────────────── */
.jMore {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bolder;
  text-align: center;
  font-size: 2.5vh;
  margin-top: 3vh;
  cursor: pointer;
}

.jMore a {
  color: var(--ThemeColor-);
}

/* ── .ct  (the button itself) ────────────────────────────── */
.ct {
  text-transform: uppercase;
  font-size: 1.8vh;
  color: var(--ThemeColor-);
  font-weight: 600;
  margin-top: 1vh;
  padding: 1.2vh 2vh 1.2vh 2vh;
  border-radius: 1.4vh;
  border: 0.4vh solid var(--ThemeColor-);
  transition: 0.3s ease;
  position: relative;
  background-color: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ct::after {
  content: "";
  position: absolute;
  background-image: url(/img/default/icon/right-arrow.webp);
  height: 1.8vh;
  width: 1.8vh;
  top: 50%;
  right: 0.5vh;
  transform: translate(-50%, -50%);
  background-size: cover;
  background-position: center center;
  opacity: 0;
  transition: 0.3s ease;
}

.ct:hover::after {
  opacity: 1;
}

.ct:hover {
  padding: 1.2vh 4vh 1.2vh 1vh;
}

.ct:active {
  padding: 1vh 2vh;
}

.ct:active::after {
  opacity: 0;
}

.leftLan .ccc {
  margin-left: -50vh;
}

.rightLan .ccc {
  margin-right: -50vh;
}

.indexJourney15 .ccc .aa .p {
  background-image: url(/img/indexJourney/gulfood-2026.webp);
  background-position: -12.5vh center;
  background-size: 220% !important;
}

.journey .container .indexJourney15 .aaa::after {
  content: "2026";
}

.indexJourney14 .ccc .aa .p {
  background-image: url(/img/indexJourney/food\ ag\ karachi\ pakistan\ 2025.webp);
  background-position: center -8vh;
  background-size: 120% !important;
}

.journey .container .indexJourney14 .aaa::after {
  content: "2025";
}

.indexJourney13 .ccc .aa .p {
  background-image: url(/img/indexJourney/cricket.webp);
  background-position: center center;
}

.journey .container .indexJourney13 .aaa::after {
  content: "2025";
}

.indexJourney12 .ccc .aa .p {
  background-image: url(/img/indexJourney/SIAL\ PARIS\ EXHIBITION\ VILLEPINTE\,\ FRANCE.webp);
  background-position: center -4vh;
  background-size: 160% !important;
}

.journey .container .indexJourney12 ._aaa::after {
  content: "2024";
}

.indexJourney11 .ccc .aa .p {
  background-image: url(/img/indexJourney/CONSUMERS\ CHOICE\ AWARDS\ BEST\ RECIPE\ MIXES.webp);
  background-position: center center;
}

.journey .container .indexJourney11 .aaa::after {
  content: "2023";
}

.indexJourney10 .ccc .aa .p {
  background-image: url(/img/indexJourney/NEW\ OFFICE\ INAUGURATION\ CEREMONY.webp);
  background-position: center center;
}

.journey .container .indexJourney10 ._aaa::after {
  content: "2022";
}

.indexJourney9 .ccc .aa .p {
  background-image: url(/img/indexJourney/RAMZAN\ TVC.webp);
  background-position: center center;
}

.journey .container .indexJourney9 .aaa::after {
  content: "2021";
}

.indexJourney8 .ccc .aa .p {
  background-image: url(/img/indexJourney/first-tvc-launch.webp);
  background-position: center center;
}

.journey .container .indexJourney8 ._aaa::after {
  content: "2020";
}
.indexJourney7 .ccc .aa .p {
  background-image: url(/img/indexJourney/GULFOOD\ EXHIBITION\ DUBAI\,\ UAE.webp);
  background-position: center center;
}

.journey .container .indexJourney7 .aaa::after {
  content: "2019";
}

.indexJourney6 .ccc .aa .p {
  background-image: url(/img/indexJourney/COOKBOOK\ SEASON\ 1.webp);
  background-position: center center;
}

.journey .container .indexJourney6 ._aaa::after {
  content: "2018";
}

.indexJourney5 .ccc .aa .p {
  background-image: url(/img/indexJourney/anuga.webp);
  background-position: center center;
}

.journey .container .indexJourney5 .aaa::after {
  content: "2017";
}

.indexJourney4 .ccc .aa .p {
  background-image: url(/img/indexJourney/FIRE\ INCIDENT\ OFFICE.webp);

  background-position: center center;
}

.journey .container .indexJourney4 ._aaa::after {
  content: "2016";
}
.indexJourney3 .ccc .aa .p {
  background-image: url(/img/indexJourney/LOSS\ OF\ SHAHEED\ JUNAID\ JAMSHED.webp);
  background-position: center top;
}

.journey .container .indexJourney3 .aaa::after {
  content: "2016";
}

.indexJourney2 .ccc .aa .p {
  background-image: url(/img/indexJourney/JAZAA\ LAUNCH\ CEREMONY.webp);
  background-position: left center;
}

.journey .container .indexJourney2 ._aaa::after {
  content: "2016";
}
.indexJourney1 .ccc .aa .p {
  background-image: url(/img/indexJourney/aboutus.webp);
  background-position: center center;
}

.journey .container .indexJourney1 .aaa::after {
  content: "2015";
}

/* ── Responsive overrides ────────────────────────────────── */
@media (max-width: 700px) {
  .jTitle {
    font-size: 5vh;
    margin-bottom: 2vh;
  }
}

@media (max-width: 600px) {
  .journey .container .xx {
    transform: scale(0.65);
    /* background: #000; */
  }

  .leftLan .ccc {
    margin-left: -30vh !important;
  }

  .rightLan .ccc {
    margin-right: -30vh !important;
  }
  .journey .lineJourney .L {
    width: 0.4vh;
  }

  .journey .lineJourney .plane {
    width: 6vh;
    height: 6vh;
    background: url(/img/Icons/plane.webp) center center / cover no-repeat;
  }

  .journey .container .xx .aaa {
    height: 0.4vh;
    width: 10vh !important;
    margin-left: -0.5vh;
    position: relative;
    border-radius: 1vh;
    background-color: transparent;
  }

  .journey .container .xx .aaa::after {
    display: block;
    color: var(--ThemeColor-);
    font-size: 3vh;
    font-weight: 600;
    position: absolute;
    top: 0vh !important;
    left: 0;
    transform: translate(-20.5vh, -20vh) rotate(0deg);
    /* background-color: #fff; */
    top: 50%;
    left: 50%;
  }
  /* ── ._aaa  (left-side year connector bar) ───────────────── */
  .journey .container .xx ._aaa {
    height: 0.4vh;
    width: 10vh !important;
    margin-right: -0.5vh;
    position: relative;
    border-radius: 1vh;
    background-color: transparent;
  }

  .journey .container .xx ._aaa::after {
    display: block;
    color: var(--ThemeColor-);
    font-size: 3vh;
    font-weight: 600;
    position: absolute;
    transform: translate(14vh, -20vh) rotate(0deg);
    top: 50%;
    left: 50%;
  }
}

.a .ccc .aa .p {
  background-image: url(/img/JourneyImages/J1.webp);
  background-position: center center;
}

.b .ccc .aa .p {
  background-image: url(/img/JourneyImages/jazaa\ managment.png);
  background-position: center center;
}

.journey .container .b ._aaa::after {
  content: "2015";
}
.c .ccc .aa .p {
  background-image: url(/img/JourneyImages/aboutus.png);
  background-position: center center;
}
.journey .container .c .aaa::after {
  content: "2015";
}

.d .ccc .aa .p {
  background-image: url(/img/JourneyImages/international\ certification.png);
  background-position: center center;
}

.journey .container .d ._aaa::after {
  content: "2015";
}
.e .ccc .aa .p {
  background-image: url(/img/JourneyImages/jazaa\ lunch.png);
  background-position: -2vh center;
  background-size: 100%;
}
.journey .container .e .aaa::after {
  content: "2016";
}

.f .ccc .aa .p {
  background-image: url(/img/JourneyImages/SHAN-E-ROMZAN.png);
  background-position: left center;
}
.journey .container .f ._aaa::after {
  content: "2016";
}
.g .ccc .aa .p {
  background-image: url(/img/JourneyImages/Online.png);
  background-position: center center;
}
.journey .container .g .aaa::after {
  content: "2016";
}
.h .ccc .aa .p {
  background-image: url(/img/JourneyImages/jjjj.png);
  background-position: center top;
}
.journey .container .h ._aaa::after {
  content: "2016";
}
.i .ccc .aa .p {
  background-image: url(/img/JourneyImages/FIRE\ INCIDENT\ OFFICE.png);
  background-position: center center;
}
.journey .container .i .aaa::after {
  content: "2016";
}
.j .ccc .aa .p {
  background-image: url(/img/JourneyImages/ISLAMIC\ EXPO\ CARIBBEAN.png);
  background-position: center center;
}
.journey .container .j ._aaa::after {
  content: "2017";
}

.k .ccc .aa .p {
  background-image: url(/img/JourneyImages/halal\ expo\ dubai.png);
  background-position: center center;
}
.journey .container .k .aaa::after {
  content: "2017";
}

.l .ccc .aa .p {
  background-image: url(/img/JourneyImages/GULFOOD\ UAE.png);
  background-position: center center;
}
.journey .container .l ._aaa::after {
  content: "2017";
}

.m .ccc .aa .p {
  background-image: url(/img/JourneyImages/COOKBOOK\ LAUNCH.jpg);
  background-position: center center;
}
.journey .container .m .aaa::after {
  content: "2017";
}

.n .ccc .aa .p {
  background-image: url(/img/JourneyImages/anuga-germany-2017.jpg);
  background-position: center center;
}
.journey .container .n ._aaa::after {
  content: "2017";
}

.o .ccc .aa .p {
  background-image: url(/img/JourneyImages/world\ food\ moscow.png);
  background-position: center center;
}
.journey .container .o .aaa::after {
  content: "2018";
}

.p .ccc .aa .p {
  background-image: url(/img/JourneyImages/RAWAL\ EXPO\ PAKISTAN.png);
  background-position: center center;
}
.journey .container .p ._aaa::after {
  content: "2018";
}

.q .ccc .aa .p {
  background-image: url(/img/JourneyImages/MISLIMFEST\ ONTARIO.png);
  background-position: center center;
}
.journey .container .q .aaa::after {
  content: "2018";
}

.r .ccc .aa .p {
  background-image: url(/img/JourneyImages/gulfood\ uae\ 2018.png);
  background-position: center center;
}
.journey .container .r ._aaa::after {
  content: "2018";
}

.s .ccc .aa .p {
  background-image: url(/img/JourneyImages/emerging\ brnd\ of\ the\ year.jpg);
  background-position: center center;
}
.journey .container .s .aaa::after {
  content: "2018";
}

.t .ccc .aa .p {
  background-image: url(/img/JourneyImages/CSR\ COMPAIGN.png);
  background-position: center center;
}
.journey .container .t ._aaa::after {
  content: "2018";
}

.t .ccc .aa .p {
  background-image: url(/img/JourneyImages/CSR\ COMPAIGN.png);
  background-position: center center;
}
.journey .container .t .aaa::after {
  content: "2018";
}

.u .ccc .aa .p {
  background-image: url(/img/JourneyImages/cookbook\ final\ season.png);
  background-position: center center;
}
.journey .container .u .aaa::after {
  content: "2018";
}

.v .ccc .aa .p {
  background-image: url(/img/JourneyImages/6th\ agriteg\ exhibition\ qatar.png);
  background-position: center center;
}
.journey .container .v ._aaa::after {
  content: "2018";
}

.w .ccc .aa .p {
  background-image: url(/img/JourneyImages/turkey\ expo.png);
  background-position: center center;
}
.journey .container .w .aaa::after {
  content: "2019";
}

.x .ccc .aa .p {
  background-image: url(/img/JourneyImages/baku.jfif);
  background-position: center center;
}

.journey .container .x ._aaa::after {
  content: "2019";
}

.y .ccc .aa .p {
  background-image: url(/img/JourneyImages/1874e12c-7536-4254-b665-9703ceacf62c.jfif);
  background-position: center center;
  background-size: 150% !important;
}
.journey .container .y .aaa::after {
  content: "2019";
}

.z .ccc .aa .p {
  background-image: url(/img/JourneyImages/anua2019.jfif);
  background-position: -8vh center;
  background-size: cover;
}
.journey .container .z ._aaa::after {
  content: "2019";
}

.a1 .ccc .aa .p {
  background-image: url(/img/JourneyImages/PAKISTAN\ IP\ EXCELENCE\ AWARD.png);
  background-position: center center;
}
.journey .container .a1 .aaa::after {
  content: "2020";
}

.b1 .ccc .aa .p {
  background-image: url(/img/JourneyImages/new\ warehouse\ opening.png);
  background-position: center center;
}
.journey .container .b1 ._aaa::after {
  content: "2020";
}

.c1 .ccc .aa .p {
  background-image: url(/img/JourneyImages/GULFOOD\ UAE\ 2020.jpg);
  background-position: center center;
}
.journey .container .c1 .aaa::after {
  content: "2020";
}

.d1 .ccc .aa .p {
  background-image: url(/img/JourneyImages/cookbook\ season\ 2.png);
  background-position: center center;
}
.journey .container .d1 ._aaa::after {
  content: "2020";
}

.e1 .ccc .aa .p {
  background-image: url(/img/JourneyImages/cookbook\ season\ 2\ fanale.png);
  background-position: left center;
}
.journey .container .e1 .aaa::after {
  content: "2020";
}

.f1 .ccc .aa .p {
  background-image: url(/img/JourneyImages/first\ tvc\ launch.png);
  background-position: -30vh center;
}
.journey .container .f1 ._aaa::after {
  content: "2020";
}
.g1 .ccc .aa .p {
  background-image: url(/img/JourneyImages/OFFICIAL\ LAUNCH\ OF\ ONLINE\ STORE.png);
  background-position: center center;
}
.journey .container .g1 .aaa::after {
  content: "2021";
}
.h1 .ccc .aa .p {
  background-image: url(/img/JourneyImages/jazaa\ products\ availability\ on\ savyour.png);
  background-position: center center;
}
.journey .container .h1 ._aaa::after {
  content: "2021";
}
.i1 .ccc .aa .p {
  background-image: url(/img/JourneyImages/jazaa\ app.png);
  background-position: center center;
}
.journey .container .i1 .aaa::after {
  content: "2021";
}
.j1 .ccc .aa .p {
  background-image: url(/img/JourneyImages/GULFOOD\ UAE\ 2021.png);
  background-position: center center;
}
.journey .container .j1 ._aaa::after {
  content: "2021";
}
.k1 .ccc .aa .p {
  background-image: url(/img/JourneyImages/fastest.jfif);
  background-position: center center;
}
.journey .container .k1 .aaa::after {
  content: "2021";
}

.l1 .ccc .aa .p {
  background-image: url(/img/JourneyImages/germerny\ anuga.png);
  background-position: center center;
}
.journey .container .l1 ._aaa::after {
  content: "2021";
}
.m1 .ccc .aa .p {
  background-image: url(/img/JourneyImages/5\ year.png);
  background-position: center center;
}
.journey .container .m1 .aaa::after {
  content: "2021";
}
.n1 .ccc .aa .p {
  background-image: url(/img/JourneyImages/2\ tvc\ launch.png);
  background-position: center center;
}
.journey .container .n1 ._aaa::after {
  content: "2021";
}
.o1 .ccc .aa .p {
  background-image: url(/img/JourneyImages/kaide.png);
  background-position: center center;
}
.journey .container .o1 .aaa::after {
  content: "2022";
}
.p1 .ccc .aa .p {
  background-image: url(/img/JourneyImages/visit\ of\ iqrar\ ul.png);
  background-position: center center;
}
.journey .container .p1 ._aaa::after {
  content: "2022";
}
.q1 .ccc .aa .p {
  background-image: url(/img/JourneyImages/SPORTS\ DAY.png);
  background-position: center center;
}
.journey .container .q1 .aaa::after {
  content: "2022";
}
.r1 .ccc .aa .p {
  background-image: url(/img/JourneyImages/SIAL\ INTERFOOD\ INDONESIA.png);
  background-position: center center;
}
.journey .container .r1 ._aaa::after {
  content: "2022";
}
.s1 .ccc .aa .p {
  background-image: url(/img/JourneyImages/SAIL\ FRANCE.png);
  background-position: center center;
}
.journey .container .s1 .aaa::after {
  content: "2022";
}
.t1 .ccc .aa .p {
  background-image: url(/img/JourneyImages/reap.png);
  background-position: center center;
  background-size: 200% !important;
}
.journey .container .t1 ._aaa::after {
  content: "2022";
}
.u1 .ccc .aa .p {
  background-image: url(/img/JourneyImages/pak\ raq\ fair.png);
  background-position: center center;
}
.journey .container .u1 .aaa::after {
  content: "2022";
}
.v1 .ccc .aa .p {
  background-image: url(/img/JourneyImages/new\ warehouse.png);
  background-position: center center;
}
.journey .container .v1 ._aaa::after {
  content: "2022";
}
.w1 .ccc .aa .p {
  background-image: url(/img/JourneyImages/office.jpg);
  background-position: center center;
}
.journey .container .w1 .aaa::after {
  content: "2022";
}

.x1 .ccc .aa .p {
  background-image: url(/img/JourneyImages/mango\ fest.png);
  background-position: center center;
}
.journey .container .x1 ._aaa::after {
  content: "2022";
}
.y1 .ccc .aa .p {
  background-image: url(/img/JourneyImages/qickbook\ launch.png);
  background-position: center center;
}
.journey .container .y1 .aaa::after {
  content: "2022";
}
.z1 .ccc .aa .p {
  background-image: url(/img/JourneyImages/indus\ hospital\ blood\ donation\ drive.png);
  background-position: center center;
}
.journey .container .z1 ._aaa::after {
  content: "2022";
}
.a2 .ccc .aa .p {
  background-image: url(/img/JourneyImages/hum\ masala\ .png);
  background-position: center center;
}
.journey .container .a2 .aaa::after {
  content: "2022";
}
.b2 .ccc .aa .p {
  background-image: url(/img/JourneyImages/gulfood\ uae\ 2022.png);
  background-position: -3vh center;
  background-size: 120% !important;
}
.journey .container .b2 ._aaa::after {
  content: "2022";
}
.c2 .ccc .aa .p {
  background-image: url(/img/JourneyImages/foodex\ shaudi.png);
  background-position: center center;
}
.journey .container .c2 .aaa::after {
  content: "2023";
}
.d2 .ccc .aa .p {
  background-image: url(/img/JourneyImages/food\ africa.png);
  background-position: center center;
}
.journey .container .d2 ._aaa::after {
  content: "2023";
}
.e2 .ccc .aa .p {
  background-image: url(/img/JourneyImages/coverage\ on\ discover\ pakistan.png);
  background-position: center center;
}
.journey .container .e2 .aaa::after {
  content: "2023";
}
.f2 .ccc .aa .p {
  background-image: url(/img/JourneyImages/orange\ tree.png);
  background-position: center center;
}
.journey .container .f2 ._aaa::after {
  content: "2023";
}
.g2 .ccc .aa .p {
  background-image: url(/img/JourneyImages/MIHAS.png);
  background-position: center center;
}
.journey .container .g2 .aaa::after {
  content: "2023";
}
.h2 .ccc .aa .p {
  background-image: url(/img/JourneyImages/karachi\ festaval.png);
  background-position: center center;
}
.journey .container .h2 ._aaa::after {
  content: "2023";
}
.i2 .ccc .aa .p {
  background-image: url(/img/JourneyImages/tajakistan.png);
  background-position: center center;
}
.journey .container .i2 .aaa::after {
  content: "2023";
}
.j2 .ccc .aa .p {
  background-image: url(/img/JourneyImages/hbl.png);
  background-position: center center;
}
.journey .container .j2 ._aaa::after {
  content: "2023";
}
.k2 .ccc .aa .p {
  background-image: url(/img/JourneyImages/code1.png);
  background-position: center center;
}
.journey .container .k2 .aaa::after {
  content: "2023";
}
.l2 .ccc .aa .p {
  background-image: url(/img/JourneyImages/code2.png);
  background-position: center center;
}
.journey .container .l2 ._aaa::after {
  content: "2023";
}
.m2 .ccc .aa .p {
  background-image: url(/img/JourneyImages/code3.png);
  background-position: center center;
}
.journey .container .m2 .aaa::after {
  content: "2023";
}
.n2 .ccc .aa .p {
  background-image: url(/img/JourneyImages/code4.png);
  background-position: center center;
}
.journey .container .n2 ._aaa::after {
  content: "2023";
}
.o2 .ccc .aa .p {
  background-image: url(/img/JourneyImages/code5.png);
  background-position: center center;
}
.journey .container .o2 .aaa::after {
  content: "2023";
}
.p2 .ccc .aa .p {
  background-image: url(/img/JourneyImages/code6.png);
  background-position: center center;
}
.journey .container .p2 ._aaa::after {
  content: "2023";
}
.q2 .ccc .aa .p {
  background-image: url(/img/JourneyImages/code7.png);
  background-position: center center;
}
.journey .container .q2 .aaa::after {
  content: "2023";
}
.r2 .ccc .aa .p {
  background-image: url(/img/JourneyImages/code8.png);
  background-position: center center;
}
.journey .container .r2 ._aaa::after {
  content: "2023";
}
.s2 .ccc .aa .p {
  background-image: url(/img/JourneyImages/code9.png);
  background-position: center center;
}
.journey .container .s2 .aaa::after {
  content: "2023";
}
.t2 .ccc .aa .p {
  background-image: url(/img/JourneyImages/code10.png);
  background-position: center center;
}
.journey .container .t2 ._aaa::after {
  content: "2023";
}
.u2 .ccc .aa .p {
  background-image: url(/img/JourneyImages/code11.png);
  background-position: center center;
}
.journey .container .u2 .aaa::after {
  content: "2023";
}
.v2 .ccc .aa .p {
  background-image: url(/img/JourneyImages/code12.png);
  background-position: center center;
}
.journey .container .v2 ._aaa::after {
  content: "2023";
}
.w2 .ccc .aa .p {
  background-image: url(/img/JourneyImages/CODE13.png);
  background-position: center center;
}
.journey .container .w2 .aaa::after {
  content: "2024";
}
.x2 .ccc .aa .p {
  background-image: url(/img/JourneyImages/CODE14.png);
  background-position: center center;
}
.journey .container .x2 ._aaa::after {
  content: "2024";
}
.y2 .ccc .aa .p {
  background-image: url(/img/JourneyImages/CODE15.png);
  background-position: center center;
}
.journey .container .y2 .aaa::after {
  content: "2024";
}
.a3 .ccc .aa .p {
  background-image: url(/img/JourneyImages/CODE16.png);
  background-position: center center;
}
.journey .container .a3 ._aaa::after {
  content: "2024";
}
.b3 .ccc .aa .p {
  background-image: url(/img/JourneyImages/CODE17.png);
  background-position: center center;
}
.journey .container .b3 .aaa::after {
  content: "2024";
}
.c3 .ccc .aa .p {
  background-image: url(/img/JourneyImages/CODE18.png);
  background-position: center center;
}
.journey .container .c3 ._aaa::after {
  content: "2024";
}
.d3 .ccc .aa .p {
  background-image: url(/img/JourneyImages/CODE19.png);
  background-position: center center;
}
.journey .container .d3 .aaa::after {
  content: "2024";
}
.e3 .ccc .aa .p {
  background-image: url(/img/JourneyImages/CODE20.png);
  background-position: center center;
}
.journey .container .e3 ._aaa::after {
  content: "2024";
}

.Journey1 .ccc .aa .p {
  background-image: url(/img/JourneyImages/J1.webp);
  background-position: center center;
}
.journey .container .Journey1 .aaa::after {
  content: "2025";
}

.Journey2 .ccc .aa .p {
  background-image: url(/img/JourneyImages/Participate\ in\ ARY\ Shan-e-\ Ramadan.jfif);
  background-position: center center;
}
.journey .container .Journey2 ._aaa::after {
  content: "2025";
}

.Journey3 .ccc .aa .p {
  background-image: url(/img/JourneyImages/j100.png);
  background-position: center center;
}
.journey .container .Journey3 .aaa::after {
  content: "2025";
}

.Journey4 .ccc .aa .p {
  background-image: url(/img/JourneyImages/J2.webp);
  background-position: center center;
}
.journey .container .Journey4 ._aaa::after {
  content: "2025";
}

.Journey5 .ccc .aa .p {
  background-image: url(/img/JourneyImages/CODE22.png);
  background-position: center center;
}
.journey .container .Journey5 .aaa::after {
  content: "2025";
}

.Journey6 .ccc .aa .p {
  background-image: url(/img/JourneyImages/CODE31.png);
  background-position: center center;
}
.journey .container .Journey6 ._aaa::after {
  content: "2025";
}

.Journey7 .ccc .aa .p {
  background-image: url(/img/JourneyImages/CODE23.png);
  background-position: center center;
}
.journey .container .Journey7 .aaa::after {
  content: "2025";
}

.Journey8 .ccc .aa .p {
  background-image: url(/img/JourneyImages/CODE25.png);
  background-position: center center;
}
.journey .container .Journey8 ._aaa::after {
  content: "2025";
}

.Journey9 .ccc .aa .p {
  background-image: url(/img/JourneyImages/code30.png);
  background-position: center center;
}
.journey .container .Journey9 .aaa::after {
  content: "2025";
}

.Journey10 .ccc .aa .p {
  background-image: url(/img/JourneyImages/code26.png);
  background-position: center center;
}
.journey .container .Journey10 ._aaa::after {
  content: "2025";
}

.Journey11 .ccc .aa .p {
  background-image: url(/img/JourneyImages/4cddad6d-79d3-442a-a5dd-a8baa18ed355.jfif);
  background-position: center center;
}
.journey .container .Journey11 .aaa::after {
  content: "2025";
}

.Journey12 .ccc .aa .p {
  background-image: url(/img/JourneyImages/foodAG.jfif);
  background-position: center center;
  background-size: 130% !important;
}
.journey .container .Journey12 ._aaa::after {
  content: "2025";
}

.Journey13 .ccc .aa .p {
  background-image: url(/img/JourneyImages/agrooman.jfif);
  background-position: center center;
  background-size: 120% !important;
}
.journey .container .Journey13 .aaa::after {
  content: "2025";
}

.Journey14 .ccc .aa .p {
  background-image: url(/img/JourneyImages/3e44a355-4145-46a7-8865-e06bf882539f.jfif);
  background-position: -12.5vh center;
  background-size: 220% !important;
}
.journey .container .Journey14 ._aaa::after {
  content: "2026";
}