@charset "UTF-8";
/* CSS Document */
:root {
  --ttRed: #00bfff;
  --ttLightRed: #000080;
  --ttGray: #B5B5B5;
  --ttGray2: #808080;
  --black: #000;
  --white: #fff;
  --tt-pink: #00bfff;
  --tt-gold: #000080;
  --tt-gradient-1: linear-gradient(90deg, var(--tt-pink) 0%, var(--tt-gold) 100%);
  --font-inter: "Inter", sans-serif;
  --plyr-color-main: var(--ttRed);
}
.jo-video-card::before {
  position: absolute;
  content: "";
  inset: 0;
  z-index: 1;
  background: linear-gradient(to bottom, rgba(0, 191, 255, 0.5), var(--tt-pink));
  opacity: 0;
  transition: 0.4s ease;
}
.jo-intro__list li::before {
  position: absolute;
  content: "";
  left: 0;
  top: 1px;
  width: 20px;
  height: 20px;
  background: url(../img/checkmark-badge-gb.svg) no-repeat center center;
  background-size: 100% 100%;
}
.jo-reel-video::before {
  background: linear-gradient(to bottom, rgba(0, 191, 255, 0.5), var(--tt-pink));
}
.jo-article__img::before {
  position: absolute;
  content: "";
  inset: 0;
  z-index: 1;
  background: linear-gradient(to bottom, rgba(0, 191, 255, 0.5), var(--tt-pink));
  opacity: 0;
  transition: 0.4s ease;
}
.jo-upcoming-live__img::before {
  position: absolute;
  content: "";
  inset: 0;
  z-index: 1;
  background: linear-gradient(to bottom, rgba(0, 191, 255, 0.5), var(--tt-gold));
  opacity: 0;
  transition: 0.4s ease;
}
.jo-video-card2:hover::before {
  background: linear-gradient(to bottom, rgba(0, 191, 255, 0.5), var(--tt-gold));
}
.jo-inner-blogs-sidebar-post2 .img a:hover::before {
    background: linear-gradient(to bottom, rgba(0, 191, 255, 0.3), var(--tt-gold));
    border-radius: 10px;
}