/* Font Family ***********************************************************************/
/**/
@font-face {
  font-family: "Tt-lakes-neue-regular";
  src: url("../fonts/Tt-lakes-neue/Tt-lakes-neue-regular.ttf");
  font-display: swap;
}

@font-face {
  font-family: "Tt-lakes-neue-extrabold-italic";
  src: url("../fonts/Tt-lakes-neue/Tt-lakes-neue-extrabold-italic.ttf");
  font-display: swap;
}

@font-face {
  font-family: "TT-Lakes-Neue-Trial-Condensed-Bold";
  src: url("../fonts/Tt-lakes-neue/TT-Lakes-Neue-Trial-Condensed-Bold.ttf");
  font-display: swap;
}

@font-face {
  font-family: "TT-Lakes-Neue-Trial-Condensed-Bold-Italic";
  src: url("../fonts/Tt-lakes-neue/TT-Lakes-Neue-Trial-Condensed-Bold-Italic.ttf");
  font-display: swap;
}

@font-face {
  font-family: "TT-Lakes-Neue-Trial-Condensed-Regular";
  src: url("../fonts/Tt-lakes-neue/TT-Lakes-Neue-Trial-Condensed-Regular.ttf");
  font-display: swap;
}

@font-face {
  font-family: "TT-Lakes-Neue-Trial-Bold";
  src: url("../fonts/Tt-lakes-neue/TT-Lakes-Neue-Trial-Bold.ttf");
  font-display: swap;
}

/* Poppins */
@font-face {
  font-family: "Poppins-Light";
  src: url("../fonts/Poppins/Poppins-Light.ttf");
  font-display: swap;
}

@font-face {
  font-family: "Poppins-Medium";
  src: url("../fonts/Poppins/Poppins-Medium.ttf");
  font-display: swap;
}

@font-face {
  font-family: "Poppins-Bold";
  src: url("../fonts/Poppins/Poppins-Bold.ttf");
  font-display: swap;
}

/* common css ******************************************************************************/
:root {
  --Black: #000000;
  --cardinal: #c1272d;
  --Dark-jungle-green: #1d1d1d;
  --golden-dream: #f2d335;
  --Lapis-blue: #1c286f;
  --Porcelain: #f2f2f2;
  --White: #ffffff;
}

.bg-red {
  background-color: var(--cardinal);
  color: var(--White);
}

.bg-blue {
  background-color: var(--Lapis-blue);
  color: var(--White);
}

.white {
  color: var(--White);
}

.black {
  color: var(--Black);
}

.golden-dream {
  color: var(--golden-dream);
}

.bg-white {
  background-color: var(--White);
}

.bg-golden-dream {
  background-color: var(--golden-dream);
}

.bg-cardinal {
  background-color: var(--cardinal);
}

.bg-Lapis-blue {
  background-color: var(--Lapis-blue);
}

.color-golden {
  color: var(--golden-dream);
}

.color-cardinal {
  color: var(--cardinal);
}

.color-Lapis-blue {
  color: var(--Lapis-blue);
}

.small {
  font-size: 16px;
}

.mobile {
  display: none !important;
}

.desktop {
  display: block !important;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

*::before,
*::after {
  box-sizing: border-box;
}

.common::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #000;
}

body {
  /* font-family: 'Poppins', sans-serif; */
  font-family: "Tt-lakes-neue-extrabold-italic";
}

body.show {
  position: fixed;
  top: 0;
  width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  margin-bottom: 15px;
  line-height: 1.2;
  color: var(--Black);
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child {
  margin-bottom: 0;
}

h1 {
  font-size: 60px;
}

h2 {
  font-size: 46px;
}

h3 {
  font-size: 40px;
}

h4 {
  font-size: 34px;
}

h5 {
  font-size: 28px;
}

h6 {
  font-size: 20px;
}

p {
  margin: 0;
  padding: 0;
  font-size: 18px;
  line-height: 1.2;
  margin-bottom: 15px;
  color: var(--Black);
}

p:last-child {
  margin-bottom: 0;
}

ul,
ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  text-transform: capitalize;
  display: inline-block;
  line-height: 1.2;
  color: inherit;
  font-family: inherit;
}

a:hover {
  color: var(--Dark-jungle-green);
}

span {
  display: inline-block;
}

section {
  padding: 80px 0;
  overflow: hidden;
}

.section-heading {
  text-align: center;
  margin-bottom: 50px;
}

.section-heading-two-part {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 50px;
}

.section-heading h2,
.section-heading-two-part h2 {
  color: var(--cardinal);
}

.cmn-btn {
  position: relative;
  z-index: 1;
  overflow: hidden;
  font-size: 22px;
  color: var(--Dark-jungle-green);
  padding: 9px 12px;
  background-color: var(--White);
  border-radius: 0;
  border: 1px solid transparent;
  text-transform: uppercase;
  min-width: 186px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "Tt-lakes-neue-extrabold-italic";
}

.cmn-btn::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: var(--golden-dream);
  transform: translateX(-200%);
  transition: all 0.3s ease-in-out;
}

.cmn-btn:hover::after {
  transform: translateX(0);
}

.cmn-btn img {
  max-width: 30px;
  margin-right: 10px;
}

.golden-dream-btn {
  color: var(--cardinal);
  background-color: var(--golden-dream);
}

.golden-dream-btn:hover {
  color: var(--cardinal);
}

img,
video {
  max-width: 100%;
}

.button-box {
  padding-top: 20px;
}

.button-box ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 16px;
  row-gap: 16px;
}

.owl-theme .owl-dots .owl-dot span {
  background: var(--Black);
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: var(--White);
  outline: 2px solid var(--White);
  outline-offset: 3px;
}

.owl-nav {
  margin-top: 0;
}

.owl-nav button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.owl-nav button.owl-prev {
  left: 0;
}

.owl-nav button.owl-next {
  right: 0;
}

.owl-theme .owl-nav button:hover {
  background: transparent !important;
}

.form-control-common {
  background: var(--White);
  border: 1px solid var(--Black);
  font-size: 20px;
  padding: 15px 50px 15px 20px;
  width: 100%;
  appearance: textfield;
  color: var(--Black);
  border-radius: 0;
  box-shadow: none;
  resize: none;
  outline: none;
}

.input-group {
  padding-bottom: 30px;
}

.body-star,
.body-star-left .body-star-right {
  position: relative;
}

.body-star-left::before {
  position: absolute;
  content: "";
  width: 440px;
  height: 420px;
  background: url("../images/star-body.png") no-repeat;
  background-size: 100%;
  top: 10%;
  left: -9%;
  z-index: 2;
  /* animation: fadeZoomInOut 4s ease-in-out infinite; */
}

.body-star-right::after {
  position: absolute;
  content: "";
  width: 440px;
  height: 420px;
  background: url("../images/star-body.png") no-repeat;
  background-size: 100%;
  top: 10%;
  right: -9%;
  z-index: 2;
  /* animation: fadeZoomInOut 4s ease-in-out infinite; */
}

@keyframes fadeZoomInOut {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }

  50% {
    opacity: 1;
    transform: scale(1);
  }

  100% {
    opacity: 0;
    transform: scale(0.8);
  }
}

/* header css start ******************************************************************************/
@keyframes smoothScroll {
  0% {
    transform: translateY(-60px);
    opacity: 0;
  }

  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}

#header.show {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  animation: smoothScroll 1s forwards;
  z-index: 1000;
  box-shadow: 0 0 10px 2px #000;
}

#header {
  background-color: var(--Lapis-blue);
  border-bottom: 6px solid var(--cardinal);
  transition: 0.5s all;
  position: relative;
  /* overflow: hidden; */
}

#header .header-part {
  display: flex;
  align-items: center;
}

#header .container {
  max-width: 88%;
}

#header .header-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 9;
}

#header .logo-box img {
  max-width: 120px;
  width: 100%;
}

#header .main-nav .click-menu,
#header .main-nav .cancel-menu {
  display: none;
  cursor: pointer;
  position: relative;
  z-index: 11;
  width: 30px;
  height: 30px;
}

#header .main-nav .click-menu span,
#header .main-nav .cancel-menu span {
  width: 25px;
  height: 3px;
  background: var(--White);
  transition: 0.5s all ease-in-out;
  position: relative;
  border-radius: 5px;
}

#header .main-nav .cancel-menu span {
  position: absolute;
  height: 4px;
}

#header .main-nav .cancel-menu span:first-child {
  transform: rotate(45deg);
}

#header .main-nav .cancel-menu span:last-child {
  transform: rotate(-45deg);
}

#header .main-nav {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

#header .button-box {
  padding-top: 0;
}

#header .main-nav nav ul li {
  display: inline-block;
  position: relative;
  margin: 0 14px;
}

#header .main-nav nav ul li a {
  font-size: 18px;
  font-weight: 600;
  color: var(--White);
  padding: 5px 5px;
  text-transform: uppercase;
  transition: 0.5s all;
  font-family: "Tt-lakes-neue-regular";
  position: relative;
}

#header .main-nav nav ul li a::before {
  position: absolute;
  content: "";
  left: 6px;
  bottom: 0;
  height: 2px;
  width: 0;
  transition: 0.5s all;
  border-radius: 10px;
  background-color: var(--golden-dream);
}

#header .main-nav nav ul li a.active,
#header .main-nav nav ul li a:hover {
  color: var(--golden-dream);
}

#header .main-nav nav ul li a.active::before,
#header .main-nav nav ul li a:hover:before {
  background-color: var(--golden-dream);
  width: 50%;
}

#header .approved-box li img {
  width: 100%;
  max-width: 95%;
  display: block;
  margin: 0 auto;
}

#header .approved-box li img.usa-logo {
  max-width: 90%;
}

.submenu.active {
  opacity: 1;
  pointer-events: fill;
}

#header .main-nav nav ul li.teams,
#header .main-nav nav ul li.seasons {
  position: unset;
}

.submenu {
  padding: 7px 8px 5px;
  background-color: var(--cardinal);
  clip-path: polygon(0 0, 100% 0%, 97% 100%, 3% 100%);
  position: absolute;
  z-index: 9;
  width: max-content;
  /* bottom: 0%; */
  left: 50%;
  transform: translate(-50%, 37%);
  opacity: 0;
  pointer-events: none;
  transition: 0.5s;
}

.submenu .submenu-wrapper {
  display: flex;
  justify-content: center;
  background: var(--White);
  clip-path: polygon(0 0, 100% 0%, 97% 100%, 3% 100%);
  overflow: hidden;
}

.submenu .main-logo {
  background-image: url("../images/new-york-cowboys-bg.png"),
    linear-gradient(180deg, rgb(106, 106, 152) 0%, rgb(173, 173, 255) 100%);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  padding: 15px 40px;
  clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
}

.submenu .main-logo a {
  display: flex;
  align-items: center;
  gap: 15px;
}

.submenu .main-logo img {
  max-width: 45px;
}

.submenu .main-logo a p {
  font-family: "Tt-lakes-neue-extrabold-italic";
  color: var(--Lapis-blue);
}

.submenu ul {
  padding: 0px 40px;
}

.submenu a::before {
  display: none;
}

/* home-banner css ******************************************************************************/
#home-banner,
.banner-video-section {
  padding: 0 0;
  position: relative;
  overflow: visible;
  overflow-x: clip;
}

#home-banner .container,
.banner-video-section .container {
  height: 100%;
}

#home-banner .video-bg::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: var(--Black);
  opacity: 0.5;
}

#home-banner .video-bg,
.banner-video-section .video-bg {
  position: relative;
  height: calc(100vh - 120px);
  overflow: hidden;
}

#home-banner .video-bg video,
.banner-video-section .video-bg video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#home-banner .item {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

#home-banner .banner-caption {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#home-banner .banner-caption h1,
#home-banner .banner-caption h2 {
  margin-bottom: 0;
  text-transform: uppercase;
  font-family: "Tt-lakes-neue-extrabold-italic";
}

#home-banner .banner-caption h5 {
  text-transform: uppercase;
  font-family: "Tt-lakes-neue-extrabold-italic";
}

#home-banner .banner-caption .button-box {
  margin-top: 117px;
}

#home-banner .banner-caption .border-bx {
  text-align: center;
  margin: 0 auto;
  display: inline-block;
}

#home-banner .banner-caption .border-bx span {
  display: block;
  width: 145px;
  height: 5px;
  margin: 10px 0;
  background-color: var(--cardinal);
  transform-origin: center;
  animation: fillBar 2s ease-in-out infinite alternate;
}

@keyframes fillBar {
  0% {
    transform: scaleX(0);
  }

  100% {
    transform: scaleX(1);
  }
}

/* Home banner start ***************/
.banner-star {
  position: relative;
}

#header .star-bg-left,
#header .star-bg-right {
  overflow: hidden;
  position: absolute;
  width: 350px;
  height: 350px;
}

#header .star-bg-left {
  top: -27%;
  left: 0;
}

#header .star-bg-left::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: url("../images/star-pattern.png") no-repeat;
  background-size: 100%;
  top: -27%;
  left: -5%;
  /* z-index: 2; */
  animation: fadeInLeft 1.5s ease-out forwards;
}

#header .star-bg-right {
  top: -30%;
  right: 0;
}

#header .star-bg-right::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: url("../images/star-pattern.png") no-repeat;
  background-size: 100%;
  top: -30%;
  right: -9%;
  /* z-index: 2; */
  animation: fadeInRight 1.5s ease-out forwards;
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-50px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

/* Home banner start end ***************/

/* All page common border blink animation start ********/
.b-border-bx {
  width: 98%;
  padding: 0 0;
  margin: 0 auto;
  text-align: center;
  display: flex;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

.b-border-bx .b-line {
  width: 24.5%;
  height: 11px;
  position: relative;
  clip-path: polygon(1% 0%, 100% 0%, 99% 100%, 0% 100%);
}

.b-border-bx .b-line:not(:last-child) {
  margin-right: -5px;
}

.b-border-bx .b-line::before {
  content: "";
  position: absolute;
  top: 0;
  left: -30%;
  width: 30%;
  height: 100%;
  background: linear-gradient(to right,
      transparent,
      rgba(255, 255, 255, 0.5),
      transparent);
  animation: shine 2s linear infinite;
}

@keyframes shine {
  0% {
    left: -30%;
  }

  100% {
    left: 100%;
  }
}

/* All page common border blink animation end *********/

/* section css ******************************************************************************/

#top-stories .top-stories-box {
  position: relative;
  z-index: 9;
}

#top-stories .section-heading-two-part .button-box a {
  font-size: 22px;
  text-transform: none;
  font-family: "Tt-lakes-neue-regular";
}

#top-stories .box1 {
  position: relative;
}

#top-stories .box1 .title-text {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #000000;
  background: linear-gradient(180deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 1) 100%);
  padding: 30px 50px;
}

#top-stories .box1 .title-text h5 {
  color: var(--White);
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

#top-stories .box2 .suggest-boxes a {
  display: grid;
  grid-template-columns: 0.9fr 1fr;
  max-height: 150px;
  overflow: hidden;
}

#top-stories .box2 .suggest-boxes a img {
  height: 150px;
}

#top-stories .box2 .suggest-boxes:not(:last-child) {
  margin-bottom: 15px;
}

#top-stories .box2 .suggest-boxes .info-box {
  padding: 20px 20px;
}

#top-stories .box2 .suggest-boxes:nth-child(odd) .info-box {
  background-color: var(--Lapis-blue);
}

#top-stories .box2 .suggest-boxes:nth-child(even) .info-box {
  background-color: var(--cardinal);
}

#top-stories .box2 .suggest-boxes .info-box p {
  color: var(--White);
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

/* trending css ******************************************************************************/

.trending .trending-box {
  display: flex;
  gap: 40px;
  overflow: hidden;
  position: relative;
  z-index: 9;
}

.trending .content-box {
  position: relative;
  background-color: var(--cardinal);
  padding: 60px 0px 60px 60px;
  overflow: hidden;
}

.trending .right-side {
  width: 78%;
}

.trending .left-side {
  width: 22%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.trending .left-side img {
  max-width: 120px;
  margin-bottom: 20px;
}

.trending .left-side h5 {
  color: var(--golden-dream);
}

.trending .left-side p {
  font-family: "Poppins-Medium";
  color: var(--White);
}

.trending .right-side .item {
  position: relative;
  max-width: 100%;
  max-height: 440px;
  overflow: hidden;
}

.trending .right-side .item .text-info {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #000000;
  background: linear-gradient(180deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 1) 100%);
  padding: 30px 20px;
}

.trending .right-side .item .text-info p {
  color: var(--White);
  font-family: "Poppins-Medium";
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 16px;
  width: 80%;
}

/* .trending .uspl-bg {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  transform: rotate(-30deg);
  animation: move-bg 15s ease-in-out infinite alternate;
  z-index: 0;
}

.trending .uspl-bg span {
  font-size: 3rem;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.08);
  margin: 10px 20px;
  white-space: nowrap;
}

@keyframes move-bg {
  0% {
    transform: rotate(-30deg) translate(0, 0);
  }
  100% {
    transform: rotate(-30deg) translate(-300px, -300px);
  }
} */

/* .uspl-bg {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 300%;
  height: 300%;
  color: rgba(255, 255, 255, 0.08);
  font-size: 3.5rem;
  font-weight: bold;
  z-index: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
  animation: move-bg 100s linear infinite;
  pointer-events: none;
  white-space: nowrap;
} */

.uspl-bg {
  position: absolute;
  top: 0;
  left: 50%;
  width: 3000%;
  height: 3000%;
  background-image: url("/wp-content/themes/uspl/assets/images/uspl-bg.svg");
  background-repeat: repeat;
  animation: move-bg 1000s linear infinite;
  z-index: 0;
  pointer-events: none;
  opacity: 0.3;
}

@keyframes move-bg {
  0% {
    transform: translate(-50%, 0);
  }

  100% {
    transform: translate(100%, 0);
  }
}

/* .uspl-bg span {
  line-height: 1;
}

.uspl-row {
  display: flex;
  gap: 20px;
}

.uspl-row.offset {
  margin-left: 200px;
} */

/* @keyframes move-bg {
  from {
    transform: rotate(-5deg) translateX(0);
  }
  to {
    transform: rotate(-5deg) translateX(50%);
  }
} */

/* .star-power-section .uspl-bg {
  animation: move-bg-2 20s ease-in-out infinite alternate;
} */

@keyframes move-bg-2 {
  0% {
    transform: rotate(-10deg) translate(0, 0);
  }

  100% {
    transform: rotate(-10deg) translate(300px, -300px);
  }
}

/* teams css ******************************************************************************/
.teams .row {
  row-gap: 25px;
}

.teams .box {
  width: 100%;
  height: 100%;
}

.teams .box a {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 50px 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transition: 0.3s ease-in-out;
  background-position: center;
}

.teams .box a:hover {
  background-size: 110% 110%;
}

.teams .box img {
  max-width: 80%;
}

.teams .box h3 {
  color: var(--White);
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  font-size: 52px;
  transition: all 0.3s ease-in-out;
}

.teams .box a:hover h3 {
  color: var(--golden-dream);
}

/* season css ******************************************************************************/

.season {
  background-size: 100% 100%;
  position: relative;
  padding: 160px 0;
}

.season::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background: #1c286f;
  background: linear-gradient(90deg,
      rgba(28, 40, 111, 1) 0%,
      rgba(193, 39, 45, 1) 100%);
  opacity: 0.7;
}

.season .season-box {
  position: relative;
  z-index: 9;
}

.season .text-box h2 .top-title {
  color: var(--White);
  font-family: "TT-Lakes-Neue-Trial-Condensed-Bold";
  font-size: 25px;
  display: block;
  text-align: left;
  margin-bottom: -55px;
  margin-left: 20px;
}

.season .text-box h2 {
  color: var(--White);
  font-size: 150px;
  text-align: center;
  font-family: "TT-Lakes-Neue-Trial-Condensed-Bold-Italic";
  line-height: 1;
  width: max-content;
  margin: 0 auto;
}

.season .text-box h2 span.number-text {
  color: var(--golden-dream);
  font-size: 240px;
  vertical-align: sub;
}

.season .timer-box {
  display: flex;
  gap: 10px;
  width: 23%;
  justify-content: center;
}

.season .timer-box span {
  color: var(--golden-dream);
  font-family: "TT-Lakes-Neue-Trial-Condensed-Bold";
  font-size: 3.2vw;
  line-height: 1;
}

.season .timer-box p {
  color: var(--White);
  text-align: center;
  font-family: "Poppins-Medium";
  text-transform: uppercase;
  font-size: 14px;
}

.season .timer-box .timer:not(:last-child) p {
  padding-right: 14px;
}

.season .bottom-box {
  display: flex;
  align-items: center;
  gap: 8px;
}

.season .bottom-box .line {
  background: #fff;
  background: linear-gradient(180deg,
      rgba(255, 255, 255, 1) 50%,
      rgba(193, 39, 45, 1) 50%);
  height: 30px;
}

.season .bottom-box .line-1 {
  width: 34%;
}

.season .bottom-box .line-2 {
  width: 50%;
}

/* download css ******************************************************************************/
.download .row {
  align-items: center;
}

.download .phone-frame {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 300px;
  /* adjust as needed */
  margin-left: auto;
}

.download .phone-frame .frame {
  width: 100%;
  display: block;
}

.download .phone-frame .inside-video {
  position: absolute;
  top: 2.9%;
  left: 7.3%;
  width: 86%;
  height: 94%;
  border-radius: 30px;
  object-fit: cover;
}

.download .phone-image {
  margin-right: -110px;
  position: relative;
  z-index: 9;
  display: flex;
  justify-content: end;
}

.download .phone-image img {
  max-width: 88%;
}

.download .box.box-1 {
  display: flex;
  align-items: end;
  margin-right: -10px;
  filter: drop-shadow(0px 9px 9px rgba(0, 0, 0, 0.678));
}

.download .box-2 {
  background-color: var(--cardinal);
  padding: 50px 30px;
}

.download .box-2 .title-text {
  margin-bottom: 30px;
}

.download .box-2 .title-text h4 {
  color: var(--White);
  text-align: center;
  margin-bottom: 0;
  font-family: "TT-Lakes-Neue-Trial-Condensed-Bold-Italic";
}

.download .box-2 .title-text h5 {
  color: var(--golden-dream);
  text-align: center;
  font-family: "TT-Lakes-Neue-Trial-Condensed-Bold-Italic";
}

.download .box-2 .icons {
  background: var(--White);
  padding: 7px;
  height: 85px;
  width: 85px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.download .box-2 .logo-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 25px;
  max-width: 89%;
  margin: 0 auto;
}

.download .btn-box {
  display: flex;
  justify-content: center;
  padding-top: 30px;
}

/* partners css ******************************************************************************/
.partners {
  background-color: var(--Porcelain);
}

.partners.broadcasting-section {
  background-color: var(--White);
}

.partners .logo-box {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}

.partners.broadcasting-section .icons {
  min-width: auto !important;
}

.partners.broadcasting-section.season-2 .icons {
  flex: 1 1 calc(20% - 15px);
}

.partners.broadcasting-section.season-3 .icons,
.partners.broadcasting-section.season-4 .icons {
  flex: 1 1 calc(33.33% - 13.33px);
}

.partners.broadcasting-section .devider-line {
  width: 100%;
  height: 1px;
}

.partners.broadcasting-section.season-1 .logo-box {
  gap: 50px;
}

.partners .title h5 {
  margin-bottom: 25px;
  text-align: center;
  font-family: "TT-Lakes-Neue-Trial-Condensed-Bold-Italic";
  text-transform: uppercase;
}

.partners .box:not(:last-child) {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 40px;
}

.partners.broadcasting-section .box:not(:last-child) {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid var(--Lapis-blue);
}

.partners.broadcasting-section.season-3 .box:nth-child(odd):not(:last-child) {
  border-bottom: 1px solid var(--Lapis-blue);
}

.partners.broadcasting-section.season-3 .box:nth-child(even):not(:last-child) {
  border-bottom: 1px solid var(--cardinal);
}

.partners .box:not(:last-child)::after {
  content: "";
  position: absolute;
  height: 10px;
  width: 100%;
  bottom: -20px;
  left: 0;
  background: #1c286f;
  background: linear-gradient(180deg,
      rgba(28, 40, 111, 1) 60%,
      rgba(193, 39, 45, 1) 60%);
}

.partners.broadcasting-section .box:not(:last-child)::after {
  display: none;
}

.partners .icons {
  min-width: 190px;
  display: flex;
  justify-content: center;
}

.partners .icons img {
  max-width: 200px;
  max-height: 115px;
  transition: 0.5s;
}

.partners .icons img:hover {
  transform: scale(1.1);
}

/* footer css ******************************************************************************/

#footer {
  background-color: var(--Lapis-blue);
  overflow: hidden;
}

#footer .container {
  max-width: 80%;
}

#footer p,
#footer li,
#footer a {
  color: var(--White);
  font-family: "TT-Lakes-Neue-Trial-Condensed-Bold-Italic";
  line-height: 1.6;
  text-transform: uppercase;
  font-size: 16px;
}

#footer a:hover {
  color: var(--golden-dream);
}

#footer .top-box {
  padding: 60px 0 40px;
}

#footer .top-box .logo-box img {
  max-width: 220px;
  margin-bottom: 30px;
}

#footer .top-box .logo-box {
  position: relative;
  z-index: 1;
  /* background: url("../images/star-body.png") no-repeat; */
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  padding: 70px 0;
}

#footer .top-box .logo-box .star-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  transform: translate(-50%, -50%);
}

#footer .top-box .logo-box .star-bg img {
  max-width: 300px;
}

.star-bg img.animate-in {
  animation: fadeRotateIn 1s ease-out forwards;
}

@keyframes fadeRotateIn {
  0% {
    opacity: 0;
    transform: translateX(-100px) rotate(-90deg);
  }

  100% {
    opacity: 1;
    transform: translateX(0) rotate(0deg);
  }
}

/* #footer .top-box .logo-box::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: url("../images/star-body.png") no-repeat;
  background-size: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  animation: fadeZoomInOut 4s ease-in-out infinite;
}

@keyframes fadeZoomInOut {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(0.8);
  }
} */

#footer .top-box .box li:not(:last-child) {
  margin-bottom: 12px;
}

#footer .link-box ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 20px;
  row-gap: 10px;
  height: 100%;
  padding-left: 30px;
}

#footer .link-box ul a {
  background-color: var(--White);
  border-radius: 50px;
  height: 30px;
  width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#footer .link-box ul i {
  color: var(--Lapis-blue);
  font-size: 18px;
}

#footer .end-box {
  padding: 40px 0 15px;
  position: relative;
}

#footer .end-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 10px;
  background: linear-gradient(180deg,
      rgba(255, 255, 255, 1) 50%,
      rgba(193, 39, 45, 1) 50%);
}

#footer .box span {
  color: var(--golden-dream);
}

#footer .box5 p {
  margin-bottom: 0;
}

#footer .box5 .address {
  margin-bottom: 50px;
}

#footer .left-border {
  position: relative;
  z-index: 1;
  height: 100%;
}

#footer .left-border::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 8px;
  left: -20px;
  top: 0;
  background: #fff;
  background: linear-gradient(270deg,
      rgba(255, 255, 255, 1) 50%,
      rgba(193, 39, 45, 1) 50%);
}

#footer .end-box .box.box4 {
  text-align: center;
  border-top: 1px solid var(--Porcelain);
  padding: 12px 0 0;
  margin-top: 20px;
}

#footer .end-box .box.box4 p {
  font-family: "Poppins-Medium";
  font-style: italic;
}

/**/
.whatsapp-box {
  position: fixed;
  right: 1.5%;
  bottom: 3%;
  z-index: 2;
}

.tada-animation {
  animation: tada 1s infinite;
  display: inline-block;
}

@keyframes tada {
  0% {
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
  }

  30%,
  50%,
  70%,
  90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }

  40%,
  60%,
  80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }

  100% {
    transform: scale3d(1, 1, 1);
  }
}

/* About us page css start */

/* #about-us,
#founders,
#media,
#history {
  font-family: "Tt-lakes-neue-regular" !important;
} */

#about-us.body-star::before,
#about-us.body-star::after {
  z-index: -1;
}

.banner-video-section .play-btn,
.banner-video-section .pause-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: transparent;
  border: none;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  font-size: 24px;
  cursor: pointer;
}

.banner-video-section .play-btn {
  display: none;
}

#about-us .about-us-box .section-heading .title-bx p {
  font-size: 22px;
  line-height: 30px;
  font-weight: 300;
  max-width: 80%;
  font-family: "Poppins-Medium";
}

#about-us .about-us-box .about-section-banner {
  padding: 135px 190px;
  background: url("/wp-content/themes/uspl/assets/images/about-banner.png") no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
}

#about-us .about-us-box .about-section-banner::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background: #1c286f;
  background: linear-gradient(270deg,
      rgba(28, 40, 111, 1) 0%,
      rgba(193, 39, 45, 1) 100%);
  opacity: 0.7;
}

#about-us .about-us-box .about-section-banner .section-heading {
  margin-bottom: 0;
  position: relative;
  z-index: 9;
}

#about-us .about-us-box .about-section-banner .section-heading .title-bx h2 {
  color: var(--White);
}

#about-us .about-us-box .about-section-banner .section-heading .title-bx h1 {
  position: relative;
  color: var(--golden-dream);
  margin-bottom: 60px;
}

#about-us .about-us-box .about-section-banner .section-heading .title-bx h1::after {
  content: "";
  position: absolute;
  height: 10px;
  width: 40%;
  bottom: -30px;
  left: 50%;
  transform: translate(-50%, 0);
  background: #1c286f;
  background: linear-gradient(180deg,
      rgb(255, 255, 255) 50%,
      rgba(193, 39, 45, 1) 50%);
}

#about-us .about-us-box .about-section-banner .section-heading .title-bx p {
  color: var(--White);
  font-size: 22px;
  line-height: 30px;
  max-width: none;
}

#founders .item .row .col-md-6 {
  display: flex;
}

#founders .box {
  position: relative;
  background-color: var(--Lapis-blue);
  border: 1px solid #707070;
  padding: 30px 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 100px;
}

#founders .box .star-bg {
  position: absolute;
  content: "";
  width: 220px;
  height: 200px;
  top: -20%;
  right: -5%;
  background: url(../images/star-pattern.png) 0% 0% / 100% no-repeat;
}

#founders .box .text-box {
  flex: 0 0 calc(55% - 10px);
}

#founders .box .text-box p {
  color: var(--White);
  font-size: 18px;
  line-height: 1.3;
  font-family: "Poppins-Medium";
}

#founders .box .text-box h3 {
  color: var(--golden-dream);
  font-family: "TT-Lakes-Neue-Trial-Condensed-Bold-Italic";
}

#founders .box .image-box {
  flex: 0 0 calc(40% - 10px);
  position: absolute;
  z-index: 2;
  right: 10px;
  bottom: 0;
}

#founders .box .image-box img {
  object-fit: contain;
  width: 100%;
  height: 410px;
}

.history_section .owl-nav button.owl-prev {
  /* left: unset; */
  top: unset;
  transform: translateY(50%);
  right: 50px;
  bottom: -40%;
}

.history_section .owl-nav button.owl-next {
  top: unset;
  transform: translateY(50%);
  bottom: -40%;
  right: unset;
}

/* history_section css new */

.history_section .slider_wrap .tab-pane {
  position: relative;
}

.history_section .slider_wrap .nav-tabs .nav-link {
  width: 100%;
  background-color: var(--Porcelain);
  padding: 15px;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  color: var(--cardinal);
  border: none;
  font-size: 26px;
  line-height: 28px;
}

.history_section .slider_wrap .nav-tabs .nav-link.active {
  background-color: var(--golden-dream);
  border-radius: 0;
}

.history_section .slider_wrap .nav-tabs {
  align-items: center;
  justify-content: space-between;
  gap: 36px;
  border: none;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  margin-bottom: 60px;
  padding-bottom: 20px;
}

.history_section .slider_wrap .nav-tabs li.nav-item {
  flex-grow: 1;
}

.history_section .slider_wrap .history-year-slider .item .text-box {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.history_section .slider_wrap .history-year-slider .item .text-box .timeline-date {
  color: #acacac;
  margin-bottom: 10px;
  text-transform: capitalize;
  font-family: "Tt-lakes-neue-regular";
  text-transform: uppercase;
}

.history_section .slider_wrap .history-year-slider .item .text-box .timeline-dot {
  width: 30px;
  height: 30px;
  background-color: var(--golden-dream);
  border-radius: 50%;
}

.history_section .slider_wrap .history-year-slider .item .text-box h5 {
  font-size: 22px;
  text-transform: capitalize;
  font-family: "Tt-lakes-neue-regular";
  margin-top: 5px;
}

.history_section .slider_wrap .history-year-slider .item .text-box h5 a {
  color: var(--cardinal);
  font-family: "TT-Lakes-Neue-Trial-Condensed-Bold-Italic";
}

.history_section .slider_wrap .timeline-seperator {
  background: linear-gradient(180deg,
      rgba(28, 40, 111, 1) 50%,
      rgba(193, 39, 45, 1) 50%);
  width: 100%;
  height: 15px;
  position: absolute;
  top: 34%;
  transform: translate(0px, -50%);
  left: 0;
}

.history_section .history-year-slider {
  position: relative;
}

.history_section .history-year-slider::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 30%;
  height: 100%;
  background: #fff;
  background: linear-gradient(90deg,
      rgba(255, 255, 255, 1) 0%,
      rgba(255, 255, 255, 0) 100%);
  z-index: 9;
}

.history_section .history-year-slider::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 30%;
  height: 100%;
  background: #fff;
  background: linear-gradient(90deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 1) 100%);
}

/* history_section css new */

#media .media-wrap {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}

#media .media-wrap .media-video {
  flex: 0 0 50%;
  display: flex;
}

#media .media-wrap .media-video .youtube-thumb {
  width: 100%;
  display: flex;
}

#media .media-wrap .media-video iframe {
  width: 100% !important;
  height: 100% !important;
}

#media .media-wrap .media-content {
  flex: 0 0 50%;
  background-color: #f5f5f5;
  padding: 40px;
}

#media .media-wrap .media-content .section-heading {
  text-align: left;
  margin-bottom: 20px;
}

#media .media-wrap .media-content .section-heading p {
  max-width: 60%;
  color: var(--Dark-jungle-green);
  font-family: "Poppins-Medium";
}

#media .media-wrap .media-content .read-more {
  position: relative;
  color: #acacac;
  font-size: 20px;
  line-height: 30px;
  font-weight: 500;
  font-family: "Poppins" !important;
}

#media .media-wrap .media-content .read-more::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  background-color: #acacac;
  transition: all 0.3s ease-in-out;
}

#media .media-wrap .media-content .read-more:hover::after {
  width: 100%;
}

/* About us page css end */

/* Seasons Page Css Start */

#season1-banner {
  font-family: "TT-Lakes-Neue-Trial-Condensed-Bold-Italic";
}

.season-banner .banner-box .text-box {
  padding-bottom: 50px;
}

.season-banner .banner-box .text-box .season-title {
  font-size: 126px;
  line-height: 148px;
  color: var(--Lapis-blue);
  margin: 0;
  margin-bottom: 130px;
}

.season-banner .banner-box .text-box .season-title span.season-number {
  font-size: 240px;
  line-height: 300px;
  color: var(--cardinal);
  position: relative;
  /* bottom: -90px; */
  margin-left: -10px;
  vertical-align: middle;
  line-height: 1;
}

.season-banner .banner-box .text-box .season-title span.season-dates {
  font-size: 40px;
  line-height: 40px;
  color: var(--Dark-jungle-green);
  text-transform: uppercase;
  margin-top: -80px;
  display: block;
}

.season-banner .banner-box .text-box .season-subtitle h5:last-child {
  font-family: "TT-Lakes-Neue-Trial-Condensed-Regular";
}

.season-banner .banner-box .text-box .season-description {
  /* line-height: 30px;
  font-weight: 600; */
  color: var(--Dark-jungle-green);
  margin: 20px 0 0;
  font-family: "Poppins-Medium";
}

.season-banner .banner-box .image-box {
  display: flex;
  height: 100%;
  position: relative;
  /* background: url("/wp-content/themes/uspl/assets/images/star-body.png")
    no-repeat;
  background-size: cover; */
}

.season-banner .banner-box .image-box img {
  object-fit: cover;
  position: absolute;
  bottom: -30px;
}

/* season-in-number css */

.season-in-number .box {
  position: relative;
  height: 100%;
  padding: 30px 10px 50px;
  transition: 0.5s;
}

.season-in-number .box:hover {
  transform: scale(0.95);
  box-shadow: 2px 0px 15px rgb(0 0 0 / 80%);
}

.season-in-number .box .image-box {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.season-in-number .box:hover .image-box {
  opacity: 1;
  background-size: 120% 120%;
}

.season-in-number .boxes:nth-child(even) .box {
  background-color: var(--Lapis-blue);
}

.season-in-number .boxes:nth-child(odd) .box {
  background-color: var(--cardinal);
}

.season-in-number .box .icon-box {
  background-color: var(--White);
  outline: 2px solid var(--Lapis-blue);
  border-radius: 100%;
  border: 2px solid var(--cardinal);
  width: 70px;
  height: 70px;
  margin: 0 auto 40px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px 16px;
  outline-offset: -7px;
}

.season-in-number .box .text-box {
  text-align: center;
}

.season-in-number .box h3 {
  font-size: 70px;
  margin-bottom: 0;
  line-height: 1;
  color: var(--White);
  font-family: "TT-Lakes-Neue-Trial-Condensed-Bold-Italic";
}

.season-in-number .box h6 {
  color: var(--White);
  font-family: "TT-Lakes-Neue-Trial-Condensed-Bold-Italic";
}

.format-section {
  position: relative;
}

.format-section.season-4 {
  padding: 0;
}

.format-section.season-4 .format-box .image-box img {
  width: 100%;
  height: 100%;
}

.format-section::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -2;
  background: url("/wp-content/themes/uspl/assets/images/season1-format-bg.png") no-repeat;
  background-position: center;
  background-size: cover;
}

.format-section::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background-color: rgba(28, 40, 111, 0.6);
}

.format-section.season-2 {
  padding: 160px 0;
}

.format-section.season-2 .section-heading {
  margin-bottom: 100px;
}

.format-section .section-heading h2 {
  color: var(--White);
}

.format-section.season-3 .section-heading h2 {
  max-width: 45%;
  margin-right: auto;
  text-align: left;
}

.format-section .section-heading h2 span {
  color: var(--golden-dream);
}

.format-section .section-heading p {
  font-family: "Poppins-Medium";
  color: var(--White);
  font-size: 20px;
  max-width: 60%;
  margin: 0 auto;
}

.format-section .row.bg-red {
  background-color: var(--cardinal);
  width: 100%;
  margin: 0 auto;
}

.format-section .row.bg-blue {
  background-color: var(--Lapis-blue);
  width: 100%;
  margin: 0 auto;
}

.format-section .row .box {
  padding: 30px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.format-section .row .box.box1 {
  position: relative;
  justify-content: flex-start;
  padding-left: 50px;
  text-align: left;
  height: 100%;
}

.format-section.season-2 .row .box.box1 {
  justify-content: center;
  padding-left: 0;
  text-align: center;
}

.format-section .row .col-md-4:last-child .box.box1::after {
  display: none;
}

.format-section .row .box.box1::after {
  content: "";
  width: 7px;
  height: 50%;
  position: absolute;
  right: 0;
  top: 50%;
  background: linear-gradient(90deg,
      rgb(255, 255, 255) 40%,
      rgba(193, 39, 45, 1) 50%);
  transform: rotate(10deg) translate(0px, -50%);
}

.format-section .row .box .text-box h2,
.format-section .row .box .text-box h5 {
  color: var(--White);
  margin-bottom: 0;
}

.format-section .row .box .text-box h2.large-text {
  font-size: 86px;
}

.format-section .row .box .text-box h5 {
  font-size: 26px;
}

.format-section .row .box .text-box h4 {
  margin-top: -15px;
  color: var(--White);
}

.format-section .row .box .text-box h2.color-golden,
.format-section .row .box .text-box h5.color-golden,
.format-section .row .box .text-box h4.color-golden {
  color: var(--golden-dream);
}

.format-section .row .box .text-box h2.color-golden span {
  color: var(--White);
}

.format-section.season-3 {
  overflow: visible;
  padding-bottom: 100px;
}

.format-section.season-3 .format-box .format-box-inner .image-box {
  width: 100%;
  height: 100%;
}

.format-section.season-3 .format-box .format-box-inner .image-box img {
  width: 100%;
  position: absolute;
  right: -10%;
  max-width: 36%;
  transform: translate(-50%, -50%);
}

.format-section.season-3 .format-box .format-box-inner .content-box .row .box {
  justify-content: flex-start;
  padding-left: 0;
}

.broadcasting-section .section-heading {
  text-align: center;
  margin-bottom: 80px;
}

.broadcasting-section .section-heading p {
  font-family: "Poppins-Medium";
  font-size: 20px;
  line-height: 1.3;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
}

.broadcasting-section.season-3 .section-heading p,
.broadcasting-section.season-4 .section-heading p {
  max-width: 80%;
}

.broadcasting-section .broadcasting-box h5 {
  text-align: center;
  margin-bottom: 50px;
}

.broadcasting-section.season-2 .section-heading {
  margin-bottom: 50px;
}

.broadcasting-section .info-box {
  margin-bottom: 100px;
}

.broadcasting-section .info-box .row {
  justify-content: center;
  text-align: center;
}

.broadcasting-section .info-box .row .col-md-3 {
  padding: 0;
}

.broadcasting-section .info-box .box {
  position: relative;
  padding: 20px;
  height: 100%;
}

.broadcasting-section .info-box .box::after {
  content: "";
  width: 5px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background-color: var(--cardinal);
  transform: rotate(15deg);
}

.broadcasting-section .info-box .row .col-md-3:last-child .box::after {
  display: none;
}

.broadcasting-section .info-box .box .image-box {
  margin-bottom: 5px;
  min-height: 65px;
}

.broadcasting-section .info-box .box .image-box h3 {
  font-size: 54px;
  color: var(--cardinal);
}

.broadcasting-section .info-box .box .text-box h5 {
  color: var(--Lapis-blue);
}

.more-seasons-section:not(.season-4) {
  padding-top: 0;
}

.more-seasons-section .more-seasons-box .box {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.more-seasons-section .more-seasons-box .box::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: -1;
  transform: translate(-50%, 0);
  background: url(/wp-content/themes/uspl/assets/images/star-bg-2.png) no-repeat;
  background-size: contain;
  background-position: center;
  /* mix-blend-mode: multiply; */
  transition: all 0.5s ease-in-out;
  opacity: 0.7;
}

.more-seasons-section .more-seasons-box .box:hover::after {
  width: 150%;
  height: 150%;
}

.more-seasons-section .more-seasons-box .box a {
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}

.more-seasons-section .more-seasons-box .box .season-title h4 {
  font-size: 58px;
  margin-bottom: 0;
  color: var(--White);
}

.more-seasons-section .more-seasons-box .box .season-title p {
  color: var(--White);
}

.more-seasons-section .more-seasons-box .box .season-number h3 {
  font-size: 122px;
  color: var(--golden-dream);
}

/* Season 2 Start */

.inner-banner {
  padding: 0;
}

.inner-banner .inner-banner-box::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background-color: #7c7c7c;
  mix-blend-mode: multiply;
}

.inner-banner .inner-banner-box {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: calc(100dvh - 120px);
  display: flex;
  align-items: center;
  justify-content: center;
}

.inner-banner .inner-banner-box .section-heading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}

.inner-banner .inner-banner-box .section-heading .season-title h1 {
  font-size: 138px;
  color: var(--White);
  margin-bottom: 0;
  text-align: left;
}

.inner-banner .inner-banner-box .section-heading .season-title h3 {
  color: var(--White);
  margin-top: -25px;
  text-align: left;
}

.inner-banner .inner-banner-box .section-heading .season-number h2 {
  font-size: 280px;
  color: var(--golden-dream);
  margin-bottom: 0;
}

.season-in-number.season-3 {
  padding-bottom: 180px;
}

.season-in-number.season-2 .section-heading h4.color-red,
.season-in-number.season-3 .section-heading h4.color-red,
.season-in-number.season-4 .section-heading h4.color-red {
  color: var(--cardinal);
}

.season-in-number.season-2 .section-heading h4.color-blue,
.season-in-number.season-3 .section-heading h4.color-blue,
.season-in-number.season-4 .section-heading h4.color-blue {
  font-family: "TT-Lakes-Neue-Trial-Condensed-Regular";
  color: var(--Lapis-blue);
  margin-bottom: 30px;
}

.season-in-number.season-2 .section-heading p,
.season-in-number.season-3 .section-heading p,
.season-in-number.season-4 .section-heading p {
  font-family: "Poppins-Light";
  font-size: 20px;
  max-width: 77%;
  margin-left: auto;
  margin-right: auto;
}

.season-in-number.season-2 .season-in-number-box,
.season-in-number.season-3 .season-in-number-box,
.season-in-number.season-4 .season-in-number-box {
  margin-top: 100px;
}

.season-in-number.season-2 .season-in-number-box .row,
.season-in-number.season-3 .season-in-number-box .row,
.season-in-number.season-4 .season-in-number-box .row {
  max-width: 77%;
  margin: 0 auto;
  row-gap: 24px;
}

/* Season 2 End */

/* Seasons Page Css End */

/* players css start */

.team-name .team-name-box {
  background: var(--Lapis-blue);
  padding: 40px 100px;
  position: relative;
  overflow: hidden;
}

.team-name .team-name-box .star-img {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-15%, -50%);
}

.team-name .team-name-box .star-img img {
  max-width: 50%;
}

.team-name .team-name-box .team-logo-icon {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0.2;
  display: flex;
  justify-content: center;
}

.team-name .team-name-box .team-logo-icon img {
  width: 100%;
}

.team-name .team-name-box h1 {
  color: var(--White);
  font-size: 82px;
  font-family: "TT-Lakes-Neue-Trial-Condensed-Bold-Italic";
  margin: 0;
}

.team-owner .text-box p {
  font-family: "Poppins-Medium";
  line-height: 1.5;
}

.team-owner .text-box p strong {
  font-family: "Poppins-Bold";
}

.team-players button.btn.dropdown-toggle {
  background: #a9a9a933;
  border-radius: 0;
  width: 310px;
  padding: 10px;
  text-align: left;
  font-size: 18px;
  font-family: "TT-Lakes-Neue-Trial-Condensed-Bold";
  box-shadow: none;
}

.team-players .dropdown-toggle::after {
  border-top: 0.4em solid;
  border-right: 0.2em solid transparent;
  border-left: 0.2em solid transparent;
  right: 10px;
  position: absolute;
  color: var(--cardinal);
  font-size: 50px;
  transform: translateY(-50%);
  top: 50%;
}

.team-players ul.dropdown-menu {
  width: 100%;
  font-family: "Tt-lakes-neue-regular";
}

.team-players .players-photo-box .box {
  box-shadow: 0 2px 2px #0000000d;
  transition: 0.5s;
}

.team-players .players-photo-box .box:hover {
  box-shadow: 0 2px 10px #0000004f;
}

.team-players .players-photo-box .blue-bg .img-box {
  background: var(--Lapis-blue);
}

.team-players .players-photo-box .red-bg .img-box {
  background: var(--cardinal);
}

.team-players .players-photo-box .img-box {
  box-shadow: 0px 6px 0 0px var(--cardinal);
  display: flex;
  justify-content: center;
  clip-path: polygon(0 0, 100% 0%, 100% 90%, 0% 100%);
  position: relative;
  padding: 13px 20px 0;
}

.team-players .players-photo-box .box .img-box img {
  transition: 1s;
}

.team-players .players-photo-box .box:hover .img-box img {
  transform: scale(1.1);
}

.team-players .players-photo-box .line {
  height: 6px;
  width: 100%;
  background-color: var(--cardinal);
  transform: rotate(-5deg);
  margin: -3px 0 0px;
}

.team-players .players-photo-box .text-box {
  text-align: center;
  position: relative;
  padding: 10px 10px 15px;
}

.team-players .players-photo-box .text-box::after {
  position: absolute;
  content: "";
  left: 50%;
  top: 20%;
  height: 100%;
  width: 60%;
  border-radius: 10px;
  background: url("/wp-content/themes/uspl/assets/images/star-body.png") no-repeat;
  transform: translate(-50%, -50%);
  background-size: cover;
  background-position: center;
  z-index: -1;
}

.team-players .players-photo-box .text-box .red {
  color: var(--cardinal);
  margin-bottom: 5px;
}

.team-players .players-photo-box .text-box .black {
  font-family: "TT-Lakes-Neue-Trial-Condensed-Bold";
}

.team-players .players-photo-box {
  display: grid;
  /* grid-template-columns: repeat(5, 1fr); */
  gap: 60px 30px;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

/* players css end */

/* Contact Form Start */
.contact-us-page .section-heading {
  background: url("/wp-content/themes/uspl/assets/images/ball-bg.png") no-repeat;
  background-size: 100% 100%;
  background-position: center;
  padding: 80px 0;
  position: relative;
}

.contact-us-page .section-heading::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background: #1c286f;
  background: linear-gradient(270deg,
      rgba(28, 40, 111, 1) 0%,
      rgba(193, 39, 45, 1) 100%);
  opacity: 0.7;
}

.contact-us-page .section-heading h2 {
  color: var(--White);
  position: relative;
  z-index: 9;
}

.contact-us-page .form-box .form-control-common {
  font-size: 18px;
  padding: 20px 50px 20px 40px;
  border: 1px solid var(--cardinal);
  border-radius: 10px;
  font-family: "Poppins-Light";
}

.contact-us-page .form-box .cmn-btn {
  background: var(--golden-dream);
  margin: 20px auto 0;
  color: var(--cardinal);
}

.contact-us-page .form-box .input-group {
  padding-bottom: 20px;
}

.contact-us-page .form-box .row {
  row-gap: 0;
}

/* Contact Form End */

/* Sponsors Page Start */
#sponsors-and-partners .partners-nav-tab {
  justify-content: space-around;
  border: none;
  margin-bottom: 50px;
}

#sponsors-and-partners .partners-nav-tab .nav-link {
  font-size: 35px;
  color: darkgray;
  font-family: "TT-Lakes-Neue-Trial-Condensed-Bold-Italic";
  padding: 10px 30px;
  border: none !important;
}

#sponsors-and-partners .partners-nav-tab .nav-link.active {
  border-bottom: 5px solid var(--cardinal) !important;
  background: transparent;
  color: var(--cardinal);
}

/* Sponsors Page End */

/* Star Power Section Start */
.star-power-section {
  padding-top: 0;
}

.star-power-section .content-box {
  background-color: var(--cardinal);
  padding: 80px 200px 80px 100px;
  position: relative;
  overflow: hidden;
}

.star-power-section .content-box .unknown-person {
  width: 360px;
  /* height: 430px; */
  position: absolute;
  right: 8%;
  bottom: 0;
}

.star-power-section .content-box .star-power-box {
  position: relative;
  z-index: 1;
}

.star-power-section .content-box .star-power-box .section-heading {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 5px solid var(--White);
  max-width: 90%;
}

.star-power-section .content-box .star-power-box .section-heading h2 {
  color: var(--White);
  font-family: "TT-Lakes-Neue-Trial-Condensed-Bold-Italic";
  text-align: left;
}

.star-power-section .content-box .star-power-box .section-heading p {
  font-family: "Poppins-Light";
  color: var(--White);
  font-size: 20px;
  max-width: 55%;
  line-height: 1.5;
  text-align: left;
}

.star-power-section .content-box .star-power-box .announcing-soon {
  font-family: "TT-Lakes-Neue-Trial-Condensed-Bold-Italic";
}

/* Star Power Section End */

form.wpcf7-form p,
.wpcf7-form-control-wrap {
  width: 100%;
  text-align: center;
}

/* Cricket Vibe Section Start */
.vibe-section {
  position: relative;
}

.vibe-section .vibe-section-banner {
  width: 50%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  right: 0;
  bottom: 0;
}

.vibe-section .vibe-box .text-box .section-heading {
  margin-bottom: 0;
}

.vibe-section .vibe-box .text-box h2 {
  text-align: left;
}

.vibe-section .vibe-box .text-box p {
  font-family: "Poppins-Medium";
  font-size: 20px;
  line-height: 1.5;
  text-align: left;
  max-width: 85%;
}

.vibe-section .vibe-box .image-box {
  position: relative;
  width: 100%;
  height: 100%;
}

.vibe-section .vibe-box .image-box img {
  width: 100%;
  height: 350px;
  object-fit: cover;
}

/* Cricket Vibe Section End */

#seasons-submenu {
  /* opacity: 1; */
  /* pointer-events: all; */
  transform: translate(-50%, 53%);
}

.seasons.submenu .submenu-wrapper ul {
  display: flex;
  align-items: center;
  justify-content: center;
}

.seasons.submenu .submenu-wrapper ul li:last-child {
  margin: 0 !important;
}

.seasons.submenu .submenu-wrapper ul li:not(:last-child) {
  margin: 0 !important;
  padding: 0 !important;
  border-right: 1px solid lightgray;
}

.seasons.submenu .submenu-wrapper ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.seasons.submenu .submenu-wrapper ul li a img {
  width: 50px;
  height: 50px;
  object-fit: contain;
}

.seasons.submenu .submenu-wrapper ul li a h6 {
  font-family: "TT-Lakes-Neue-Trial-Condensed-Bold";
  color: var(--Lapis-blue);
  transition: all 0.3s ease-in-out;
}

.seasons.submenu .submenu-wrapper ul li a:hover h6 {
  color: var(--White);
}

/* info page css  start*/

.brif-intro .box {
  display: flex;
  justify-content: center;
}

.brif-intro .boxes {
  display: flex;
  align-items: center;
  justify-content: center;
}

.brif-intro .section-heading p {
  font-family: "Poppins-Medium";
  max-width: 1000px;
  margin: 0 auto;
  line-height: 1.4;
}

.watch-highlights .box {
  position: relative;
}

.watch-highlights .box .icons {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  z-index: 9;
}

.watch-highlights .box .icons img {
  max-width: 60px;
  cursor: pointer;
  filter: drop-shadow(2px 4px 6px #0000006e);
}

.watch-highlights .box video {
  height: 100%;
  width: 100%;
}

.watch-highlights .row {
  row-gap: 30px;
}

.brif-intro .trial-icon {
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
}

.brif-intro .trial-icon img {
  max-width: 150px;
}

.brif-intro .section-heading h5 {
  font-family: "TT-Lakes-Neue-Trial-Condensed-Bold";
  color: var(--Lapis-blue);
}

/* info page css  end*/

/* news page css stat */

.news .swiper {
  width: 100%;
  height: 600px;
  position: static;
}

.news .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news .swiper-slide {
  display: flex;
}

.news .box.box-2 a {
  display: grid;
  /* height: 210px; */
  grid-template-columns: 60% 1fr;
  background-color: var(--cardinal);
  align-items: end;
  overflow: hidden;
}

.news .swiper-slide p {
  color: var(--White);
  font-family: "Tt-lakes-neue-regular";
  font-size: 14px;
}

.news .box.box-1 .img-box {
  max-height: 500px;
  overflow: hidden;
  max-width: 100%;
}

.news .box.box-1 .img-box img {
  width: 100%;
  height: 100%;
}

.news .box .text-box {
  background-color: var(--cardinal);
  padding: 40px 30px;
  height: 130px;
}

.news .box .text-box h6 {
  color: var(--White);
  font-family: "TT-Lakes-Neue-Trial-Condensed-Bold";
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.news .box.box-2 {
  position: relative;
}

.news .box.box-2 .img {
  max-height: 210px;
  overflow: hidden;
}

.news .box.box-2 .img img {
  width: 100%;
  height: 100%;
}

.news .box.box-2 .text {
  padding: 20px 10px 20px 20px;
}

.news .box.box-2 .swiper-button-prev,
.news .box.box-2 .swiper-button-next {
  width: 40px;
  height: 40px;
  border: 1px solid var(--cardinal);
  border-radius: 50px;
}

.news .box.box-2 .swiper-button-next {
  top: unset;
  bottom: -50px;
  left: 50%;
  transform: translateX(-50%);
}

.news .box.box-2 .swiper-button-prev {
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
}

.swiper-button-next:after,
.swiper-button-prev:after {
  color: var(--cardinal);
  font-size: 20px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(90deg);
}

/* news page css end */

/* single- teams-page slider css */

.team-players .item img {
  max-width: 70%;
  margin: 0 auto;
}

.team-players .modal-content {
  background-color: #0000006e;
  backdrop-filter: blur(40px);
}

.team-players .modal-header {
  border: none;
}

.btn-close {
  background: url("/wp-content/themes/uspl/assets/images/close.png") center/1em auto no-repeat;
  opacity: 1;
}

/* single page css start */

.single-post h1 {
  font-size: 40px;
}

.single-post h2 {
  font-size: 30px;
}

.single-post h3 {
  font-size: 26px;
}

.single-post h4 {
  font-size: 22px;
}

.single-post h5 {
  font-size: 20px;
}

.single-post h6 {
  font-size: 20px;
}

.single-post .entry-meta {
  font-family: "Poppins-Medium";
  margin-bottom: 10px;
}

.single-post .entry-meta a {
  color: var(--cardinal);
  margin-right: 5px;
}

.single-post .post-thumbnail {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

.single-post .post-thumbnail img {
  width: 100%;
}

.single-post p {
  font-family: "Poppins-Medium";
  font-size: 16px;
}

.single-post p a,
.single-post span a {
  text-decoration: underline;
  color: var(--Lapis-blue);
}

.single-post span {
  font-family: "Poppins-Medium";
}

.single-post .nav-previous a {
  color: var(--Lapis-blue);
}

.single-post .site-main {
  padding: 40px 0;
}

/* single page css end */

/* New Submenu Ui CSS Start */
#header .submenu .submenu-wrapper ul {
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

#header #teams-submenu.submenu .submenu-wrapper ul li {
  padding: 0;
  margin: 0;
  clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}

#header #teams-submenu.submenu .submenu-wrapper ul li .team-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  z-index: -1;
}

#header #teams-submenu.submenu .submenu-wrapper ul li:hover .team-bg {
  opacity: 1;
}

#header #teams-submenu.submenu .submenu-wrapper ul li a {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  gap: 5px;
  padding: 20px 50px 20px 50px;
}

#header #teams-submenu.submenu .submenu-wrapper ul li a img {
  max-height: 50px;
}

#header #teams-submenu.submenu .submenu-wrapper ul li a p {
  font-size: 18px;
  font-weight: 600;
  color: var(--Lapis-blue);
  text-transform: uppercase;
  font-family: "Tt-lakes-neue-extrabold-italic";
  transition: all 0.3s ease-in-out;
}

#header #teams-submenu.submenu .submenu-wrapper ul li:hover a p {
  color: var(--White);
}

#header #seasons-submenu.submenu .submenu-wrapper ul li a {
  padding: 5px 30px;
}

#header #seasons-submenu.submenu .submenu-wrapper ul li a::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg,
      rgb(106, 106, 152) 0%,
      rgb(173, 173, 255) 100%);
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

#header #seasons-submenu.submenu .submenu-wrapper ul li a:hover::after {
  opacity: 1;
}

/* New Submenu Ui CSS End */

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
  border-color: green;
  color: green;
}

/* thsnk you css  */

/* Thank You Page Styling */
.thank-you {
  height: 100dvh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #fdfcfb 0%, #1c286f40 100%);
  padding: 20px;
}

.thank-you .thank-you-box {
  width: 100%;
  max-width: 620px;
  margin: 0 auto;
  padding: 70px 40px;
  text-align: center;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
  animation: fadeInUp 0.8s ease;
  font-family: "TT-Lakes-Neue-Trial-Condensed-Bold-Italic";
}

.thank-you h4 {
  font-weight: bold;
  font-size: 28px;
  color: #333;
  margin-bottom: 15px;
}

.thank-you p {
  font-size: 16px;
  color: #555;
  line-height: 1.6;
  margin-bottom: 25px;
}

.thank-you .button-bx {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  justify-content: center;
}

.thank-you .cmn-btn {
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.thank-you .cmn-btn:hover {
  box-shadow: 0 6px 18px rgb(0 0 0 / 37%);
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}