@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
.containers, .content-container {
  margin: 0 auto;
  padding: 0;
  width: calc(100% - 40px);
}

.slider-container {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  margin-left: 25px;
}

@media (min-width: 768px) {
  .containers, .content-container {
    margin: 0 auto;
    padding: 0;
    width: calc(100% - 100px);
  }
  .slider-container {
    margin-left: 50px;
  }
}

@media (min-width: 1024px) {
  .containers, .content-container {
    margin: 0 auto;
    padding: 0;
    width: calc(100% - 80px);
  }
  .slider-container {
    margin-left: 40px;
  }
}

@media (min-width: 1352px) {
  .containers {
    width: calc(100% - 120px);
  }
  .content-container {
    width: calc(100% - 250px);
  }
  .slider-container {
    margin-left: 60px;
  }
}

@media (min-width: 1920px) {
  .containers {
    width: calc(100% - 250px);
  }
  .content-container {
    width: calc(100% - 500px);
  }
  .slider-container {
    margin-left: 150px;
  }
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: 500;
  margin: 0;
}

button, a {
  font-size: 0.8rem;
  line-height: 1.2rem;
}

h1 {
  font-size: 1.8rem;
  line-height: 2.2rem;
  letter-spacing: 1px;
}

h2 {
  font-size: 1.6rem;
  line-height: 2rem;
}

h3 {
  font-size: 1.2rem;
  line-height: 1.6rem;
}

h4 {
  font-size: 1rem;
  line-height: 1.2rem;
}

h5 {
  font-size: 0.9rem;
  line-height: 1.3rem;
}

h6, button, a {
  font-size: 0.9rem;
  line-height: 1.3rem;
}

p, li {
  font-size: 0.8rem;
  line-height: 1.2rem;
}

@media (min-width: 768px) {
  h1 {
    font-size: 3.4rem;
    line-height: 3.8rem;
  }
  h2 {
    font-size: 2.8rem;
    line-height: 3.2rem;
  }
  h3 {
    font-size: 2.2rem;
    line-height: 2.6rem;
  }
  h4 {
    font-size: 1.6rem;
    line-height: 2rem;
  }
  h5 {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  h6, button, a {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
  p, li {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
}

@media (min-width: 1024px) {
  h1 {
    font-size: 3rem;
    line-height: 3.4rem;
  }
  h2 {
    font-size: 2.2rem;
    line-height: 2.6rem;
  }
  h3 {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
  h4 {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  h5 {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
  h6 {
    font-size: 1rem;
    line-height: 1.4rem;
  }
  p, li {
    font-size: 0.8rem;
    line-height: 1.2rem;
  }
}

@media (min-width: 1352px) {
  h1 {
    font-size: 3.6rem;
    line-height: 4rem;
  }
  h2 {
    font-size: 2.8rem;
    line-height: 3.2rem;
  }
  h3 {
    font-size: 2rem;
    line-height: 2.4rem;
  }
  h4 {
    font-size: 1.7rem;
    line-height: 2.1rem;
  }
  h5 {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  h6, button, a {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
  p, li {
    font-size: 1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1920px) {
  h1 {
    font-size: 4.8rem;
    line-height: 5.2rem;
  }
  h2 {
    font-size: 3.2rem;
    line-height: 3.6rem;
  }
  h3 {
    font-size: 2.2rem;
    line-height: 2.6rem;
  }
  h4 {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
  h5 {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  h6, button, a {
    font-size: 1.2rem;
    ine-height: 1.6rem;
  }
  p, li {
    font-size: 1rem;
    line-height: 1.4rem;
  }
}

.ReadMoreBtn {
  width: fit-content;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: #003366;
  border: 0;
  appearance: 0;
  outline: 0;
  background: none;
  text-transform: uppercase;
  transition: all .3s;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  font-size: 0.7rem;
}

.ReadMoreBtn svg {
  width: 20px;
  height: 20px;
  rotate: 180deg;
}

.ReadMoreBtn svg.active {
  rotate: 0deg;
}

@media (min-width: 768px) {
  .ReadMoreBtn {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .ReadMoreBtn {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.YellowBtn {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #0A1628;
  border: 0;
  appearance: 0;
  outline: 0;
  padding: 10px 15px;
  text-transform: uppercase;
  transition: all .3s;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  .YellowBtn {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .YellowBtn {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.YellowBtn:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #FFCD00;
  border-radius: 5px;
  z-index: -2;
  border: 2px solid #FFCD00;
}

.YellowBtn:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #003366;
  transition: all .3s;
  z-index: -1;
  border-radius: 5px;
}

.YellowBtn:hover {
  color: white;
  text-decoration: none;
}

.YellowBtn:hover:before {
  width: 100%;
  color: white;
}

@media (min-width: 1024px) {
  .YellowBtn {
    padding: 15px 20px;
  }
}

.YellowBorderBtn {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: white;
  border: 0;
  appearance: 0;
  outline: 0;
  padding: 10px 15px;
  text-transform: uppercase;
  transition: all .3s;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  .YellowBorderBtn {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .YellowBorderBtn {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.YellowBorderBtn:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #FFCD00;
  z-index: -2;
  border-radius: 5px;
}

.YellowBorderBtn:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #FFCD00;
  transition: all .3s;
  z-index: -1;
  border-radius: 5px;
}

.YellowBorderBtn:hover {
  color: #1E3A5F;
  text-decoration: none;
}

.YellowBorderBtn:hover:before {
  width: 100%;
}

@media (min-width: 1024px) {
  .YellowBorderBtn {
    padding: 15px 20px;
  }
}

.WhiteBtn {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #003366;
  border: 0;
  appearance: 0;
  outline: 0;
  padding: 10px 15px;
  text-transform: uppercase;
  transition: all .3s;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  .WhiteBtn {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .WhiteBtn {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.WhiteBtn:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  border-radius: 5px;
  z-index: -2;
  border: 2px solid white;
}

.WhiteBtn:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #003366;
  transition: all .3s;
  z-index: -1;
  border-radius: 5px;
}

.WhiteBtn:hover {
  color: white;
  text-decoration: none;
}

.WhiteBtn:hover:before {
  width: 100%;
  color: white;
}

@media (min-width: 1024px) {
  .WhiteBtn {
    padding: 15px 20px;
  }
}

.GreenBtn {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: white;
  border: 0;
  appearance: 0;
  outline: 0;
  padding: 10px 15px;
  text-transform: uppercase;
  transition: all .3s;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  .GreenBtn {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .GreenBtn {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.GreenBtn:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #003366;
  border-radius: 5px;
  z-index: -2;
  border: 2px solid #003366;
}

.GreenBtn:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #FFCD00;
  transition: all .3s;
  z-index: -1;
  border-radius: 5px;
}

.GreenBtn:hover {
  color: #1E3A5F;
  text-decoration: none;
}

.GreenBtn:hover:before {
  width: 100%;
  color: white;
}

@media (min-width: 1024px) {
  .GreenBtn {
    padding: 15px 20px;
  }
}

.WhiteBorderBtn {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #003366;
  border: 0;
  appearance: 0;
  outline: 0;
  padding: 10px 15px;
  text-transform: uppercase;
  transition: all .3s;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  .WhiteBorderBtn {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .WhiteBorderBtn {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.WhiteBorderBtn:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  border-radius: 5px;
  z-index: -2;
  border: 2px solid #FFCD00;
}

.WhiteBorderBtn:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #003366;
  transition: all .3s;
  z-index: -1;
  border-radius: 5px;
}

.WhiteBorderBtn:hover {
  color: white;
  text-decoration: none;
}

.WhiteBorderBtn:hover:before {
  width: 100%;
  color: white;
}

@media (min-width: 1024px) {
  .WhiteBorderBtn {
    padding: 15px 20px;
  }
}

.grad {
  background: #0A1628;
  background: -moz-linear-gradient(180deg, #0A1628 0%, #1E5AA8 100%);
  background: -webkit-linear-gradient(180deg, #0A1628 0%, #1E5AA8 100%);
  background: linear-gradient(180deg, #0A1628 0%, #1E5AA8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0A1628",endColorstr="#1E5AA8",GradientType=1);
}

/* Carts Style */
.cart-icon {
  display: inline-block;
  width: 25px;
  height: 15px;
  background-image: url("../img/all.png");
  vertical-align: middle;
}

.clubs-2 {
  background-position: 0 0;
}

.clubs-3 {
  background-position: -25px 0;
}

.clubs-4 {
  background-position: -50px 0;
}

.clubs-5 {
  background-position: -75px 0;
}

.clubs-6 {
  background-position: -100px 0;
}

.clubs-7 {
  background-position: -125px 0;
}

.clubs-8 {
  background-position: -150px 0;
}

.clubs-9 {
  background-position: -175px 0;
}

.clubs-10 {
  background-position: -200px 0;
}

.clubs-j {
  background-position: -225px 0;
}

.clubs-q {
  background-position: -250px 0;
}

.clubs-k {
  background-position: -275px 0;
}

.clubs-a {
  background-position: 25px 0;
}

.diamonds-2 {
  background-position: 0 -15px;
}

.diamonds-3 {
  background-position: -25px -15px;
}

.diamonds-4 {
  background-position: -50px -15px;
}

.diamonds-5 {
  background-position: -75px -15px;
}

.diamonds-6 {
  background-position: -100px -15px;
}

.diamonds-7 {
  background-position: -125px -15px;
}

.diamonds-8 {
  background-position: -150px -15px;
}

.diamonds-9 {
  background-position: -175px -15px;
}

.diamonds-10 {
  background-position: -200px -15px;
}

.diamonds-j {
  background-position: -225px -15px;
}

.diamonds-q {
  background-position: -250px -15px;
}

.diamonds-k {
  background-position: -275px -15px;
}

.diamonds-a {
  background-position: 25px -15px;
}

.hearts-2 {
  background-position: 0 -30px;
}

.hearts-3 {
  background-position: -25px -30px;
}

.hearts-4 {
  background-position: -50px -30px;
}

.hearts-5 {
  background-position: -75px -30px;
}

.hearts-6 {
  background-position: -100px -30px;
}

.hearts-7 {
  background-position: -125px -30px;
}

.hearts-8 {
  background-position: -150px -30px;
}

.hearts-9 {
  background-position: -175px -30px;
}

.hearts-10 {
  background-position: -200px -30px;
}

.hearts-j {
  background-position: -225px -30px;
}

.hearts-q {
  background-position: -250px -30px;
}

.hearts-k {
  background-position: -275px -30px;
}

.hearts-a {
  background-position: 25px -30px;
}

.spades-2 {
  background-position: 0 -45px;
}

.spades-3 {
  background-position: -25px -45px;
}

.spades-4 {
  background-position: -50px -45px;
}

.spades-5 {
  background-position: -75px -45px;
}

.spades-6 {
  background-position: -100px -45px;
}

.spades-7 {
  background-position: -125px -45px;
}

.spades-8 {
  background-position: -150px -45px;
}

.spades-9 {
  background-position: -175px -45px;
}

.spades-10 {
  background-position: -200px -45px;
}

.spades-j {
  background-position: -225px -45px;
}

.spades-q {
  background-position: -250px -45px;
}

.spades-k {
  background-position: -275px -45px;
}

.spades-a {
  background-position: 25px -45px;
}

.x-2 {
  background-position: 0 -60px;
}

.x-3 {
  background-position: -25px -60px;
}

.x-4 {
  background-position: -50px -60px;
}

.x-5 {
  background-position: -75px -60px;
}

.x-6 {
  background-position: -100px -60px;
}

.x-7 {
  background-position: -125px -60px;
}

.x-8 {
  background-position: -150px -60px;
}

.x-9 {
  background-position: -175px -60px;
}

.x-10 {
  background-position: -200px -60px;
}

.x-j {
  background-position: -225px -60px;
}

.x-q {
  background-position: -250px -60px;
}

.x-k {
  background-position: -275px -60px;
}

.x-a {
  background-position: 25px -60px;
}

.x-clubs {
  background-position: 0 -75px;
}

.x-diamonds {
  background-position: -25px -75px;
}

.x-hearts {
  background-position: -50px -75px;
}

.x-spades {
  background-position: -75px -75px;
}

.x-x {
  background-position: -100px -75px;
}

.topCTA {
  position: relative;
  width: 100%;
  --ipo-hero-height: calc(100vw * 9 / 21);
  height: var(--ipo-hero-height);
  min-height: 380px;
  background: #0A1628;
  background: linear-gradient(180deg, #0A1628 0%, #1E5AA8 100%);
}

@media (max-width: 767px) {
  .topCTA {
    height: calc(100vw * 9 / 21 + 220px);
    min-height: 0;
  }
}

@media (min-width: 1024px) {
  .topCTA {
    min-height: var(--ipo-hero-height);
  }
}

.topCTA .topWrap {
  height: 100%;
  min-height: 100%;
}

@media (min-width: 1024px) {
  .topCTA .topWrap {
    padding-top: 0;
    top: 0;
    height: 100%;
  }
}

.topCTA .topWrap.slick-initialized .slick-list,
.topCTA .topWrap.slick-initialized .slick-track {
  height: 100% !important;
}

.topCTA .Slider {
  height: 100%;
  min-height: 100%;
  max-height: none;
  padding: 110px 20px 2.5rem 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
  flex-grow: 1;
  position: relative;
  overflow: hidden;
}

.topCTA .Slider--has-background .Slider__background {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 0;
  width: 100vw;
  height: 100%;
  transform: translateX(-50%);
  pointer-events: none;
}

.topCTA .Slider--has-background .Slider__background img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

@media (max-width: 767px) {
  .topCTA .Slider--has-background .Slider__background img {
    object-fit: contain;
  }
}

.topCTA .Slider--has-background .Slider__overlay {
  display: none;
}

.topCTA .Slider--has-background .text,
.topCTA .Slider--has-background .image {
  position: relative;
  z-index: 2;
}

.topCTA .Slider--has-background .image:empty {
  display: none;
}

.topCTA .Slider--has-background.Slider--has-cta .text {
  position: absolute;
  bottom: 10.5rem;
  left: 20px;
  right: 20px;
  z-index: 3;
  width: auto;
  max-width: calc(100% - 40px);
  margin: 0;
  align-items: flex-start;
  justify-content: flex-end;
  pointer-events: none;
}

@media (min-width: 768px) {
  .topCTA .Slider--has-background.Slider--has-cta .text {
    left: 50px;
    right: 50px;
    max-width: calc(100% - 100px);
    bottom: 11rem;
  }
}

@media (min-width: 1024px) {
  .topCTA .Slider--has-background.Slider--has-cta .text {
    left: 40px;
    right: auto;
    bottom: 7rem;
    max-width: 520px;
    width: 60%;
  }
}

@media (min-width: 1920px) {
  .topCTA .Slider--has-background.Slider--has-cta .text {
    left: 125px;
  }
}

.topCTA .Slider--has-background.Slider--has-cta .Slider__cta {
  display: inline-block;
  position: relative;
  z-index: 3;
  pointer-events: auto;
  margin: 0;
}

@media (max-width: 767px) {
  .topCTA .Slider--has-background {
    padding-top: calc(100vw * 9 / 21);
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 3.5rem;
    overflow: visible;
    justify-content: flex-end;
  }
  .topCTA .Slider--has-background .Slider__background {
    height: calc(100vw * 9 / 21);
    left: 0;
    width: 100%;
    transform: none;
  }
  .topCTA .Slider--has-background .image {
    display: none;
  }
  .topCTA .Slider--has-background.Slider--has-cta .text {
    position: static;
    bottom: auto;
    left: auto;
    right: auto;
    width: 100%;
    max-width: 100%;
    align-items: center;
    text-align: center;
    pointer-events: auto;
    justify-content: flex-start;
  }
}

@media (min-width: 768px) {
  .topCTA .Slider {
    padding: 130px 50px 2.5rem 50px;
  }
}

@media (min-width: 1024px) {
  .topCTA .Slider {
    height: 100%;
    padding: 0 40px;
    padding-top: 120px;
    gap: 2rem;
    flex-direction: row;
    align-items: flex-end;
  }
}

@media (min-width: 1352px) {
  .topCTA .Slider {
    padding: 0 60px;
    padding-top: 120px;
  }
}

@media (min-width: 1920px) {
  .topCTA .Slider {
    padding: 0 125px;
    padding-top: 120px;
  }
}

.topCTA .Slider .text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  width: 100%;
  color: white;
  text-align: center;
  overflow: visible;
}

@media (min-width: 768px) {
  .topCTA .Slider .text {
    gap: 2rem;
  }
}

@media (min-width: 1024px) {
  .topCTA .Slider .text {
    gap: 1.5rem;
    width: 60%;
    justify-content: center;
    align-items: flex-start;
    text-align: left;
    align-self: center;
  }
}

@media (min-width: 1352px) {
  .topCTA .Slider .text {
    gap: 2rem;
  }
}

.topCTA .Slider .text h1 {
  margin: 0;
  text-transform: uppercase;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
  overflow: visible;
  max-width: 100%;
}

.topCTA .Slider .text h3 {
  color: #FFCD00;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.4rem;
}

@media (min-width: 768px) {
  .topCTA .Slider .text h3 {
    font-size: 1.6rem;
    line-height: 2rem;
  }
}

@media (min-width: 1024px) {
  .topCTA .Slider .text h3 {
    width: 80%;
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
}

@media (min-width: 1920px) {
  .topCTA .Slider .text h3 {
    width: 80%;
    font-size: 2rem;
    line-height: 2.4rem;
  }
}

.topCTA .Slider .text h3 b {
  color: #FFCD00;
  text-decoration: underline;
  text-underline-offset: 5px;
}

@media (min-width: 1024px) {
  .topCTA .Slider .text h3 b {
    text-underline-offset: 6px;
  }
}

.topCTA .Slider.Slider--running-event {
  /* Dot is inline inside h1 so it participates in the same line box as the title and wraps like normal text. */
}

.topCTA .Slider.Slider--running-event .text h1.Slider__title--live {
  display: block;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
  text-align: center;
}

@media (min-width: 1024px) {
  .topCTA .Slider.Slider--running-event .text h1.Slider__title--live {
    text-align: left;
  }
}

.topCTA .Slider.Slider--running-event .text h1.Slider__title--live .live-dot {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.35em;
  width: 0.45em;
  height: 0.45em;
  border-radius: 50%;
  background: #ff1a1a;
  animation: irishpokeropen-live-dot-blink 1.2s ease-in-out infinite;
  box-shadow: 0 0 6px rgba(255, 26, 26, 0.65);
}

@media (min-width: 768px) {
  .topCTA .Slider.Slider--running-event .text h1.Slider__title--live .live-dot {
    width: 0.5em;
    height: 0.5em;
  }
}

.topCTA .Slider.Slider--running-event .text h1.Slider__title--live .Slider__title-text {
  display: inline;
}

.topCTA .Slider.Slider--running-event .text h3 {
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 0.35em;
  max-width: 100%;
}

@media (min-width: 1024px) {
  .topCTA .Slider.Slider--running-event .text h3 {
    justify-content: flex-start;
  }
}

.topCTA .Slider.Slider--running-event .text h3 .Slider__subtitle-text {
  flex: 1 1 auto;
  min-width: 0;
}

.topCTA .Slider.Slider--running-event .text h3 .live-dot {
  display: inline-block;
  vertical-align: middle;
  width: 0.45em;
  height: 0.45em;
  border-radius: 50%;
  background: #ff1a1a;
  flex-shrink: 0;
  animation: irishpokeropen-live-dot-blink 1.2s ease-in-out infinite;
  box-shadow: 0 0 6px rgba(255, 26, 26, 0.65);
}

@media (min-width: 768px) {
  .topCTA .Slider.Slider--running-event .text h3 .live-dot {
    width: 0.5em;
    height: 0.5em;
  }
}

.topCTA .Slider .image {
  display: flex;
  justify-content: center;
  width: 100%;
}

@media (max-width: 767px) {
  .topCTA .Slider .image {
    display: none;
  }
}

@media (min-width: 768px) {
  .topCTA .Slider .image {
    width: 75%;
    margin: 0 auto;
  }
}

@media (min-width: 1024px) {
  .topCTA .Slider .image {
    display: flex;
    align-items: flex-end;
    align-self: stretch;
    height: 100%;
    width: 40%;
    margin: 0;
  }
}

.topCTA .Slider .image img {
  width: auto;
  max-height: 350px;
}

@media (min-width: 768px) {
  .topCTA .Slider .image img {
    max-height: 450px;
  }
}

@media (min-width: 1024px) {
  .topCTA .Slider .image img {
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
    height: auto;
    object-fit: contain;
    object-position: bottom center;
  }
}

@media (min-width: 1352px) {
  .topCTA .Slider .image img {
    max-width: 525px;
  }
}

@media (min-width: 1920px) {
  .topCTA .Slider .image img {
    max-width: 650px;
  }
}

.topCTA .custom-dots-containers {
  position: absolute;
  bottom: 5%;
  left: 50%;
  transform: translateX(-50%);
}

@media (min-width: 1024px) {
  .topCTA .custom-dots-containers {
    display: flex;
  }
}

.topCTA .custom-dots-containers .slick-dots {
  position: static;
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}

.topCTA .custom-dots-containers .slick-dots li {
  margin-left: 0px;
  width: 15px;
  height: 15px;
}

.topCTA .custom-dots-containers .slick-dots li button {
  display: none;
}

.topCTA .custom-dots-containers .custom-dot-1 {
  display: block;
  width: 15px;
  height: 15px;
  background-color: #FFCD00;
  opacity: 0.2;
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 0.3s;
}

.topCTA .custom-dots-containers .slick-dots .slick-active .custom-dot-1 {
  background-color: #FFCD00;
  opacity: 1;
}

.topCTA .slick-initialized .slick-slide {
  display: flex;
}

@media (min-width: 1920px) {
  .topCTA .slick-initialized .slick-slide {
    gap: 5rem;
  }
}

.topCTA .slick-dotted.slick-slider {
  margin-bottom: 0 !important;
}

body.home-slider-bg-capable {
  --ipo-header-offset: 110px;
  background-color: #0A1628;
}

body.home-slider-bg-capable.admin-bar {
  --ipo-header-offset: 142px;
}

body.home-slider-bg-capable.admin-bar header {
  top: 32px;
}

@media screen and (max-width: 782px) {
  body.home-slider-bg-capable.admin-bar {
    --ipo-header-offset: 126px;
  }
  body.home-slider-bg-capable.admin-bar header {
    top: 46px;
  }
}

@media (min-width: 768px) {
  body.home-slider-bg-capable {
    --ipo-header-offset: 150px;
  }
}

@media (min-width: 1024px) {
  body.home-slider-bg-capable {
    --ipo-header-offset: 120px;
  }
}

body.home-slider-bg-capable .topWrap {
  padding-top: 0;
}

@media (max-width: 767px) {
  body.home-slider-bg-capable .topCTA {
    margin-top: 80px;
  }
}

body.home-has-slider-background main {
  overflow: visible !important;
}

body.home-has-slider-background .topCTA {
  background: transparent;
  height: var(--ipo-hero-height);
  min-height: max(380px, var(--ipo-hero-height));
}

@media (max-width: 767px) {
  body.home-has-slider-background .topCTA {
    height: calc(100vw * 9 / 21 + 220px);
    min-height: 0;
    margin-top: 0;
  }
}

body.home-has-slider-background .topWrap .Slider--has-background.slick-active,
body.home-has-slider-background .topWrap .Slider--has-background.slick-current {
  overflow: visible;
  padding-top: var(--ipo-header-offset);
  padding-bottom: 0;
}

@media (max-width: 767px) {
  body.home-has-slider-background .topWrap .Slider--has-background.slick-active,
  body.home-has-slider-background .topWrap .Slider--has-background.slick-current {
    padding-top: calc(100vw * 9 / 21);
    padding-bottom: 3.5rem;
    overflow: visible;
    justify-content: flex-end;
  }
  body.home-has-slider-background .topWrap .Slider--has-background.slick-active .Slider__background,
  body.home-has-slider-background .topWrap .Slider--has-background.slick-current .Slider__background {
    height: calc(100vw * 9 / 21);
    left: 0;
    width: 100%;
    transform: none;
  }
  body.home-has-slider-background .topWrap .Slider--has-background.slick-active .image,
  body.home-has-slider-background .topWrap .Slider--has-background.slick-current .image {
    display: none;
  }
}

@media (min-width: 1024px) {
  body.home-has-slider-background .topWrap .Slider--has-background.slick-active,
  body.home-has-slider-background .topWrap .Slider--has-background.slick-current {
    padding-top: var(--ipo-header-offset);
    padding-bottom: 0;
  }
}

body.home-has-slider-background .topWrap .Slider--has-background.slick-active .Slider__background,
body.home-has-slider-background .topWrap .Slider--has-background.slick-current .Slider__background {
  top: 0;
  height: 100%;
}

body.home-has-slider-background .topWrap .Slider--has-background.slick-active .text,
body.home-has-slider-background .topWrap .Slider--has-background.slick-active .image,
body.home-has-slider-background .topWrap .Slider--has-background.slick-current .text,
body.home-has-slider-background .topWrap .Slider--has-background.slick-current .image {
  position: relative;
  z-index: 2;
}

body.home-has-slider-background .topWrap .Slider--has-background.slick-active.Slider--has-cta .text,
body.home-has-slider-background .topWrap .Slider--has-background.slick-current.Slider--has-cta .text {
  position: absolute;
  z-index: 3;
  pointer-events: none;
}

@media (max-width: 767px) {
  body.home-has-slider-background .topWrap .Slider--has-background.slick-active.Slider--has-cta .text,
  body.home-has-slider-background .topWrap .Slider--has-background.slick-current.Slider--has-cta .text {
    position: static;
    bottom: auto;
    left: auto;
    right: auto;
    width: 100%;
    max-width: 100%;
    padding: 0;
    align-items: center;
    text-align: center;
    pointer-events: auto;
    justify-content: flex-start;
  }
}

body.home-has-slider-background .topWrap .Slider--has-background.slick-active.Slider--has-cta .text .Slider__cta,
body.home-has-slider-background .topWrap .Slider--has-background.slick-current.Slider--has-cta .text .Slider__cta {
  pointer-events: auto;
}

.homeLiveStream {
  padding: 2rem 0 2.5rem;
  background: linear-gradient(180deg, #1E5AA8 0%, #0A1628 100%);
}

@media (min-width: 768px) {
  .homeLiveStream {
    padding: 2.5rem 0 3rem;
  }
}

@media (min-width: 1024px) {
  .homeLiveStream {
    padding: 3rem 0 3.5rem;
  }
}

.homeLiveStream__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.25rem;
  max-width: 100%;
}

.homeLiveStream__title {
  margin: 0;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
  font-size: 1.35rem;
  line-height: 1.2;
}

@media (min-width: 768px) {
  .homeLiveStream__title {
    font-size: 1.6rem;
  }
}

.homeLiveStream__panel {
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: #000;
}

.homeLiveStream__videoWrap {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  border-radius: 12px;
}

.homeLiveStream__videoWrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  border: 0;
  border-radius: 12px;
}

.Selctions {
  padding: 50px 0;
  background: #0A1628;
}

@media (min-width: 768px) {
  .Selctions {
    padding: 75px 0;
  }
}

@media (min-width: 1024px) {
  .Selctions {
    background: #1E3A5F;
  }
}

.Selctions .selectWrap {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

@media (min-width: 768px) {
  .Selctions .selectWrap {
    gap: 2rem;
    flex-wrap: wrap;
    flex-direction: row;
  }
}

@media (min-width: 1024px) {
  .Selctions .selectWrap {
    gap: 2rem;
    justify-content: space-between;
    flex-direction: row;
  }
}

@media (min-width: 1352px) {
  .Selctions .selectWrap {
    gap: 3rem;
  }
}

.Selctions .selectWrap a,
.Selctions .selectWrap .homeTile {
  width: 100%;
}

@media (min-width: 1024px) {
  .Selctions .selectWrap a,
  .Selctions .selectWrap .homeTile {
    width: calc(33% - 1.5rem);
  }
}

@media (min-width: 1352px) {
  .Selctions .selectWrap a,
  .Selctions .selectWrap .homeTile {
    width: calc(33% - 2rem);
  }
}

@media (min-width: 1024px) {
  .Selctions .selectWrap--count-2 a,
  .Selctions .selectWrap--count-2 .homeTile {
    width: calc(50% - 1.5rem);
  }
}

@media (min-width: 1352px) {
  .Selctions .selectWrap--count-2 a,
  .Selctions .selectWrap--count-2 .homeTile {
    width: calc(50% - 2rem);
  }
}

@media (min-width: 1024px) {
  .Selctions .selectWrap--count-1 {
    justify-content: center;
  }
}

@media (min-width: 1024px) {
  .Selctions .selectWrap--count-1 a,
  .Selctions .selectWrap--count-1 .homeTile {
    width: 100%;
    max-width: 720px;
  }
}

.Selctions .selectWrap a:hover {
  text-decoration: none;
}

@media (min-width: 1024px) {
  .Selctions .selectWrap a:hover {
    text-decoration: none;
  }
  .Selctions .selectWrap a:hover .select {
    border: 5px solid #FFCD00;
  }
}

.Selctions .selectWrap .select {
  border: 5px solid white;
  transition: all ease .3s;
  overflow: hidden;
  background: white;
  border-radius: 15px;
  padding: 5px;
  min-height: 100%;
}

@media (min-width: 768px) {
  .Selctions .selectWrap .select {
    padding: 10px;
  }
}

@media (min-width: 1024px) {
  .Selctions .selectWrap .select {
    padding: 5px;
  }
}

@media (min-width: 1352px) {
  .Selctions .selectWrap .select {
    padding: 5px;
  }
}

.Selctions .selectWrap .select .img {
  height: 200px;
}

@media (min-width: 1024px) {
  .Selctions .selectWrap .select .img {
    height: 150px;
  }
}

@media (min-width: 1352px) {
  .Selctions .selectWrap .select .img {
    height: 200px;
  }
}

@media (min-width: 1920px) {
  .Selctions .selectWrap .select .img {
    height: 250px;
  }
}

.Selctions .selectWrap .select .img img {
  border-radius: 10px;
  width: 100%;
  height: 100%;
  max-height: 200px;
  object-fit: cover;
  object-position: center;
}

@media (min-width: 768px) {
  .Selctions .selectWrap .select .img img {
    max-height: 200px;
  }
  .Selctions .selectWrap .select .img img:nth-child(1) {
    max-height: 300px;
  }
}

@media (min-width: 1024px) {
  .Selctions .selectWrap .select .img img {
    max-height: 150px;
  }
}

@media (min-width: 1352px) {
  .Selctions .selectWrap .select .img img {
    max-height: 250px;
  }
}

.Selctions .selectWrap .select .text {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 15px 10px 10px 10px;
}

@media (min-width: 768px) {
  .Selctions .selectWrap .select .text {
    padding: 25px 10px 20px 10px;
  }
}

@media (min-width: 1024px) {
  .Selctions .selectWrap .select .text {
    padding: 25px 10px 10px 10px;
  }
}

.Selctions .selectWrap .select .text h6 {
  text-transform: uppercase;
  color: #003366;
}

.Selctions .selectWrap .select .text h4 {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #0A1628;
}

.Testimonial {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  background: #0A1628;
  padding: 0 0 50px 0;
}

@media (min-width: 768px) {
  .Testimonial {
    gap: 3rem;
    padding: 0 0 75px 0;
  }
}

@media (min-width: 1024px) {
  .Testimonial {
    background: #1E3A5F;
  }
}

.Testimonial h2 {
  color: white;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  margin: 0;
  text-align: center;
}

@media (min-width: 1024px) {
  .Testimonial h2 {
    display: none;
  }
}

.Testimonial .testWrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}

@media (min-width: 1024px) {
  .Testimonial .testWrap {
    flex-direction: row;
    gap: 1rem;
  }
}

@media (min-width: 1352px) {
  .Testimonial .testWrap {
    align-items: flex-end;
    gap: 1rem;
  }
}

@media (min-width: 1920px) {
  .Testimonial .testWrap {
    align-items: flex-start;
    gap: 2.5rem;
  }
}

.Testimonial .testWrap .Showcase {
  display: flex;
  margin-bottom: 20px;
  position: relative;
  width: 100%;
}

@media (min-width: 768px) {
  .Testimonial .testWrap .Showcase {
    margin-bottom: 0;
  }
}

@media (min-width: 1024px) {
  .Testimonial .testWrap .Showcase {
    flex: 1;
    height: 100%;
    min-height: 100%;
    width: 40%;
  }
}

.Testimonial .testWrap .Showcase img {
  position: relative;
  width: 100%;
}

@media (min-width: 768px) {
  .Testimonial .testWrap .Showcase img {
    width: 90%;
    margin: auto;
  }
}

@media (min-width: 1024px) {
  .Testimonial .testWrap .Showcase img {
    width: 100%;
  }
}

@media (min-width: 1352px) {
  .Testimonial .testWrap .Showcase img {
    max-width: 520px;
  }
}

@media (min-width: 1920px) {
  .Testimonial .testWrap .Showcase img {
    max-width: 700px;
  }
}

.Testimonial .testWrap .Showcase::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: black;
  background: linear-gradient(0deg, #0A1628 10%, rgba(10, 22, 40, 0) 100%);
  width: 100%;
  height: 200px;
}

@media (min-width: 1024px) {
  .Testimonial .testWrap .Showcase::after {
    height: 300px;
    background: linear-gradient(0deg, #1E3A5F 10%, rgba(30, 58, 95, 0) 100%);
  }
}

@media (min-width: 1352px) {
  .Testimonial .testWrap .Showcase::after {
    height: 200px;
  }
}

.Testimonial .testWrap .Showcase .content {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  z-index: 2;
  position: absolute;
  bottom: 0;
  left: 0;
}

.Testimonial .testWrap .Showcase .content h4 {
  text-align: center;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: white;
}

@media (min-width: 1024px) {
  .Testimonial .testWrap .Showcase .content h4 {
    text-align: left;
  }
}

.Testimonial .testWrap .Showcase .content h6 {
  margin: 0;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: #FFCD00;
  text-transform: uppercase;
}

@media (min-width: 1024px) {
  .Testimonial .testWrap .Showcase .content h6 {
    text-align: left;
  }
}

.Testimonial .testWrap .Showcase .content h3 {
  text-align: center;
  margin: 0;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
  color: white;
}

@media (min-width: 768px) {
  .Testimonial .testWrap .Showcase .content h3 {
    width: 80%;
    margin: auto;
  }
}

@media (min-width: 1024px) {
  .Testimonial .testWrap .Showcase .content h3 {
    width: 100%;
    text-align: left;
    margin: 0;
  }
}

@media (min-width: 1352px) {
  .Testimonial .testWrap .Showcase .content h3 {
    width: 100%;
    max-width: 525px;
  }
}

.Testimonial .testWrap .verticalSlider {
  display: none;
}

@media (min-width: 1024px) {
  .Testimonial .testWrap .verticalSlider {
    width: 60%;
    display: flex;
    flex-direction: row;
    gap: 1rem;
  }
}

.Testimonial .testWrap .verticalSlider .slick-list {
  min-height: 100%;
}

.Testimonial .testWrap .verticalSlider h2 {
  display: block;
  text-align: left;
}

@media (min-width: 1024px) {
  .Testimonial .testWrap .verticalSlider h2 {
    padding-bottom: 1rem;
  }
}

.Testimonial .testWrap .verticalSlider .sliderButtons {
  display: none;
}

@media (min-width: 1024px) {
  .Testimonial .testWrap .verticalSlider .sliderButtons {
    padding-top: 4.25rem;
    width: 50px;
    display: flex;
    flex-direction: column;
    gap: 0rem;
  }
}

@media (min-width: 1352px) {
  .Testimonial .testWrap .verticalSlider .sliderButtons {
    padding-top: 4rem;
  }
}

@media (min-width: 1920px) {
  .Testimonial .testWrap .verticalSlider .sliderButtons {
    padding-top: 5rem;
  }
}

.Testimonial .testWrap .verticalSlider .sliderButtons .up, .Testimonial .testWrap .verticalSlider .sliderButtons .down {
  transition: opacity 0.2s;
  /* Set the transition for opacity */
}

.Testimonial .testWrap .verticalSlider .sliderButtons svg {
  width: 25px;
}

.Testimonial .testWrap .verticalSlider .verticalContent .slick-track {
  height: inherit !important;
}

.Testimonial .testWrap .verticalSlider .verticalContent .entry {
  margin: 10px 0;
  padding: 20px;
  border-radius: 15px;
  border: 3px solid #FFCD00;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
}

@media (min-width: 1352px) {
  .Testimonial .testWrap .verticalSlider .verticalContent .entry {
    justify-content: space-evenly;
    gap: 2rem;
  }
}

@media (min-width: 1920px) {
  .Testimonial .testWrap .verticalSlider .verticalContent .entry {
    padding: 25px;
    gap: 2.5rem;
  }
}

.Testimonial .testWrap .verticalSlider .verticalContent .entry img {
  width: 80px;
}

@media (min-width: 1920px) {
  .Testimonial .testWrap .verticalSlider .verticalContent .entry img {
    width: 120px;
  }
}

.Testimonial .testWrap .verticalSlider .verticalContent .entry h6 {
  text-align: left;
  color: #FFCD00;
  text-transform: uppercase;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.Testimonial .testWrap .verticalSlider .verticalContent .entry h4 {
  text-align: left;
  margin: 0;
  color: white;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

@media (min-width: 1352px) {
  .Testimonial .testWrap .verticalSlider .verticalContent .entry h4 {
    font-size: 1.6rem;
    line-height: 1.8rem;
  }
}

.Testimonial .testWrap .verticalSlider .verticalContent .entry h5 {
  text-align: left;
  margin: 0;
  color: white;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

@media (min-width: 1024px) {
  .Testimonial .testWrap .verticalSlider .verticalContent .entry .name {
    width: 25%;
  }
}

.Testimonial .testWrap .verticalSlider .verticalContent .entry .test {
  width: 50%;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: white;
  text-align: left;
}

@media (min-width: 1352px) {
  .Testimonial .testWrap .verticalSlider .verticalContent .entry .test {
    width: 60%;
  }
}

.Testimonial .gameSlider {
  width: 100%;
}

@media (min-width: 1024px) {
  .Testimonial .gameSlider {
    display: none;
  }
}

.Testimonial .gameSlider .gameContent {
  display: flex;
  margin-bottom: 20px;
}

.Testimonial .gameSlider .gameContent .entry {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 10px;
  padding: 20px;
  border-radius: 15px;
  border: 3px solid #FFCD00;
  gap: 1.5rem;
  height: 100%;
  flex: 1;
  box-sizing: border-box;
}

.Testimonial .gameSlider .gameContent .entry img {
  width: 100px;
}

.Testimonial .gameSlider .gameContent .entry h6 {
  text-align: center;
  color: #FFCD00;
  text-transform: uppercase;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.Testimonial .gameSlider .gameContent .entry h3 {
  text-align: center;
  margin: 0;
  color: white;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.Testimonial .gameSlider .gameContent .entry h5 {
  text-align: center;
  margin: 0;
  color: white;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.Testimonial .gameSlider .gameContent .entry .test {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  text-align: center;
  color: white;
}

.Testimonial .gameSlider .custom-dots-container {
  margin-left: 25px;
}

@media (min-width: 768px) {
  .Testimonial .gameSlider .custom-dots-container {
    margin-left: 50px;
  }
}

@media (min-width: 1024px) {
  .Testimonial .gameSlider .custom-dots-container {
    display: flex;
    margin-top: 20px;
  }
}

.Testimonial .gameSlider .custom-dots-container .slick-dots {
  position: static;
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}

.Testimonial .gameSlider .custom-dots-container .slick-dots li {
  margin-left: 0px;
  width: 15px;
  height: 15px;
}

.Testimonial .gameSlider .custom-dots-container .slick-dots li button {
  display: none;
}

.Testimonial .gameSlider .custom-dots-container .custom-dot-2 {
  display: block;
  width: 15px;
  height: 15px;
  background-color: #FFCD00;
  opacity: 0.2;
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 0.3s;
}

.Testimonial .gameSlider .custom-dots-container .slick-dots .slick-active .custom-dot-2 {
  background-color: #FFCD00;
  opacity: 1;
}

.Testimonial .gameSlider .slick-track {
  display: flex;
  align-items: stretch;
  height: 100% !important;
}

.Testimonial .gameSlider .slick-slide {
  display: flex !important;
  align-items: stretch;
  height: 100% !important;
}

.whiteSelctions {
  padding: 50px 0;
  background: white;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

@media (min-width: 768px) {
  .whiteSelctions {
    padding: 75px 0;
  }
}

@media (min-width: 1352px) {
  .whiteSelctions {
    gap: 3rem;
  }
}

@media (min-width: 1920px) {
  .whiteSelctions {
    gap: 3rem;
  }
}

.whiteSelctions .head {
  text-align: center;
  margin: 0;
  color: #1E3A5F;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-decoration-color: #FFCD00;
  text-underline-offset: 8px;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
}

.whiteSelctions .selectWrap {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

@media (min-width: 1024px) {
  .whiteSelctions .selectWrap {
    gap: 2rem;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
  }
}

@media (min-width: 1352px) {
  .whiteSelctions .selectWrap {
    gap: 3rem;
  }
}

.whiteSelctions .selectWrap a {
  width: 100%;
}

@media (min-width: 1024px) {
  .whiteSelctions .selectWrap a {
    width: calc(33% - 1rem);
  }
}

@media (min-width: 1352px) {
  .whiteSelctions .selectWrap a {
    width: calc(33% - 2rem);
  }
}

.whiteSelctions .selectWrap a:hover {
  text-decoration: none;
}

.whiteSelctions .selectWrap a .select {
  transition: all ease .3s;
  overflow: hidden;
  background: white;
}

@media (min-width: 768px) {
  .whiteSelctions .selectWrap a .select {
    padding: 10px;
  }
}

@media (min-width: 1024px) {
  .whiteSelctions .selectWrap a .select {
    padding: 5px;
  }
}

@media (min-width: 1352px) {
  .whiteSelctions .selectWrap a .select {
    padding: 5px;
  }
}

.whiteSelctions .selectWrap a .select .img {
  height: 175px;
}

@media (min-width: 768px) {
  .whiteSelctions .selectWrap a .select .img {
    height: 275px;
  }
}

@media (min-width: 1024px) {
  .whiteSelctions .selectWrap a .select .img {
    height: 200px;
  }
}

@media (min-width: 1352px) {
  .whiteSelctions .selectWrap a .select .img {
    height: 250px;
  }
}

.whiteSelctions .selectWrap a .select .img img {
  border-radius: 10px;
  width: 100%;
  height: 100%;
  max-height: 175px;
  object-fit: cover;
  object-position: center;
}

@media (min-width: 768px) {
  .whiteSelctions .selectWrap a .select .img img {
    max-height: 275px;
  }
}

@media (min-width: 1024px) {
  .whiteSelctions .selectWrap a .select .img img {
    height: 200px;
  }
}

@media (min-width: 1352px) {
  .whiteSelctions .selectWrap a .select .img img {
    height: 250px;
  }
}

.whiteSelctions .selectWrap a .select .text {
  padding: 20px 0 0px 0;
}

@media (min-width: 768px) {
  .whiteSelctions .selectWrap a .select .text {
    padding-top: 35px;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
}

.whiteSelctions .selectWrap a .select .text .info {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.whiteSelctions .selectWrap a .select .text .info h6 {
  text-transform: uppercase;
  color: #1E3A5F;
}

.whiteSelctions .selectWrap a .select .text .info .green {
  color: #0077B6;
}

.whiteSelctions .selectWrap a .select .text h4 {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #0A1628;
}

.whiteSelctions .YellowBtn {
  width: fit-content;
  margin: auto;
}

.lb-outerContainer {
  position: relative;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;
  /* Background color behind image.
       This is visible during transitions. */
  background-color: white;
}

@media (min-width: 1352px) {
  .lb-outerContainer {
    width: 70% !important;
  }
}

@media (min-width: 1352px) {
  .lb-image {
    height: auto !important;
    width: 100% !important;
  }
}

@keyframes irishpokeropen-live-dot-blink {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.35;
  }
}

.containers, .content-container {
  margin: 0 auto;
  padding: 0;
  width: calc(100% - 40px);
}

.slider-container {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  margin-left: 25px;
}

@media (min-width: 768px) {
  .containers, .content-container {
    margin: 0 auto;
    padding: 0;
    width: calc(100% - 100px);
  }
  .slider-container {
    margin-left: 50px;
  }
}

@media (min-width: 1024px) {
  .containers, .content-container {
    margin: 0 auto;
    padding: 0;
    width: calc(100% - 80px);
  }
  .slider-container {
    margin-left: 40px;
  }
}

@media (min-width: 1352px) {
  .containers {
    width: calc(100% - 120px);
  }
  .content-container {
    width: calc(100% - 250px);
  }
  .slider-container {
    margin-left: 60px;
  }
}

@media (min-width: 1920px) {
  .containers {
    width: calc(100% - 250px);
  }
  .content-container {
    width: calc(100% - 500px);
  }
  .slider-container {
    margin-left: 150px;
  }
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: 500;
  margin: 0;
}

button, a {
  font-size: 0.8rem;
  line-height: 1.2rem;
}

h1 {
  font-size: 1.8rem;
  line-height: 2.2rem;
  letter-spacing: 1px;
}

h2 {
  font-size: 1.6rem;
  line-height: 2rem;
}

h3 {
  font-size: 1.2rem;
  line-height: 1.6rem;
}

h4 {
  font-size: 1rem;
  line-height: 1.2rem;
}

h5 {
  font-size: 0.9rem;
  line-height: 1.3rem;
}

h6, button, a {
  font-size: 0.9rem;
  line-height: 1.3rem;
}

p, li {
  font-size: 0.8rem;
  line-height: 1.2rem;
}

@media (min-width: 768px) {
  h1 {
    font-size: 3.4rem;
    line-height: 3.8rem;
  }
  h2 {
    font-size: 2.8rem;
    line-height: 3.2rem;
  }
  h3 {
    font-size: 2.2rem;
    line-height: 2.6rem;
  }
  h4 {
    font-size: 1.6rem;
    line-height: 2rem;
  }
  h5 {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  h6, button, a {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
  p, li {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
}

@media (min-width: 1024px) {
  h1 {
    font-size: 3rem;
    line-height: 3.4rem;
  }
  h2 {
    font-size: 2.2rem;
    line-height: 2.6rem;
  }
  h3 {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
  h4 {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  h5 {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
  h6 {
    font-size: 1rem;
    line-height: 1.4rem;
  }
  p, li {
    font-size: 0.8rem;
    line-height: 1.2rem;
  }
}

@media (min-width: 1352px) {
  h1 {
    font-size: 3.6rem;
    line-height: 4rem;
  }
  h2 {
    font-size: 2.8rem;
    line-height: 3.2rem;
  }
  h3 {
    font-size: 2rem;
    line-height: 2.4rem;
  }
  h4 {
    font-size: 1.7rem;
    line-height: 2.1rem;
  }
  h5 {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  h6, button, a {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
  p, li {
    font-size: 1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1920px) {
  h1 {
    font-size: 4.8rem;
    line-height: 5.2rem;
  }
  h2 {
    font-size: 3.2rem;
    line-height: 3.6rem;
  }
  h3 {
    font-size: 2.2rem;
    line-height: 2.6rem;
  }
  h4 {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
  h5 {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  h6, button, a {
    font-size: 1.2rem;
    ine-height: 1.6rem;
  }
  p, li {
    font-size: 1rem;
    line-height: 1.4rem;
  }
}

.ReadMoreBtn {
  width: fit-content;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: #003366;
  border: 0;
  appearance: 0;
  outline: 0;
  background: none;
  text-transform: uppercase;
  transition: all .3s;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  font-size: 0.7rem;
}

.ReadMoreBtn svg {
  width: 20px;
  height: 20px;
  rotate: 180deg;
}

.ReadMoreBtn svg.active {
  rotate: 0deg;
}

@media (min-width: 768px) {
  .ReadMoreBtn {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .ReadMoreBtn {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.YellowBtn {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #0A1628;
  border: 0;
  appearance: 0;
  outline: 0;
  padding: 10px 15px;
  text-transform: uppercase;
  transition: all .3s;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  .YellowBtn {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .YellowBtn {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.YellowBtn:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #FFCD00;
  border-radius: 5px;
  z-index: -2;
  border: 2px solid #FFCD00;
}

.YellowBtn:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #003366;
  transition: all .3s;
  z-index: -1;
  border-radius: 5px;
}

.YellowBtn:hover {
  color: white;
  text-decoration: none;
}

.YellowBtn:hover:before {
  width: 100%;
  color: white;
}

@media (min-width: 1024px) {
  .YellowBtn {
    padding: 15px 20px;
  }
}

.YellowBorderBtn {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: white;
  border: 0;
  appearance: 0;
  outline: 0;
  padding: 10px 15px;
  text-transform: uppercase;
  transition: all .3s;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  .YellowBorderBtn {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .YellowBorderBtn {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.YellowBorderBtn:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #FFCD00;
  z-index: -2;
  border-radius: 5px;
}

.YellowBorderBtn:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #FFCD00;
  transition: all .3s;
  z-index: -1;
  border-radius: 5px;
}

.YellowBorderBtn:hover {
  color: #1E3A5F;
  text-decoration: none;
}

.YellowBorderBtn:hover:before {
  width: 100%;
}

@media (min-width: 1024px) {
  .YellowBorderBtn {
    padding: 15px 20px;
  }
}

.WhiteBtn {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #003366;
  border: 0;
  appearance: 0;
  outline: 0;
  padding: 10px 15px;
  text-transform: uppercase;
  transition: all .3s;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  .WhiteBtn {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .WhiteBtn {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.WhiteBtn:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  border-radius: 5px;
  z-index: -2;
  border: 2px solid white;
}

.WhiteBtn:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #003366;
  transition: all .3s;
  z-index: -1;
  border-radius: 5px;
}

.WhiteBtn:hover {
  color: white;
  text-decoration: none;
}

.WhiteBtn:hover:before {
  width: 100%;
  color: white;
}

@media (min-width: 1024px) {
  .WhiteBtn {
    padding: 15px 20px;
  }
}

.GreenBtn {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: white;
  border: 0;
  appearance: 0;
  outline: 0;
  padding: 10px 15px;
  text-transform: uppercase;
  transition: all .3s;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  .GreenBtn {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .GreenBtn {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.GreenBtn:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #003366;
  border-radius: 5px;
  z-index: -2;
  border: 2px solid #003366;
}

.GreenBtn:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #FFCD00;
  transition: all .3s;
  z-index: -1;
  border-radius: 5px;
}

.GreenBtn:hover {
  color: #1E3A5F;
  text-decoration: none;
}

.GreenBtn:hover:before {
  width: 100%;
  color: white;
}

@media (min-width: 1024px) {
  .GreenBtn {
    padding: 15px 20px;
  }
}

.WhiteBorderBtn {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #003366;
  border: 0;
  appearance: 0;
  outline: 0;
  padding: 10px 15px;
  text-transform: uppercase;
  transition: all .3s;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  .WhiteBorderBtn {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .WhiteBorderBtn {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.WhiteBorderBtn:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  border-radius: 5px;
  z-index: -2;
  border: 2px solid #FFCD00;
}

.WhiteBorderBtn:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #003366;
  transition: all .3s;
  z-index: -1;
  border-radius: 5px;
}

.WhiteBorderBtn:hover {
  color: white;
  text-decoration: none;
}

.WhiteBorderBtn:hover:before {
  width: 100%;
  color: white;
}

@media (min-width: 1024px) {
  .WhiteBorderBtn {
    padding: 15px 20px;
  }
}

.grad {
  background: #0A1628;
  background: -moz-linear-gradient(180deg, #0A1628 0%, #1E5AA8 100%);
  background: -webkit-linear-gradient(180deg, #0A1628 0%, #1E5AA8 100%);
  background: linear-gradient(180deg, #0A1628 0%, #1E5AA8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0A1628",endColorstr="#1E5AA8",GradientType=1);
}

/* Carts Style */
.cart-icon {
  display: inline-block;
  width: 25px;
  height: 15px;
  background-image: url("../img/all.png");
  vertical-align: middle;
}

.clubs-2 {
  background-position: 0 0;
}

.clubs-3 {
  background-position: -25px 0;
}

.clubs-4 {
  background-position: -50px 0;
}

.clubs-5 {
  background-position: -75px 0;
}

.clubs-6 {
  background-position: -100px 0;
}

.clubs-7 {
  background-position: -125px 0;
}

.clubs-8 {
  background-position: -150px 0;
}

.clubs-9 {
  background-position: -175px 0;
}

.clubs-10 {
  background-position: -200px 0;
}

.clubs-j {
  background-position: -225px 0;
}

.clubs-q {
  background-position: -250px 0;
}

.clubs-k {
  background-position: -275px 0;
}

.clubs-a {
  background-position: 25px 0;
}

.diamonds-2 {
  background-position: 0 -15px;
}

.diamonds-3 {
  background-position: -25px -15px;
}

.diamonds-4 {
  background-position: -50px -15px;
}

.diamonds-5 {
  background-position: -75px -15px;
}

.diamonds-6 {
  background-position: -100px -15px;
}

.diamonds-7 {
  background-position: -125px -15px;
}

.diamonds-8 {
  background-position: -150px -15px;
}

.diamonds-9 {
  background-position: -175px -15px;
}

.diamonds-10 {
  background-position: -200px -15px;
}

.diamonds-j {
  background-position: -225px -15px;
}

.diamonds-q {
  background-position: -250px -15px;
}

.diamonds-k {
  background-position: -275px -15px;
}

.diamonds-a {
  background-position: 25px -15px;
}

.hearts-2 {
  background-position: 0 -30px;
}

.hearts-3 {
  background-position: -25px -30px;
}

.hearts-4 {
  background-position: -50px -30px;
}

.hearts-5 {
  background-position: -75px -30px;
}

.hearts-6 {
  background-position: -100px -30px;
}

.hearts-7 {
  background-position: -125px -30px;
}

.hearts-8 {
  background-position: -150px -30px;
}

.hearts-9 {
  background-position: -175px -30px;
}

.hearts-10 {
  background-position: -200px -30px;
}

.hearts-j {
  background-position: -225px -30px;
}

.hearts-q {
  background-position: -250px -30px;
}

.hearts-k {
  background-position: -275px -30px;
}

.hearts-a {
  background-position: 25px -30px;
}

.spades-2 {
  background-position: 0 -45px;
}

.spades-3 {
  background-position: -25px -45px;
}

.spades-4 {
  background-position: -50px -45px;
}

.spades-5 {
  background-position: -75px -45px;
}

.spades-6 {
  background-position: -100px -45px;
}

.spades-7 {
  background-position: -125px -45px;
}

.spades-8 {
  background-position: -150px -45px;
}

.spades-9 {
  background-position: -175px -45px;
}

.spades-10 {
  background-position: -200px -45px;
}

.spades-j {
  background-position: -225px -45px;
}

.spades-q {
  background-position: -250px -45px;
}

.spades-k {
  background-position: -275px -45px;
}

.spades-a {
  background-position: 25px -45px;
}

.x-2 {
  background-position: 0 -60px;
}

.x-3 {
  background-position: -25px -60px;
}

.x-4 {
  background-position: -50px -60px;
}

.x-5 {
  background-position: -75px -60px;
}

.x-6 {
  background-position: -100px -60px;
}

.x-7 {
  background-position: -125px -60px;
}

.x-8 {
  background-position: -150px -60px;
}

.x-9 {
  background-position: -175px -60px;
}

.x-10 {
  background-position: -200px -60px;
}

.x-j {
  background-position: -225px -60px;
}

.x-q {
  background-position: -250px -60px;
}

.x-k {
  background-position: -275px -60px;
}

.x-a {
  background-position: 25px -60px;
}

.x-clubs {
  background-position: 0 -75px;
}

.x-diamonds {
  background-position: -25px -75px;
}

.x-hearts {
  background-position: -50px -75px;
}

.x-spades {
  background-position: -75px -75px;
}

.x-x {
  background-position: -100px -75px;
}

.aboutCTA {
  width: 100%;
  background: #0A1628;
  background: linear-gradient(180deg, #0A1628 0%, #1E5AA8 100%);
}

@media (min-width: 1024px) {
  .aboutCTA {
    height: 100%;
  }
}

.aboutCTA .Slider {
  padding: 110px 0px 0 0px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100%;
  flex: 1;
  flex-grow: 1;
}

@media (min-width: 768px) {
  .aboutCTA .Slider {
    padding: 150px 0px 0 0px;
  }
}

@media (min-width: 1024px) {
  .aboutCTA .Slider {
    gap: 2rem;
    flex-direction: row;
  }
}

.aboutCTA .Slider .text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  width: 100%;
  color: white;
  text-align: center;
}

@media (min-width: 768px) {
  .aboutCTA .Slider .text {
    gap: 2rem;
  }
}

@media (min-width: 1024px) {
  .aboutCTA .Slider .text {
    gap: 1.5rem;
    width: 60%;
    justify-content: center;
    align-items: flex-start;
    text-align: left;
  }
}

@media (min-width: 1352px) {
  .aboutCTA .Slider .text {
    gap: 2rem;
  }
}

.aboutCTA .Slider .text h1 {
  margin: 0;
  text-transform: uppercase;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}

.aboutCTA .Slider .text h3 {
  color: #FFCD00;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.4rem;
}

@media (min-width: 768px) {
  .aboutCTA .Slider .text h3 {
    font-size: 1.6rem;
    line-height: 2rem;
  }
}

@media (min-width: 1024px) {
  .aboutCTA .Slider .text h3 {
    width: 80%;
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
}

@media (min-width: 1920px) {
  .aboutCTA .Slider .text h3 {
    width: 80%;
    font-size: 2rem;
    line-height: 2.4rem;
  }
}

.aboutCTA .Slider .text h3 b {
  color: #FFCD00;
  text-decoration: underline;
  text-underline-offset: 5px;
}

@media (min-width: 1024px) {
  .aboutCTA .Slider .text h3 b {
    text-underline-offset: 6px;
  }
}

.aboutCTA .Slider .image {
  width: 100%;
}

@media (min-width: 768px) {
  .aboutCTA .Slider .image {
    width: 75%;
    margin: 0 auto;
  }
}

@media (min-width: 1024px) {
  .aboutCTA .Slider .image {
    display: flex;
    align-items: flex-end;
    height: auto;
    width: 40%;
    margin: 0;
  }
}

.aboutCTA .Slider .image img {
  width: 100%;
}

@media (min-width: 1024px) {
  .aboutCTA .Slider .image img {
    margin: 0 auto;
    max-width: 550px;
    max-height: 550px;
  }
}

@media (min-width: 1920px) {
  .aboutCTA .Slider .image img {
    margin: 0 auto;
    max-width: 700px;
    max-height: 700px;
  }
}

.aboutCTA .custom-dots-containers {
  position: absolute;
  bottom: 5%;
  left: 50%;
  transform: translateX(-50%);
}

@media (min-width: 1024px) {
  .aboutCTA .custom-dots-containers {
    display: flex;
  }
}

.aboutCTA .custom-dots-containers .slick-dots {
  position: static;
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}

.aboutCTA .custom-dots-containers .slick-dots li {
  margin-left: 0px;
  width: 15px;
  height: 15px;
}

.aboutCTA .custom-dots-containers .slick-dots li button {
  display: none;
}

.aboutCTA .custom-dots-containers .custom-dot-1 {
  display: block;
  width: 15px;
  height: 15px;
  background-color: #FFCD00;
  opacity: 0.2;
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 0.3s;
}

.aboutCTA .custom-dots-containers .slick-dots .slick-active .custom-dot-1 {
  background-color: #FFCD00;
  opacity: 1;
}

.aboutCTA .slick-initialized .slick-slide {
  display: flex;
}

@media (min-width: 1920px) {
  .aboutCTA .slick-initialized .slick-slide {
    gap: 5rem;
  }
}

.aboutCTA .slick-dotted.slick-slider {
  margin-bottom: 0 !important;
}

.SharePopUpAbout, .SharePopUpAbouts {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  transition: all ease 0.3s;
  background: rgba(0, 0, 0, 0.5);
  width: 100vw;
  height: 100vh;
  z-index: 99999;
  align-items: center;
  justify-content: center;
}

.SharePopUpAbout .PopUp, .SharePopUpAbout .PopUps, .SharePopUpAbouts .PopUp, .SharePopUpAbouts .PopUps {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 1rem;
  background: white;
  border-radius: 10px;
  padding: 25px;
}

@media (min-width: 1024px) {
  .SharePopUpAbout .PopUp, .SharePopUpAbout .PopUps, .SharePopUpAbouts .PopUp, .SharePopUpAbouts .PopUps {
    padding: 35px;
  }
}

.SharePopUpAbout .PopUp .icons, .SharePopUpAbout .PopUp .iconss, .SharePopUpAbout .PopUps .icons, .SharePopUpAbout .PopUps .iconss, .SharePopUpAbouts .PopUp .icons, .SharePopUpAbouts .PopUp .iconss, .SharePopUpAbouts .PopUps .icons, .SharePopUpAbouts .PopUps .iconss {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

@media (min-width: 1024px) {
  .SharePopUpAbout .PopUp .icons, .SharePopUpAbout .PopUp .iconss, .SharePopUpAbout .PopUps .icons, .SharePopUpAbout .PopUps .iconss, .SharePopUpAbouts .PopUp .icons, .SharePopUpAbouts .PopUp .iconss, .SharePopUpAbouts .PopUps .icons, .SharePopUpAbouts .PopUps .iconss {
    gap: 1rem;
  }
}

.SharePopUpAbout .PopUp .icons svg, .SharePopUpAbout .PopUp .iconss svg, .SharePopUpAbout .PopUps .icons svg, .SharePopUpAbout .PopUps .iconss svg, .SharePopUpAbouts .PopUp .icons svg, .SharePopUpAbouts .PopUp .iconss svg, .SharePopUpAbouts .PopUps .icons svg, .SharePopUpAbouts .PopUps .iconss svg {
  width: 25px;
  height: 25px;
}

@media (min-width: 1024px) {
  .SharePopUpAbout .PopUp .icons svg, .SharePopUpAbout .PopUp .iconss svg, .SharePopUpAbout .PopUps .icons svg, .SharePopUpAbout .PopUps .iconss svg, .SharePopUpAbouts .PopUp .icons svg, .SharePopUpAbouts .PopUp .iconss svg, .SharePopUpAbouts .PopUps .icons svg, .SharePopUpAbouts .PopUps .iconss svg {
    width: 35px;
    height: 35px;
  }
}

.SharePopUpAbout .PopUp .icons .fb, .SharePopUpAbout .PopUp .iconss .fb, .SharePopUpAbout .PopUps .icons .fb, .SharePopUpAbout .PopUps .iconss .fb, .SharePopUpAbouts .PopUp .icons .fb, .SharePopUpAbouts .PopUp .iconss .fb, .SharePopUpAbouts .PopUps .icons .fb, .SharePopUpAbouts .PopUps .iconss .fb {
  width: 22px;
  height: 22px;
}

@media (min-width: 1024px) {
  .SharePopUpAbout .PopUp .icons .fb, .SharePopUpAbout .PopUp .iconss .fb, .SharePopUpAbout .PopUps .icons .fb, .SharePopUpAbout .PopUps .iconss .fb, .SharePopUpAbouts .PopUp .icons .fb, .SharePopUpAbouts .PopUp .iconss .fb, .SharePopUpAbouts .PopUps .icons .fb, .SharePopUpAbouts .PopUps .iconss .fb {
    width: 30px;
    height: 30px;
  }
}

.SharePopUpAbout .PopUp h3, .SharePopUpAbout .PopUps h3, .SharePopUpAbouts .PopUp h3, .SharePopUpAbouts .PopUps h3 {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #1E3A5F;
}

.SharePopUpAbout .PopUp .back, .SharePopUpAbout .PopUps .back, .SharePopUpAbouts .PopUp .back, .SharePopUpAbouts .PopUps .back {
  position: absolute;
  top: 0;
  right: 0;
  margin: 10px;
  width: 15px;
  height: 15px;
}

.SharePopUpAbout .PopUp .heateor_sss_sharing_ul, .SharePopUpAbout .PopUps .heateor_sss_sharing_ul, .SharePopUpAbouts .PopUp .heateor_sss_sharing_ul, .SharePopUpAbouts .PopUps .heateor_sss_sharing_ul {
  display: flex;
  gap: 0.5rem;
  margin: 0 auto;
}

.SharePopUpAbout.show,
.SharePopUpAbouts.show {
  display: flex;
  /* Set to flex when shown */
  opacity: 1;
  /* Fully opaque after fade-in */
}

.aboutContent {
  overflow: hidden;
  position: relative;
  z-index: 2;
  background: #0A1628;
  background: linear-gradient(180deg, #0A1628 0%, #1E5AA8 100%);
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding: 3rem 0;
}

@media (min-width: 1352px) {
  .aboutContent {
    gap: 5rem;
    padding: 5rem 0;
  }
}

.aboutContent .selectorsAbout {
  overflow: scroll;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin: 0 0 0 20px;
  padding: 0 20px 0 0;
}

@media (min-width: 768px) {
  .aboutContent .selectorsAbout {
    margin: 0 0 0 50px;
    padding: 0 50px 0 0;
    gap: 3rem;
  }
}

@media (min-width: 1024px) {
  .aboutContent .selectorsAbout {
    margin: 0 0 0 40px;
    padding: 0 40px 0 0;
  }
}

@media (min-width: 1352px) {
  .aboutContent .selectorsAbout {
    margin: 0 0 0 60px;
    padding: 0 60px 0 0;
  }
}

@media (min-width: 1920px) {
  .aboutContent .selectorsAbout {
    margin: 0 0 0 125px;
    padding: 0 125px 0 0;
  }
}

.aboutContent .selectorsAbout::-webkit-scrollbar {
  display: none;
}

.aboutContent .selectorsAbout::-webkit-scrollbar-track {
  display: none;
}

.aboutContent .selectorsAbout::-webkit-scrollbar-thumb {
  display: none;
}

.aboutContent .selectorsAbout a {
  cursor: pointer;
  opacity: 0.5;
  margin: 0;
  color: white;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  transition: 0.5s all ease;
  padding-bottom: 10px;
  white-space: nowrap;
}

.aboutContent .selectorsAbout a.is-active {
  opacity: 1;
  margin: 0;
  color: white;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-decoration-color: #FFCD00;
  text-underline-offset: 10px;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
}

.aboutContent .GallerySelctions,
.aboutContent .AboutGallery .GallerySelctions {
  position: relative;
  z-index: 2;
}

.aboutContent .GallerySelctions .selectWrap,
.aboutContent .AboutGallery .GallerySelctions .selectWrap {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

@media (min-width: 768px) {
  .aboutContent .GallerySelctions .selectWrap,
  .aboutContent .AboutGallery .GallerySelctions .selectWrap {
    gap: 2rem;
    flex-wrap: wrap;
    flex-direction: row;
  }
}

@media (min-width: 1024px) {
  .aboutContent .GallerySelctions .selectWrap,
  .aboutContent .AboutGallery .GallerySelctions .selectWrap {
    gap: 2rem;
    flex-direction: row;
  }
}

@media (min-width: 1352px) {
  .aboutContent .GallerySelctions .selectWrap,
  .aboutContent .AboutGallery .GallerySelctions .selectWrap {
    gap: 3rem;
  }
}

.aboutContent .GallerySelctions .selectWrap .GalleryIntro,
.aboutContent .AboutGallery .GallerySelctions .selectWrap .GalleryIntro {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

@media (min-width: 1352px) {
  .aboutContent .GallerySelctions .selectWrap .GalleryIntro,
  .aboutContent .AboutGallery .GallerySelctions .selectWrap .GalleryIntro {
    gap: 2rem;
    width: 90%;
  }
}

@media (min-width: 1920px) {
  .aboutContent .GallerySelctions .selectWrap .GalleryIntro,
  .aboutContent .AboutGallery .GallerySelctions .selectWrap .GalleryIntro {
    gap: 3rem;
  }
}

.aboutContent .GallerySelctions .selectWrap .GalleryIntro img,
.aboutContent .AboutGallery .GallerySelctions .selectWrap .GalleryIntro img {
  width: 100%;
  border-radius: 10px;
}

.aboutContent .GallerySelctions .selectWrap .GalleryIntro h2,
.aboutContent .AboutGallery .GallerySelctions .selectWrap .GalleryIntro h2 {
  margin: 0;
  color: white;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.aboutContent .GallerySelctions .selectWrap .GalleryIntro h4,
.aboutContent .AboutGallery .GallerySelctions .selectWrap .GalleryIntro h4 {
  margin: 0;
  color: #FFCD00;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.aboutContent .GallerySelctions .selectWrap a,
.aboutContent .AboutGallery .GallerySelctions .selectWrap a {
  width: 100%;
}

@media (min-width: 1024px) {
  .aboutContent .GallerySelctions .selectWrap a,
  .aboutContent .AboutGallery .GallerySelctions .selectWrap a {
    width: calc(33.3% - 1.5rem);
  }
}

@media (min-width: 1352px) {
  .aboutContent .GallerySelctions .selectWrap a,
  .aboutContent .AboutGallery .GallerySelctions .selectWrap a {
    width: calc(33.3% - 2rem);
  }
}

.aboutContent .GallerySelctions .selectWrap a:hover,
.aboutContent .AboutGallery .GallerySelctions .selectWrap a:hover {
  text-decoration: none;
}

@media (min-width: 1024px) {
  .aboutContent .GallerySelctions .selectWrap a:hover,
  .aboutContent .AboutGallery .GallerySelctions .selectWrap a:hover {
    text-decoration: none;
  }
  .aboutContent .GallerySelctions .selectWrap a:hover .select,
  .aboutContent .AboutGallery .GallerySelctions .selectWrap a:hover .select {
    border: 5px solid #FFCD00;
  }
}

.aboutContent .GallerySelctions .selectWrap .select,
.aboutContent .AboutGallery .GallerySelctions .selectWrap .select {
  border: 5px solid white;
  transition: all ease .3s;
  overflow: hidden;
  background: white;
  border-radius: 15px;
  padding: 5px;
  min-height: 100%;
}

@media (min-width: 768px) {
  .aboutContent .GallerySelctions .selectWrap .select,
  .aboutContent .AboutGallery .GallerySelctions .selectWrap .select {
    padding: 10px;
  }
}

@media (min-width: 1024px) {
  .aboutContent .GallerySelctions .selectWrap .select,
  .aboutContent .AboutGallery .GallerySelctions .selectWrap .select {
    padding: 5px;
  }
}

@media (min-width: 1352px) {
  .aboutContent .GallerySelctions .selectWrap .select,
  .aboutContent .AboutGallery .GallerySelctions .selectWrap .select {
    padding: 5px;
  }
}

.aboutContent .GallerySelctions .selectWrap .select .img,
.aboutContent .AboutGallery .GallerySelctions .selectWrap .select .img {
  height: 200px;
}

@media (min-width: 1024px) {
  .aboutContent .GallerySelctions .selectWrap .select .img,
  .aboutContent .AboutGallery .GallerySelctions .selectWrap .select .img {
    height: 150px;
  }
}

@media (min-width: 1352px) {
  .aboutContent .GallerySelctions .selectWrap .select .img,
  .aboutContent .AboutGallery .GallerySelctions .selectWrap .select .img {
    height: 200px;
  }
}

@media (min-width: 1920px) {
  .aboutContent .GallerySelctions .selectWrap .select .img,
  .aboutContent .AboutGallery .GallerySelctions .selectWrap .select .img {
    height: 250px;
  }
}

.aboutContent .GallerySelctions .selectWrap .select .img img,
.aboutContent .AboutGallery .GallerySelctions .selectWrap .select .img img {
  border-radius: 10px;
  width: 100%;
  height: 100%;
  max-height: 200px;
  object-fit: cover;
  object-position: center;
}

@media (min-width: 768px) {
  .aboutContent .GallerySelctions .selectWrap .select .img img,
  .aboutContent .AboutGallery .GallerySelctions .selectWrap .select .img img {
    max-height: 200px;
  }
  .aboutContent .GallerySelctions .selectWrap .select .img img:nth-child(1),
  .aboutContent .AboutGallery .GallerySelctions .selectWrap .select .img img:nth-child(1) {
    max-height: 300px;
  }
}

@media (min-width: 1024px) {
  .aboutContent .GallerySelctions .selectWrap .select .img img,
  .aboutContent .AboutGallery .GallerySelctions .selectWrap .select .img img {
    max-height: 150px;
  }
}

@media (min-width: 1352px) {
  .aboutContent .GallerySelctions .selectWrap .select .img img,
  .aboutContent .AboutGallery .GallerySelctions .selectWrap .select .img img {
    max-height: 250px;
  }
}

.aboutContent .GallerySelctions .selectWrap .select .text,
.aboutContent .AboutGallery .GallerySelctions .selectWrap .select .text {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 15px 10px 10px 10px;
}

@media (min-width: 768px) {
  .aboutContent .GallerySelctions .selectWrap .select .text,
  .aboutContent .AboutGallery .GallerySelctions .selectWrap .select .text {
    padding: 25px 10px 20px 10px;
  }
}

@media (min-width: 1024px) {
  .aboutContent .GallerySelctions .selectWrap .select .text,
  .aboutContent .AboutGallery .GallerySelctions .selectWrap .select .text {
    padding: 25px 10px 10px 10px;
  }
}

.aboutContent .GallerySelctions .selectWrap .select .text h6,
.aboutContent .AboutGallery .GallerySelctions .selectWrap .select .text h6 {
  text-transform: uppercase;
  color: #003366;
}

.aboutContent .GallerySelctions .selectWrap .select .text h4,
.aboutContent .AboutGallery .GallerySelctions .selectWrap .select .text h4 {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #0A1628;
}

.aboutContent .About {
  position: relative;
  z-index: 2;
}

.aboutContent .About .postWidths {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

@media (min-width: 768px) {
  .aboutContent .About .postWidths {
    gap: 3rem;
  }
}

@media (min-width: 1024px) {
  .aboutContent .About .postWidths {
    gap: 4rem;
  }
}

@media (min-width: 1920px) {
  .aboutContent .About .postWidths {
    gap: 5rem;
  }
}

.aboutContent .About .postWidths .aboutIntro {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

@media (min-width: 1352px) {
  .aboutContent .About .postWidths .aboutIntro {
    gap: 2rem;
    width: 90%;
  }
}

@media (min-width: 1920px) {
  .aboutContent .About .postWidths .aboutIntro {
    gap: 3rem;
  }
}

.aboutContent .About .postWidths .aboutIntro img {
  width: 100%;
  border-radius: 10px;
}

.aboutContent .About .postWidths .aboutIntro h2 {
  margin: 0;
  color: white;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.aboutContent .About .postWidths .aboutIntro h4 {
  margin: 0;
  color: #FFCD00;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

@media (min-width: 1024px) {
  .aboutContent .About .postWidths .aboutWrap {
    display: grid;
    grid-template-columns: 10fr 4fr;
    gap: 1rem;
  }
}

@media (min-width: 1920px) {
  .aboutContent .About .postWidths .aboutWrap {
    gap: 2rem;
  }
}

.aboutContent .About .postWidths .aboutWrap .para {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  height: fit-content;
  background: white;
  border-radius: 15px;
  padding: 25px 20px;
}

@media (min-width: 768px) {
  .aboutContent .About .postWidths .aboutWrap .para {
    padding: 35px;
  }
}

@media (min-width: 1024px) {
  .aboutContent .About .postWidths .aboutWrap .para {
    gap: 2rem;
    padding: 35px;
  }
}

@media (min-width: 1352px) {
  .aboutContent .About .postWidths .aboutWrap .para {
    padding: 50px 100px 50px 50px;
  }
}

.aboutContent .About .postWidths .aboutWrap .para .green {
  color: #003366;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

@media (min-width: 1024px) {
  .aboutContent .About .postWidths .aboutWrap .para .green {
    font-size: 1.4rem;
    line-height: 1.6rem;
  }
}

@media (min-width: 1352px) {
  .aboutContent .About .postWidths .aboutWrap .para .green {
    font-size: 1.6rem;
    line-height: 1.8rem;
  }
}

@media (min-width: 1920px) {
  .aboutContent .About .postWidths .aboutWrap .para .green {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
}

.aboutContent .About .postWidths .aboutWrap .para p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 350;
  font-style: normal;
  color: #45474b;
}

.aboutContent .About .postWidths .aboutWrap .para p b {
  color: #0A1628;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.aboutContent .About .postWidths .aboutWrap .para img {
  width: 100%;
  border-radius: 10px;
}

.aboutContent .About .postWidths .aboutWrap .para h1, .aboutContent .About .postWidths .aboutWrap .para h2, .aboutContent .About .postWidths .aboutWrap .para h3, .aboutContent .About .postWidths .aboutWrap .para h4, .aboutContent .About .postWidths .aboutWrap .para h5, .aboutContent .About .postWidths .aboutWrap .para h6 {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  margin: 0;
  color: #003366;
}

@media (min-width: 1024px) {
  .aboutContent .About .postWidths .aboutWrap .selectWrap {
    gap: 1rem;
    display: flex;
    flex-direction: column;
    width: 100%;
  }
}

@media (min-width: 1920px) {
  .aboutContent .About .postWidths .aboutWrap .selectWrap {
    gap: 2rem;
  }
}

.aboutContent .About .postWidths .aboutWrap .selectWrap a {
  width: 100%;
}

.aboutContent .About .postWidths .aboutWrap .selectWrap a:hover {
  text-decoration: none;
}

@media (min-width: 1024px) {
  .aboutContent .About .postWidths .aboutWrap .selectWrap a:hover {
    text-decoration: none;
  }
  .aboutContent .About .postWidths .aboutWrap .selectWrap a:hover .select {
    border: 5px solid #FFCD00;
  }
}

.aboutContent .About .postWidths .aboutWrap .selectWrap .select {
  display: none;
}

@media (min-width: 1024px) {
  .aboutContent .About .postWidths .aboutWrap .selectWrap .select {
    display: block;
    border: 5px solid white;
    transition: all ease 0.3s;
    background: white;
    border-radius: 15px;
    padding: 5px;
  }
}

@media (min-width: 1024px) {
  .aboutContent .About .postWidths .aboutWrap .selectWrap .select .img {
    height: 100px;
  }
}

@media (min-width: 1352px) {
  .aboutContent .About .postWidths .aboutWrap .selectWrap .select .img {
    height: 150px;
  }
}

.aboutContent .About .postWidths .aboutWrap .selectWrap .select .img img {
  border-radius: 10px;
}

@media (min-width: 1024px) {
  .aboutContent .About .postWidths .aboutWrap .selectWrap .select .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    max-height: 100px;
  }
}

@media (min-width: 1352px) {
  .aboutContent .About .postWidths .aboutWrap .selectWrap .select .img img {
    max-height: 150px;
  }
}

@media (min-width: 1024px) {
  .aboutContent .About .postWidths .aboutWrap .selectWrap .select .text {
    padding: 25px 10px 10px 10px;
  }
}

.aboutContent .About .postWidths .aboutWrap .selectWrap .select .text h6 {
  text-transform: uppercase;
  color: #003366;
}

.aboutContent .About .postWidths .aboutWrap .selectWrap .select .text h5 {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #0A1628;
}

.aboutContent .Entertainment {
  position: relative;
  z-index: 2;
}

.aboutContent .Entertainment .postWidths {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

@media (min-width: 768px) {
  .aboutContent .Entertainment .postWidths {
    gap: 3rem;
  }
}

@media (min-width: 1024px) {
  .aboutContent .Entertainment .postWidths {
    gap: 4rem;
  }
}

@media (min-width: 1920px) {
  .aboutContent .Entertainment .postWidths {
    gap: 5rem;
  }
}

.aboutContent .Entertainment .postWidths .enterIntro {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

@media (min-width: 1352px) {
  .aboutContent .Entertainment .postWidths .enterIntro {
    gap: 2rem;
    width: 90%;
  }
}

@media (min-width: 1920px) {
  .aboutContent .Entertainment .postWidths .enterIntro {
    gap: 3rem;
  }
}

.aboutContent .Entertainment .postWidths .enterIntro img {
  width: 100%;
  border-radius: 10px;
}

.aboutContent .Entertainment .postWidths .enterIntro h2 {
  margin: 0;
  color: white;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.aboutContent .Entertainment .postWidths .enterIntro h4 {
  margin: 0;
  color: #FFCD00;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

@media (min-width: 1024px) {
  .aboutContent .Entertainment .postWidths .enterWrap {
    display: grid;
    grid-template-columns: 10fr 4fr;
    gap: 1rem;
  }
}

@media (min-width: 1920px) {
  .aboutContent .Entertainment .postWidths .enterWrap {
    gap: 2rem;
  }
}

.aboutContent .Entertainment .postWidths .enterWrap .para {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  height: fit-content;
  background: white;
  border-radius: 15px;
  padding: 25px 20px;
}

@media (min-width: 768px) {
  .aboutContent .Entertainment .postWidths .enterWrap .para {
    padding: 35px;
  }
}

@media (min-width: 1024px) {
  .aboutContent .Entertainment .postWidths .enterWrap .para {
    gap: 2rem;
    padding: 35px;
  }
}

@media (min-width: 1352px) {
  .aboutContent .Entertainment .postWidths .enterWrap .para {
    padding: 50px 100px 50px 50px;
  }
}

.aboutContent .Entertainment .postWidths .enterWrap .para p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 350;
  font-style: normal;
  color: #45474b;
}

.aboutContent .Entertainment .postWidths .enterWrap .para p b {
  color: #003366;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

@media (min-width: 1024px) {
  .aboutContent .Entertainment .postWidths .enterWrap .para p b {
    font-size: 1.4rem;
    line-height: 1.6rem;
  }
}

@media (min-width: 1352px) {
  .aboutContent .Entertainment .postWidths .enterWrap .para p b {
    font-size: 1.6rem;
    line-height: 1.8rem;
  }
}

@media (min-width: 1920px) {
  .aboutContent .Entertainment .postWidths .enterWrap .para p b {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
}

.aboutContent .Entertainment .postWidths .enterWrap .para img {
  width: 100%;
  border-radius: 10px;
}

.aboutContent .Entertainment .postWidths .enterWrap .para h4 {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  margin: 0;
  color: #003366;
}

@media (min-width: 1024px) {
  .aboutContent .Entertainment .postWidths .enterWrap .selectWrap {
    gap: 1rem;
    display: flex;
    flex-direction: column;
    width: 100%;
  }
}

@media (min-width: 1920px) {
  .aboutContent .Entertainment .postWidths .enterWrap .selectWrap {
    gap: 2rem;
  }
}

.aboutContent .Entertainment .postWidths .enterWrap .selectWrap a {
  width: 100%;
}

.aboutContent .Entertainment .postWidths .enterWrap .selectWrap a:hover {
  text-decoration: none;
}

@media (min-width: 1024px) {
  .aboutContent .Entertainment .postWidths .enterWrap .selectWrap a:hover {
    text-decoration: none;
  }
  .aboutContent .Entertainment .postWidths .enterWrap .selectWrap a:hover .select {
    border: 5px solid #FFCD00;
  }
}

.aboutContent .Entertainment .postWidths .enterWrap .selectWrap .select {
  display: none;
}

@media (min-width: 1024px) {
  .aboutContent .Entertainment .postWidths .enterWrap .selectWrap .select {
    display: block;
    border: 5px solid white;
    transition: all ease 0.3s;
    background: white;
    border-radius: 15px;
    padding: 5px;
  }
}

@media (min-width: 1024px) {
  .aboutContent .Entertainment .postWidths .enterWrap .selectWrap .select .img {
    height: 100px;
  }
}

@media (min-width: 1352px) {
  .aboutContent .Entertainment .postWidths .enterWrap .selectWrap .select .img {
    height: 150px;
  }
}

.aboutContent .Entertainment .postWidths .enterWrap .selectWrap .select .img img {
  border-radius: 10px;
}

@media (min-width: 1024px) {
  .aboutContent .Entertainment .postWidths .enterWrap .selectWrap .select .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    max-height: 100px;
  }
}

@media (min-width: 1352px) {
  .aboutContent .Entertainment .postWidths .enterWrap .selectWrap .select .img img {
    max-height: 150px;
  }
}

@media (min-width: 1024px) {
  .aboutContent .Entertainment .postWidths .enterWrap .selectWrap .select .text {
    padding: 25px 10px 10px 10px;
  }
}

.aboutContent .Entertainment .postWidths .enterWrap .selectWrap .select .text h6 {
  text-transform: uppercase;
  color: #003366;
}

.aboutContent .Entertainment .postWidths .enterWrap .selectWrap .select .text h5 {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #0A1628;
}

.aboutContent .History {
  position: relative;
  z-index: 2;
}

.aboutContent .History .postWidths {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

@media (min-width: 768px) {
  .aboutContent .History .postWidths {
    gap: 3rem;
  }
}

@media (min-width: 1024px) {
  .aboutContent .History .postWidths {
    gap: 4rem;
  }
}

@media (min-width: 1920px) {
  .aboutContent .History .postWidths {
    gap: 5rem;
  }
}

.aboutContent .History .postWidths .historyIntro {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

@media (min-width: 1352px) {
  .aboutContent .History .postWidths .historyIntro {
    gap: 2rem;
    width: 90%;
  }
}

@media (min-width: 1920px) {
  .aboutContent .History .postWidths .historyIntro {
    gap: 3rem;
  }
}

.aboutContent .History .postWidths .historyIntro img {
  width: 100%;
  border-radius: 10px;
}

.aboutContent .History .postWidths .historyIntro h2 {
  margin: 0;
  color: white;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.aboutContent .History .postWidths .historyIntro h4 {
  margin: 0;
  color: #FFCD00;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.aboutContent .History .postWidths .historyWrap {
  height: fit-content;
  border-radius: 15px;
  padding: 25px 20px;
  background: white;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
}

@media (min-width: 768px) {
  .aboutContent .History .postWidths .historyWrap {
    gap: 2.5rem;
    padding: 35px;
  }
}

@media (min-width: 1024px) {
  .aboutContent .History .postWidths .historyWrap {
    flex-direction: row;
    gap: 1rem;
    padding: 50px 35px 35px 35px;
  }
}

@media (min-width: 1352px) {
  .aboutContent .History .postWidths .historyWrap {
    padding: 75px 50px 50px 50px;
  }
}

@media (min-width: 1920px) {
  .aboutContent .History .postWidths .historyWrap {
    gap: 2rem;
  }
}

.aboutContent .History .postWidths .historyWrap .anchors {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (min-width: 768px) {
  .aboutContent .History .postWidths .historyWrap .anchors {
    justify-content: flex-start;
    gap: 3rem;
  }
}

@media (min-width: 1024px) {
  .aboutContent .History .postWidths .historyWrap .anchors {
    position: sticky;
    top: 150px;
    align-self: flex-start;
    width: 20%;
    /* Adjust width as needed */
    gap: 1.5rem;
    flex-direction: column;
    align-items: flex-start;
  }
}

.aboutContent .History .postWidths .historyWrap .anchors a {
  cursor: pointer;
  transition: 0.3s all ease;
  text-transform: uppercase;
  color: #003366;
  margin: 0;
}

.aboutContent .History .postWidths .historyWrap .anchors a:hover {
  text-decoration: none;
  color: #FFCD00;
}

.aboutContent .History .postWidths .historyWrap .anchors a.active {
  color: #FFCD00;
}

.aboutContent .History .postWidths .historyWrap .para {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

@media (min-width: 768px) {
  .aboutContent .History .postWidths .historyWrap .para {
    gap: 2rem;
  }
}

@media (min-width: 1024px) {
  .aboutContent .History .postWidths .historyWrap .para {
    width: 80%;
  }
}

.aboutContent .History .postWidths .historyWrap .para .green {
  color: #003366;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

@media (min-width: 1024px) {
  .aboutContent .History .postWidths .historyWrap .para .green {
    font-size: 1.4rem;
    line-height: 1.6rem;
  }
}

@media (min-width: 1352px) {
  .aboutContent .History .postWidths .historyWrap .para .green {
    font-size: 1.6rem;
    line-height: 1.8rem;
  }
}

@media (min-width: 1920px) {
  .aboutContent .History .postWidths .historyWrap .para .green {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
}

.aboutContent .History .postWidths .historyWrap .para p {
  padding-bottom: 10px;
  margin: 0;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 350;
  font-style: normal;
  color: #45474b;
}

@media (min-width: 1024px) {
  .aboutContent .History .postWidths .historyWrap .para p {
    padding-bottom: 20px;
  }
}

.aboutContent .History .postWidths .historyWrap .para p b {
  color: #0A1628;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.aboutContent .History .postWidths .historyWrap .para h4:last-of-type {
  padding-bottom: 0;
}

.aboutContent .History .postWidths .historyWrap .para img {
  width: 100%;
  border-radius: 10px;
}

.aboutContent .History .postWidths .historyWrap .para h4 {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #1E3A5F;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-decoration-color: #FFCD00;
  text-underline-offset: 10px;
}

.aboutContent .Champions {
  position: relative;
  z-index: 2;
}

.aboutContent .Champions .postWidths {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

@media (min-width: 768px) {
  .aboutContent .Champions .postWidths {
    gap: 3rem;
  }
}

.aboutContent .Champions .postWidths .day {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  transition: all ease .3s;
  overflow: hidden;
}

@media (min-width: 1024px) {
  .aboutContent .Champions .postWidths .day {
    margin: 0 auto;
    padding: 0;
    width: calc(100% - 80px);
    gap: 2rem;
  }
}

@media (min-width: 1352px) {
  .aboutContent .Champions .postWidths .day {
    width: calc(100% - 250px);
  }
}

@media (min-width: 1920px) {
  .aboutContent .Champions .postWidths .day {
    width: calc(100% - 500px);
  }
}

.aboutContent .Champions .postWidths .day h6 {
  color: #FFCD00;
  text-transform: uppercase;
  width: calc(100% - 40px);
  margin: auto;
}

@media (min-width: 768px) {
  .aboutContent .Champions .postWidths .day h6 {
    width: calc(100% - 100px);
  }
}

@media (min-width: 1024px) {
  .aboutContent .Champions .postWidths .day h6 {
    width: 100%;
  }
}

.aboutContent .Champions .postWidths .day .table {
  margin: 0;
  overflow-y: scroll;
}

@media (min-width: 1024px) {
  .aboutContent .Champions .postWidths .day .table {
    background: white;
    border-radius: 10px;
    overflow-y: auto;
  }
}

.aboutContent .Champions .postWidths .day .table table {
  margin: 0;
  width: 650px;
}

@media (min-width: 768px) {
  .aboutContent .Champions .postWidths .day .table table {
    width: 1000px;
  }
}

@media (min-width: 1024px) {
  .aboutContent .Champions .postWidths .day .table table {
    width: 100%;
  }
}

.aboutContent .Champions .postWidths .day .table table thead {
  background: white;
}

.aboutContent .Champions .postWidths .day .table table thead th {
  padding: 0.75rem 0.5rem;
  text-transform: uppercase;
  color: #0077B6;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  vertical-align: middle;
  font-size: 0.7rem;
  text-align: center;
}

@media (min-width: 768px) {
  .aboutContent .Champions .postWidths .day .table table thead th {
    padding: 1rem;
    font-size: 0.8rem;
  }
}

@media (min-width: 1352px) {
  .aboutContent .Champions .postWidths .day .table table thead th {
    font-size: 0.9rem;
  }
}

@media (min-width: 1920px) {
  .aboutContent .Champions .postWidths .day .table table thead th {
    font-size: 1rem;
  }
}

.aboutContent .Champions .postWidths .day .table table thead .pos {
  width: 5%;
}

@media (min-width: 768px) {
  .aboutContent .Champions .postWidths .day .table table thead .pos {
    width: 10%;
  }
}

@media (min-width: 1024px) {
  .aboutContent .Champions .postWidths .day .table table thead .pos {
    width: 5%;
  }
}

.aboutContent .Champions .postWidths .day .table table thead .name {
  width: 10%;
  padding: 0.5rem 1rem;
  text-align: left;
  white-space: nowrap;
}

@media (min-width: 768px) {
  .aboutContent .Champions .postWidths .day .table table thead .name {
    width: 30%;
  }
}

.aboutContent .Champions .postWidths .day .table table thead .payout {
  text-align: center;
  width: 7.5%;
  white-space: nowrap;
}

@media (min-width: 768px) {
  .aboutContent .Champions .postWidths .day .table table thead .payout {
    width: 10%;
  }
}

.aboutContent .Champions .postWidths .day .table table tbody {
  background: white;
}

.aboutContent .Champions .postWidths .day .table table tbody tr {
  width: 100%;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 350;
  font-style: normal;
  font-size: 0.7rem;
  transition: 0.3s all ease;
}

@media (min-width: 768px) {
  .aboutContent .Champions .postWidths .day .table table tbody tr {
    padding: 1rem;
    font-size: 0.8rem;
  }
}

@media (min-width: 1352px) {
  .aboutContent .Champions .postWidths .day .table table tbody tr {
    font-size: 0.9rem;
  }
}

@media (min-width: 1920px) {
  .aboutContent .Champions .postWidths .day .table table tbody tr {
    font-size: 1rem;
  }
}

.aboutContent .Champions .postWidths .day .table table tbody tr:nth-child(odd) {
  background-color: #ebebeb;
}

.aboutContent .Champions .postWidths .day .table table tbody tr:hover {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.aboutContent .Champions .postWidths .day .table table tbody tr:hover svg path {
  fill: #FFCD00;
}

.aboutContent .Champions .postWidths .day .table table tbody tr td {
  padding: 0.75rem;
  border-right: 1px solid #dadada;
  color: #1E3A5F;
  text-align: center;
  vertical-align: middle;
}

@media (min-width: 768px) {
  .aboutContent .Champions .postWidths .day .table table tbody tr td {
    padding: 1rem;
  }
}

.aboutContent .Champions .postWidths .day .table table tbody tr .pos {
  width: 5%;
}

@media (min-width: 768px) {
  .aboutContent .Champions .postWidths .day .table table tbody tr .pos {
    width: 10%;
  }
}

@media (min-width: 1024px) {
  .aboutContent .Champions .postWidths .day .table table tbody tr .pos {
    width: 5%;
  }
}

.aboutContent .Champions .postWidths .day .table table tbody tr .name {
  width: 10%;
  padding: 0.5rem 1rem;
  text-align: left;
}

@media (min-width: 768px) {
  .aboutContent .Champions .postWidths .day .table table tbody tr .name {
    width: 30%;
  }
}

.aboutContent .Champions .postWidths .day .table table tbody tr .name svg {
  margin-right: 15px;
  width: 30px;
  height: 20px;
}

.aboutContent .Champions .postWidths .day .table table tbody tr .payout {
  text-align: center;
  width: 7.5%;
  padding: 0;
}

@media (min-width: 768px) {
  .aboutContent .Champions .postWidths .day .table table tbody tr .payout {
    width: 10%;
  }
}

.aboutContent .Champions .postWidths .day .table table tbody tr .payout svg {
  width: 20px;
  height: 20px;
}

@media (min-width: 768px) {
  .aboutContent .Champions .postWidths .day .table table tbody tr .payout .GreenBtn {
    font-size: 0.7rem;
  }
}

@media (min-width: 1352px) {
  .aboutContent .Champions .postWidths .day .table table tbody tr .payout .GreenBtn {
    font-size: 0.8rem;
  }
}

@media (min-width: 1920px) {
  .aboutContent .Champions .postWidths .day .table table tbody tr .payout .GreenBtn {
    font-size: 1rem;
  }
}

.aboutContent .Champions .postWidths .day .scroll {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: auto;
  width: calc(100% - 40px);
}

@media (min-width: 768px) {
  .aboutContent .Champions .postWidths .day .scroll {
    width: calc(100% - 100px);
  }
}

@media (min-width: 1024px) {
  .aboutContent .Champions .postWidths .day .scroll {
    display: none;
    width: calc(100% - 80px);
  }
}

@media (min-width: 1352px) {
  .aboutContent .Champions .postWidths .day .scroll {
    width: 100%;
  }
}

.aboutContent .Champions .postWidths .day .scroll svg {
  width: 20px;
  height: 20px;
}

.aboutContent .Champions .postWidths .day .scroll h6 {
  margin: 0;
  color: white;
  text-transform: uppercase;
}

.aboutContent .Results {
  position: relative;
  z-index: 2;
}

.aboutContent .Results .postWidths {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

@media (min-width: 768px) {
  .aboutContent .Results .postWidths {
    gap: 3rem;
  }
}

.aboutContent .Results .postWidths .day {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  transition: all ease .3s;
  overflow: hidden;
}

@media (min-width: 1024px) {
  .aboutContent .Results .postWidths .day {
    margin: 0 auto;
    padding: 0;
    width: calc(100% - 80px);
    gap: 2rem;
  }
}

@media (min-width: 1352px) {
  .aboutContent .Results .postWidths .day {
    width: calc(100% - 250px);
  }
}

@media (min-width: 1920px) {
  .aboutContent .Results .postWidths .day {
    width: calc(100% - 500px);
  }
}

.aboutContent .Results .postWidths .day h6 {
  color: #FFCD00;
  text-transform: uppercase;
  width: calc(100% - 40px);
  margin: auto;
}

@media (min-width: 768px) {
  .aboutContent .Results .postWidths .day h6 {
    width: calc(100% - 100px);
  }
}

@media (min-width: 1024px) {
  .aboutContent .Results .postWidths .day h6 {
    width: 100%;
  }
}

.aboutContent .Results .postWidths .day .table {
  margin: 0;
  overflow-y: scroll;
}

@media (min-width: 1024px) {
  .aboutContent .Results .postWidths .day .table {
    background: white;
    border-radius: 10px;
    overflow-y: auto;
  }
}

.aboutContent .Results .postWidths .day .table table {
  margin: 0;
  width: 100%;
}

@media (min-width: 1024px) {
  .aboutContent .Results .postWidths .day .table table {
    width: 100%;
  }
}

.aboutContent .Results .postWidths .day .table table thead {
  background: white;
}

.aboutContent .Results .postWidths .day .table table thead th {
  padding: 0.75rem 0.5rem;
  text-transform: uppercase;
  color: #0077B6;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  vertical-align: middle;
  font-size: 0.7rem;
  text-align: center;
}

@media (min-width: 768px) {
  .aboutContent .Results .postWidths .day .table table thead th {
    padding: 1rem;
    font-size: 0.8rem;
  }
}

@media (min-width: 1352px) {
  .aboutContent .Results .postWidths .day .table table thead th {
    font-size: 0.9rem;
  }
}

@media (min-width: 1920px) {
  .aboutContent .Results .postWidths .day .table table thead th {
    font-size: 1rem;
  }
}

.aboutContent .Results .postWidths .day .table table thead .pos {
  width: 15%;
}

@media (min-width: 768px) {
  .aboutContent .Results .postWidths .day .table table thead .pos {
    width: 10%;
  }
}

@media (min-width: 1024px) {
  .aboutContent .Results .postWidths .day .table table thead .pos {
    width: 5%;
  }
}

.aboutContent .Results .postWidths .day .table table thead .name {
  width: 60%;
  padding: 0.5rem 1rem;
  text-align: left;
}

@media (min-width: 768px) {
  .aboutContent .Results .postWidths .day .table table thead .name {
    width: 30%;
  }
}

.aboutContent .Results .postWidths .day .table table thead .payout {
  text-align: center;
  width: 25%;
}

@media (min-width: 768px) {
  .aboutContent .Results .postWidths .day .table table thead .payout {
    width: 10%;
  }
}

.aboutContent .Results .postWidths .day .table table tbody {
  background: white;
}

.aboutContent .Results .postWidths .day .table table tbody tr {
  width: 100%;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 350;
  font-style: normal;
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  .aboutContent .Results .postWidths .day .table table tbody tr {
    padding: 1rem;
    font-size: 0.8rem;
  }
}

@media (min-width: 1352px) {
  .aboutContent .Results .postWidths .day .table table tbody tr {
    font-size: 0.9rem;
  }
}

@media (min-width: 1920px) {
  .aboutContent .Results .postWidths .day .table table tbody tr {
    font-size: 1rem;
  }
}

.aboutContent .Results .postWidths .day .table table tbody tr:nth-child(odd) {
  background-color: #ebebeb;
}

.aboutContent .Results .postWidths .day .table table tbody tr td {
  padding: 0.75rem;
  border-right: 1px solid #dadada;
  color: #1E3A5F;
  text-align: center;
  vertical-align: middle;
}

@media (min-width: 768px) {
  .aboutContent .Results .postWidths .day .table table tbody tr td {
    padding: 1rem;
  }
}

.aboutContent .Results .postWidths .day .table table tbody tr .pos {
  width: 15%;
}

@media (min-width: 768px) {
  .aboutContent .Results .postWidths .day .table table tbody tr .pos {
    width: 10%;
  }
}

@media (min-width: 1024px) {
  .aboutContent .Results .postWidths .day .table table tbody tr .pos {
    width: 5%;
  }
}

.aboutContent .Results .postWidths .day .table table tbody tr .name {
  width: 60%;
  padding: 0.5rem 1rem;
  text-align: left;
}

@media (min-width: 768px) {
  .aboutContent .Results .postWidths .day .table table tbody tr .name {
    width: 30%;
  }
}

.aboutContent .Results .postWidths .day .table table tbody tr .name svg {
  margin-right: 15px;
  width: 30px;
  height: 20px;
}

.aboutContent .Results .postWidths .day .table table tbody tr .payout {
  text-align: center;
  width: 25%;
}

@media (min-width: 768px) {
  .aboutContent .Results .postWidths .day .table table tbody tr .payout {
    width: 10%;
  }
}

.aboutContent .Results .postWidths .day .scroll {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: auto;
  width: calc(100% - 40px);
}

@media (min-width: 768px) {
  .aboutContent .Results .postWidths .day .scroll {
    width: calc(100% - 100px);
  }
}

@media (min-width: 1024px) {
  .aboutContent .Results .postWidths .day .scroll {
    display: none;
    width: calc(100% - 80px);
  }
}

@media (min-width: 1352px) {
  .aboutContent .Results .postWidths .day .scroll {
    width: 100%;
  }
}

.aboutContent .Results .postWidths .day .scroll svg {
  width: 20px;
  height: 20px;
}

.aboutContent .Results .postWidths .day .scroll h6 {
  margin: 0;
  color: white;
  text-transform: uppercase;
}

.aboutContent .Team {
  position: relative;
  z-index: 2;
}

.aboutContent .Team .postWidths {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

@media (min-width: 768px) {
  .aboutContent .Team .postWidths {
    gap: 3rem;
  }
}

.aboutContent .Team .postWidths .teamIntro {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

@media (min-width: 1352px) {
  .aboutContent .Team .postWidths .teamIntro {
    gap: 2rem;
    width: 90%;
  }
}

@media (min-width: 1920px) {
  .aboutContent .Team .postWidths .teamIntro {
    gap: 3rem;
  }
}

.aboutContent .Team .postWidths .teamIntro img {
  width: 100%;
  border-radius: 10px;
}

.aboutContent .Team .postWidths .teamIntro h2 {
  margin: 0;
  color: white;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.aboutContent .Team .postWidths .teamIntro h4 {
  margin: 0;
  color: #FFCD00;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.aboutContent .Team .postWidths .teamWrap {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.aboutContent .Team .postWidths .teamWrap .teamButtons {
  display: none;
}

@media (min-width: 1024px) {
  .aboutContent .Team .postWidths .teamWrap .teamButtons {
    display: flex;
    align-items: center;
    gap: 1rem;
  }
}

.aboutContent .Team .postWidths .teamWrap .teamButtons .YellowBorderBtn {
  white-space: nowrap;
}

.aboutContent .Team .postWidths .teamWrap .Lot {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.aboutContent .Team .postWidths .teamWrap .Lot .head {
  display: none;
}

@media (min-width: 1024px) {
  .aboutContent .Team .postWidths .teamWrap .Lot .head {
    display: block;
    margin: 20px 0;
    color: #FFCD00;
    text-transform: uppercase;
  }
}

.aboutContent .Team .postWidths .teamWrap .Lot .member {
  transition: all ease .3s;
  overflow: hidden;
  background: white;
  border-radius: 15px;
  padding: 10px;
}

@media (min-width: 768px) {
  .aboutContent .Team .postWidths .teamWrap .Lot .member {
    padding: 20px;
  }
}

@media (min-width: 1024px) {
  .aboutContent .Team .postWidths .teamWrap .Lot .member {
    display: flex;
    flex-direction: row-reverse;
    align-items: stretch;
    gap: 2rem;
    padding: 35px;
  }
}

@media (min-width: 1352px) {
  .aboutContent .Team .postWidths .teamWrap .Lot .member {
    gap: 3rem;
    padding: 40px;
  }
}

@media (min-width: 1920px) {
  .aboutContent .Team .postWidths .teamWrap .Lot .member {
    gap: 4rem;
    padding: 50px;
  }
}

.aboutContent .Team .postWidths .teamWrap .Lot .member .img {
  height: 200px;
}

@media (min-width: 768px) {
  .aboutContent .Team .postWidths .teamWrap .Lot .member .img {
    height: 300px;
  }
}

@media (min-width: 1024px) {
  .aboutContent .Team .postWidths .teamWrap .Lot .member .img {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    width: 40%;
    flex-grow: 1;
    display: flex;
    min-height: 100%;
  }
}

@media (min-width: 1920px) {
  .aboutContent .Team .postWidths .teamWrap .Lot .member .img {
    width: 45%;
  }
}

.aboutContent .Team .postWidths .teamWrap .Lot .member .img img {
  width: 100%;
  border-radius: 10px;
  min-width: 100%;
  min-height: 100%;
  max-height: 200px;
  object-fit: cover;
  object-position: center;
}

@media (min-width: 1024px) {
  .aboutContent .Team .postWidths .teamWrap .Lot .member .img img {
    max-height: 300px;
  }
}

@media (min-width: 1024px) {
  .aboutContent .Team .postWidths .teamWrap .Lot .member .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
}

.aboutContent .Team .postWidths .teamWrap .Lot .member .text {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 20px 10px 10px 10px;
}

@media (min-width: 768px) {
  .aboutContent .Team .postWidths .teamWrap .Lot .member .text {
    gap: 1.5rem;
    padding: 25px 10px 20px 10px;
  }
}

@media (min-width: 1024px) {
  .aboutContent .Team .postWidths .teamWrap .Lot .member .text {
    width: 60%;
    padding: 0;
  }
}

@media (min-width: 1352px) {
  .aboutContent .Team .postWidths .teamWrap .Lot .member .text {
    gap: 2rem;
  }
}

@media (min-width: 1920px) {
  .aboutContent .Team .postWidths .teamWrap .Lot .member .text {
    width: 55%;
  }
}

.aboutContent .Team .postWidths .teamWrap .Lot .member .text h6 {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  color: #003366;
}

.aboutContent .Team .postWidths .teamWrap .Lot .member .text h6 b {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: #45474b;
}

.aboutContent .Team .postWidths .teamWrap .Lot .member .text h6 span {
  display: none;
}

@media (min-width: 1024px) {
  .aboutContent .Team .postWidths .teamWrap .Lot .member .text h6 span {
    display: block;
  }
}

.aboutContent .Team .postWidths .teamWrap .Lot .member .text h3 {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #0A1628;
}

@media (min-width: 1024px) {
  .aboutContent .Team .postWidths .teamWrap .Lot .member .text h3 {
    font-size: 2.4rem;
    line-height: 2.8rem;
  }
}

.aboutContent .Team .postWidths .teamWrap .Lot .member .text p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 350;
  font-style: normal;
  color: #45474b;
}

.aboutContent .Team .postWidths .teamWrap .Lot .member .text .YellowBtn {
  width: fit-content;
}

.aboutContent .AboutGallery {
  position: relative;
  z-index: 2;
  /* Match global About Gallery: one content-container only (on .postWidths); avoid double inset on the card row */
}

.aboutContent .AboutGallery .year-gallery-message {
  margin: 0;
  color: white;
}

.aboutContent .AboutGallery .GallerySelctions.year-event-picker .selectWrap {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.aboutContent .AboutGallery .year-gallery-other {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 1rem;
  scroll-margin-top: 120px;
}

@media (min-width: 768px) {
  .aboutContent .AboutGallery .year-gallery-other {
    margin-top: 2rem;
    gap: 1.5rem;
  }
}

.aboutContent .AboutGallery .year-gallery-other__title {
  margin: 0;
  color: white;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.aboutContent .AboutGallery .year-gallery-other__note {
  margin: 0;
  color: #FFCD00;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  max-width: 42rem;
}

.aboutContent .AboutGallery .GalleryIntro--eventGallery .event-gallery-back {
  margin: 0 0 0.5rem 0;
}

.aboutContent .AboutGallery .GalleryIntro--eventGallery .event-gallery-back a {
  color: #FFCD00;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.aboutContent .AboutGallery .GalleryIntro--eventGallery .event-gallery-back a:hover {
  color: white;
}

.aboutContent .AboutGallery .event-gallery-empty {
  margin: 0;
  color: white;
}

.aboutContent .AboutGallery .postWidths {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

@media (min-width: 768px) {
  .aboutContent .AboutGallery .postWidths {
    gap: 3rem;
  }
}

.aboutContent .AboutGallery .postWidths .GalleryIntro {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

@media (min-width: 1352px) {
  .aboutContent .AboutGallery .postWidths .GalleryIntro {
    gap: 2rem;
    width: 90%;
  }
}

@media (min-width: 1920px) {
  .aboutContent .AboutGallery .postWidths .GalleryIntro {
    gap: 3rem;
  }
}

.aboutContent .AboutGallery .postWidths .GalleryIntro img {
  width: 100%;
  border-radius: 10px;
}

.aboutContent .AboutGallery .postWidths .GalleryIntro h2 {
  margin: 0;
  color: white;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.aboutContent .AboutGallery .postWidths .GalleryIntro h4 {
  margin: 0;
  color: #FFCD00;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.aboutContent .AboutGallery .postWidths .gallerySearch {
  background-color: #1B3050;
  background-image: url("../img/search.svg");
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: right 14px center;
  border: 0;
  outline: 0;
  padding: 10px 40px 10px 15px;
  border-radius: 5px;
  color: white;
  width: 100%;
}

.aboutContent .AboutGallery .postWidths .gallerySearch:focus {
  background-image: none;
}

@media (min-width: 1024px) {
  .aboutContent .AboutGallery .postWidths .gallerySearch {
    width: 30%;
    border-radius: 10px;
  }
}

.aboutContent .AboutGallery .postWidths .galleryWrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

@media (min-width: 1024px) {
  .aboutContent .AboutGallery .postWidths .galleryWrap {
    grid-template-columns: repeat(6, 1fr);
  }
}

.aboutContent .AboutGallery .postWidths .galleryWrap .galleryItem {
  position: relative;
  width: 100%;
  /* Ensures the item takes full width */
  padding-top: 56.25%;
  /* This maintains the 16:9 aspect ratio (9/16 * 100 = 56.25%) */
  overflow: hidden;
}

.aboutContent .AboutGallery .postWidths .galleryWrap .galleryItem img {
  position: absolute;
  /* Makes the image fill the container */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.aboutContent .AboutGallery .postWidths .galleryWrap .galleryItem .svgWrap {
  position: absolute;
  bottom: 2.5%;
  right: 2.5%;
}

.aboutContent .AboutGallery .postWidths .galleryWrap .galleryItem .svgWrap button {
  cursor: pointer;
  appearance: 0;
  outline: 0;
  padding: 0;
  margin: 0;
  background: none;
  border: 0;
}

.aboutContent .AboutGallery .postWidths .galleryWrap .galleryItem .svgWrap button svg {
  width: 20px;
  height: 20px;
}

@media (min-width: 1024px) {
  .aboutContent .AboutGallery .postWidths .galleryWrap .galleryItem .svgWrap button svg {
    width: 25px;
    height: 25px;
  }
}

.aboutContent .AboutGallery .postWidths .pagination {
  justify-content: center;
  gap: 0.3rem;
}

.aboutContent .AboutGallery .postWidths .pagination a, .aboutContent .AboutGallery .postWidths .pagination span {
  color: #FFCD00;
  font-size: 0.7rem;
  line-height: 0.7rem;
}

@media (min-width: 768px) {
  .aboutContent .AboutGallery .postWidths .pagination a, .aboutContent .AboutGallery .postWidths .pagination span {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.aboutContent .AboutGallery .postWidths .pagination .page-numbers.current {
  background: #003366 !important;
  color: white;
}

.aboutContent .AboutGallery .postWidths .pagination ul {
  width: 100% !important;
  margin: 20px 0 0 0 !important;
  background: none !important;
  padding: 0 !important;
}

@media (min-width: 1024px) {
  .aboutContent .AboutGallery .postWidths .pagination ul {
    margin: 40px 0 0 0 !important;
  }
}

@media (min-width: 1352px) {
  .aboutContent .AboutGallery .postWidths .pagination ul {
    margin: 30px 0 0 0 !important;
  }
}

.aboutContent .AboutGallery .postWidths .pagination .page-numbers {
  transition: .3s all ease;
  background: #FFCD00;
  padding: 7px;
  color: #0A1628;
  border-radius: 5px;
  text-decoration: none;
}

.aboutContent .AboutGallery .postWidths .pagination .page-numbers:hover {
  background: #003366;
  color: white;
}

@media (min-width: 768px) {
  .aboutContent .AboutGallery .postWidths .pagination .page-numbers {
    padding: 10px;
  }
}

.aboutContent .AboutGallery .postWidths .pagination .dots {
  background: none !important;
  color: #FFCD00;
  padding: 0px;
}

.aboutContent .AboutGallery .postWidths .pagination ul {
  list-style-type: none;
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}

.aboutContent .AboutGallery .postWidths .YellowBtn {
  width: fit-content;
  margin: auto;
}

.aboutContent .FAQs {
  position: relative;
  z-index: 2;
}

.aboutContent .FAQs .postWidths {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

@media (min-width: 768px) {
  .aboutContent .FAQs .postWidths {
    gap: 3rem;
  }
}

.aboutContent .FAQs .postWidths .faqsIntro {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

@media (min-width: 1352px) {
  .aboutContent .FAQs .postWidths .faqsIntro {
    gap: 2rem;
    width: 90%;
  }
}

@media (min-width: 1920px) {
  .aboutContent .FAQs .postWidths .faqsIntro {
    gap: 3rem;
  }
}

.aboutContent .FAQs .postWidths .faqsIntro img {
  width: 100%;
  border-radius: 10px;
}

.aboutContent .FAQs .postWidths .faqsIntro h2 {
  margin: 0;
  color: white;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.aboutContent .FAQs .postWidths .faqsIntro h4 {
  margin: 0;
  color: #FFCD00;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.aboutContent .FAQs .postWidths .faqsIntro h4 a {
  font-size: inherit;
  line-height: inherit;
  color: #FFCD00;
  text-decoration: underline;
}

.aboutContent .FAQs .postWidths .faqsWrap {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

@media (min-width: 1024px) {
  .aboutContent .FAQs .postWidths .faqsWrap {
    gap: 3rem;
  }
}

@media (min-width: 1920px) {
  .aboutContent .FAQs .postWidths .faqsWrap {
    gap: 4rem;
  }
}

.aboutContent .FAQs .postWidths .faqsWrap .groupWrap {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.aboutContent .FAQs .postWidths .faqsWrap .faqsButtons {
  display: none;
}

@media (min-width: 1024px) {
  .aboutContent .FAQs .postWidths .faqsWrap .faqsButtons {
    display: flex;
    align-items: center;
    gap: 1rem;
  }
}

.aboutContent .FAQs .postWidths .faqsWrap .faqsButtons .YellowBorderBtn {
  white-space: nowrap;
}

@media (min-width: 1024px) {
  .aboutContent .FAQs .postWidths .faqsWrap .groupWrap {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }
}

@media (min-width: 1352px) {
  .aboutContent .FAQs .postWidths .faqsWrap .groupWrap {
    gap: 3rem;
  }
}

.aboutContent .FAQs .postWidths .faqsWrap .groupWrap .Qgroup {
  overflow: hidden;
  border-radius: 10px;
  background: white;
}

.aboutContent .FAQs .postWidths .faqsWrap .groupWrap .Qgroup h6 {
  text-transform: uppercase;
  padding: 0.75rem;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  margin: 0;
  color: #0077B6;
}

@media (min-width: 768px) {
  .aboutContent .FAQs .postWidths .faqsWrap .groupWrap .Qgroup h6 {
    padding: 1rem;
  }
}

@media (min-width: 1024px) {
  .aboutContent .FAQs .postWidths .faqsWrap .groupWrap .Qgroup h6 {
    padding: 1.25rem;
  }
}

@media (min-width: 1024px) {
  .aboutContent .FAQs .postWidths .faqsWrap .groupWrap .Qgroup h6 {
    padding: 1.5rem;
  }
}

.aboutContent .FAQs .postWidths .faqsWrap .groupWrap .Qgroup .question {
  transition: .3s all ease;
  border: 3px solid white;
  padding: 0.75rem;
}

@media (min-width: 768px) {
  .aboutContent .FAQs .postWidths .faqsWrap .groupWrap .Qgroup .question {
    padding: 1rem;
  }
}

@media (min-width: 1024px) {
  .aboutContent .FAQs .postWidths .faqsWrap .groupWrap .Qgroup .question {
    padding: 1.25rem;
  }
}

@media (min-width: 1024px) {
  .aboutContent .FAQs .postWidths .faqsWrap .groupWrap .Qgroup .question {
    padding: 1.5rem;
  }
}

.aboutContent .FAQs .postWidths .faqsWrap .groupWrap .Qgroup .question .queWrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}

.aboutContent .FAQs .postWidths .faqsWrap .groupWrap .Qgroup .question .queWrap svg {
  transition: .3s all ease;
  width: 20px;
  height: 20px;
}

@media (min-width: 1024px) {
  .aboutContent .FAQs .postWidths .faqsWrap .groupWrap .Qgroup .question .queWrap svg {
    width: 25px;
    height: 25px;
  }
}

.aboutContent .FAQs .postWidths .faqsWrap .groupWrap .Qgroup .question .queWrap svg.active {
  rotate: 90deg;
}

.aboutContent .FAQs .postWidths .faqsWrap .groupWrap .Qgroup .question:nth-child(even) {
  border: 3px solid #ebebeb;
  background-color: #ebebeb;
}

.aboutContent .FAQs .postWidths .faqsWrap .groupWrap .Qgroup .question p {
  color: #1E3A5F;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  margin: 0;
}

.aboutContent .FAQs .postWidths .faqsWrap .groupWrap .Qgroup .question p a {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  text-decoration: underline;
  color: #1E3A5F;
  font-size: inherit;
  line-height: inherit;
}

.aboutContent .FAQs .postWidths .faqsWrap .groupWrap .Qgroup .question .answer {
  padding-top: 1rem;
  display: none;
}

@media (min-width: 768px) {
  .aboutContent .FAQs .postWidths .faqsWrap .groupWrap .Qgroup .question .answer {
    padding-top: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .aboutContent .FAQs .postWidths .faqsWrap .groupWrap .Qgroup .question .answer {
    padding-top: 2rem;
  }
}

.aboutContent .FAQs .postWidths .faqsWrap .groupWrap .Qgroup .question.active {
  border: 3px solid #FFCD00;
}

.aboutContent .Newsletter {
  position: relative;
  z-index: 2;
}

.aboutContent .Newsletter .postWidths {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

@media (min-width: 768px) {
  .aboutContent .Newsletter .postWidths {
    gap: 3rem;
  }
}

@media (min-width: 1024px) {
  .aboutContent .Newsletter .postWidths {
    gap: 4rem;
  }
}

@media (min-width: 1920px) {
  .aboutContent .Newsletter .postWidths {
    gap: 5rem;
  }
}

.aboutContent .Newsletter .postWidths .newsletterIntro {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

@media (min-width: 1352px) {
  .aboutContent .Newsletter .postWidths .newsletterIntro {
    gap: 2rem;
    width: 90%;
  }
}

@media (min-width: 1920px) {
  .aboutContent .Newsletter .postWidths .newsletterIntro {
    gap: 3rem;
  }
}

.aboutContent .Newsletter .postWidths .newsletterIntro img {
  width: 100%;
  border-radius: 10px;
}

.aboutContent .Newsletter .postWidths .newsletterIntro h2 {
  margin: 0;
  color: white;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.aboutContent .Newsletter .postWidths .newsletterIntro h4 {
  margin: 0;
  color: #FFCD00;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.aboutContent .Newsletter .postWidths .newsletterWrap {
  margin-top: 2rem;
  width: 100%;
}

@media (min-width: 1024px) {
  .aboutContent .Newsletter .postWidths .newsletterWrap {
    margin-top: 3rem;
  }
}

@media (min-width: 1352px) {
  .aboutContent .Newsletter .postWidths .newsletterWrap {
    margin-top: 4rem;
  }
}

.aboutContent .Newsletter .postWidths .newsletterWrap .mc4wp-form-fields, .aboutContent .Newsletter .postWidths .newsletterWrap .mc4wp-form-basic {
  width: 100%;
}

.aboutContent .Newsletter .postWidths .newsletterWrap .subscribe {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 1.5rem;
}

@media (min-width: 1024px) {
  .aboutContent .Newsletter .postWidths .newsletterWrap .subscribe {
    gap: 2rem;
  }
}

.aboutContent .Newsletter .postWidths .newsletterWrap .subscribe .mc4wp-form {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}

@media (min-width: 1024px) {
  .aboutContent .Newsletter .postWidths .newsletterWrap .subscribe .mc4wp-form {
    flex-direction: row;
    justify-content: center;
    gap: 1rem;
  }
}

.aboutContent .Newsletter .postWidths .newsletterWrap .subscribe .mc4wp-form input[type="email"] {
  background-color: white;
  border: 4px solid #e0e0e0;
  border-radius: 10px;
  padding: 12px 15px;
  width: 100%;
  max-width: 600px;
  box-sizing: border-box;
  font-size: inherit;
  line-height: inherit;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 350;
  font-style: normal;
  color: #0A1628;
  text-align: center;
  flex: 1;
}

.aboutContent .Newsletter .postWidths .newsletterWrap .subscribe .mc4wp-form input[type="email"]::placeholder {
  color: #45474b;
}

.aboutContent .Newsletter .postWidths .newsletterWrap .subscribe .mc4wp-form input[type="email"]:focus {
  outline: none;
  border-color: #FFCD00;
}

@media (min-width: 1024px) {
  .aboutContent .Newsletter .postWidths .newsletterWrap .subscribe .mc4wp-form input[type="email"] {
    padding: 15px 20px;
    max-width: none;
    flex: 1;
  }
}

.aboutContent .Newsletter .postWidths .newsletterWrap .subscribe .mc4wp-form input[type="submit"].YellowBtn {
  width: fit-content;
  margin: 0;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #FFCD00;
  text-decoration: none;
  display: inline-block;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  border: 2px solid #FFCD00;
}

.aboutContent .Newsletter .postWidths .newsletterWrap .subscribe .mc4wp-form input[type="submit"].YellowBtn:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: white;
  transition: all .3s;
  z-index: -1;
  border-radius: 5px;
}

.aboutContent .Newsletter .postWidths .newsletterWrap .subscribe .mc4wp-form input[type="submit"].YellowBtn:hover {
  color: #0A1628;
  text-decoration: none;
}

.aboutContent .Newsletter .postWidths .newsletterWrap .subscribe .mc4wp-form input[type="submit"].YellowBtn:hover:before {
  width: 100%;
}

.aboutContent .Newsletter .postWidths .newsletterWrap .subscribe .mc4wp-response {
  width: 100%;
  text-align: center;
  margin-top: 1rem;
}

@media (min-width: 1024px) {
  .aboutContent .Newsletter .postWidths .newsletterWrap .subscribe .mc4wp-response {
    margin-top: 1.5rem;
  }
}

.aboutContent .Newsletter .postWidths .newsletterWrap .subscribe .mc4wp-alert {
  padding: 15px 20px;
  border-radius: 10px;
  margin: 0;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 350;
  font-style: normal;
  display: inline-block;
}

.aboutContent .Newsletter .postWidths .newsletterWrap .subscribe .mc4wp-alert.mc4wp-success {
  background-color: white;
  color: #0A1628;
  border: 2px solid #FFCD00;
}

.aboutContent .Newsletter .postWidths .newsletterWrap .subscribe .mc4wp-alert.mc4wp-error {
  background-color: white;
  color: #dc3545;
  border: 2px solid #dc3545;
}

.aboutContent .Newsletter .postWidths .newsletterWrap .subscribe .mc4wp-alert.mc4wp-notice {
  background-color: white;
  color: #0A1628;
  border: 2px solid #FFCD00;
}

.aboutContent .Newsletter .postWidths .newsletterWrap .subscribe .mc4wp-alert p {
  margin: 0;
}

.containers, .content-container {
  margin: 0 auto;
  padding: 0;
  width: calc(100% - 40px);
}

.slider-container {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  margin-left: 25px;
}

@media (min-width: 768px) {
  .containers, .content-container {
    margin: 0 auto;
    padding: 0;
    width: calc(100% - 100px);
  }
  .slider-container {
    margin-left: 50px;
  }
}

@media (min-width: 1024px) {
  .containers, .content-container {
    margin: 0 auto;
    padding: 0;
    width: calc(100% - 80px);
  }
  .slider-container {
    margin-left: 40px;
  }
}

@media (min-width: 1352px) {
  .containers {
    width: calc(100% - 120px);
  }
  .content-container {
    width: calc(100% - 250px);
  }
  .slider-container {
    margin-left: 60px;
  }
}

@media (min-width: 1920px) {
  .containers {
    width: calc(100% - 250px);
  }
  .content-container {
    width: calc(100% - 500px);
  }
  .slider-container {
    margin-left: 150px;
  }
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: 500;
  margin: 0;
}

button, a {
  font-size: 0.8rem;
  line-height: 1.2rem;
}

h1 {
  font-size: 1.8rem;
  line-height: 2.2rem;
  letter-spacing: 1px;
}

h2 {
  font-size: 1.6rem;
  line-height: 2rem;
}

h3 {
  font-size: 1.2rem;
  line-height: 1.6rem;
}

h4 {
  font-size: 1rem;
  line-height: 1.2rem;
}

h5 {
  font-size: 0.9rem;
  line-height: 1.3rem;
}

h6, button, a {
  font-size: 0.9rem;
  line-height: 1.3rem;
}

p, li {
  font-size: 0.8rem;
  line-height: 1.2rem;
}

@media (min-width: 768px) {
  h1 {
    font-size: 3.4rem;
    line-height: 3.8rem;
  }
  h2 {
    font-size: 2.8rem;
    line-height: 3.2rem;
  }
  h3 {
    font-size: 2.2rem;
    line-height: 2.6rem;
  }
  h4 {
    font-size: 1.6rem;
    line-height: 2rem;
  }
  h5 {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  h6, button, a {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
  p, li {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
}

@media (min-width: 1024px) {
  h1 {
    font-size: 3rem;
    line-height: 3.4rem;
  }
  h2 {
    font-size: 2.2rem;
    line-height: 2.6rem;
  }
  h3 {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
  h4 {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  h5 {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
  h6 {
    font-size: 1rem;
    line-height: 1.4rem;
  }
  p, li {
    font-size: 0.8rem;
    line-height: 1.2rem;
  }
}

@media (min-width: 1352px) {
  h1 {
    font-size: 3.6rem;
    line-height: 4rem;
  }
  h2 {
    font-size: 2.8rem;
    line-height: 3.2rem;
  }
  h3 {
    font-size: 2rem;
    line-height: 2.4rem;
  }
  h4 {
    font-size: 1.7rem;
    line-height: 2.1rem;
  }
  h5 {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  h6, button, a {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
  p, li {
    font-size: 1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1920px) {
  h1 {
    font-size: 4.8rem;
    line-height: 5.2rem;
  }
  h2 {
    font-size: 3.2rem;
    line-height: 3.6rem;
  }
  h3 {
    font-size: 2.2rem;
    line-height: 2.6rem;
  }
  h4 {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
  h5 {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  h6, button, a {
    font-size: 1.2rem;
    ine-height: 1.6rem;
  }
  p, li {
    font-size: 1rem;
    line-height: 1.4rem;
  }
}

.ReadMoreBtn {
  width: fit-content;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: #003366;
  border: 0;
  appearance: 0;
  outline: 0;
  background: none;
  text-transform: uppercase;
  transition: all .3s;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  font-size: 0.7rem;
}

.ReadMoreBtn svg {
  width: 20px;
  height: 20px;
  rotate: 180deg;
}

.ReadMoreBtn svg.active {
  rotate: 0deg;
}

@media (min-width: 768px) {
  .ReadMoreBtn {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .ReadMoreBtn {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.YellowBtn {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #0A1628;
  border: 0;
  appearance: 0;
  outline: 0;
  padding: 10px 15px;
  text-transform: uppercase;
  transition: all .3s;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  .YellowBtn {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .YellowBtn {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.YellowBtn:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #FFCD00;
  border-radius: 5px;
  z-index: -2;
  border: 2px solid #FFCD00;
}

.YellowBtn:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #003366;
  transition: all .3s;
  z-index: -1;
  border-radius: 5px;
}

.YellowBtn:hover {
  color: white;
  text-decoration: none;
}

.YellowBtn:hover:before {
  width: 100%;
  color: white;
}

@media (min-width: 1024px) {
  .YellowBtn {
    padding: 15px 20px;
  }
}

.YellowBorderBtn {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: white;
  border: 0;
  appearance: 0;
  outline: 0;
  padding: 10px 15px;
  text-transform: uppercase;
  transition: all .3s;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  .YellowBorderBtn {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .YellowBorderBtn {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.YellowBorderBtn:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #FFCD00;
  z-index: -2;
  border-radius: 5px;
}

.YellowBorderBtn:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #FFCD00;
  transition: all .3s;
  z-index: -1;
  border-radius: 5px;
}

.YellowBorderBtn:hover {
  color: #1E3A5F;
  text-decoration: none;
}

.YellowBorderBtn:hover:before {
  width: 100%;
}

@media (min-width: 1024px) {
  .YellowBorderBtn {
    padding: 15px 20px;
  }
}

.WhiteBtn {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #003366;
  border: 0;
  appearance: 0;
  outline: 0;
  padding: 10px 15px;
  text-transform: uppercase;
  transition: all .3s;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  .WhiteBtn {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .WhiteBtn {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.WhiteBtn:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  border-radius: 5px;
  z-index: -2;
  border: 2px solid white;
}

.WhiteBtn:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #003366;
  transition: all .3s;
  z-index: -1;
  border-radius: 5px;
}

.WhiteBtn:hover {
  color: white;
  text-decoration: none;
}

.WhiteBtn:hover:before {
  width: 100%;
  color: white;
}

@media (min-width: 1024px) {
  .WhiteBtn {
    padding: 15px 20px;
  }
}

.GreenBtn {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: white;
  border: 0;
  appearance: 0;
  outline: 0;
  padding: 10px 15px;
  text-transform: uppercase;
  transition: all .3s;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  .GreenBtn {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .GreenBtn {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.GreenBtn:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #003366;
  border-radius: 5px;
  z-index: -2;
  border: 2px solid #003366;
}

.GreenBtn:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #FFCD00;
  transition: all .3s;
  z-index: -1;
  border-radius: 5px;
}

.GreenBtn:hover {
  color: #1E3A5F;
  text-decoration: none;
}

.GreenBtn:hover:before {
  width: 100%;
  color: white;
}

@media (min-width: 1024px) {
  .GreenBtn {
    padding: 15px 20px;
  }
}

.WhiteBorderBtn {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #003366;
  border: 0;
  appearance: 0;
  outline: 0;
  padding: 10px 15px;
  text-transform: uppercase;
  transition: all .3s;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  .WhiteBorderBtn {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .WhiteBorderBtn {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.WhiteBorderBtn:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  border-radius: 5px;
  z-index: -2;
  border: 2px solid #FFCD00;
}

.WhiteBorderBtn:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #003366;
  transition: all .3s;
  z-index: -1;
  border-radius: 5px;
}

.WhiteBorderBtn:hover {
  color: white;
  text-decoration: none;
}

.WhiteBorderBtn:hover:before {
  width: 100%;
  color: white;
}

@media (min-width: 1024px) {
  .WhiteBorderBtn {
    padding: 15px 20px;
  }
}

.grad {
  background: #0A1628;
  background: -moz-linear-gradient(180deg, #0A1628 0%, #1E5AA8 100%);
  background: -webkit-linear-gradient(180deg, #0A1628 0%, #1E5AA8 100%);
  background: linear-gradient(180deg, #0A1628 0%, #1E5AA8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0A1628",endColorstr="#1E5AA8",GradientType=1);
}

/* Carts Style */
.cart-icon {
  display: inline-block;
  width: 25px;
  height: 15px;
  background-image: url("../img/all.png");
  vertical-align: middle;
}

.clubs-2 {
  background-position: 0 0;
}

.clubs-3 {
  background-position: -25px 0;
}

.clubs-4 {
  background-position: -50px 0;
}

.clubs-5 {
  background-position: -75px 0;
}

.clubs-6 {
  background-position: -100px 0;
}

.clubs-7 {
  background-position: -125px 0;
}

.clubs-8 {
  background-position: -150px 0;
}

.clubs-9 {
  background-position: -175px 0;
}

.clubs-10 {
  background-position: -200px 0;
}

.clubs-j {
  background-position: -225px 0;
}

.clubs-q {
  background-position: -250px 0;
}

.clubs-k {
  background-position: -275px 0;
}

.clubs-a {
  background-position: 25px 0;
}

.diamonds-2 {
  background-position: 0 -15px;
}

.diamonds-3 {
  background-position: -25px -15px;
}

.diamonds-4 {
  background-position: -50px -15px;
}

.diamonds-5 {
  background-position: -75px -15px;
}

.diamonds-6 {
  background-position: -100px -15px;
}

.diamonds-7 {
  background-position: -125px -15px;
}

.diamonds-8 {
  background-position: -150px -15px;
}

.diamonds-9 {
  background-position: -175px -15px;
}

.diamonds-10 {
  background-position: -200px -15px;
}

.diamonds-j {
  background-position: -225px -15px;
}

.diamonds-q {
  background-position: -250px -15px;
}

.diamonds-k {
  background-position: -275px -15px;
}

.diamonds-a {
  background-position: 25px -15px;
}

.hearts-2 {
  background-position: 0 -30px;
}

.hearts-3 {
  background-position: -25px -30px;
}

.hearts-4 {
  background-position: -50px -30px;
}

.hearts-5 {
  background-position: -75px -30px;
}

.hearts-6 {
  background-position: -100px -30px;
}

.hearts-7 {
  background-position: -125px -30px;
}

.hearts-8 {
  background-position: -150px -30px;
}

.hearts-9 {
  background-position: -175px -30px;
}

.hearts-10 {
  background-position: -200px -30px;
}

.hearts-j {
  background-position: -225px -30px;
}

.hearts-q {
  background-position: -250px -30px;
}

.hearts-k {
  background-position: -275px -30px;
}

.hearts-a {
  background-position: 25px -30px;
}

.spades-2 {
  background-position: 0 -45px;
}

.spades-3 {
  background-position: -25px -45px;
}

.spades-4 {
  background-position: -50px -45px;
}

.spades-5 {
  background-position: -75px -45px;
}

.spades-6 {
  background-position: -100px -45px;
}

.spades-7 {
  background-position: -125px -45px;
}

.spades-8 {
  background-position: -150px -45px;
}

.spades-9 {
  background-position: -175px -45px;
}

.spades-10 {
  background-position: -200px -45px;
}

.spades-j {
  background-position: -225px -45px;
}

.spades-q {
  background-position: -250px -45px;
}

.spades-k {
  background-position: -275px -45px;
}

.spades-a {
  background-position: 25px -45px;
}

.x-2 {
  background-position: 0 -60px;
}

.x-3 {
  background-position: -25px -60px;
}

.x-4 {
  background-position: -50px -60px;
}

.x-5 {
  background-position: -75px -60px;
}

.x-6 {
  background-position: -100px -60px;
}

.x-7 {
  background-position: -125px -60px;
}

.x-8 {
  background-position: -150px -60px;
}

.x-9 {
  background-position: -175px -60px;
}

.x-10 {
  background-position: -200px -60px;
}

.x-j {
  background-position: -225px -60px;
}

.x-q {
  background-position: -250px -60px;
}

.x-k {
  background-position: -275px -60px;
}

.x-a {
  background-position: 25px -60px;
}

.x-clubs {
  background-position: 0 -75px;
}

.x-diamonds {
  background-position: -25px -75px;
}

.x-hearts {
  background-position: -50px -75px;
}

.x-spades {
  background-position: -75px -75px;
}

.x-x {
  background-position: -100px -75px;
}

.Posts {
  overflow: hidden;
  position: relative;
  padding: 25px 0 50px 0;
  background: #0A1628;
  background: linear-gradient(180deg, #0A1628 0%, #1E5AA8 100%);
  padding: 25px 0 50px 0;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

@media (min-width: 768px) {
  .Posts {
    gap: 2rem;
    padding: 50px 0 75px 0;
  }
}

@media (min-width: 1352px) {
  .Posts {
    padding: 75px 0;
    gap: 3rem;
  }
}

@media (min-width: 1920px) {
  .Posts {
    gap: 5rem;
  }
}

.Posts .searchWrap {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.Posts .searchWrap p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: #FFCD00;
  text-transform: uppercase;
}

@media (min-width: 1024px) {
  .Posts .searchWrap {
    flex-direction: row;
    align-items: center;
  }
}

.Posts .newsSearch {
  background-color: #1B3050;
  background-image: url("../img/search.svg");
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: 5% center;
  border: 0;
  outline: 0;
  padding: 10px 15px;
  border-radius: 5px;
  color: white;
  width: 100%;
}

.Posts .newsSearch:focus {
  background-image: none;
}

@media (min-width: 1024px) {
  .Posts .newsSearch {
    width: 30%;
    border-radius: 10px;
  }
}

.Posts #loaderGif {
  width: 40px;
}

.Posts #searchResultMessage {
  color: #FFCD00;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  display: none;
}

.Posts .postWrap {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.Posts .postWrap .Error {
  color: white;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  margin: 0;
}

.Posts .postWrap a {
  text-decoration: none;
}

.Posts .postWrap a .post {
  transition: all ease .3s;
  overflow: hidden;
  background: white;
  border-radius: 15px;
  padding: 10px;
}

@media (min-width: 768px) {
  .Posts .postWrap a .post {
    padding: 20px;
  }
}

@media (min-width: 1024px) {
  .Posts .postWrap a .post {
    display: flex;
    flex-direction: row-reverse;
    align-items: stretch;
    gap: 2rem;
    padding: 35px;
  }
}

@media (min-width: 1352px) {
  .Posts .postWrap a .post {
    gap: 3rem;
    padding: 40px;
  }
}

@media (min-width: 1920px) {
  .Posts .postWrap a .post {
    gap: 4rem;
    padding: 50px;
  }
}

.Posts .postWrap a .post .img {
  height: 200px;
}

@media (min-width: 768px) {
  .Posts .postWrap a .post .img {
    height: 300px;
  }
}

@media (min-width: 1024px) {
  .Posts .postWrap a .post .img {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    width: 40%;
    flex-grow: 1;
    display: flex;
    min-height: 100%;
  }
}

@media (min-width: 1920px) {
  .Posts .postWrap a .post .img {
    width: 45%;
  }
}

.Posts .postWrap a .post .img img {
  width: 100%;
  border-radius: 10px;
  min-width: 100%;
  min-height: 100%;
  max-height: 200px;
  object-fit: cover;
  object-position: center;
}

@media (min-width: 1024px) {
  .Posts .postWrap a .post .img img {
    max-height: 300px;
  }
}

@media (min-width: 1024px) {
  .Posts .postWrap a .post .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
}

.Posts .postWrap a .post .text {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 20px 10px 10px 10px;
}

@media (min-width: 768px) {
  .Posts .postWrap a .post .text {
    gap: 1.5rem;
    padding: 25px 10px 20px 10px;
  }
}

@media (min-width: 1024px) {
  .Posts .postWrap a .post .text {
    width: 60%;
    padding: 0;
  }
}

@media (min-width: 1352px) {
  .Posts .postWrap a .post .text {
    gap: 2rem;
  }
}

@media (min-width: 1920px) {
  .Posts .postWrap a .post .text {
    width: 55%;
  }
}

.Posts .postWrap a .post .text h6 {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  color: #003366;
}

.Posts .postWrap a .post .text h6 b {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: #45474b;
}

.Posts .postWrap a .post .text h6 span {
  display: none;
}

@media (min-width: 1024px) {
  .Posts .postWrap a .post .text h6 span {
    display: block;
  }
}

.Posts .postWrap a .post .text h3 {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #0A1628;
}

@media (min-width: 1024px) {
  .Posts .postWrap a .post .text h3 {
    font-size: 2.4rem;
    line-height: 2.8rem;
  }
}

.Posts .postWrap a .post .text p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 350;
  font-style: normal;
  color: #45474b;
}

.Posts .postWrap a .post .text .YellowBtn {
  width: fit-content;
}

.Posts .postWrap .line {
  position: absolute;
  top: 0;
  left: 10%;
  background: #45474b;
  width: 2px;
  height: 100%;
  z-index: -1;
}

.Posts #loadMoreButton {
  margin: 0 auto;
  width: fit-content;
}

.Posts .pagination {
  justify-content: center;
  gap: 0.3rem;
}

.Posts .pagination a, .Posts .pagination span {
  color: #FFCD00;
  font-size: 0.7rem;
  line-height: 0.7rem;
}

@media (min-width: 768px) {
  .Posts .pagination a, .Posts .pagination span {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.Posts .pagination .page-numbers.current {
  background: #003366 !important;
  color: white;
}

.Posts .pagination ul {
  width: 100% !important;
  margin: 20px 0 0 0 !important;
  background: none !important;
  padding: 0 !important;
}

@media (min-width: 1024px) {
  .Posts .pagination ul {
    margin: 40px 0 0 0 !important;
  }
}

@media (min-width: 1352px) {
  .Posts .pagination ul {
    margin: 30px 0 0 0 !important;
  }
}

@media (min-width: 1920px) {
  .Posts .pagination ul {
    margin: 0px 0 0 0 !important;
  }
}

.Posts .pagination .page-numbers {
  transition: .3s all ease;
  background: #FFCD00;
  padding: 7px;
  color: #0A1628;
  border-radius: 5px;
  text-decoration: none;
}

.Posts .pagination .page-numbers:hover {
  background: #003366;
  color: white;
}

@media (min-width: 768px) {
  .Posts .pagination .page-numbers {
    padding: 10px;
  }
}

.Posts .pagination .dots {
  background: none !important;
  color: #FFCD00;
  padding: 0px;
}

.Posts .pagination ul {
  list-style-type: none;
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}

.Posts #NewsMore {
  margin: 0 auto;
}

.containers, .content-container {
  margin: 0 auto;
  padding: 0;
  width: calc(100% - 40px);
}

.slider-container {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  margin-left: 25px;
}

@media (min-width: 768px) {
  .containers, .content-container {
    margin: 0 auto;
    padding: 0;
    width: calc(100% - 100px);
  }
  .slider-container {
    margin-left: 50px;
  }
}

@media (min-width: 1024px) {
  .containers, .content-container {
    margin: 0 auto;
    padding: 0;
    width: calc(100% - 80px);
  }
  .slider-container {
    margin-left: 40px;
  }
}

@media (min-width: 1352px) {
  .containers {
    width: calc(100% - 120px);
  }
  .content-container {
    width: calc(100% - 250px);
  }
  .slider-container {
    margin-left: 60px;
  }
}

@media (min-width: 1920px) {
  .containers {
    width: calc(100% - 250px);
  }
  .content-container {
    width: calc(100% - 500px);
  }
  .slider-container {
    margin-left: 150px;
  }
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: 500;
  margin: 0;
}

button, a {
  font-size: 0.8rem;
  line-height: 1.2rem;
}

h1 {
  font-size: 1.8rem;
  line-height: 2.2rem;
  letter-spacing: 1px;
}

h2 {
  font-size: 1.6rem;
  line-height: 2rem;
}

h3 {
  font-size: 1.2rem;
  line-height: 1.6rem;
}

h4 {
  font-size: 1rem;
  line-height: 1.2rem;
}

h5 {
  font-size: 0.9rem;
  line-height: 1.3rem;
}

h6, button, a {
  font-size: 0.9rem;
  line-height: 1.3rem;
}

p, li {
  font-size: 0.8rem;
  line-height: 1.2rem;
}

@media (min-width: 768px) {
  h1 {
    font-size: 3.4rem;
    line-height: 3.8rem;
  }
  h2 {
    font-size: 2.8rem;
    line-height: 3.2rem;
  }
  h3 {
    font-size: 2.2rem;
    line-height: 2.6rem;
  }
  h4 {
    font-size: 1.6rem;
    line-height: 2rem;
  }
  h5 {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  h6, button, a {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
  p, li {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
}

@media (min-width: 1024px) {
  h1 {
    font-size: 3rem;
    line-height: 3.4rem;
  }
  h2 {
    font-size: 2.2rem;
    line-height: 2.6rem;
  }
  h3 {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
  h4 {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  h5 {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
  h6 {
    font-size: 1rem;
    line-height: 1.4rem;
  }
  p, li {
    font-size: 0.8rem;
    line-height: 1.2rem;
  }
}

@media (min-width: 1352px) {
  h1 {
    font-size: 3.6rem;
    line-height: 4rem;
  }
  h2 {
    font-size: 2.8rem;
    line-height: 3.2rem;
  }
  h3 {
    font-size: 2rem;
    line-height: 2.4rem;
  }
  h4 {
    font-size: 1.7rem;
    line-height: 2.1rem;
  }
  h5 {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  h6, button, a {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
  p, li {
    font-size: 1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1920px) {
  h1 {
    font-size: 4.8rem;
    line-height: 5.2rem;
  }
  h2 {
    font-size: 3.2rem;
    line-height: 3.6rem;
  }
  h3 {
    font-size: 2.2rem;
    line-height: 2.6rem;
  }
  h4 {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
  h5 {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  h6, button, a {
    font-size: 1.2rem;
    ine-height: 1.6rem;
  }
  p, li {
    font-size: 1rem;
    line-height: 1.4rem;
  }
}

.ReadMoreBtn {
  width: fit-content;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: #003366;
  border: 0;
  appearance: 0;
  outline: 0;
  background: none;
  text-transform: uppercase;
  transition: all .3s;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  font-size: 0.7rem;
}

.ReadMoreBtn svg {
  width: 20px;
  height: 20px;
  rotate: 180deg;
}

.ReadMoreBtn svg.active {
  rotate: 0deg;
}

@media (min-width: 768px) {
  .ReadMoreBtn {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .ReadMoreBtn {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.YellowBtn {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #0A1628;
  border: 0;
  appearance: 0;
  outline: 0;
  padding: 10px 15px;
  text-transform: uppercase;
  transition: all .3s;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  .YellowBtn {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .YellowBtn {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.YellowBtn:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #FFCD00;
  border-radius: 5px;
  z-index: -2;
  border: 2px solid #FFCD00;
}

.YellowBtn:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #003366;
  transition: all .3s;
  z-index: -1;
  border-radius: 5px;
}

.YellowBtn:hover {
  color: white;
  text-decoration: none;
}

.YellowBtn:hover:before {
  width: 100%;
  color: white;
}

@media (min-width: 1024px) {
  .YellowBtn {
    padding: 15px 20px;
  }
}

.YellowBorderBtn {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: white;
  border: 0;
  appearance: 0;
  outline: 0;
  padding: 10px 15px;
  text-transform: uppercase;
  transition: all .3s;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  .YellowBorderBtn {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .YellowBorderBtn {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.YellowBorderBtn:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #FFCD00;
  z-index: -2;
  border-radius: 5px;
}

.YellowBorderBtn:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #FFCD00;
  transition: all .3s;
  z-index: -1;
  border-radius: 5px;
}

.YellowBorderBtn:hover {
  color: #1E3A5F;
  text-decoration: none;
}

.YellowBorderBtn:hover:before {
  width: 100%;
}

@media (min-width: 1024px) {
  .YellowBorderBtn {
    padding: 15px 20px;
  }
}

.WhiteBtn {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #003366;
  border: 0;
  appearance: 0;
  outline: 0;
  padding: 10px 15px;
  text-transform: uppercase;
  transition: all .3s;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  .WhiteBtn {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .WhiteBtn {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.WhiteBtn:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  border-radius: 5px;
  z-index: -2;
  border: 2px solid white;
}

.WhiteBtn:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #003366;
  transition: all .3s;
  z-index: -1;
  border-radius: 5px;
}

.WhiteBtn:hover {
  color: white;
  text-decoration: none;
}

.WhiteBtn:hover:before {
  width: 100%;
  color: white;
}

@media (min-width: 1024px) {
  .WhiteBtn {
    padding: 15px 20px;
  }
}

.GreenBtn {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: white;
  border: 0;
  appearance: 0;
  outline: 0;
  padding: 10px 15px;
  text-transform: uppercase;
  transition: all .3s;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  .GreenBtn {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .GreenBtn {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.GreenBtn:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #003366;
  border-radius: 5px;
  z-index: -2;
  border: 2px solid #003366;
}

.GreenBtn:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #FFCD00;
  transition: all .3s;
  z-index: -1;
  border-radius: 5px;
}

.GreenBtn:hover {
  color: #1E3A5F;
  text-decoration: none;
}

.GreenBtn:hover:before {
  width: 100%;
  color: white;
}

@media (min-width: 1024px) {
  .GreenBtn {
    padding: 15px 20px;
  }
}

.WhiteBorderBtn {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #003366;
  border: 0;
  appearance: 0;
  outline: 0;
  padding: 10px 15px;
  text-transform: uppercase;
  transition: all .3s;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  .WhiteBorderBtn {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .WhiteBorderBtn {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.WhiteBorderBtn:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  border-radius: 5px;
  z-index: -2;
  border: 2px solid #FFCD00;
}

.WhiteBorderBtn:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #003366;
  transition: all .3s;
  z-index: -1;
  border-radius: 5px;
}

.WhiteBorderBtn:hover {
  color: white;
  text-decoration: none;
}

.WhiteBorderBtn:hover:before {
  width: 100%;
  color: white;
}

@media (min-width: 1024px) {
  .WhiteBorderBtn {
    padding: 15px 20px;
  }
}

.grad {
  background: #0A1628;
  background: -moz-linear-gradient(180deg, #0A1628 0%, #1E5AA8 100%);
  background: -webkit-linear-gradient(180deg, #0A1628 0%, #1E5AA8 100%);
  background: linear-gradient(180deg, #0A1628 0%, #1E5AA8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0A1628",endColorstr="#1E5AA8",GradientType=1);
}

/* Carts Style */
.cart-icon {
  display: inline-block;
  width: 25px;
  height: 15px;
  background-image: url("../img/all.png");
  vertical-align: middle;
}

.clubs-2 {
  background-position: 0 0;
}

.clubs-3 {
  background-position: -25px 0;
}

.clubs-4 {
  background-position: -50px 0;
}

.clubs-5 {
  background-position: -75px 0;
}

.clubs-6 {
  background-position: -100px 0;
}

.clubs-7 {
  background-position: -125px 0;
}

.clubs-8 {
  background-position: -150px 0;
}

.clubs-9 {
  background-position: -175px 0;
}

.clubs-10 {
  background-position: -200px 0;
}

.clubs-j {
  background-position: -225px 0;
}

.clubs-q {
  background-position: -250px 0;
}

.clubs-k {
  background-position: -275px 0;
}

.clubs-a {
  background-position: 25px 0;
}

.diamonds-2 {
  background-position: 0 -15px;
}

.diamonds-3 {
  background-position: -25px -15px;
}

.diamonds-4 {
  background-position: -50px -15px;
}

.diamonds-5 {
  background-position: -75px -15px;
}

.diamonds-6 {
  background-position: -100px -15px;
}

.diamonds-7 {
  background-position: -125px -15px;
}

.diamonds-8 {
  background-position: -150px -15px;
}

.diamonds-9 {
  background-position: -175px -15px;
}

.diamonds-10 {
  background-position: -200px -15px;
}

.diamonds-j {
  background-position: -225px -15px;
}

.diamonds-q {
  background-position: -250px -15px;
}

.diamonds-k {
  background-position: -275px -15px;
}

.diamonds-a {
  background-position: 25px -15px;
}

.hearts-2 {
  background-position: 0 -30px;
}

.hearts-3 {
  background-position: -25px -30px;
}

.hearts-4 {
  background-position: -50px -30px;
}

.hearts-5 {
  background-position: -75px -30px;
}

.hearts-6 {
  background-position: -100px -30px;
}

.hearts-7 {
  background-position: -125px -30px;
}

.hearts-8 {
  background-position: -150px -30px;
}

.hearts-9 {
  background-position: -175px -30px;
}

.hearts-10 {
  background-position: -200px -30px;
}

.hearts-j {
  background-position: -225px -30px;
}

.hearts-q {
  background-position: -250px -30px;
}

.hearts-k {
  background-position: -275px -30px;
}

.hearts-a {
  background-position: 25px -30px;
}

.spades-2 {
  background-position: 0 -45px;
}

.spades-3 {
  background-position: -25px -45px;
}

.spades-4 {
  background-position: -50px -45px;
}

.spades-5 {
  background-position: -75px -45px;
}

.spades-6 {
  background-position: -100px -45px;
}

.spades-7 {
  background-position: -125px -45px;
}

.spades-8 {
  background-position: -150px -45px;
}

.spades-9 {
  background-position: -175px -45px;
}

.spades-10 {
  background-position: -200px -45px;
}

.spades-j {
  background-position: -225px -45px;
}

.spades-q {
  background-position: -250px -45px;
}

.spades-k {
  background-position: -275px -45px;
}

.spades-a {
  background-position: 25px -45px;
}

.x-2 {
  background-position: 0 -60px;
}

.x-3 {
  background-position: -25px -60px;
}

.x-4 {
  background-position: -50px -60px;
}

.x-5 {
  background-position: -75px -60px;
}

.x-6 {
  background-position: -100px -60px;
}

.x-7 {
  background-position: -125px -60px;
}

.x-8 {
  background-position: -150px -60px;
}

.x-9 {
  background-position: -175px -60px;
}

.x-10 {
  background-position: -200px -60px;
}

.x-j {
  background-position: -225px -60px;
}

.x-q {
  background-position: -250px -60px;
}

.x-k {
  background-position: -275px -60px;
}

.x-a {
  background-position: 25px -60px;
}

.x-clubs {
  background-position: 0 -75px;
}

.x-diamonds {
  background-position: -25px -75px;
}

.x-hearts {
  background-position: -50px -75px;
}

.x-spades {
  background-position: -75px -75px;
}

.x-x {
  background-position: -100px -75px;
}

.newsHead {
  position: relative;
  padding-top: 90px;
  width: 100%;
  background: linear-gradient(180deg, #0A1628 0%, #1E5AA8 100%);
}

@media (min-width: 768px) {
  .newsHead {
    padding-top: 100px;
  }
}

@media (min-width: 1024px) {
  .newsHead {
    padding-top: 120px;
  }
}

.newsHead .bg {
  top: 0;
  position: absolute;
  height: 120%;
  width: 100%;
  z-index: 1;
  background: linear-gradient(180deg, #0A1628 0%, #1E5AA8 100%);
}

@media (min-width: 768px) {
  .newsHead .bg {
    height: 130%;
  }
}

@media (min-width: 1024px) {
  .newsHead .bg {
    height: 140%;
  }
}

.newsHead .headWrap {
  position: relative;
  z-index: 2;
  padding: 20px 0 50px 0;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

@media (min-width: 768px) {
  .newsHead .headWrap {
    padding: 50px 0;
    gap: 4rem;
  }
}

@media (min-width: 1024px) {
  .newsHead .headWrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 75px 0;
  }
}

@media (min-width: 1920px) {
  .newsHead .headWrap {
    padding: 100px 0;
  }
}

.newsHead .headWrap .text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  width: 100%;
  color: white;
  text-align: center;
}

@media (min-width: 768px) {
  .newsHead .headWrap .text {
    gap: 2rem;
  }
}

@media (min-width: 1024px) {
  .newsHead .headWrap .text {
    gap: 1.5rem;
    justify-content: center;
    align-items: flex-start;
    text-align: left;
  }
}

@media (min-width: 1352px) {
  .newsHead .headWrap .text {
    width: 90%;
    gap: 2rem;
  }
}

.newsHead .headWrap .text h1 {
  margin: 0;
  text-transform: uppercase;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}

.newsHead .headWrap .text .singleNewsShare {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.newsHead .headWrap .text .singleNewsShare h3 {
  margin: 0;
  color: #FFCD00;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 0.85rem;
  line-height: 1.35rem;
}

@media (min-width: 768px) {
  .newsHead .headWrap .text .singleNewsShare h3 {
    width: 90%;
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
}

@media (min-width: 1024px) {
  .newsHead .headWrap .text .singleNewsShare h3 {
    width: 100%;
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
}

@media (min-width: 1920px) {
  .newsHead .headWrap .text .singleNewsShare h3 {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
}

.newsHead .headWrap .text .singleNewsShare h3 b {
  color: #FFCD00;
  text-decoration: underline;
  text-underline-offset: 5px;
}

@media (min-width: 1024px) {
  .newsHead .headWrap .text .singleNewsShare h3 b {
    text-underline-offset: 6px;
  }
}

.postContent {
  overflow: hidden;
  position: relative;
  background: #0A1628;
  background: linear-gradient(180deg, #0A1628 0%, #1E5AA8 100%);
  padding: 0px 0 50px 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

@media (min-width: 768px) {
  .postContent {
    gap: 2rem;
    padding: 0px 0 75px 0;
  }
}

.postContent .postWidths {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

@media (min-width: 768px) {
  .postContent .postWidths {
    gap: 3rem;
  }
}

.postContent .postWidths img:not([class*="size-"]) {
  position: relative;
  z-index: 2;
  width: 100%;
  border-radius: 10px;
}

.postContent .postWidths .postIntro {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.postContent .postWidths .postIntro h2 {
  margin: 0;
  color: white;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  width: 100%;
}

.postContent .postWidths .postIntro h4 {
  margin: 0;
  color: #FFCD00;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  width: 100%;
}

@media (min-width: 1024px) {
  .postContent .postWidths .postWrap {
    display: grid;
    grid-template-columns: 10fr 4fr;
    gap: 1rem;
  }
}

@media (min-width: 1920px) {
  .postContent .postWidths .postWrap {
    gap: 2rem;
  }
}

.postContent .postWidths .postWrap .para {
  background: white;
  border-radius: 15px;
  padding: 25px 20px;
}

@media (min-width: 768px) {
  .postContent .postWidths .postWrap .para {
    padding: 35px;
  }
}

@media (min-width: 1024px) {
  .postContent .postWidths .postWrap .para {
    padding: 35px;
  }
}

@media (min-width: 1352px) {
  .postContent .postWidths .postWrap .para {
    padding: 50px 100px 50px 50px;
  }
}

.postContent .postWidths .postWrap .para h1 {
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.postContent .postWidths .postWrap .para h2 {
  font-size: 1.2rem;
  line-height: 1.6rem;
}

.postContent .postWidths .postWrap .para h1, .postContent .postWidths .postWrap .para h2, .postContent .postWidths .postWrap .para h3, .postContent .postWidths .postWrap .para h4, .postContent .postWidths .postWrap .para h5, .postContent .postWidths .postWrap .para h6 {
  color: #003366;
}

.postContent .postWidths .postWrap .para p {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 350;
  font-style: normal;
  color: #45474b;
}

.postContent .postWidths .postWrap .para p b {
  color: #0A1628;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.postContent .postWidths .postWrap .para p a {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  text-decoration: underline;
  color: #1E3A5F;
  font-size: inherit;
  line-height: inherit;
}

.postContent .postWidths .postWrap .para img:not([class*="size-"]) {
  width: 100%;
  border-radius: 10px;
}

@media (min-width: 1024px) {
  .postContent .postWidths .postWrap .selectWrap {
    gap: 1rem;
    display: flex;
    flex-direction: column;
    width: 100%;
  }
}

@media (min-width: 1920px) {
  .postContent .postWidths .postWrap .selectWrap {
    gap: 2rem;
  }
}

.postContent .postWidths .postWrap .selectWrap a {
  width: 100%;
}

.postContent .postWidths .postWrap .selectWrap a:hover {
  text-decoration: none;
}

@media (min-width: 1024px) {
  .postContent .postWidths .postWrap .selectWrap a:hover {
    text-decoration: none;
  }
  .postContent .postWidths .postWrap .selectWrap a:hover .select {
    border: 5px solid #FFCD00;
  }
}

.postContent .postWidths .postWrap .selectWrap .select {
  display: none;
}

@media (min-width: 1024px) {
  .postContent .postWidths .postWrap .selectWrap .select {
    display: block;
    border: 5px solid white;
    transition: all ease 0.3s;
    background: white;
    border-radius: 15px;
    padding: 5px;
  }
}

@media (min-width: 1024px) {
  .postContent .postWidths .postWrap .selectWrap .select .img {
    height: 100px;
  }
}

@media (min-width: 1352px) {
  .postContent .postWidths .postWrap .selectWrap .select .img {
    height: 150px;
  }
}

.postContent .postWidths .postWrap .selectWrap .select .img img {
  border-radius: 10px;
}

@media (min-width: 1024px) {
  .postContent .postWidths .postWrap .selectWrap .select .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    max-height: 100px;
  }
}

@media (min-width: 1352px) {
  .postContent .postWidths .postWrap .selectWrap .select .img img {
    max-height: 150px;
  }
}

@media (min-width: 1024px) {
  .postContent .postWidths .postWrap .selectWrap .select .text {
    padding: 25px 10px 10px 10px;
  }
}

.postContent .postWidths .postWrap .selectWrap .select .text h6 {
  text-transform: uppercase;
  color: #003366;
}

.postContent .postWidths .postWrap .selectWrap .select .text h4, .postContent .postWidths .postWrap .selectWrap .select .text h5 {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #0A1628;
}

.postContent .card-1,
.postContent .card-2,
.postContent .card-3,
.postContent .card-4,
.postContent .card-5,
.postContent .card-6,
.postContent .card-7,
.postContent .card-8 {
  border: 4px solid #FFCD00;
  border-radius: 10px;
  height: 200px;
  width: 125px;
}

@media (min-width: 768px) {
  .postContent .card-1,
  .postContent .card-2,
  .postContent .card-3,
  .postContent .card-4,
  .postContent .card-5,
  .postContent .card-6,
  .postContent .card-7,
  .postContent .card-8 {
    height: 300px;
    width: 175px;
  }
}

@media (min-width: 1920px) {
  .postContent .card-1,
  .postContent .card-2,
  .postContent .card-3,
  .postContent .card-4,
  .postContent .card-5,
  .postContent .card-6,
  .postContent .card-7,
  .postContent .card-8 {
    border: 8px solid #FFCD00;
    border-radius: 25px;
    height: 400px;
    width: 250px;
  }
}

.postContent .card-2 {
  display: none;
}

@media (min-width: 1352px) {
  .postContent .card-2 {
    display: block;
  }
}

.containers, .content-container {
  margin: 0 auto;
  padding: 0;
  width: calc(100% - 40px);
}

.slider-container {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  margin-left: 25px;
}

@media (min-width: 768px) {
  .containers, .content-container {
    margin: 0 auto;
    padding: 0;
    width: calc(100% - 100px);
  }
  .slider-container {
    margin-left: 50px;
  }
}

@media (min-width: 1024px) {
  .containers, .content-container {
    margin: 0 auto;
    padding: 0;
    width: calc(100% - 80px);
  }
  .slider-container {
    margin-left: 40px;
  }
}

@media (min-width: 1352px) {
  .containers {
    width: calc(100% - 120px);
  }
  .content-container {
    width: calc(100% - 250px);
  }
  .slider-container {
    margin-left: 60px;
  }
}

@media (min-width: 1920px) {
  .containers {
    width: calc(100% - 250px);
  }
  .content-container {
    width: calc(100% - 500px);
  }
  .slider-container {
    margin-left: 150px;
  }
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: 500;
  margin: 0;
}

button, a {
  font-size: 0.8rem;
  line-height: 1.2rem;
}

h1 {
  font-size: 1.8rem;
  line-height: 2.2rem;
  letter-spacing: 1px;
}

h2 {
  font-size: 1.6rem;
  line-height: 2rem;
}

h3 {
  font-size: 1.2rem;
  line-height: 1.6rem;
}

h4 {
  font-size: 1rem;
  line-height: 1.2rem;
}

h5 {
  font-size: 0.9rem;
  line-height: 1.3rem;
}

h6, button, a {
  font-size: 0.9rem;
  line-height: 1.3rem;
}

p, li {
  font-size: 0.8rem;
  line-height: 1.2rem;
}

@media (min-width: 768px) {
  h1 {
    font-size: 3.4rem;
    line-height: 3.8rem;
  }
  h2 {
    font-size: 2.8rem;
    line-height: 3.2rem;
  }
  h3 {
    font-size: 2.2rem;
    line-height: 2.6rem;
  }
  h4 {
    font-size: 1.6rem;
    line-height: 2rem;
  }
  h5 {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  h6, button, a {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
  p, li {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
}

@media (min-width: 1024px) {
  h1 {
    font-size: 3rem;
    line-height: 3.4rem;
  }
  h2 {
    font-size: 2.2rem;
    line-height: 2.6rem;
  }
  h3 {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
  h4 {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  h5 {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
  h6 {
    font-size: 1rem;
    line-height: 1.4rem;
  }
  p, li {
    font-size: 0.8rem;
    line-height: 1.2rem;
  }
}

@media (min-width: 1352px) {
  h1 {
    font-size: 3.6rem;
    line-height: 4rem;
  }
  h2 {
    font-size: 2.8rem;
    line-height: 3.2rem;
  }
  h3 {
    font-size: 2rem;
    line-height: 2.4rem;
  }
  h4 {
    font-size: 1.7rem;
    line-height: 2.1rem;
  }
  h5 {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  h6, button, a {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
  p, li {
    font-size: 1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1920px) {
  h1 {
    font-size: 4.8rem;
    line-height: 5.2rem;
  }
  h2 {
    font-size: 3.2rem;
    line-height: 3.6rem;
  }
  h3 {
    font-size: 2.2rem;
    line-height: 2.6rem;
  }
  h4 {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
  h5 {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  h6, button, a {
    font-size: 1.2rem;
    ine-height: 1.6rem;
  }
  p, li {
    font-size: 1rem;
    line-height: 1.4rem;
  }
}

.ReadMoreBtn {
  width: fit-content;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: #003366;
  border: 0;
  appearance: 0;
  outline: 0;
  background: none;
  text-transform: uppercase;
  transition: all .3s;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  font-size: 0.7rem;
}

.ReadMoreBtn svg {
  width: 20px;
  height: 20px;
  rotate: 180deg;
}

.ReadMoreBtn svg.active {
  rotate: 0deg;
}

@media (min-width: 768px) {
  .ReadMoreBtn {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .ReadMoreBtn {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.YellowBtn {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #0A1628;
  border: 0;
  appearance: 0;
  outline: 0;
  padding: 10px 15px;
  text-transform: uppercase;
  transition: all .3s;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  .YellowBtn {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .YellowBtn {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.YellowBtn:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #FFCD00;
  border-radius: 5px;
  z-index: -2;
  border: 2px solid #FFCD00;
}

.YellowBtn:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #003366;
  transition: all .3s;
  z-index: -1;
  border-radius: 5px;
}

.YellowBtn:hover {
  color: white;
  text-decoration: none;
}

.YellowBtn:hover:before {
  width: 100%;
  color: white;
}

@media (min-width: 1024px) {
  .YellowBtn {
    padding: 15px 20px;
  }
}

.YellowBorderBtn {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: white;
  border: 0;
  appearance: 0;
  outline: 0;
  padding: 10px 15px;
  text-transform: uppercase;
  transition: all .3s;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  .YellowBorderBtn {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .YellowBorderBtn {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.YellowBorderBtn:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #FFCD00;
  z-index: -2;
  border-radius: 5px;
}

.YellowBorderBtn:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #FFCD00;
  transition: all .3s;
  z-index: -1;
  border-radius: 5px;
}

.YellowBorderBtn:hover {
  color: #1E3A5F;
  text-decoration: none;
}

.YellowBorderBtn:hover:before {
  width: 100%;
}

@media (min-width: 1024px) {
  .YellowBorderBtn {
    padding: 15px 20px;
  }
}

.WhiteBtn {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #003366;
  border: 0;
  appearance: 0;
  outline: 0;
  padding: 10px 15px;
  text-transform: uppercase;
  transition: all .3s;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  .WhiteBtn {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .WhiteBtn {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.WhiteBtn:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  border-radius: 5px;
  z-index: -2;
  border: 2px solid white;
}

.WhiteBtn:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #003366;
  transition: all .3s;
  z-index: -1;
  border-radius: 5px;
}

.WhiteBtn:hover {
  color: white;
  text-decoration: none;
}

.WhiteBtn:hover:before {
  width: 100%;
  color: white;
}

@media (min-width: 1024px) {
  .WhiteBtn {
    padding: 15px 20px;
  }
}

.GreenBtn {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: white;
  border: 0;
  appearance: 0;
  outline: 0;
  padding: 10px 15px;
  text-transform: uppercase;
  transition: all .3s;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  .GreenBtn {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .GreenBtn {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.GreenBtn:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #003366;
  border-radius: 5px;
  z-index: -2;
  border: 2px solid #003366;
}

.GreenBtn:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #FFCD00;
  transition: all .3s;
  z-index: -1;
  border-radius: 5px;
}

.GreenBtn:hover {
  color: #1E3A5F;
  text-decoration: none;
}

.GreenBtn:hover:before {
  width: 100%;
  color: white;
}

@media (min-width: 1024px) {
  .GreenBtn {
    padding: 15px 20px;
  }
}

.WhiteBorderBtn {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #003366;
  border: 0;
  appearance: 0;
  outline: 0;
  padding: 10px 15px;
  text-transform: uppercase;
  transition: all .3s;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  .WhiteBorderBtn {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .WhiteBorderBtn {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.WhiteBorderBtn:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  border-radius: 5px;
  z-index: -2;
  border: 2px solid #FFCD00;
}

.WhiteBorderBtn:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #003366;
  transition: all .3s;
  z-index: -1;
  border-radius: 5px;
}

.WhiteBorderBtn:hover {
  color: white;
  text-decoration: none;
}

.WhiteBorderBtn:hover:before {
  width: 100%;
  color: white;
}

@media (min-width: 1024px) {
  .WhiteBorderBtn {
    padding: 15px 20px;
  }
}

.grad {
  background: #0A1628;
  background: -moz-linear-gradient(180deg, #0A1628 0%, #1E5AA8 100%);
  background: -webkit-linear-gradient(180deg, #0A1628 0%, #1E5AA8 100%);
  background: linear-gradient(180deg, #0A1628 0%, #1E5AA8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0A1628",endColorstr="#1E5AA8",GradientType=1);
}

/* Carts Style */
.cart-icon {
  display: inline-block;
  width: 25px;
  height: 15px;
  background-image: url("../img/all.png");
  vertical-align: middle;
}

.clubs-2 {
  background-position: 0 0;
}

.clubs-3 {
  background-position: -25px 0;
}

.clubs-4 {
  background-position: -50px 0;
}

.clubs-5 {
  background-position: -75px 0;
}

.clubs-6 {
  background-position: -100px 0;
}

.clubs-7 {
  background-position: -125px 0;
}

.clubs-8 {
  background-position: -150px 0;
}

.clubs-9 {
  background-position: -175px 0;
}

.clubs-10 {
  background-position: -200px 0;
}

.clubs-j {
  background-position: -225px 0;
}

.clubs-q {
  background-position: -250px 0;
}

.clubs-k {
  background-position: -275px 0;
}

.clubs-a {
  background-position: 25px 0;
}

.diamonds-2 {
  background-position: 0 -15px;
}

.diamonds-3 {
  background-position: -25px -15px;
}

.diamonds-4 {
  background-position: -50px -15px;
}

.diamonds-5 {
  background-position: -75px -15px;
}

.diamonds-6 {
  background-position: -100px -15px;
}

.diamonds-7 {
  background-position: -125px -15px;
}

.diamonds-8 {
  background-position: -150px -15px;
}

.diamonds-9 {
  background-position: -175px -15px;
}

.diamonds-10 {
  background-position: -200px -15px;
}

.diamonds-j {
  background-position: -225px -15px;
}

.diamonds-q {
  background-position: -250px -15px;
}

.diamonds-k {
  background-position: -275px -15px;
}

.diamonds-a {
  background-position: 25px -15px;
}

.hearts-2 {
  background-position: 0 -30px;
}

.hearts-3 {
  background-position: -25px -30px;
}

.hearts-4 {
  background-position: -50px -30px;
}

.hearts-5 {
  background-position: -75px -30px;
}

.hearts-6 {
  background-position: -100px -30px;
}

.hearts-7 {
  background-position: -125px -30px;
}

.hearts-8 {
  background-position: -150px -30px;
}

.hearts-9 {
  background-position: -175px -30px;
}

.hearts-10 {
  background-position: -200px -30px;
}

.hearts-j {
  background-position: -225px -30px;
}

.hearts-q {
  background-position: -250px -30px;
}

.hearts-k {
  background-position: -275px -30px;
}

.hearts-a {
  background-position: 25px -30px;
}

.spades-2 {
  background-position: 0 -45px;
}

.spades-3 {
  background-position: -25px -45px;
}

.spades-4 {
  background-position: -50px -45px;
}

.spades-5 {
  background-position: -75px -45px;
}

.spades-6 {
  background-position: -100px -45px;
}

.spades-7 {
  background-position: -125px -45px;
}

.spades-8 {
  background-position: -150px -45px;
}

.spades-9 {
  background-position: -175px -45px;
}

.spades-10 {
  background-position: -200px -45px;
}

.spades-j {
  background-position: -225px -45px;
}

.spades-q {
  background-position: -250px -45px;
}

.spades-k {
  background-position: -275px -45px;
}

.spades-a {
  background-position: 25px -45px;
}

.x-2 {
  background-position: 0 -60px;
}

.x-3 {
  background-position: -25px -60px;
}

.x-4 {
  background-position: -50px -60px;
}

.x-5 {
  background-position: -75px -60px;
}

.x-6 {
  background-position: -100px -60px;
}

.x-7 {
  background-position: -125px -60px;
}

.x-8 {
  background-position: -150px -60px;
}

.x-9 {
  background-position: -175px -60px;
}

.x-10 {
  background-position: -200px -60px;
}

.x-j {
  background-position: -225px -60px;
}

.x-q {
  background-position: -250px -60px;
}

.x-k {
  background-position: -275px -60px;
}

.x-a {
  background-position: 25px -60px;
}

.x-clubs {
  background-position: 0 -75px;
}

.x-diamonds {
  background-position: -25px -75px;
}

.x-hearts {
  background-position: -50px -75px;
}

.x-spades {
  background-position: -75px -75px;
}

.x-x {
  background-position: -100px -75px;
}

.tripContent {
  overflow: hidden;
  position: relative;
  z-index: 2;
  top: 0;
  background: #0A1628;
  background: linear-gradient(180deg, #0A1628 0%, #1E5AA8 100%);
  display: flex;
  flex-direction: column;
  gap: 3rem;
  padding: 3rem 0;
}

@media (min-width: 1352px) {
  .tripContent {
    gap: 5rem;
    padding: 5rem 0;
  }
}

.tripContent .selectorsTrip {
  overflow: scroll;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin: 0 0 0 20px;
  padding: 0 20px 0 0;
}

@media (min-width: 768px) {
  .tripContent .selectorsTrip {
    margin: 0 0 0 50px;
    padding: 0 50px 0 0;
    gap: 3rem;
  }
}

@media (min-width: 1024px) {
  .tripContent .selectorsTrip {
    margin: 0 0 0 40px;
    padding: 0 40px 0 0;
  }
}

@media (min-width: 1352px) {
  .tripContent .selectorsTrip {
    margin: 0 0 0 60px;
    padding: 0 60px 0 0;
  }
}

@media (min-width: 1920px) {
  .tripContent .selectorsTrip {
    margin: 0 0 0 125px;
    padding: 0 125px 0 0;
  }
}

.tripContent .selectorsTrip::-webkit-scrollbar {
  display: none;
}

.tripContent .selectorsTrip::-webkit-scrollbar-track {
  display: none;
}

.tripContent .selectorsTrip::-webkit-scrollbar-thumb {
  display: none;
}

.tripContent .selectorsTrip a {
  cursor: pointer;
  opacity: 0.5;
  margin: 0;
  color: white;
  text-decoration: none;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  transition: 0.5s all ease;
  padding-bottom: 10px;
  white-space: nowrap;
}

.tripContent .selectorsTrip a.is-active {
  opacity: 1;
  margin: 0;
  color: white;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-decoration-color: #FFCD00;
  text-underline-offset: 10px;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
}

.tripContent .Hotels {
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

@media (min-width: 768px) {
  .tripContent .Hotels {
    gap: 2rem;
  }
}

@media (min-width: 1352px) {
  .tripContent .Hotels {
    gap: 3rem;
  }
}

@media (min-width: 1920px) {
  .tripContent .Hotels {
    gap: 5rem;
  }
}

.tripContent .Hotels .hotelWrap {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.tripContent .Hotels .hotelWrap a {
  text-decoration: none;
}

.tripContent .Hotels .hotelWrap a .hotel {
  transition: all ease .3s;
  overflow: hidden;
  background: white;
  border-radius: 15px;
  padding: 10px;
}

@media (min-width: 768px) {
  .tripContent .Hotels .hotelWrap a .hotel {
    padding: 20px;
  }
}

@media (min-width: 1024px) {
  .tripContent .Hotels .hotelWrap a .hotel {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 2rem;
    padding: 35px;
  }
}

@media (min-width: 1352px) {
  .tripContent .Hotels .hotelWrap a .hotel {
    gap: 3rem;
    padding: 40px;
  }
}

@media (min-width: 1920px) {
  .tripContent .Hotels .hotelWrap a .hotel {
    gap: 4rem;
    padding: 50px;
  }
}

.tripContent .Hotels .hotelWrap a .hotel .img {
  height: 200px;
}

@media (min-width: 768px) {
  .tripContent .Hotels .hotelWrap a .hotel .img {
    height: 300px;
  }
}

@media (min-width: 1024px) {
  .tripContent .Hotels .hotelWrap a .hotel .img {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    width: 40%;
    flex-grow: 1;
    display: flex;
    min-height: 100%;
  }
}

@media (min-width: 1920px) {
  .tripContent .Hotels .hotelWrap a .hotel .img {
    width: 45%;
  }
}

.tripContent .Hotels .hotelWrap a .hotel .img img {
  width: 100%;
  border-radius: 10px;
  min-width: 100%;
  min-height: 100%;
  max-height: 200px;
  object-fit: cover;
  object-position: center;
}

@media (min-width: 768px) {
  .tripContent .Hotels .hotelWrap a .hotel .img img {
    max-height: 300px;
  }
}

@media (min-width: 1024px) {
  .tripContent .Hotels .hotelWrap a .hotel .img img {
    width: 100%;
    height: 100%;
    max-height: 200px;
    object-fit: cover;
    object-position: center;
  }
}

.tripContent .Hotels .hotelWrap a .hotel .texts {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 20px 10px 10px 10px;
}

@media (min-width: 768px) {
  .tripContent .Hotels .hotelWrap a .hotel .texts {
    gap: 1.5rem;
    padding: 25px 10px 20px 10px;
  }
}

@media (min-width: 1024px) {
  .tripContent .Hotels .hotelWrap a .hotel .texts {
    padding: 25px 0;
    width: 60%;
  }
}

@media (min-width: 1352px) {
  .tripContent .Hotels .hotelWrap a .hotel .texts {
    gap: 2rem;
  }
}

@media (min-width: 1920px) {
  .tripContent .Hotels .hotelWrap a .hotel .texts {
    padding-right: 50px;
    width: 55%;
  }
}

.tripContent .Hotels .hotelWrap a .hotel .texts ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

@media (min-width: 768px) {
  .tripContent .Hotels .hotelWrap a .hotel .texts ul {
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: wrap;
    list-style: none;
    gap: 0.75rem 1rem;
  }
}

.tripContent .Hotels .hotelWrap a .hotel .texts ul li {
  color: #003366;
  text-transform: uppercase;
  margin: 0;
  padding-left: 20px;
  position: relative;
  word-break: break-word;
  hyphens: auto;
}

@media (min-width: 768px) {
  .tripContent .Hotels .hotelWrap a .hotel .texts ul li {
    width: calc(50% - 0.5rem);
    min-width: 200px;
  }
}

@media (min-width: 1024px) {
  .tripContent .Hotels .hotelWrap a .hotel .texts ul li {
    width: calc(33.333% - 0.67rem);
    min-width: 180px;
  }
}

.tripContent .Hotels .hotelWrap a .hotel .texts ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  background-image: url("../img/spade.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

.tripContent .Hotels .hotelWrap a .hotel .texts h6 {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  color: #003366;
}

.tripContent .Hotels .hotelWrap a .hotel .texts h6 b {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: #45474b;
}

.tripContent .Hotels .hotelWrap a .hotel .texts h3 {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #0A1628;
}

.tripContent .Hotels .hotelWrap a .hotel .texts p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 350;
  font-style: normal;
  color: #45474b;
}

.tripContent .Hotels .hotelWrap a .hotel .texts p b, .tripContent .Hotels .hotelWrap a .hotel .texts p strong {
  text-transform: uppercase;
  color: #003366;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 350;
  font-style: normal;
}

.tripContent .Hotels .hotelWrap a .hotel .texts .YellowBtn {
  width: fit-content;
}

.tripContent .Hotels .hotelWrap .line {
  position: absolute;
  top: 0;
  left: 10%;
  background: #45474b;
  width: 2px;
  height: 100%;
  z-index: -1;
}

.tripContent .Location {
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

@media (min-width: 768px) {
  .tripContent .Location {
    gap: 2rem;
  }
}

@media (min-width: 1352px) {
  .tripContent .Location {
    gap: 3rem;
  }
}

@media (min-width: 1920px) {
  .tripContent .Location {
    gap: 5rem;
  }
}

.tripContent .Location .locateWrap {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.tripContent .Location .locateWrap .location {
  transition: all ease .3s;
  overflow: hidden;
  background: white;
  border-radius: 15px;
  padding: 10px;
}

@media (min-width: 768px) {
  .tripContent .Location .locateWrap .location {
    padding: 20px;
  }
}

@media (min-width: 1024px) {
  .tripContent .Location .locateWrap .location {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 2rem;
    padding: 35px;
  }
}

@media (min-width: 1352px) {
  .tripContent .Location .locateWrap .location {
    gap: 3rem;
    padding: 40px;
  }
}

@media (min-width: 1920px) {
  .tripContent .Location .locateWrap .location {
    gap: 4rem;
    padding: 50px;
  }
}

.tripContent .Location .locateWrap .location .mobile {
  display: flex;
}

@media (min-width: 1024px) {
  .tripContent .Location .locateWrap .location .mobile {
    display: none;
  }
}

.tripContent .Location .locateWrap .location .img {
  height: 200px;
}

@media (min-width: 768px) {
  .tripContent .Location .locateWrap .location .img {
    height: 300px;
  }
}

@media (min-width: 1024px) {
  .tripContent .Location .locateWrap .location .img {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    width: 40%;
    flex-grow: 1;
    display: flex;
    min-height: 100%;
  }
}

@media (min-width: 1920px) {
  .tripContent .Location .locateWrap .location .img {
    width: 45%;
  }
}

.tripContent .Location .locateWrap .location .img img {
  width: 100%;
  border-radius: 10px;
  min-width: 100%;
  min-height: 100%;
  max-height: 200px;
  object-fit: cover;
  object-position: center;
}

@media (min-width: 768px) {
  .tripContent .Location .locateWrap .location .img img {
    max-height: 300px;
  }
}

@media (min-width: 1024px) {
  .tripContent .Location .locateWrap .location .img img {
    width: 100%;
    height: 100%;
    max-height: 200px;
    object-fit: cover;
    object-position: center;
  }
}

.tripContent .Location .locateWrap .location .filterMOB {
  padding: 20px 0 30px 0;
  display: flex;
  align-items: center;
  gap: 1rem;
}

@media (min-width: 1024px) {
  .tripContent .Location .locateWrap .location .filterMOB {
    display: none;
  }
}

.tripContent .Location .locateWrap .location .filterMOB h6 {
  cursor: pointer;
  opacity: 0.5;
  margin: 0;
  color: #003366;
  text-decoration: none;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  text-decoration-color: white;
  text-transform: uppercase;
  transition: 0.5s all ease;
}

.tripContent .Location .locateWrap .location .filterMOB h6.is-active {
  opacity: 1;
  margin: 0;
  color: #003366;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-decoration-color: #FFCD00;
  text-underline-offset: 10px;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
}

.tripContent .Location .locateWrap .location .map {
  height: 200px;
}

@media (min-width: 768px) {
  .tripContent .Location .locateWrap .location .map {
    height: 300px;
  }
}

@media (min-width: 1024px) {
  .tripContent .Location .locateWrap .location .map {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    width: 40%;
    flex-grow: 1;
    display: flex;
    min-height: 100%;
  }
}

@media (min-width: 1920px) {
  .tripContent .Location .locateWrap .location .map {
    width: 45%;
  }
}

.tripContent .Location .locateWrap .location .map iframe {
  width: 100%;
  border-radius: 10px;
  min-width: 100%;
  min-height: 100%;
  max-height: 200px;
  object-fit: cover;
  object-position: center;
}

@media (min-width: 768px) {
  .tripContent .Location .locateWrap .location .map iframe {
    max-height: 300px;
  }
}

@media (min-width: 1024px) {
  .tripContent .Location .locateWrap .location .map iframe {
    width: 100%;
    height: 100%;
    max-height: 200px;
    object-fit: cover;
    object-position: center;
  }
}

.tripContent .Location .locateWrap .location .textLocate {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 20px 10px 10px 10px;
}

@media (min-width: 768px) {
  .tripContent .Location .locateWrap .location .textLocate {
    gap: 1.5rem;
    padding: 25px 10px 20px 10px;
  }
}

@media (min-width: 1024px) {
  .tripContent .Location .locateWrap .location .textLocate {
    width: 60%;
    padding: 25px 0;
  }
}

@media (min-width: 1352px) {
  .tripContent .Location .locateWrap .location .textLocate {
    gap: 2rem;
  }
}

@media (min-width: 1920px) {
  .tripContent .Location .locateWrap .location .textLocate {
    padding-right: 50px;
    width: 55%;
  }
}

.tripContent .Location .locateWrap .location .textLocate ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

@media (min-width: 768px) {
  .tripContent .Location .locateWrap .location .textLocate ul {
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    list-style: none;
    gap: 1rem 0.25rem;
  }
}

.tripContent .Location .locateWrap .location .textLocate ul li {
  color: #003366;
  text-transform: uppercase;
  margin: 0;
  padding-left: 20px;
  position: relative;
}

@media (min-width: 768px) {
  .tripContent .Location .locateWrap .location .textLocate ul li {
    width: 45%;
  }
}

.tripContent .Location .locateWrap .location .textLocate ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  background-image: url("../img/spade.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

.tripContent .Location .locateWrap .location .textLocate h6 {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  color: #003366;
}

.tripContent .Location .locateWrap .location .textLocate h6 b {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: #45474b;
}

.tripContent .Location .locateWrap .location .textLocate h3 {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #0A1628;
}

.tripContent .Location .locateWrap .location .textLocate p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 350;
  font-style: normal;
  color: black;
}

.tripContent .Location .locateWrap .location .textLocate p b {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #003366;
}

.tripContent .Location .locateWrap .location .textLocate .YellowBtn {
  width: fit-content;
}

.tripContent .Location .locateWrap .line {
  position: absolute;
  top: 0;
  left: 10%;
  background: #45474b;
  width: 2px;
  height: 100%;
  z-index: -1;
}

.tripContent .Registration {
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

@media (min-width: 768px) {
  .tripContent .Registration {
    gap: 2rem;
  }
}

@media (min-width: 1352px) {
  .tripContent .Registration {
    gap: 3rem;
  }
}

@media (min-width: 1920px) {
  .tripContent .Registration {
    gap: 5rem;
  }
}

.tripContent .Registration .regWrap {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.tripContent .Registration .regWrap .register {
  transition: all ease .3s;
  overflow: hidden;
  background: white;
  border-radius: 15px;
  padding: 10px;
}

@media (min-width: 768px) {
  .tripContent .Registration .regWrap .register {
    padding: 20px;
  }
}

@media (min-width: 1024px) {
  .tripContent .Registration .regWrap .register {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 2rem;
    padding: 35px;
  }
}

@media (min-width: 1352px) {
  .tripContent .Registration .regWrap .register {
    gap: 3rem;
    padding: 40px;
  }
}

@media (min-width: 1920px) {
  .tripContent .Registration .regWrap .register {
    gap: 4rem;
    padding: 50px;
  }
}

.tripContent .Registration .regWrap .register .img {
  height: 200px;
}

@media (min-width: 768px) {
  .tripContent .Registration .regWrap .register .img {
    height: 300px;
  }
}

@media (min-width: 1024px) {
  .tripContent .Registration .regWrap .register .img {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    width: 40%;
    flex-grow: 1;
    display: flex;
    min-height: 100%;
  }
}

@media (min-width: 1920px) {
  .tripContent .Registration .regWrap .register .img {
    width: 45%;
  }
}

.tripContent .Registration .regWrap .register .img img {
  width: 100%;
  border-radius: 10px;
  min-width: 100%;
  min-height: 100%;
  max-height: 200px;
  object-fit: cover;
  object-position: center;
}

@media (min-width: 768px) {
  .tripContent .Registration .regWrap .register .img img {
    max-height: 300px;
  }
}

@media (min-width: 1024px) {
  .tripContent .Registration .regWrap .register .img img {
    width: 100%;
    height: 100%;
    max-height: 200px;
    object-fit: cover;
    object-position: center;
  }
}

.tripContent .Registration .regWrap .register .texts {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 20px 10px 10px 10px;
}

@media (min-width: 768px) {
  .tripContent .Registration .regWrap .register .texts {
    gap: 1.5rem;
    padding: 25px 10px 20px 10px;
  }
}

@media (min-width: 1024px) {
  .tripContent .Registration .regWrap .register .texts {
    width: 60%;
    padding: 25px 0;
  }
}

@media (min-width: 1352px) {
  .tripContent .Registration .regWrap .register .texts {
    gap: 2rem;
  }
}

@media (min-width: 1920px) {
  .tripContent .Registration .regWrap .register .texts {
    padding-right: 50px;
    width: 55%;
  }
}

.tripContent .Registration .regWrap .register .texts ul {
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

@media (min-width: 768px) {
  .tripContent .Registration .regWrap .register .texts ul {
    gap: 1rem 0.25rem;
  }
}

.tripContent .Registration .regWrap .register .texts ul li {
  color: #003366;
  text-transform: uppercase;
  margin: 0;
  padding-left: 20px;
  position: relative;
}

.tripContent .Registration .regWrap .register .texts ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  background-image: url("../img/spade.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

.tripContent .Registration .regWrap .register .texts h6 {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  color: #003366;
}

.tripContent .Registration .regWrap .register .texts h6 b {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: #45474b;
}

.tripContent .Registration .regWrap .register .texts h3 {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #0A1628;
}

@media (min-width: 1024px) {
  .tripContent .Registration .regWrap .register .texts h3 {
    font-size: 2.4rem;
    line-height: 2.8rem;
  }
}

.tripContent .Registration .regWrap .register .texts p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 350;
  font-style: normal;
  color: black;
}

.tripContent .Registration .regWrap .register .texts p b {
  text-transform: uppercase;
  color: #003366;
}

.tripContent .Registration .regWrap .register .texts .buttons {
  display: flex;
  gap: 0.5rem;
}

.tripContent .Registration .regWrap .register .texts .YellowBtn, .tripContent .Registration .regWrap .register .texts .YellowBorderBtn {
  width: fit-content;
}

.tripContent .Registration .regWrap .line {
  position: absolute;
  top: 0;
  left: 10%;
  background: #45474b;
  width: 2px;
  height: 100%;
  z-index: -1;
}

.tripContent .card-1,
.tripContent .card-2,
.tripContent .card-3,
.tripContent .card-4,
.tripContent .card-5,
.tripContent .card-6 {
  border: 4px solid #FFCD00;
  border-radius: 10px;
  height: 200px;
  width: 125px;
}

@media (min-width: 768px) {
  .tripContent .card-1,
  .tripContent .card-2,
  .tripContent .card-3,
  .tripContent .card-4,
  .tripContent .card-5,
  .tripContent .card-6 {
    height: 300px;
    width: 175px;
  }
}

@media (min-width: 1920px) {
  .tripContent .card-1,
  .tripContent .card-2,
  .tripContent .card-3,
  .tripContent .card-4,
  .tripContent .card-5,
  .tripContent .card-6 {
    border: 8px solid #FFCD00;
    border-radius: 25px;
    height: 400px;
    width: 250px;
  }
}

.tripContent .card-1 {
  top: 50px;
  right: -20%;
  position: absolute;
  z-index: 0;
  rotate: -20deg;
}

@media (min-width: 768px) {
  .tripContent .card-1 {
    right: -12.5%;
  }
}

@media (min-width: 1024px) {
  .tripContent .card-1 {
    right: -10%;
  }
}

@media (min-width: 1920px) {
  .tripContent .card-1 {
    top: 100px;
    right: -10%;
    position: absolute;
    z-index: 0;
  }
}

.tripContent .card-2 {
  top: 500px;
  left: -20%;
  position: absolute;
  z-index: 0;
  rotate: 20deg;
}

@media (min-width: 768px) {
  .tripContent .card-2 {
    left: -15%;
  }
}

@media (min-width: 1024px) {
  .tripContent .card-2 {
    left: -10%;
  }
}

@media (min-width: 1920px) {
  .tripContent .card-2 {
    top: 500px;
    left: -10%;
  }
}

.tripContent .card-3 {
  top: 1000px;
  right: -20%;
  position: absolute;
  z-index: 0;
  rotate: 20deg;
}

@media (min-width: 768px) {
  .tripContent .card-3 {
    right: -10%;
  }
}

@media (min-width: 1920px) {
  .tripContent .card-3 {
    top: 1000px;
    right: -10%;
  }
}

.tripContent .card-4 {
  top: 1500px;
  left: -20%;
  position: absolute;
  z-index: 0;
  rotate: -20deg;
}

@media (min-width: 768px) {
  .tripContent .card-4 {
    left: -10%;
  }
}

@media (min-width: 1920px) {
  .tripContent .card-4 {
    top: 1500px;
    left: -10%;
  }
}

.tripContent .card-5 {
  top: 2000px;
  right: -20%;
  position: absolute;
  z-index: 0;
  rotate: -20deg;
}

@media (min-width: 768px) {
  .tripContent .card-5 {
    right: -10%;
  }
}

@media (min-width: 1920px) {
  .tripContent .card-5 {
    top: 1900px;
    right: -10%;
  }
}

.containers, .content-container {
  margin: 0 auto;
  padding: 0;
  width: calc(100% - 40px);
}

.slider-container {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  margin-left: 25px;
}

@media (min-width: 768px) {
  .containers, .content-container {
    margin: 0 auto;
    padding: 0;
    width: calc(100% - 100px);
  }
  .slider-container {
    margin-left: 50px;
  }
}

@media (min-width: 1024px) {
  .containers, .content-container {
    margin: 0 auto;
    padding: 0;
    width: calc(100% - 80px);
  }
  .slider-container {
    margin-left: 40px;
  }
}

@media (min-width: 1352px) {
  .containers {
    width: calc(100% - 120px);
  }
  .content-container {
    width: calc(100% - 250px);
  }
  .slider-container {
    margin-left: 60px;
  }
}

@media (min-width: 1920px) {
  .containers {
    width: calc(100% - 250px);
  }
  .content-container {
    width: calc(100% - 500px);
  }
  .slider-container {
    margin-left: 150px;
  }
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: 500;
  margin: 0;
}

button, a {
  font-size: 0.8rem;
  line-height: 1.2rem;
}

h1 {
  font-size: 1.8rem;
  line-height: 2.2rem;
  letter-spacing: 1px;
}

h2 {
  font-size: 1.6rem;
  line-height: 2rem;
}

h3 {
  font-size: 1.2rem;
  line-height: 1.6rem;
}

h4 {
  font-size: 1rem;
  line-height: 1.2rem;
}

h5 {
  font-size: 0.9rem;
  line-height: 1.3rem;
}

h6, button, a {
  font-size: 0.9rem;
  line-height: 1.3rem;
}

p, li {
  font-size: 0.8rem;
  line-height: 1.2rem;
}

@media (min-width: 768px) {
  h1 {
    font-size: 3.4rem;
    line-height: 3.8rem;
  }
  h2 {
    font-size: 2.8rem;
    line-height: 3.2rem;
  }
  h3 {
    font-size: 2.2rem;
    line-height: 2.6rem;
  }
  h4 {
    font-size: 1.6rem;
    line-height: 2rem;
  }
  h5 {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  h6, button, a {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
  p, li {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
}

@media (min-width: 1024px) {
  h1 {
    font-size: 3rem;
    line-height: 3.4rem;
  }
  h2 {
    font-size: 2.2rem;
    line-height: 2.6rem;
  }
  h3 {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
  h4 {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  h5 {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
  h6 {
    font-size: 1rem;
    line-height: 1.4rem;
  }
  p, li {
    font-size: 0.8rem;
    line-height: 1.2rem;
  }
}

@media (min-width: 1352px) {
  h1 {
    font-size: 3.6rem;
    line-height: 4rem;
  }
  h2 {
    font-size: 2.8rem;
    line-height: 3.2rem;
  }
  h3 {
    font-size: 2rem;
    line-height: 2.4rem;
  }
  h4 {
    font-size: 1.7rem;
    line-height: 2.1rem;
  }
  h5 {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  h6, button, a {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
  p, li {
    font-size: 1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1920px) {
  h1 {
    font-size: 4.8rem;
    line-height: 5.2rem;
  }
  h2 {
    font-size: 3.2rem;
    line-height: 3.6rem;
  }
  h3 {
    font-size: 2.2rem;
    line-height: 2.6rem;
  }
  h4 {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
  h5 {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  h6, button, a {
    font-size: 1.2rem;
    ine-height: 1.6rem;
  }
  p, li {
    font-size: 1rem;
    line-height: 1.4rem;
  }
}

.ReadMoreBtn {
  width: fit-content;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: #003366;
  border: 0;
  appearance: 0;
  outline: 0;
  background: none;
  text-transform: uppercase;
  transition: all .3s;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  font-size: 0.7rem;
}

.ReadMoreBtn svg {
  width: 20px;
  height: 20px;
  rotate: 180deg;
}

.ReadMoreBtn svg.active {
  rotate: 0deg;
}

@media (min-width: 768px) {
  .ReadMoreBtn {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .ReadMoreBtn {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.YellowBtn {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #0A1628;
  border: 0;
  appearance: 0;
  outline: 0;
  padding: 10px 15px;
  text-transform: uppercase;
  transition: all .3s;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  .YellowBtn {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .YellowBtn {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.YellowBtn:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #FFCD00;
  border-radius: 5px;
  z-index: -2;
  border: 2px solid #FFCD00;
}

.YellowBtn:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #003366;
  transition: all .3s;
  z-index: -1;
  border-radius: 5px;
}

.YellowBtn:hover {
  color: white;
  text-decoration: none;
}

.YellowBtn:hover:before {
  width: 100%;
  color: white;
}

@media (min-width: 1024px) {
  .YellowBtn {
    padding: 15px 20px;
  }
}

.YellowBorderBtn {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: white;
  border: 0;
  appearance: 0;
  outline: 0;
  padding: 10px 15px;
  text-transform: uppercase;
  transition: all .3s;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  .YellowBorderBtn {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .YellowBorderBtn {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.YellowBorderBtn:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #FFCD00;
  z-index: -2;
  border-radius: 5px;
}

.YellowBorderBtn:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #FFCD00;
  transition: all .3s;
  z-index: -1;
  border-radius: 5px;
}

.YellowBorderBtn:hover {
  color: #1E3A5F;
  text-decoration: none;
}

.YellowBorderBtn:hover:before {
  width: 100%;
}

@media (min-width: 1024px) {
  .YellowBorderBtn {
    padding: 15px 20px;
  }
}

.WhiteBtn {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #003366;
  border: 0;
  appearance: 0;
  outline: 0;
  padding: 10px 15px;
  text-transform: uppercase;
  transition: all .3s;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  .WhiteBtn {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .WhiteBtn {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.WhiteBtn:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  border-radius: 5px;
  z-index: -2;
  border: 2px solid white;
}

.WhiteBtn:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #003366;
  transition: all .3s;
  z-index: -1;
  border-radius: 5px;
}

.WhiteBtn:hover {
  color: white;
  text-decoration: none;
}

.WhiteBtn:hover:before {
  width: 100%;
  color: white;
}

@media (min-width: 1024px) {
  .WhiteBtn {
    padding: 15px 20px;
  }
}

.GreenBtn {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: white;
  border: 0;
  appearance: 0;
  outline: 0;
  padding: 10px 15px;
  text-transform: uppercase;
  transition: all .3s;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  .GreenBtn {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .GreenBtn {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.GreenBtn:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #003366;
  border-radius: 5px;
  z-index: -2;
  border: 2px solid #003366;
}

.GreenBtn:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #FFCD00;
  transition: all .3s;
  z-index: -1;
  border-radius: 5px;
}

.GreenBtn:hover {
  color: #1E3A5F;
  text-decoration: none;
}

.GreenBtn:hover:before {
  width: 100%;
  color: white;
}

@media (min-width: 1024px) {
  .GreenBtn {
    padding: 15px 20px;
  }
}

.WhiteBorderBtn {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #003366;
  border: 0;
  appearance: 0;
  outline: 0;
  padding: 10px 15px;
  text-transform: uppercase;
  transition: all .3s;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  .WhiteBorderBtn {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .WhiteBorderBtn {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.WhiteBorderBtn:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  border-radius: 5px;
  z-index: -2;
  border: 2px solid #FFCD00;
}

.WhiteBorderBtn:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #003366;
  transition: all .3s;
  z-index: -1;
  border-radius: 5px;
}

.WhiteBorderBtn:hover {
  color: white;
  text-decoration: none;
}

.WhiteBorderBtn:hover:before {
  width: 100%;
  color: white;
}

@media (min-width: 1024px) {
  .WhiteBorderBtn {
    padding: 15px 20px;
  }
}

.grad {
  background: #0A1628;
  background: -moz-linear-gradient(180deg, #0A1628 0%, #1E5AA8 100%);
  background: -webkit-linear-gradient(180deg, #0A1628 0%, #1E5AA8 100%);
  background: linear-gradient(180deg, #0A1628 0%, #1E5AA8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0A1628",endColorstr="#1E5AA8",GradientType=1);
}

/* Carts Style */
.cart-icon {
  display: inline-block;
  width: 25px;
  height: 15px;
  background-image: url("../img/all.png");
  vertical-align: middle;
}

.clubs-2 {
  background-position: 0 0;
}

.clubs-3 {
  background-position: -25px 0;
}

.clubs-4 {
  background-position: -50px 0;
}

.clubs-5 {
  background-position: -75px 0;
}

.clubs-6 {
  background-position: -100px 0;
}

.clubs-7 {
  background-position: -125px 0;
}

.clubs-8 {
  background-position: -150px 0;
}

.clubs-9 {
  background-position: -175px 0;
}

.clubs-10 {
  background-position: -200px 0;
}

.clubs-j {
  background-position: -225px 0;
}

.clubs-q {
  background-position: -250px 0;
}

.clubs-k {
  background-position: -275px 0;
}

.clubs-a {
  background-position: 25px 0;
}

.diamonds-2 {
  background-position: 0 -15px;
}

.diamonds-3 {
  background-position: -25px -15px;
}

.diamonds-4 {
  background-position: -50px -15px;
}

.diamonds-5 {
  background-position: -75px -15px;
}

.diamonds-6 {
  background-position: -100px -15px;
}

.diamonds-7 {
  background-position: -125px -15px;
}

.diamonds-8 {
  background-position: -150px -15px;
}

.diamonds-9 {
  background-position: -175px -15px;
}

.diamonds-10 {
  background-position: -200px -15px;
}

.diamonds-j {
  background-position: -225px -15px;
}

.diamonds-q {
  background-position: -250px -15px;
}

.diamonds-k {
  background-position: -275px -15px;
}

.diamonds-a {
  background-position: 25px -15px;
}

.hearts-2 {
  background-position: 0 -30px;
}

.hearts-3 {
  background-position: -25px -30px;
}

.hearts-4 {
  background-position: -50px -30px;
}

.hearts-5 {
  background-position: -75px -30px;
}

.hearts-6 {
  background-position: -100px -30px;
}

.hearts-7 {
  background-position: -125px -30px;
}

.hearts-8 {
  background-position: -150px -30px;
}

.hearts-9 {
  background-position: -175px -30px;
}

.hearts-10 {
  background-position: -200px -30px;
}

.hearts-j {
  background-position: -225px -30px;
}

.hearts-q {
  background-position: -250px -30px;
}

.hearts-k {
  background-position: -275px -30px;
}

.hearts-a {
  background-position: 25px -30px;
}

.spades-2 {
  background-position: 0 -45px;
}

.spades-3 {
  background-position: -25px -45px;
}

.spades-4 {
  background-position: -50px -45px;
}

.spades-5 {
  background-position: -75px -45px;
}

.spades-6 {
  background-position: -100px -45px;
}

.spades-7 {
  background-position: -125px -45px;
}

.spades-8 {
  background-position: -150px -45px;
}

.spades-9 {
  background-position: -175px -45px;
}

.spades-10 {
  background-position: -200px -45px;
}

.spades-j {
  background-position: -225px -45px;
}

.spades-q {
  background-position: -250px -45px;
}

.spades-k {
  background-position: -275px -45px;
}

.spades-a {
  background-position: 25px -45px;
}

.x-2 {
  background-position: 0 -60px;
}

.x-3 {
  background-position: -25px -60px;
}

.x-4 {
  background-position: -50px -60px;
}

.x-5 {
  background-position: -75px -60px;
}

.x-6 {
  background-position: -100px -60px;
}

.x-7 {
  background-position: -125px -60px;
}

.x-8 {
  background-position: -150px -60px;
}

.x-9 {
  background-position: -175px -60px;
}

.x-10 {
  background-position: -200px -60px;
}

.x-j {
  background-position: -225px -60px;
}

.x-q {
  background-position: -250px -60px;
}

.x-k {
  background-position: -275px -60px;
}

.x-a {
  background-position: 25px -60px;
}

.x-clubs {
  background-position: 0 -75px;
}

.x-diamonds {
  background-position: -25px -75px;
}

.x-hearts {
  background-position: -50px -75px;
}

.x-spades {
  background-position: -75px -75px;
}

.x-x {
  background-position: -100px -75px;
}

.sateContent {
  overflow: hidden;
  position: relative;
  z-index: 2;
  background: #0A1628;
  background: linear-gradient(180deg, #0A1628 0%, #1E5AA8 100%);
  display: flex;
  flex-direction: column;
  gap: 3rem;
  padding: 3rem 0 0 0;
}

@media (min-width: 1024px) {
  .sateContent {
    padding: 3rem 0;
  }
}

@media (min-width: 1352px) {
  .sateContent {
    gap: 5rem;
    padding: 5rem 0;
  }
}

.sateContent .selectorsSate {
  overflow: scroll;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin: 0 0 0 20px;
  padding: 0 20px 0 0;
}

@media (min-width: 768px) {
  .sateContent .selectorsSate {
    margin: 0 0 0 50px;
    padding: 0 50px 0 0;
    gap: 3rem;
  }
}

@media (min-width: 1024px) {
  .sateContent .selectorsSate {
    margin: 0 0 0 40px;
    padding: 0 40px 0 0;
  }
}

@media (min-width: 1352px) {
  .sateContent .selectorsSate {
    margin: 0 0 0 60px;
    padding: 0 60px 0 0;
  }
}

@media (min-width: 1920px) {
  .sateContent .selectorsSate {
    margin: 0 0 0 125px;
    padding: 0 125px 0 0;
  }
}

.sateContent .selectorsSate::-webkit-scrollbar {
  display: none;
}

.sateContent .selectorsSate::-webkit-scrollbar-track {
  display: none;
}

.sateContent .selectorsSate::-webkit-scrollbar-thumb {
  display: none;
}

.sateContent .selectorsSate a {
  cursor: pointer;
  opacity: 0.5;
  margin: 0;
  color: white;
  text-decoration: none;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  padding-bottom: 10px;
  transition: 0.5s all ease;
  white-space: nowrap;
}

.sateContent .selectorsSate a.is-active {
  opacity: 1;
  margin: 0;
  color: white;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-decoration-color: #FFCD00;
  text-underline-offset: 10px;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
}

.sateContent .Online {
  overflow: hidden;
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

@media (min-width: 768px) {
  .sateContent .Online {
    gap: 2rem;
  }
}

@media (min-width: 1352px) {
  .sateContent .Online {
    gap: 3rem;
  }
}

@media (min-width: 1920px) {
  .sateContent .Online {
    gap: 5rem;
  }
}

.sateContent .Online .onlineWrap {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
}

@media (min-width: 1024px) {
  .sateContent .Online .onlineWrap {
    margin: 0 auto;
    padding: 0;
    width: calc(100% - 80px);
    gap: 2rem;
  }
}

@media (min-width: 1352px) {
  .sateContent .Online .onlineWrap {
    width: calc(100% - 250px);
  }
}

@media (min-width: 1920px) {
  .sateContent .Online .onlineWrap {
    width: calc(100% - 500px);
  }
}

.sateContent .Online .onlineWrap .pokerstars,
.sateContent .Online .onlineWrap .pp {
  transition: all ease .3s;
  overflow: hidden;
}

@media (min-width: 1024px) {
  .sateContent .Online .onlineWrap .pokerstars,
  .sateContent .Online .onlineWrap .pp {
    border-radius: 15px;
    gap: 2rem;
    padding: 35px;
  }
}

@media (min-width: 1352px) {
  .sateContent .Online .onlineWrap .pokerstars,
  .sateContent .Online .onlineWrap .pp {
    gap: 3rem;
    padding: 40px;
  }
}

@media (min-width: 1920px) {
  .sateContent .Online .onlineWrap .pokerstars,
  .sateContent .Online .onlineWrap .pp {
    gap: 4rem;
    padding: 50px;
  }
}

.sateContent .Online .onlineWrap .pokerstars .contentHead,
.sateContent .Online .onlineWrap .pp .contentHead {
  padding: 25px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  width: calc(100% - 40px);
}

@media (min-width: 768px) {
  .sateContent .Online .onlineWrap .pokerstars .contentHead,
  .sateContent .Online .onlineWrap .pp .contentHead {
    padding: 35px 0;
    margin: 0 auto;
    width: calc(100% - 100px);
  }
}

@media (min-width: 1024px) {
  .sateContent .Online .onlineWrap .pokerstars .contentHead,
  .sateContent .Online .onlineWrap .pp .contentHead {
    display: none;
  }
}

.sateContent .Online .onlineWrap .pokerstars .contentHead img,
.sateContent .Online .onlineWrap .pp .contentHead img {
  width: 50%;
}

@media (min-width: 768px) {
  .sateContent .Online .onlineWrap .pokerstars .contentHead img,
  .sateContent .Online .onlineWrap .pp .contentHead img {
    width: 35%;
  }
}

.sateContent .Online .onlineWrap .pokerstars .contentHead svg,
.sateContent .Online .onlineWrap .pp .contentHead svg {
  transition: 0.3s all ease;
  width: 20px;
  height: 20px;
}

@media (min-width: 768px) {
  .sateContent .Online .onlineWrap .pokerstars .contentHead svg,
  .sateContent .Online .onlineWrap .pp .contentHead svg {
    width: 25px;
    height: 25px;
  }
}

@media (min-width: 1024px) {
  .sateContent .Online .onlineWrap .pokerstars .contentHead svg,
  .sateContent .Online .onlineWrap .pp .contentHead svg {
    display: none;
  }
}

.sateContent .Online .onlineWrap .pokerstars .contentHead svg.active,
.sateContent .Online .onlineWrap .pp .contentHead svg.active {
  rotate: 90deg;
}

@media (min-width: 1024px) {
  .sateContent .Online .onlineWrap .pokerstars .contentToggle,
  .sateContent .Online .onlineWrap .pp .contentToggle {
    display: flex;
    flex-direction: row-reverse;
    gap: 2rem;
    height: 100%;
  }
}

@media (min-width: 1352px) {
  .sateContent .Online .onlineWrap .pokerstars .contentToggle,
  .sateContent .Online .onlineWrap .pp .contentToggle {
    gap: 3rem;
  }
}

@media (min-width: 1352px) {
  .sateContent .Online .onlineWrap .pokerstars .contentToggle,
  .sateContent .Online .onlineWrap .pp .contentToggle {
    gap: 4rem;
  }
}

.sateContent .Online .onlineWrap .pokerstars .contentToggle .table,
.sateContent .Online .onlineWrap .pp .contentToggle .table {
  margin: 0;
}

@media (min-width: 1024px) {
  .sateContent .Online .onlineWrap .pokerstars .contentToggle .table,
  .sateContent .Online .onlineWrap .pp .contentToggle .table {
    width: 60%;
    background: white;
    border-radius: 10px;
    overflow-y: auto;
    max-height: 550px;
  }
}

.sateContent .Online .onlineWrap .pokerstars .contentToggle .table table,
.sateContent .Online .onlineWrap .pp .contentToggle .table table {
  margin: 0;
  height: 100%;
  overflow-x: scroll;
  width: 100%;
}

.sateContent .Online .onlineWrap .pokerstars .contentToggle .table table thead,
.sateContent .Online .onlineWrap .pp .contentToggle .table table thead {
  width: 100%;
  background: white;
}

.sateContent .Online .onlineWrap .pokerstars .contentToggle .table table thead th,
.sateContent .Online .onlineWrap .pp .contentToggle .table table thead th {
  width: 100%;
  padding: 0.75rem 0.5rem;
  text-transform: uppercase;
  color: #0077B6;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  vertical-align: middle;
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  .sateContent .Online .onlineWrap .pokerstars .contentToggle .table table thead th,
  .sateContent .Online .onlineWrap .pp .contentToggle .table table thead th {
    padding: 1rem;
    font-size: 0.8rem;
  }
}

@media (min-width: 1024px) {
  .sateContent .Online .onlineWrap .pokerstars .contentToggle .table table thead th,
  .sateContent .Online .onlineWrap .pp .contentToggle .table table thead th {
    padding: 0.75rem;
  }
}

.sateContent .Online .onlineWrap .pokerstars .contentToggle .table table tbody,
.sateContent .Online .onlineWrap .pp .contentToggle .table table tbody {
  background: white;
}

.sateContent .Online .onlineWrap .pokerstars .contentToggle .table table tbody tr,
.sateContent .Online .onlineWrap .pp .contentToggle .table table tbody tr {
  width: 100%;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 350;
  font-style: normal;
}

.sateContent .Online .onlineWrap .pokerstars .contentToggle .table table tbody tr:nth-child(odd),
.sateContent .Online .onlineWrap .pp .contentToggle .table table tbody tr:nth-child(odd) {
  background-color: #ebebeb;
}

.sateContent .Online .onlineWrap .pokerstars .contentToggle .table table tbody tr td,
.sateContent .Online .onlineWrap .pp .contentToggle .table table tbody tr td {
  padding: 0.75rem;
  border-right: 1px solid #dadada;
  color: #1E3A5F;
  text-align: center;
  vertical-align: middle;
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  .sateContent .Online .onlineWrap .pokerstars .contentToggle .table table tbody tr td,
  .sateContent .Online .onlineWrap .pp .contentToggle .table table tbody tr td {
    padding: 1rem;
    font-size: 0.8rem;
  }
}

@media (min-width: 1024px) {
  .sateContent .Online .onlineWrap .pokerstars .contentToggle .table table tbody tr td,
  .sateContent .Online .onlineWrap .pp .contentToggle .table table tbody tr td {
    padding: 0.75rem;
  }
}

.sateContent .Online .onlineWrap .pokerstars .contentToggle .table table tbody tr #time,
.sateContent .Online .onlineWrap .pp .contentToggle .table table tbody tr #time {
  width: 20%;
  padding: 0;
  margin: 0;
}

.sateContent .Online .onlineWrap .pokerstars .contentToggle .table table tbody tr #time .check,
.sateContent .Online .onlineWrap .pp .contentToggle .table table tbody tr #time .check {
  border-radius: 5px;
  text-align: center;
  margin: auto;
  padding: 0.25rem 0.5rem;
  width: fit-content;
  background-color: #FFCD00;
}

.sateContent .Online .onlineWrap .pokerstars .contentToggle .table table tbody tr #tourn,
.sateContent .Online .onlineWrap .pp .contentToggle .table table tbody tr #tourn {
  width: 60%;
  padding: 0.5rem 1rem;
  text-align: left !important;
}

@media (min-width: 768px) {
  .sateContent .Online .onlineWrap .pokerstars .contentToggle .table table tbody tr #tourn,
  .sateContent .Online .onlineWrap .pp .contentToggle .table table tbody tr #tourn {
    padding: 1rem;
    font-size: 0.8rem;
  }
}

@media (min-width: 1024px) {
  .sateContent .Online .onlineWrap .pokerstars .contentToggle .table table tbody tr #tourn,
  .sateContent .Online .onlineWrap .pp .contentToggle .table table tbody tr #tourn {
    width: 70%;
    padding: 0.75rem;
  }
}

.sateContent .Online .onlineWrap .pokerstars .contentToggle .table table tbody tr #buy,
.sateContent .Online .onlineWrap .pp .contentToggle .table table tbody tr #buy {
  text-align: center;
  width: 20%;
}

.sateContent .Online .onlineWrap .pokerstars .contentToggle .text,
.sateContent .Online .onlineWrap .pp .contentToggle .text {
  padding: 35px 0;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

@media (min-width: 768px) {
  .sateContent .Online .onlineWrap .pokerstars .contentToggle .text,
  .sateContent .Online .onlineWrap .pp .contentToggle .text {
    padding: 50px 0;
    gap: 2rem;
  }
}

@media (min-width: 1024px) {
  .sateContent .Online .onlineWrap .pokerstars .contentToggle .text,
  .sateContent .Online .onlineWrap .pp .contentToggle .text {
    padding: 25px 0;
    width: 40%;
  }
}

@media (min-width: 1352px) {
  .sateContent .Online .onlineWrap .pokerstars .contentToggle .text,
  .sateContent .Online .onlineWrap .pp .contentToggle .text {
    gap: 2rem;
  }
}

@media (min-width: 1920px) {
  .sateContent .Online .onlineWrap .pokerstars .contentToggle .text,
  .sateContent .Online .onlineWrap .pp .contentToggle .text {
    padding-left: 0px;
  }
}

.sateContent .Online .onlineWrap .pokerstars .contentToggle .text img,
.sateContent .Online .onlineWrap .pp .contentToggle .text img {
  display: none;
}

@media (min-width: 1024px) {
  .sateContent .Online .onlineWrap .pokerstars .contentToggle .text img,
  .sateContent .Online .onlineWrap .pp .contentToggle .text img {
    display: block;
    width: 175px;
  }
}

@media (min-width: 1352px) {
  .sateContent .Online .onlineWrap .pokerstars .contentToggle .text img,
  .sateContent .Online .onlineWrap .pp .contentToggle .text img {
    width: 200px;
  }
}

.sateContent .Online .onlineWrap .pokerstars .contentToggle .text ul,
.sateContent .Online .onlineWrap .pp .contentToggle .text ul {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 350;
  font-style: normal;
  padding: 0;
  margin: 0;
  list-style: none;
  counter-reset: list-item;
}

.sateContent .Online .onlineWrap .pokerstars .contentToggle .text ul li,
.sateContent .Online .onlineWrap .pp .contentToggle .text ul li {
  color: white;
  margin: 0;
  padding: 0 0 15px 30px;
  position: relative;
  counter-increment: list-item;
}

@media (min-width: 768px) {
  .sateContent .Online .onlineWrap .pokerstars .contentToggle .text ul li,
  .sateContent .Online .onlineWrap .pp .contentToggle .text ul li {
    padding: 0 0 30px 45px;
  }
}

.sateContent .Online .onlineWrap .pokerstars .contentToggle .text ul li::before,
.sateContent .Online .onlineWrap .pp .contentToggle .text ul li::before {
  content: counter(list-item);
  position: absolute;
  left: 0;
  top: 3px;
  width: 15px;
  height: 15px;
  background-color: #FFCD00;
  color: black;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.6rem;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 350;
  font-style: normal;
}

@media (min-width: 768px) {
  .sateContent .Online .onlineWrap .pokerstars .contentToggle .text ul li::before,
  .sateContent .Online .onlineWrap .pp .contentToggle .text ul li::before {
    font-size: 0.7rem;
    width: 18px;
    height: 18px;
  }
}

.sateContent .Online .onlineWrap .pokerstars .contentToggle .text ul li:last-of-type,
.sateContent .Online .onlineWrap .pp .contentToggle .text ul li:last-of-type {
  padding: 0 0 0 30px;
}

@media (min-width: 768px) {
  .sateContent .Online .onlineWrap .pokerstars .contentToggle .text ul li:last-of-type,
  .sateContent .Online .onlineWrap .pp .contentToggle .text ul li:last-of-type {
    padding: 0 0 0px 45px;
  }
}

.sateContent .Online .onlineWrap .pokerstars .contentToggle .text h6,
.sateContent .Online .onlineWrap .pp .contentToggle .text h6 {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  color: white;
}

.sateContent .Online .onlineWrap .pokerstars .contentToggle .text h6 b,
.sateContent .Online .onlineWrap .pp .contentToggle .text h6 b {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: white;
}

.sateContent .Online .onlineWrap .pokerstars .contentToggle .text h3,
.sateContent .Online .onlineWrap .pp .contentToggle .text h3 {
  width: 80%;
  margin: 0;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: white;
}

@media (min-width: 1024px) {
  .sateContent .Online .onlineWrap .pokerstars .contentToggle .text h3,
  .sateContent .Online .onlineWrap .pp .contentToggle .text h3 {
    width: 100%;
  }
}

@media (min-width: 1920px) {
  .sateContent .Online .onlineWrap .pokerstars .contentToggle .text h3,
  .sateContent .Online .onlineWrap .pp .contentToggle .text h3 {
    width: 80%;
  }
}

.sateContent .Online .onlineWrap .pokerstars .contentToggle .text p,
.sateContent .Online .onlineWrap .pp .contentToggle .text p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 350;
  font-style: normal;
  color: white;
}

.sateContent .Online .onlineWrap .pokerstars .contentToggle .text p b,
.sateContent .Online .onlineWrap .pp .contentToggle .text p b {
  text-transform: uppercase;
  color: white;
}

.sateContent .Online .onlineWrap .pokerstars .contentToggle .text .YellowBtn,
.sateContent .Online .onlineWrap .pp .contentToggle .text .YellowBtn {
  width: fit-content;
}

.sateContent .Online .onlineWrap .pokerstars .contentToggle .affiliates,
.sateContent .Online .onlineWrap .pp .contentToggle .affiliates {
  background: white;
}

.sateContent .Online .onlineWrap .pokerstars .contentToggle .affiliates h6,
.sateContent .Online .onlineWrap .pp .contentToggle .affiliates h6 {
  width: 100%;
  color: #FFCD00;
  text-align: center;
  text-transform: uppercase;
}

.sateContent .Online .onlineWrap .ipoker {
  transition: all ease .3s;
  overflow: hidden;
}

@media (min-width: 1024px) {
  .sateContent .Online .onlineWrap .ipoker {
    border-radius: 15px;
    gap: 2rem;
    padding: 35px;
  }
}

@media (min-width: 1352px) {
  .sateContent .Online .onlineWrap .ipoker {
    gap: 3rem;
    padding: 40px;
  }
}

@media (min-width: 1920px) {
  .sateContent .Online .onlineWrap .ipoker {
    gap: 4rem;
    padding: 50px;
  }
}

.sateContent .Online .onlineWrap .ipoker .contentHead {
  padding: 25px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  width: calc(100% - 40px);
}

@media (min-width: 768px) {
  .sateContent .Online .onlineWrap .ipoker .contentHead {
    padding: 35px 0;
    margin: 0 auto;
    width: calc(100% - 100px);
  }
}

@media (min-width: 1024px) {
  .sateContent .Online .onlineWrap .ipoker .contentHead {
    display: none;
  }
}

.sateContent .Online .onlineWrap .ipoker .contentHead img {
  width: 50%;
}

@media (min-width: 768px) {
  .sateContent .Online .onlineWrap .ipoker .contentHead img {
    width: 35%;
  }
}

.sateContent .Online .onlineWrap .ipoker .contentHead svg {
  transition: 0.3s all ease;
  width: 20px;
  height: 20px;
}

@media (min-width: 768px) {
  .sateContent .Online .onlineWrap .ipoker .contentHead svg {
    width: 25px;
    height: 25px;
  }
}

@media (min-width: 1024px) {
  .sateContent .Online .onlineWrap .ipoker .contentHead svg {
    display: none;
  }
}

.sateContent .Online .onlineWrap .ipoker .contentHead svg.active {
  rotate: 90deg;
}

.sateContent .Online .onlineWrap .ipoker .contentToggle {
  padding-bottom: 50px;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

@media (min-width: 768px) {
  .sateContent .Online .onlineWrap .ipoker .contentToggle {
    gap: 3rem;
  }
}

@media (min-width: 1024px) {
  .sateContent .Online .onlineWrap .ipoker .contentToggle {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    gap: 4rem 1rem;
    height: 100%;
    flex-flow: wrap;
    padding-bottom: 0;
  }
}

.sateContent .Online .onlineWrap .ipoker .contentToggle .table {
  margin: 0;
}

@media (min-width: 1024px) {
  .sateContent .Online .onlineWrap .ipoker .contentToggle .table {
    order: 2;
    width: 58%;
    background: white;
    border-radius: 10px;
    overflow-y: auto;
    max-height: 550px;
  }
}

.sateContent .Online .onlineWrap .ipoker .contentToggle .table table {
  margin: 0;
  height: 100%;
  overflow-x: scroll;
  width: 100%;
}

.sateContent .Online .onlineWrap .ipoker .contentToggle .table table thead {
  width: 100%;
  background: white;
}

.sateContent .Online .onlineWrap .ipoker .contentToggle .table table thead th {
  width: 100%;
  padding: 0.75rem 0.5rem;
  text-transform: uppercase;
  color: #0077B6;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  vertical-align: middle;
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  .sateContent .Online .onlineWrap .ipoker .contentToggle .table table thead th {
    padding: 1rem;
    font-size: 0.8rem;
  }
}

@media (min-width: 1024px) {
  .sateContent .Online .onlineWrap .ipoker .contentToggle .table table thead th {
    padding: 0.75rem;
  }
}

.sateContent .Online .onlineWrap .ipoker .contentToggle .table table tbody {
  background: white;
}

.sateContent .Online .onlineWrap .ipoker .contentToggle .table table tbody tr {
  width: 100%;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 350;
  font-style: normal;
}

.sateContent .Online .onlineWrap .ipoker .contentToggle .table table tbody tr:nth-child(odd) {
  background-color: #ebebeb;
}

.sateContent .Online .onlineWrap .ipoker .contentToggle .table table tbody tr td {
  padding: 0.75rem;
  border-right: 1px solid #dadada;
  color: #1E3A5F;
  text-align: center;
  vertical-align: middle;
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  .sateContent .Online .onlineWrap .ipoker .contentToggle .table table tbody tr td {
    padding: 1rem;
    font-size: 0.8rem;
  }
}

@media (min-width: 1024px) {
  .sateContent .Online .onlineWrap .ipoker .contentToggle .table table tbody tr td {
    padding: 0.75rem;
  }
}

.sateContent .Online .onlineWrap .ipoker .contentToggle .table table tbody tr #time {
  width: 15%;
  margin: 0;
}

@media (min-width: 1024px) {
  .sateContent .Online .onlineWrap .ipoker .contentToggle .table table tbody tr #time {
    width: 22.5%;
    min-width: 22.5%;
    padding: 0.75rem;
  }
}

.sateContent .Online .onlineWrap .ipoker .contentToggle .table table tbody tr #time .check {
  border-radius: 5px;
  text-align: center;
  margin: auto;
  padding: 0.25rem 0.5rem;
  width: fit-content;
  background-color: #FFCD00;
}

.sateContent .Online .onlineWrap .ipoker .contentToggle .table table tbody tr #tourn {
  min-width: 50%;
  padding: 0.5rem 1rem;
  text-align: left !important;
}

@media (min-width: 768px) {
  .sateContent .Online .onlineWrap .ipoker .contentToggle .table table tbody tr #tourn {
    padding: 1rem;
    font-size: 0.8rem;
  }
}

@media (min-width: 1024px) {
  .sateContent .Online .onlineWrap .ipoker .contentToggle .table table tbody tr #tourn {
    width: 50%;
    padding: 0.75rem;
  }
}

.sateContent .Online .onlineWrap .ipoker .contentToggle .table table tbody tr #buy {
  text-align: center;
  width: 15%;
}

@media (min-width: 1024px) {
  .sateContent .Online .onlineWrap .ipoker .contentToggle .table table tbody tr #buy {
    width: 15%;
    min-width: 25%;
    padding: 0.75rem;
  }
}

.sateContent .Online .onlineWrap .ipoker .contentToggle .text {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

@media (min-width: 768px) {
  .sateContent .Online .onlineWrap .ipoker .contentToggle .text {
    gap: 2rem;
  }
}

@media (min-width: 1024px) {
  .sateContent .Online .onlineWrap .ipoker .contentToggle .text {
    margin: 0;
    order: 1;
    padding: 25px 0;
    width: 38.5%;
  }
}

@media (min-width: 1352px) {
  .sateContent .Online .onlineWrap .ipoker .contentToggle .text {
    gap: 2rem;
  }
}

@media (min-width: 1920px) {
  .sateContent .Online .onlineWrap .ipoker .contentToggle .text {
    padding-left: 0px;
  }
}

.sateContent .Online .onlineWrap .ipoker .contentToggle .text img {
  display: none;
}

@media (min-width: 1024px) {
  .sateContent .Online .onlineWrap .ipoker .contentToggle .text img {
    display: block;
    width: 175px;
  }
}

@media (min-width: 1352px) {
  .sateContent .Online .onlineWrap .ipoker .contentToggle .text img {
    width: 200px;
  }
}

.sateContent .Online .onlineWrap .ipoker .contentToggle .text ul {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 350;
  font-style: normal;
  padding: 0;
  margin: 0;
  list-style: none;
  counter-reset: list-item;
}

.sateContent .Online .onlineWrap .ipoker .contentToggle .text ul li {
  color: white;
  margin: 0;
  padding: 0 0 15px 30px;
  position: relative;
  counter-increment: list-item;
}

@media (min-width: 768px) {
  .sateContent .Online .onlineWrap .ipoker .contentToggle .text ul li {
    padding: 0 0 30px 45px;
  }
}

.sateContent .Online .onlineWrap .ipoker .contentToggle .text ul li::before {
  content: counter(list-item);
  position: absolute;
  left: 0;
  top: 3px;
  width: 15px;
  height: 15px;
  background-color: #FFCD00;
  color: black;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.6rem;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 350;
  font-style: normal;
}

@media (min-width: 768px) {
  .sateContent .Online .onlineWrap .ipoker .contentToggle .text ul li::before {
    font-size: 0.7rem;
    width: 18px;
    height: 18px;
  }
}

.sateContent .Online .onlineWrap .ipoker .contentToggle .text ul li:last-of-type {
  padding: 0 0 0 30px;
}

@media (min-width: 768px) {
  .sateContent .Online .onlineWrap .ipoker .contentToggle .text ul li:last-of-type {
    padding: 0 0 0px 45px;
  }
}

.sateContent .Online .onlineWrap .ipoker .contentToggle .text h6 {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  color: white;
}

.sateContent .Online .onlineWrap .ipoker .contentToggle .text h6 b {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: white;
}

.sateContent .Online .onlineWrap .ipoker .contentToggle .text h3 {
  width: 80%;
  margin: 0;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: white;
}

@media (min-width: 1024px) {
  .sateContent .Online .onlineWrap .ipoker .contentToggle .text h3 {
    width: 100%;
  }
}

@media (min-width: 1920px) {
  .sateContent .Online .onlineWrap .ipoker .contentToggle .text h3 {
    width: 80%;
  }
}

.sateContent .Online .onlineWrap .ipoker .contentToggle .text p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 350;
  font-style: normal;
  color: white;
}

.sateContent .Online .onlineWrap .ipoker .contentToggle .text p b {
  text-transform: uppercase;
  color: white;
}

.sateContent .Online .onlineWrap .ipoker .contentToggle .text .YellowBtn {
  width: fit-content;
}

.sateContent .Online .onlineWrap .ipoker .contentToggle .affiliates {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin: 0 auto;
  padding: 0;
  width: calc(100% - 40px);
}

@media (min-width: 768px) {
  .sateContent .Online .onlineWrap .ipoker .contentToggle .affiliates {
    gap: 3rem;
    margin: 0 auto;
    padding: 0;
    width: calc(100% - 100px);
  }
}

@media (min-width: 1024px) {
  .sateContent .Online .onlineWrap .ipoker .contentToggle .affiliates {
    width: 100%;
    order: 3;
    gap: 3rem;
  }
}

.sateContent .Online .onlineWrap .ipoker .contentToggle .affiliates .logos {
  padding: 20px;
  border-radius: 10px;
  background: white;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  gap: 2rem 0;
}

@media (min-width: 768px) {
  .sateContent .Online .onlineWrap .ipoker .contentToggle .affiliates .logos {
    padding: 25px;
    gap: 3rem 2rem;
    justify-content: space-between;
  }
}

@media (min-width: 1024px) {
  .sateContent .Online .onlineWrap .ipoker .contentToggle .affiliates .logos {
    justify-content: center;
  }
}

@media (min-width: 1352px) {
  .sateContent .Online .onlineWrap .ipoker .contentToggle .affiliates .logos {
    padding: 50px;
  }
}

.sateContent .Online .onlineWrap .ipoker .contentToggle .affiliates .logos a {
  width: calc(50% - 10px);
}

@media (min-width: 768px) {
  .sateContent .Online .onlineWrap .ipoker .contentToggle .affiliates .logos a {
    width: calc(30% - 10px);
  }
}

@media (min-width: 1024px) {
  .sateContent .Online .onlineWrap .ipoker .contentToggle .affiliates .logos a {
    width: calc(20% - 30px);
  }
}

.sateContent .Online .onlineWrap .ipoker .contentToggle .affiliates .logos a img {
  width: 100%;
}

.sateContent .Online .onlineWrap .ipoker .contentToggle .affiliates h6 {
  margin: 0;
  width: 100%;
  color: #FFCD00;
  text-align: center;
  text-transform: uppercase;
}

.sateContent .Online .onlineWrap .line {
  position: absolute;
  top: 0;
  left: 10%;
  background: #45474b;
  width: 2px;
  height: 100%;
  z-index: -1;
}

.sateContent .Live {
  z-index: 2;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

@media (min-width: 768px) {
  .sateContent .Live {
    gap: 2rem;
  }
}

@media (min-width: 1352px) {
  .sateContent .Live {
    gap: 3rem;
  }
}

@media (min-width: 1920px) {
  .sateContent .Live {
    gap: 5rem;
  }
}

.sateContent .Live .liveWrap {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
}

@media (min-width: 1024px) {
  .sateContent .Live .liveWrap {
    margin: 0 auto;
    padding: 0;
    width: calc(100% - 100px);
    gap: 2rem;
  }
}

@media (min-width: 1352px) {
  .sateContent .Live .liveWrap {
    width: calc(100% - 250px);
  }
}

@media (min-width: 1920px) {
  .sateContent .Live .liveWrap {
    width: calc(100% - 500px);
  }
}

.sateContent .Live .liveWrap .pokerstars,
.sateContent .Live .liveWrap .pp,
.sateContent .Live .liveWrap .ipoker {
  transition: all ease .3s;
  overflow: hidden;
}

@media (min-width: 1024px) {
  .sateContent .Live .liveWrap .pokerstars,
  .sateContent .Live .liveWrap .pp,
  .sateContent .Live .liveWrap .ipoker {
    border-radius: 15px;
    gap: 2rem;
    padding: 35px;
  }
}

@media (min-width: 1352px) {
  .sateContent .Live .liveWrap .pokerstars,
  .sateContent .Live .liveWrap .pp,
  .sateContent .Live .liveWrap .ipoker {
    gap: 3rem;
    padding: 40px;
  }
}

@media (min-width: 1920px) {
  .sateContent .Live .liveWrap .pokerstars,
  .sateContent .Live .liveWrap .pp,
  .sateContent .Live .liveWrap .ipoker {
    gap: 4rem;
    padding: 50px;
  }
}

.sateContent .Live .liveWrap .pokerstars .contentHead,
.sateContent .Live .liveWrap .pp .contentHead,
.sateContent .Live .liveWrap .ipoker .contentHead {
  padding: 25px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  width: calc(100% - 40px);
}

@media (min-width: 768px) {
  .sateContent .Live .liveWrap .pokerstars .contentHead,
  .sateContent .Live .liveWrap .pp .contentHead,
  .sateContent .Live .liveWrap .ipoker .contentHead {
    padding: 35px 0;
    margin: 0 auto;
    width: calc(100% - 100px);
  }
}

@media (min-width: 1024px) {
  .sateContent .Live .liveWrap .pokerstars .contentHead,
  .sateContent .Live .liveWrap .pp .contentHead,
  .sateContent .Live .liveWrap .ipoker .contentHead {
    display: none;
  }
}

.sateContent .Live .liveWrap .pokerstars .contentHead img,
.sateContent .Live .liveWrap .pp .contentHead img,
.sateContent .Live .liveWrap .ipoker .contentHead img {
  width: 50%;
}

@media (min-width: 768px) {
  .sateContent .Live .liveWrap .pokerstars .contentHead img,
  .sateContent .Live .liveWrap .pp .contentHead img,
  .sateContent .Live .liveWrap .ipoker .contentHead img {
    width: 35%;
  }
}

.sateContent .Live .liveWrap .pokerstars .contentHead svg,
.sateContent .Live .liveWrap .pp .contentHead svg,
.sateContent .Live .liveWrap .ipoker .contentHead svg {
  transition: 0.3s all ease;
  width: 20px;
  height: 20px;
}

@media (min-width: 768px) {
  .sateContent .Live .liveWrap .pokerstars .contentHead svg,
  .sateContent .Live .liveWrap .pp .contentHead svg,
  .sateContent .Live .liveWrap .ipoker .contentHead svg {
    width: 25px;
    height: 25px;
  }
}

@media (min-width: 1024px) {
  .sateContent .Live .liveWrap .pokerstars .contentHead svg,
  .sateContent .Live .liveWrap .pp .contentHead svg,
  .sateContent .Live .liveWrap .ipoker .contentHead svg {
    display: none;
  }
}

.sateContent .Live .liveWrap .pokerstars .contentHead svg.active,
.sateContent .Live .liveWrap .pp .contentHead svg.active,
.sateContent .Live .liveWrap .ipoker .contentHead svg.active {
  rotate: 90deg;
}

@media (min-width: 1024px) {
  .sateContent .Live .liveWrap .pokerstars .contentToggle,
  .sateContent .Live .liveWrap .pp .contentToggle,
  .sateContent .Live .liveWrap .ipoker .contentToggle {
    display: flex;
    flex-direction: row-reverse;
    gap: 2rem;
    height: 100%;
  }
}

.sateContent .Live .liveWrap .pokerstars .contentToggle .table,
.sateContent .Live .liveWrap .pp .contentToggle .table,
.sateContent .Live .liveWrap .ipoker .contentToggle .table {
  margin: 0;
}

@media (min-width: 1024px) {
  .sateContent .Live .liveWrap .pokerstars .contentToggle .table,
  .sateContent .Live .liveWrap .pp .contentToggle .table,
  .sateContent .Live .liveWrap .ipoker .contentToggle .table {
    width: 58%;
    background: white;
    border-radius: 10px;
    overflow-y: auto;
    max-height: 550px;
  }
}

.sateContent .Live .liveWrap .pokerstars .contentToggle .table table,
.sateContent .Live .liveWrap .pp .contentToggle .table table,
.sateContent .Live .liveWrap .ipoker .contentToggle .table table {
  margin: 0;
  height: 100%;
  overflow-x: scroll;
  width: 100%;
}

.sateContent .Live .liveWrap .pokerstars .contentToggle .table table thead,
.sateContent .Live .liveWrap .pp .contentToggle .table table thead,
.sateContent .Live .liveWrap .ipoker .contentToggle .table table thead {
  width: 100%;
  background: white;
}

.sateContent .Live .liveWrap .pokerstars .contentToggle .table table thead th,
.sateContent .Live .liveWrap .pp .contentToggle .table table thead th,
.sateContent .Live .liveWrap .ipoker .contentToggle .table table thead th {
  width: 100%;
  padding: 0.75rem 0.5rem;
  text-transform: uppercase;
  color: #0077B6;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  vertical-align: middle;
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  .sateContent .Live .liveWrap .pokerstars .contentToggle .table table thead th,
  .sateContent .Live .liveWrap .pp .contentToggle .table table thead th,
  .sateContent .Live .liveWrap .ipoker .contentToggle .table table thead th {
    padding: 1rem;
    font-size: 0.8rem;
  }
}

@media (min-width: 1024px) {
  .sateContent .Live .liveWrap .pokerstars .contentToggle .table table thead th,
  .sateContent .Live .liveWrap .pp .contentToggle .table table thead th,
  .sateContent .Live .liveWrap .ipoker .contentToggle .table table thead th {
    padding: 0.75rem;
  }
}

.sateContent .Live .liveWrap .pokerstars .contentToggle .table table tbody,
.sateContent .Live .liveWrap .pp .contentToggle .table table tbody,
.sateContent .Live .liveWrap .ipoker .contentToggle .table table tbody {
  background: white;
}

.sateContent .Live .liveWrap .pokerstars .contentToggle .table table tbody tr,
.sateContent .Live .liveWrap .pp .contentToggle .table table tbody tr,
.sateContent .Live .liveWrap .ipoker .contentToggle .table table tbody tr {
  width: 100%;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 350;
  font-style: normal;
}

.sateContent .Live .liveWrap .pokerstars .contentToggle .table table tbody tr:nth-child(odd),
.sateContent .Live .liveWrap .pp .contentToggle .table table tbody tr:nth-child(odd),
.sateContent .Live .liveWrap .ipoker .contentToggle .table table tbody tr:nth-child(odd) {
  background-color: #ebebeb;
}

.sateContent .Live .liveWrap .pokerstars .contentToggle .table table tbody tr td,
.sateContent .Live .liveWrap .pp .contentToggle .table table tbody tr td,
.sateContent .Live .liveWrap .ipoker .contentToggle .table table tbody tr td {
  padding: 0.75rem;
  border-right: 1px solid #dadada;
  color: #1E3A5F;
  text-align: center;
  vertical-align: middle;
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  .sateContent .Live .liveWrap .pokerstars .contentToggle .table table tbody tr td,
  .sateContent .Live .liveWrap .pp .contentToggle .table table tbody tr td,
  .sateContent .Live .liveWrap .ipoker .contentToggle .table table tbody tr td {
    padding: 1rem;
    font-size: 0.8rem;
  }
}

@media (min-width: 1024px) {
  .sateContent .Live .liveWrap .pokerstars .contentToggle .table table tbody tr td,
  .sateContent .Live .liveWrap .pp .contentToggle .table table tbody tr td,
  .sateContent .Live .liveWrap .ipoker .contentToggle .table table tbody tr td {
    padding: 0.75rem;
  }
}

.sateContent .Live .liveWrap .pokerstars .contentToggle .table table tbody tr #time,
.sateContent .Live .liveWrap .pp .contentToggle .table table tbody tr #time,
.sateContent .Live .liveWrap .ipoker .contentToggle .table table tbody tr #time {
  width: 15%;
  padding: 0.75rem;
  margin: 0;
}

.sateContent .Live .liveWrap .pokerstars .contentToggle .table table tbody tr #time .check,
.sateContent .Live .liveWrap .pp .contentToggle .table table tbody tr #time .check,
.sateContent .Live .liveWrap .ipoker .contentToggle .table table tbody tr #time .check {
  border-radius: 5px;
  text-align: center;
  margin: auto;
  padding: 0.25rem 0.5rem;
  width: fit-content;
  background-color: #FFCD00;
}

.sateContent .Live .liveWrap .pokerstars .contentToggle .table table tbody tr #tourn,
.sateContent .Live .liveWrap .pp .contentToggle .table table tbody tr #tourn,
.sateContent .Live .liveWrap .ipoker .contentToggle .table table tbody tr #tourn {
  width: 70%;
  padding: 0.5rem 1rem;
  text-align: left !important;
}

@media (min-width: 768px) {
  .sateContent .Live .liveWrap .pokerstars .contentToggle .table table tbody tr #tourn,
  .sateContent .Live .liveWrap .pp .contentToggle .table table tbody tr #tourn,
  .sateContent .Live .liveWrap .ipoker .contentToggle .table table tbody tr #tourn {
    padding: 1rem;
    font-size: 0.8rem;
  }
}

@media (min-width: 1024px) {
  .sateContent .Live .liveWrap .pokerstars .contentToggle .table table tbody tr #tourn,
  .sateContent .Live .liveWrap .pp .contentToggle .table table tbody tr #tourn,
  .sateContent .Live .liveWrap .ipoker .contentToggle .table table tbody tr #tourn {
    width: 70%;
    padding: 0.75rem;
  }
}

.sateContent .Live .liveWrap .pokerstars .contentToggle .table table tbody tr #buy,
.sateContent .Live .liveWrap .pp .contentToggle .table table tbody tr #buy,
.sateContent .Live .liveWrap .ipoker .contentToggle .table table tbody tr #buy {
  text-align: center;
  width: 150%;
}

.sateContent .Live .liveWrap .pokerstars .contentToggle .text,
.sateContent .Live .liveWrap .pp .contentToggle .text,
.sateContent .Live .liveWrap .ipoker .contentToggle .text {
  padding: 35px 0;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

@media (min-width: 768px) {
  .sateContent .Live .liveWrap .pokerstars .contentToggle .text,
  .sateContent .Live .liveWrap .pp .contentToggle .text,
  .sateContent .Live .liveWrap .ipoker .contentToggle .text {
    padding: 50px 0;
    gap: 2rem;
  }
}

@media (min-width: 1024px) {
  .sateContent .Live .liveWrap .pokerstars .contentToggle .text,
  .sateContent .Live .liveWrap .pp .contentToggle .text,
  .sateContent .Live .liveWrap .ipoker .contentToggle .text {
    padding: 25px 0;
    width: 38.5%;
  }
}

@media (min-width: 1352px) {
  .sateContent .Live .liveWrap .pokerstars .contentToggle .text,
  .sateContent .Live .liveWrap .pp .contentToggle .text,
  .sateContent .Live .liveWrap .ipoker .contentToggle .text {
    gap: 2rem;
  }
}

@media (min-width: 1920px) {
  .sateContent .Live .liveWrap .pokerstars .contentToggle .text,
  .sateContent .Live .liveWrap .pp .contentToggle .text,
  .sateContent .Live .liveWrap .ipoker .contentToggle .text {
    padding-left: 0px;
  }
}

.sateContent .Live .liveWrap .pokerstars .contentToggle .text img,
.sateContent .Live .liveWrap .pp .contentToggle .text img,
.sateContent .Live .liveWrap .ipoker .contentToggle .text img {
  display: none;
}

@media (min-width: 1024px) {
  .sateContent .Live .liveWrap .pokerstars .contentToggle .text img,
  .sateContent .Live .liveWrap .pp .contentToggle .text img,
  .sateContent .Live .liveWrap .ipoker .contentToggle .text img {
    display: block;
    width: 175px;
  }
}

@media (min-width: 1352px) {
  .sateContent .Live .liveWrap .pokerstars .contentToggle .text img,
  .sateContent .Live .liveWrap .pp .contentToggle .text img,
  .sateContent .Live .liveWrap .ipoker .contentToggle .text img {
    width: 200px;
  }
}

.sateContent .Live .liveWrap .pokerstars .contentToggle .text ul,
.sateContent .Live .liveWrap .pp .contentToggle .text ul,
.sateContent .Live .liveWrap .ipoker .contentToggle .text ul {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 350;
  font-style: normal;
  padding: 0;
  margin: 0;
  list-style: none;
  counter-reset: list-item;
}

.sateContent .Live .liveWrap .pokerstars .contentToggle .text ul li,
.sateContent .Live .liveWrap .pp .contentToggle .text ul li,
.sateContent .Live .liveWrap .ipoker .contentToggle .text ul li {
  color: white !important;
  margin: 0;
  position: relative;
  counter-increment: list-item;
  text-decoration: none;
}

.sateContent .Live .liveWrap .pokerstars .contentToggle .text ul li a,
.sateContent .Live .liveWrap .pp .contentToggle .text ul li a,
.sateContent .Live .liveWrap .ipoker .contentToggle .text ul li a {
  color: white;
  text-decoration: none;
}

.sateContent .Live .liveWrap .pokerstars .contentToggle .text ul li:first-of-type,
.sateContent .Live .liveWrap .pp .contentToggle .text ul li:first-of-type,
.sateContent .Live .liveWrap .ipoker .contentToggle .text ul li:first-of-type {
  color: #FFCD00 !important;
}

.sateContent .Live .liveWrap .pokerstars .contentToggle .text h6,
.sateContent .Live .liveWrap .pp .contentToggle .text h6,
.sateContent .Live .liveWrap .ipoker .contentToggle .text h6 {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  color: white;
}

.sateContent .Live .liveWrap .pokerstars .contentToggle .text h6 b,
.sateContent .Live .liveWrap .pp .contentToggle .text h6 b,
.sateContent .Live .liveWrap .ipoker .contentToggle .text h6 b {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: white;
}

.sateContent .Live .liveWrap .pokerstars .contentToggle .text h3,
.sateContent .Live .liveWrap .pp .contentToggle .text h3,
.sateContent .Live .liveWrap .ipoker .contentToggle .text h3 {
  width: 80%;
  margin: 0;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: white;
}

@media (min-width: 1024px) {
  .sateContent .Live .liveWrap .pokerstars .contentToggle .text h3,
  .sateContent .Live .liveWrap .pp .contentToggle .text h3,
  .sateContent .Live .liveWrap .ipoker .contentToggle .text h3 {
    width: 100%;
  }
}

@media (min-width: 1920px) {
  .sateContent .Live .liveWrap .pokerstars .contentToggle .text h3,
  .sateContent .Live .liveWrap .pp .contentToggle .text h3,
  .sateContent .Live .liveWrap .ipoker .contentToggle .text h3 {
    width: 80%;
  }
}

.sateContent .Live .liveWrap .pokerstars .contentToggle .text p,
.sateContent .Live .liveWrap .pp .contentToggle .text p,
.sateContent .Live .liveWrap .ipoker .contentToggle .text p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 350;
  font-style: normal;
  color: white;
}

.sateContent .Live .liveWrap .pokerstars .contentToggle .text p b,
.sateContent .Live .liveWrap .pp .contentToggle .text p b,
.sateContent .Live .liveWrap .ipoker .contentToggle .text p b {
  text-transform: uppercase;
  color: white;
}

.sateContent .Live .liveWrap .pokerstars .contentToggle .text .YellowBtn,
.sateContent .Live .liveWrap .pp .contentToggle .text .YellowBtn,
.sateContent .Live .liveWrap .ipoker .contentToggle .text .YellowBtn {
  width: fit-content;
}

.sateContent .Live .liveWrap .pokerstars .contentToggle .affiliates h6,
.sateContent .Live .liveWrap .pp .contentToggle .affiliates h6,
.sateContent .Live .liveWrap .ipoker .contentToggle .affiliates h6 {
  width: 100%;
  color: #FFCD00;
  text-align: center;
  text-transform: uppercase;
}

.sateContent .Live .liveWrap .line {
  position: absolute;
  top: 0;
  left: 10%;
  background: #45474b;
  width: 2px;
  height: 100%;
  z-index: -1;
}

.sateContent .Promotions {
  position: relative;
  z-index: 2;
}

.sateContent .Promotions .promoWrap {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding-bottom: 3rem;
}

@media (min-width: 1024px) {
  .sateContent .Promotions .promoWrap {
    flex-direction: row;
    flex-flow: wrap;
    justify-content: space-between;
    gap: 2.5rem 0rem;
    padding-bottom: 0;
  }
}

@media (min-width: 1352px) {
  .sateContent .Promotions .promoWrap {
    width: 75%;
    margin: auto;
    gap: 3rem 0rem;
  }
}

@media (min-width: 1920px) {
  .sateContent .Promotions .promoWrap {
    gap: 4rem 0;
  }
}

.sateContent .Promotions .promoWrap a {
  text-decoration: none;
}

@media (min-width: 1024px) {
  .sateContent .Promotions .promoWrap a {
    width: calc(33% - 1rem);
  }
}

.sateContent .Promotions .promoWrap a .promo {
  display: flex;
  gap: 1.5rem;
}

@media (min-width: 768px) {
  .sateContent .Promotions .promoWrap a .promo {
    gap: 2.5rem;
  }
}

@media (min-width: 1024px) {
  .sateContent .Promotions .promoWrap a .promo {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    width: 100%;
  }
}

.sateContent .Promotions .promoWrap a .promo .img {
  border-radius: 10px;
  flex-shrink: 0;
  width: 100px;
  height: 100px;
  overflow: hidden;
}

@media (min-width: 768px) {
  .sateContent .Promotions .promoWrap a .promo .img {
    width: 150px;
    height: 150px;
  }
}

@media (min-width: 1024px) {
  .sateContent .Promotions .promoWrap a .promo .img {
    width: 100%;
    height: auto;
  }
}

.sateContent .Promotions .promoWrap a .promo .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sateContent .Promotions .promoWrap a .promo .text {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

@media (min-width: 768px) {
  .sateContent .Promotions .promoWrap a .promo .text {
    gap: 1rem;
  }
}

@media (min-width: 1024px) {
  .sateContent .Promotions .promoWrap a .promo .text {
    gap: 0.75rem;
    width: 100%;
  }
}

.sateContent .Promotions .promoWrap a .promo .text p {
  margin: 0;
  color: #FFCD00;
}

.sateContent .Promotions .promoWrap a .promo .text h5 {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  margin: 0;
  color: white;
}

.sateContent .Promotions .promoWrap a .promo .text .smallprint {
  margin: 0;
  color: #ebebeb;
}

@media (min-width: 1024px) {
  .sateContent .Promotions .promoWrap a .promo .text .smallprint {
    font-size: 0.8rem;
    line-height: 0.9rem;
  }
}

@media (min-width: 1024px) {
  .sateContent .Promotions .promoWrap a .promo .text .smallprint {
    font-size: 1rem;
    line-height: 1.2rem;
  }
}

.sateContent .Promotions .YellowBtn {
  margin: 2rem auto 3rem auto;
  text-align: center;
  display: block;
}

@media (min-width: 1024px) {
  .sateContent .Promotions .YellowBtn {
    margin: auto;
  }
}

.containers, .content-container {
  margin: 0 auto;
  padding: 0;
  width: calc(100% - 40px);
}

.slider-container {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  margin-left: 25px;
}

@media (min-width: 768px) {
  .containers, .content-container {
    margin: 0 auto;
    padding: 0;
    width: calc(100% - 100px);
  }
  .slider-container {
    margin-left: 50px;
  }
}

@media (min-width: 1024px) {
  .containers, .content-container {
    margin: 0 auto;
    padding: 0;
    width: calc(100% - 80px);
  }
  .slider-container {
    margin-left: 40px;
  }
}

@media (min-width: 1352px) {
  .containers {
    width: calc(100% - 120px);
  }
  .content-container {
    width: calc(100% - 250px);
  }
  .slider-container {
    margin-left: 60px;
  }
}

@media (min-width: 1920px) {
  .containers {
    width: calc(100% - 250px);
  }
  .content-container {
    width: calc(100% - 500px);
  }
  .slider-container {
    margin-left: 150px;
  }
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: 500;
  margin: 0;
}

button, a {
  font-size: 0.8rem;
  line-height: 1.2rem;
}

h1 {
  font-size: 1.8rem;
  line-height: 2.2rem;
  letter-spacing: 1px;
}

h2 {
  font-size: 1.6rem;
  line-height: 2rem;
}

h3 {
  font-size: 1.2rem;
  line-height: 1.6rem;
}

h4 {
  font-size: 1rem;
  line-height: 1.2rem;
}

h5 {
  font-size: 0.9rem;
  line-height: 1.3rem;
}

h6, button, a {
  font-size: 0.9rem;
  line-height: 1.3rem;
}

p, li {
  font-size: 0.8rem;
  line-height: 1.2rem;
}

@media (min-width: 768px) {
  h1 {
    font-size: 3.4rem;
    line-height: 3.8rem;
  }
  h2 {
    font-size: 2.8rem;
    line-height: 3.2rem;
  }
  h3 {
    font-size: 2.2rem;
    line-height: 2.6rem;
  }
  h4 {
    font-size: 1.6rem;
    line-height: 2rem;
  }
  h5 {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  h6, button, a {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
  p, li {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
}

@media (min-width: 1024px) {
  h1 {
    font-size: 3rem;
    line-height: 3.4rem;
  }
  h2 {
    font-size: 2.2rem;
    line-height: 2.6rem;
  }
  h3 {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
  h4 {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  h5 {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
  h6 {
    font-size: 1rem;
    line-height: 1.4rem;
  }
  p, li {
    font-size: 0.8rem;
    line-height: 1.2rem;
  }
}

@media (min-width: 1352px) {
  h1 {
    font-size: 3.6rem;
    line-height: 4rem;
  }
  h2 {
    font-size: 2.8rem;
    line-height: 3.2rem;
  }
  h3 {
    font-size: 2rem;
    line-height: 2.4rem;
  }
  h4 {
    font-size: 1.7rem;
    line-height: 2.1rem;
  }
  h5 {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  h6, button, a {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
  p, li {
    font-size: 1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1920px) {
  h1 {
    font-size: 4.8rem;
    line-height: 5.2rem;
  }
  h2 {
    font-size: 3.2rem;
    line-height: 3.6rem;
  }
  h3 {
    font-size: 2.2rem;
    line-height: 2.6rem;
  }
  h4 {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
  h5 {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  h6, button, a {
    font-size: 1.2rem;
    ine-height: 1.6rem;
  }
  p, li {
    font-size: 1rem;
    line-height: 1.4rem;
  }
}

.ReadMoreBtn {
  width: fit-content;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: #003366;
  border: 0;
  appearance: 0;
  outline: 0;
  background: none;
  text-transform: uppercase;
  transition: all .3s;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  font-size: 0.7rem;
}

.ReadMoreBtn svg {
  width: 20px;
  height: 20px;
  rotate: 180deg;
}

.ReadMoreBtn svg.active {
  rotate: 0deg;
}

@media (min-width: 768px) {
  .ReadMoreBtn {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .ReadMoreBtn {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.YellowBtn {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #0A1628;
  border: 0;
  appearance: 0;
  outline: 0;
  padding: 10px 15px;
  text-transform: uppercase;
  transition: all .3s;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  .YellowBtn {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .YellowBtn {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.YellowBtn:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #FFCD00;
  border-radius: 5px;
  z-index: -2;
  border: 2px solid #FFCD00;
}

.YellowBtn:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #003366;
  transition: all .3s;
  z-index: -1;
  border-radius: 5px;
}

.YellowBtn:hover {
  color: white;
  text-decoration: none;
}

.YellowBtn:hover:before {
  width: 100%;
  color: white;
}

@media (min-width: 1024px) {
  .YellowBtn {
    padding: 15px 20px;
  }
}

.YellowBorderBtn {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: white;
  border: 0;
  appearance: 0;
  outline: 0;
  padding: 10px 15px;
  text-transform: uppercase;
  transition: all .3s;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  .YellowBorderBtn {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .YellowBorderBtn {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.YellowBorderBtn:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #FFCD00;
  z-index: -2;
  border-radius: 5px;
}

.YellowBorderBtn:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #FFCD00;
  transition: all .3s;
  z-index: -1;
  border-radius: 5px;
}

.YellowBorderBtn:hover {
  color: #1E3A5F;
  text-decoration: none;
}

.YellowBorderBtn:hover:before {
  width: 100%;
}

@media (min-width: 1024px) {
  .YellowBorderBtn {
    padding: 15px 20px;
  }
}

.WhiteBtn {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #003366;
  border: 0;
  appearance: 0;
  outline: 0;
  padding: 10px 15px;
  text-transform: uppercase;
  transition: all .3s;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  .WhiteBtn {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .WhiteBtn {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.WhiteBtn:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  border-radius: 5px;
  z-index: -2;
  border: 2px solid white;
}

.WhiteBtn:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #003366;
  transition: all .3s;
  z-index: -1;
  border-radius: 5px;
}

.WhiteBtn:hover {
  color: white;
  text-decoration: none;
}

.WhiteBtn:hover:before {
  width: 100%;
  color: white;
}

@media (min-width: 1024px) {
  .WhiteBtn {
    padding: 15px 20px;
  }
}

.GreenBtn {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: white;
  border: 0;
  appearance: 0;
  outline: 0;
  padding: 10px 15px;
  text-transform: uppercase;
  transition: all .3s;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  .GreenBtn {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .GreenBtn {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.GreenBtn:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #003366;
  border-radius: 5px;
  z-index: -2;
  border: 2px solid #003366;
}

.GreenBtn:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #FFCD00;
  transition: all .3s;
  z-index: -1;
  border-radius: 5px;
}

.GreenBtn:hover {
  color: #1E3A5F;
  text-decoration: none;
}

.GreenBtn:hover:before {
  width: 100%;
  color: white;
}

@media (min-width: 1024px) {
  .GreenBtn {
    padding: 15px 20px;
  }
}

.WhiteBorderBtn {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #003366;
  border: 0;
  appearance: 0;
  outline: 0;
  padding: 10px 15px;
  text-transform: uppercase;
  transition: all .3s;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  .WhiteBorderBtn {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .WhiteBorderBtn {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.WhiteBorderBtn:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  border-radius: 5px;
  z-index: -2;
  border: 2px solid #FFCD00;
}

.WhiteBorderBtn:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #003366;
  transition: all .3s;
  z-index: -1;
  border-radius: 5px;
}

.WhiteBorderBtn:hover {
  color: white;
  text-decoration: none;
}

.WhiteBorderBtn:hover:before {
  width: 100%;
  color: white;
}

@media (min-width: 1024px) {
  .WhiteBorderBtn {
    padding: 15px 20px;
  }
}

.grad {
  background: #0A1628;
  background: -moz-linear-gradient(180deg, #0A1628 0%, #1E5AA8 100%);
  background: -webkit-linear-gradient(180deg, #0A1628 0%, #1E5AA8 100%);
  background: linear-gradient(180deg, #0A1628 0%, #1E5AA8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0A1628",endColorstr="#1E5AA8",GradientType=1);
}

/* Carts Style */
.cart-icon {
  display: inline-block;
  width: 25px;
  height: 15px;
  background-image: url("../img/all.png");
  vertical-align: middle;
}

.clubs-2 {
  background-position: 0 0;
}

.clubs-3 {
  background-position: -25px 0;
}

.clubs-4 {
  background-position: -50px 0;
}

.clubs-5 {
  background-position: -75px 0;
}

.clubs-6 {
  background-position: -100px 0;
}

.clubs-7 {
  background-position: -125px 0;
}

.clubs-8 {
  background-position: -150px 0;
}

.clubs-9 {
  background-position: -175px 0;
}

.clubs-10 {
  background-position: -200px 0;
}

.clubs-j {
  background-position: -225px 0;
}

.clubs-q {
  background-position: -250px 0;
}

.clubs-k {
  background-position: -275px 0;
}

.clubs-a {
  background-position: 25px 0;
}

.diamonds-2 {
  background-position: 0 -15px;
}

.diamonds-3 {
  background-position: -25px -15px;
}

.diamonds-4 {
  background-position: -50px -15px;
}

.diamonds-5 {
  background-position: -75px -15px;
}

.diamonds-6 {
  background-position: -100px -15px;
}

.diamonds-7 {
  background-position: -125px -15px;
}

.diamonds-8 {
  background-position: -150px -15px;
}

.diamonds-9 {
  background-position: -175px -15px;
}

.diamonds-10 {
  background-position: -200px -15px;
}

.diamonds-j {
  background-position: -225px -15px;
}

.diamonds-q {
  background-position: -250px -15px;
}

.diamonds-k {
  background-position: -275px -15px;
}

.diamonds-a {
  background-position: 25px -15px;
}

.hearts-2 {
  background-position: 0 -30px;
}

.hearts-3 {
  background-position: -25px -30px;
}

.hearts-4 {
  background-position: -50px -30px;
}

.hearts-5 {
  background-position: -75px -30px;
}

.hearts-6 {
  background-position: -100px -30px;
}

.hearts-7 {
  background-position: -125px -30px;
}

.hearts-8 {
  background-position: -150px -30px;
}

.hearts-9 {
  background-position: -175px -30px;
}

.hearts-10 {
  background-position: -200px -30px;
}

.hearts-j {
  background-position: -225px -30px;
}

.hearts-q {
  background-position: -250px -30px;
}

.hearts-k {
  background-position: -275px -30px;
}

.hearts-a {
  background-position: 25px -30px;
}

.spades-2 {
  background-position: 0 -45px;
}

.spades-3 {
  background-position: -25px -45px;
}

.spades-4 {
  background-position: -50px -45px;
}

.spades-5 {
  background-position: -75px -45px;
}

.spades-6 {
  background-position: -100px -45px;
}

.spades-7 {
  background-position: -125px -45px;
}

.spades-8 {
  background-position: -150px -45px;
}

.spades-9 {
  background-position: -175px -45px;
}

.spades-10 {
  background-position: -200px -45px;
}

.spades-j {
  background-position: -225px -45px;
}

.spades-q {
  background-position: -250px -45px;
}

.spades-k {
  background-position: -275px -45px;
}

.spades-a {
  background-position: 25px -45px;
}

.x-2 {
  background-position: 0 -60px;
}

.x-3 {
  background-position: -25px -60px;
}

.x-4 {
  background-position: -50px -60px;
}

.x-5 {
  background-position: -75px -60px;
}

.x-6 {
  background-position: -100px -60px;
}

.x-7 {
  background-position: -125px -60px;
}

.x-8 {
  background-position: -150px -60px;
}

.x-9 {
  background-position: -175px -60px;
}

.x-10 {
  background-position: -200px -60px;
}

.x-j {
  background-position: -225px -60px;
}

.x-q {
  background-position: -250px -60px;
}

.x-k {
  background-position: -275px -60px;
}

.x-a {
  background-position: 25px -60px;
}

.x-clubs {
  background-position: 0 -75px;
}

.x-diamonds {
  background-position: -25px -75px;
}

.x-hearts {
  background-position: -50px -75px;
}

.x-spades {
  background-position: -75px -75px;
}

.x-x {
  background-position: -100px -75px;
}

.eventHead {
  padding-top: 90px;
  width: 100%;
  background: #0A1628;
  background: linear-gradient(180deg, #0A1628 0%, #1E5AA8 100%);
}

@media (min-width: 768px) {
  .eventHead {
    padding-top: 100px;
  }
}

@media (min-width: 1024px) {
  .eventHead {
    padding-top: 120px;
  }
}

.eventHead .headWrap {
  position: relative;
  z-index: 2;
  padding: 25px 0 50px 0;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

@media (min-width: 768px) {
  .eventHead .headWrap {
    gap: 4rem;
    padding: 75px 0;
  }
}

@media (min-width: 1024px) {
  .eventHead .headWrap {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
}

@media (min-width: 1352px) {
  .eventHead .headWrap {
    padding: 100px 0;
  }
}

@media (min-width: 1920px) {
  .eventHead .headWrap {
    padding: 125px 0;
  }
}

.eventHead .headWrap .text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  width: 100%;
  color: white;
  text-align: center;
  padding-bottom: 25px;
}

@media (min-width: 768px) {
  .eventHead .headWrap .text {
    gap: 2rem;
  }
}

@media (min-width: 1024px) {
  .eventHead .headWrap .text {
    padding-bottom: 0;
    gap: 1.5rem;
    width: 57.5%;
    justify-content: center;
    align-items: flex-start;
    text-align: left;
  }
}

@media (min-width: 1352px) {
  .eventHead .headWrap .text {
    gap: 2rem;
  }
}

.eventHead .headWrap .text .singleNewsShare {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.eventHead .headWrap .text h1 {
  margin: 0;
  text-transform: uppercase;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
  font-size: 1.6rem;
  line-height: 2rem;
}

@media (min-width: 768px) {
  .eventHead .headWrap .text h1 {
    width: 90%;
    font-size: 2.6rem;
    line-height: 3rem;
  }
}

@media (min-width: 1352px) {
  .eventHead .headWrap .text h1 {
    width: 80%;
    font-size: 3rem;
    line-height: 3.4rem;
  }
}

.eventHead .headWrap .text h3 {
  margin: 0;
  color: #FFCD00;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 0.85rem;
  line-height: 1.35rem;
}

@media (min-width: 768px) {
  .eventHead .headWrap .text h3 {
    width: 80%;
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
}

@media (min-width: 1024px) {
  .eventHead .headWrap .text h3 {
    width: 100%;
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
}

@media (min-width: 1920px) {
  .eventHead .headWrap .text h3 {
    width: 70%;
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
}

.eventHead .headWrap .text h3 b {
  color: #FFCD00;
  text-decoration: underline;
  text-underline-offset: 5px;
}

@media (min-width: 1024px) {
  .eventHead .headWrap .text h3 b {
    text-underline-offset: 6px;
  }
}

.eventHead .headWrap .updates {
  position: relative;
  height: 250px;
}

@media (min-width: 1024px) {
  .eventHead .headWrap .updates {
    width: 40%;
    margin: 0;
  }
}

.eventHead .headWrap .updates .updateWrap {
  width: 275px;
  margin: auto;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  background: white;
  border-radius: 20px;
  padding: 2.5rem 1.5rem 1.5rem 1.5rem;
}

@media (min-width: 768px) {
  .eventHead .headWrap .updates .updateWrap {
    width: 390px;
    gap: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .eventHead .headWrap .updates .updateWrap {
    top: -10%;
    width: 300px;
    gap: 0.75rem;
  }
}

@media (min-width: 1352px) {
  .eventHead .headWrap .updates .updateWrap {
    width: 350px;
    gap: 1.5rem;
  }
}

.eventHead .headWrap .updates .updateWrap .live {
  position: absolute;
  top: -4%;
  left: 50%;
  transform: translateX(-50%);
  background: #FFCD00;
  width: fit-content;
  padding: 0.25rem 0.5rem;
  border-radius: 10px;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #003366;
}

@media (min-width: 768px) {
  .eventHead .headWrap .updates .updateWrap .live {
    padding: 0.5rem 1rem;
  }
}

.eventHead .headWrap .updates .updateWrap .lvlBreak, .eventHead .headWrap .updates .updateWrap .playStack {
  display: flex;
  gap: 0.5rem;
}

.eventHead .headWrap .updates .updateWrap .lvlBreak .lvl, .eventHead .headWrap .updates .updateWrap .lvlBreak .Break, .eventHead .headWrap .updates .updateWrap .lvlBreak .play, .eventHead .headWrap .updates .updateWrap .lvlBreak .stack, .eventHead .headWrap .updates .updateWrap .playStack .lvl, .eventHead .headWrap .updates .updateWrap .playStack .Break, .eventHead .headWrap .updates .updateWrap .playStack .play, .eventHead .headWrap .updates .updateWrap .playStack .stack {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 50%;
  text-align: center;
}

@media (min-width: 768px) {
  .eventHead .headWrap .updates .updateWrap .lvlBreak .lvl, .eventHead .headWrap .updates .updateWrap .lvlBreak .Break, .eventHead .headWrap .updates .updateWrap .lvlBreak .play, .eventHead .headWrap .updates .updateWrap .lvlBreak .stack, .eventHead .headWrap .updates .updateWrap .playStack .lvl, .eventHead .headWrap .updates .updateWrap .playStack .Break, .eventHead .headWrap .updates .updateWrap .playStack .play, .eventHead .headWrap .updates .updateWrap .playStack .stack {
    gap: 0.5rem;
  }
}

.eventHead .headWrap .updates .updateWrap .lvlBreak .lvl h6, .eventHead .headWrap .updates .updateWrap .lvlBreak .Break h6, .eventHead .headWrap .updates .updateWrap .lvlBreak .play h6, .eventHead .headWrap .updates .updateWrap .lvlBreak .stack h6, .eventHead .headWrap .updates .updateWrap .playStack .lvl h6, .eventHead .headWrap .updates .updateWrap .playStack .Break h6, .eventHead .headWrap .updates .updateWrap .playStack .play h6, .eventHead .headWrap .updates .updateWrap .playStack .stack h6 {
  margin: 0;
  color: #003366;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
}

.eventHead .headWrap .updates .updateWrap .lvlBreak .lvl h3, .eventHead .headWrap .updates .updateWrap .lvlBreak .Break h3, .eventHead .headWrap .updates .updateWrap .lvlBreak .play h3, .eventHead .headWrap .updates .updateWrap .lvlBreak .stack h3, .eventHead .headWrap .updates .updateWrap .playStack .lvl h3, .eventHead .headWrap .updates .updateWrap .playStack .Break h3, .eventHead .headWrap .updates .updateWrap .playStack .play h3, .eventHead .headWrap .updates .updateWrap .playStack .stack h3 {
  margin: 0;
  border-radius: 5px;
  padding: 0.5rem 0.25rem;
  background-color: #ebebeb;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

@media (min-width: 1024px) {
  .eventHead .headWrap .updates .updateWrap .lvlBreak .lvl h3, .eventHead .headWrap .updates .updateWrap .lvlBreak .Break h3, .eventHead .headWrap .updates .updateWrap .lvlBreak .play h3, .eventHead .headWrap .updates .updateWrap .lvlBreak .stack h3, .eventHead .headWrap .updates .updateWrap .playStack .lvl h3, .eventHead .headWrap .updates .updateWrap .playStack .Break h3, .eventHead .headWrap .updates .updateWrap .playStack .play h3, .eventHead .headWrap .updates .updateWrap .playStack .stack h3 {
    padding: 0.25rem 0;
    font-size: 1.4rem;
  }
}

.eventHead .headWrap .updates .updateWrap .blindAnte {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  text-align: center;
}

@media (min-width: 768px) {
  .eventHead .headWrap .updates .updateWrap .blindAnte {
    gap: 1rem;
  }
}

@media (min-width: 1024px) {
  .eventHead .headWrap .updates .updateWrap .blindAnte {
    gap: 0.5rem;
  }
}

.eventHead .headWrap .updates .updateWrap .blindAnte h6 {
  margin: 0;
  color: #003366;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
}

.eventHead .headWrap .updates .updateWrap .blindAnte h3 {
  border-radius: 5px;
  padding: 0.5rem 0.25rem;
  background-color: #ebebeb;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  margin: 0;
  width: 100%;
}

@media (min-width: 1024px) {
  .eventHead .headWrap .updates .updateWrap .blindAnte h3 {
    padding: 0.25rem 0;
    font-size: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .eventHead .headWrap .updates .updateWrap .blindAnte h3 {
    padding: 0.5rem 0;
    font-size: 1.6rem;
  }
}

.eventHead .headWrap .updates .goldcard {
  width: 300px;
  height: 375px;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 0;
  transform: translateX(-50%) rotate(9deg);
  transform-origin: center;
}

@media (min-width: 768px) {
  .eventHead .headWrap .updates .goldcard {
    transform: translateX(-50%) rotate(10deg);
    height: 515px;
    width: auto;
  }
}

@media (min-width: 1024px) {
  .eventHead .headWrap .updates .goldcard {
    top: -10%;
    transform: translateX(-50%) rotate(9deg);
    height: 395px;
  }
}

@media (min-width: 1352px) {
  .eventHead .headWrap .updates .goldcard {
    width: 370px;
    height: 460px;
  }
}

@media (min-width: 1920px) {
  .eventHead .headWrap .updates .goldcard {
    width: 370px;
    height: 470px;
  }
}

.eventContent {
  overflow: hidden;
  position: relative;
  background: #0A1628;
  background: linear-gradient(180deg, #0A1628 0%, #1E5AA8 100%);
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding: 10rem 0 3rem 0;
}

@media (min-width: 768px) {
  .eventContent {
    padding: 18rem 0 3rem 0;
  }
}

@media (min-width: 1024px) {
  .eventContent {
    padding: 8rem 0 4rem 0;
  }
}

@media (min-width: 1352px) {
  .eventContent {
    gap: 4rem;
    padding: 8rem 0 5rem 0;
  }
}

.eventContent .selectorsWrap {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

@media (min-width: 1024px) {
  .eventContent .selectorsWrap {
    gap: 3rem;
    flex-direction: row;
  }
}

.eventContent .selectorsWrap .selectors {
  overflow: scroll;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin: 0 0 0 20px;
  padding: 0 20px 0 0;
}

@media (min-width: 768px) {
  .eventContent .selectorsWrap .selectors {
    margin: 0 0 0 50px;
    padding: 0 50px 0 0;
    gap: 3rem;
  }
}

@media (min-width: 1024px) {
  .eventContent .selectorsWrap .selectors {
    margin: 0 0 0 40px;
    padding: 0;
  }
}

@media (min-width: 1352px) {
  .eventContent .selectorsWrap .selectors {
    margin: 0 0 0 60px;
  }
}

@media (min-width: 1920px) {
  .eventContent .selectorsWrap .selectors {
    margin: 0 0 0 125px;
  }
}

.eventContent .selectorsWrap .selectors::-webkit-scrollbar {
  display: none;
}

.eventContent .selectorsWrap .selectors::-webkit-scrollbar-track {
  display: none;
}

.eventContent .selectorsWrap .selectors::-webkit-scrollbar-thumb {
  display: none;
}

.eventContent .selectorsWrap .selectors h6 {
  cursor: pointer;
  opacity: 0.5;
  margin: 0;
  color: white;
  text-decoration: none;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  transition: 0.5s all ease;
  padding: 15px 0;
  white-space: nowrap;
}

.eventContent .selectorsWrap .selectors h6.is-active {
  opacity: 1;
  margin: 0;
  color: white;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-decoration-color: #FFCD00;
  text-underline-offset: 10px;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
}

@media (min-width: 1024px) {
  .eventContent .selectorsWrap .content-container {
    width: auto;
    margin: 0;
  }
}

.eventContent .selectorsWrap .search {
  background-color: #1B3050;
  background-image: url("../img/search.svg");
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: 5% center;
  border: 0;
  outline: 0;
  padding: 10px 15px;
  border-radius: 5px;
  color: white;
  width: 100%;
}

@media (min-width: 1024px) {
  .eventContent .selectorsWrap .search {
    width: 300px;
    border-radius: 10px;
    margin: 0;
  }
}

.eventContent .selectorsWrap .search:focus {
  background-image: none;
}

.eventContent .daySelectors {
  overflow: scroll;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.5rem;
  margin: 0 0 0 20px;
  padding: 0 20px 0 0;
}

@media (min-width: 768px) {
  .eventContent .daySelectors {
    margin: 0 0 0 50px;
    padding: 0 50px 0 0;
    gap: 3rem;
  }
}

@media (min-width: 1024px) {
  .eventContent .daySelectors {
    margin: 0 0 0 40px;
    padding: 0 40px 0 0;
  }
}

@media (min-width: 1352px) {
  .eventContent .daySelectors {
    margin: 0 0 0 60px;
    padding: 0 60px 0 0;
  }
}

@media (min-width: 1920px) {
  .eventContent .daySelectors {
    margin: 0 0 0 125px;
    padding: 0 125px 0 0;
  }
}

.eventContent .daySelectors::-webkit-scrollbar {
  display: none;
}

.eventContent .daySelectors::-webkit-scrollbar-track {
  display: none;
}

.eventContent .daySelectors::-webkit-scrollbar-thumb {
  display: none;
}

.eventContent .daySelectors .YellowBorderBtn {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: white;
  border: 0;
  appearance: 0;
  outline: 0;
  padding: 10px 15px;
  text-transform: uppercase;
  transition: all .3s;
  position: relative;
  z-index: 1;
  background: none;
  border-radius: 5px;
  font-size: 0.7rem;
  white-space: nowrap;
}

@media (min-width: 768px) {
  .eventContent .daySelectors .YellowBorderBtn {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .eventContent .daySelectors .YellowBorderBtn {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.eventContent .daySelectors .YellowBorderBtn:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #FFCD00;
  z-index: -2;
  border-radius: 5px;
}

.eventContent .daySelectors .YellowBorderBtn:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #FFCD00;
  transition: all .3s;
  z-index: -1;
  border-radius: 5px;
}

.eventContent .daySelectors .YellowBorderBtn:hover {
  color: #0A1628;
  text-decoration: none;
}

.eventContent .daySelectors .YellowBorderBtn:hover:before {
  width: 100%;
}

@media (min-width: 1024px) {
  .eventContent .daySelectors .YellowBorderBtn {
    padding: 15px 20px;
  }
}

.eventContent .daySelectors .YellowBorderBtn.event-active {
  color: white;
  background: #0077B6;
}

.eventContent .daySelectors .YellowBorderBtn.event-active:after {
  border: 2px solid #0077B6;
}

.eventContent .daySelectors .YellowBorderBtn.event-active:before {
  background-color: #0077B6;
}

.eventContent .daySelectors .YellowBorderBtn.event-active:hover {
  color: white;
}

.eventContent .Live-Updates, .eventContent .Description {
  position: relative;
  z-index: 2;
}

.eventContent .Live-Updates .postWidths, .eventContent .Description .postWidths {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

@media (min-width: 768px) {
  .eventContent .Live-Updates .postWidths, .eventContent .Description .postWidths {
    gap: 3rem;
  }
}

.eventContent .Live-Updates .postWidths .liveIntro, .eventContent .Description .postWidths .liveIntro {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

@media (min-width: 1352px) {
  .eventContent .Live-Updates .postWidths .liveIntro, .eventContent .Description .postWidths .liveIntro {
    gap: 2rem;
    width: 90%;
  }
}

@media (min-width: 1920px) {
  .eventContent .Live-Updates .postWidths .liveIntro, .eventContent .Description .postWidths .liveIntro {
    gap: 3rem;
  }
}

.eventContent .Live-Updates .postWidths .liveIntro img, .eventContent .Description .postWidths .liveIntro img {
  width: 100%;
  border-radius: 10px;
}

.eventContent .Live-Updates .postWidths .liveIntro h2, .eventContent .Description .postWidths .liveIntro h2 {
  margin: 0;
  color: white;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.eventContent .Live-Updates .postWidths .liveIntro h4, .eventContent .Description .postWidths .liveIntro h4 {
  margin: 0;
  color: #FFCD00;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.eventContent .Live-Updates .postWidths .liveWrap, .eventContent .Description .postWidths .liveWrap {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

@media (min-width: 1024px) {
  .eventContent .Live-Updates .postWidths .liveWrap, .eventContent .Description .postWidths .liveWrap {
    gap: 3rem;
  }
}

@media (min-width: 1352px) {
  .eventContent .Live-Updates .postWidths .liveWrap, .eventContent .Description .postWidths .liveWrap {
    gap: 4rem;
  }
}

.eventContent .Live-Updates .postWidths .liveWrap .ipo-pn-figure, .eventContent .Description .postWidths .liveWrap .ipo-pn-figure {
  max-width: 900px;
  margin: 1.5rem auto;
  text-align: center;
}

.eventContent .Live-Updates .postWidths .liveWrap .ipo-pn-figure img, .eventContent .Description .postWidths .liveWrap .ipo-pn-figure img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 10px;
}

.eventContent .Live-Updates .postWidths .liveWrap img.ipo-pn-caption, .eventContent .Description .postWidths .liveWrap img.ipo-pn-caption {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 10px;
  margin: 1.5rem auto;
}

.eventContent .Live-Updates .postWidths .liveWrap .ipo-pn-caption, .eventContent .Description .postWidths .liveWrap .ipo-pn-caption {
  margin-top: 0.75rem;
  font-size: 0.85rem;
  color: #8a8a8a;
  text-align: left;
}

.eventContent .Live-Updates .postWidths .liveWrap .ipo-pn-chips, .eventContent .Description .postWidths .liveWrap .ipo-pn-chips {
  width: 100%;
  border-collapse: collapse;
  margin: 1.5rem 0;
  font-size: 0.9rem;
}

.eventContent .Live-Updates .postWidths .liveWrap .ipo-pn-chips tr:nth-child(odd), .eventContent .Description .postWidths .liveWrap .ipo-pn-chips tr:nth-child(odd) {
  background-color: #f8f8f8;
}

.eventContent .Live-Updates .postWidths .liveWrap .ipo-pn-chips td, .eventContent .Description .postWidths .liveWrap .ipo-pn-chips td {
  padding: 0.4rem 0.6rem;
}

.eventContent .Live-Updates .postWidths .liveWrap .ipo-pn-chips td.name, .eventContent .Description .postWidths .liveWrap .ipo-pn-chips td.name {
  font-weight: 600;
}

.eventContent .Live-Updates .postWidths .liveWrap h3, .eventContent .Description .postWidths .liveWrap h3 {
  text-decoration: none;
  font-size: 1.2rem;
  line-height: 1.6rem;
  margin: 0;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: white;
}

@media (min-width: 1024px) {
  .eventContent .Live-Updates .postWidths .liveWrap h3, .eventContent .Description .postWidths .liveWrap h3 {
    font-size: 2.4rem;
    line-height: 2.8rem;
  }
}

.eventContent .Live-Updates .postWidths .liveWrap .post, .eventContent .Description .postWidths .liveWrap .post {
  transition: all ease .3s;
  overflow: hidden;
  background: white;
  border-radius: 15px;
  padding: 10px;
}

@media (min-width: 768px) {
  .eventContent .Live-Updates .postWidths .liveWrap .post, .eventContent .Description .postWidths .liveWrap .post {
    padding: 20px;
  }
}

@media (min-width: 1024px) {
  .eventContent .Live-Updates .postWidths .liveWrap .post, .eventContent .Description .postWidths .liveWrap .post {
    display: flex;
    flex-direction: row-reverse;
    align-items: stretch;
    gap: 2rem;
    padding: 35px;
  }
}

@media (min-width: 1352px) {
  .eventContent .Live-Updates .postWidths .liveWrap .post, .eventContent .Description .postWidths .liveWrap .post {
    gap: 3rem;
    padding: 40px;
  }
}

@media (min-width: 1920px) {
  .eventContent .Live-Updates .postWidths .liveWrap .post, .eventContent .Description .postWidths .liveWrap .post {
    gap: 4rem;
    padding: 50px;
  }
}

.eventContent .Live-Updates .postWidths .liveWrap .post .img, .eventContent .Description .postWidths .liveWrap .post .img {
  height: 200px;
}

@media (min-width: 768px) {
  .eventContent .Live-Updates .postWidths .liveWrap .post .img, .eventContent .Description .postWidths .liveWrap .post .img {
    height: 300px;
  }
}

@media (min-width: 1024px) {
  .eventContent .Live-Updates .postWidths .liveWrap .post .img, .eventContent .Description .postWidths .liveWrap .post .img {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    width: 40%;
    flex-grow: 1;
    display: flex;
    min-height: 100%;
  }
}

@media (min-width: 1920px) {
  .eventContent .Live-Updates .postWidths .liveWrap .post .img, .eventContent .Description .postWidths .liveWrap .post .img {
    width: 45%;
  }
}

.eventContent .Live-Updates .postWidths .liveWrap .post .img img, .eventContent .Description .postWidths .liveWrap .post .img img {
  border-radius: 10px;
  min-width: 100%;
  min-height: 100%;
  max-height: 200px;
  object-fit: cover;
  object-position: center;
}

@media (min-width: 1024px) {
  .eventContent .Live-Updates .postWidths .liveWrap .post .img img, .eventContent .Description .postWidths .liveWrap .post .img img {
    max-height: 300px;
  }
}

@media (min-width: 1024px) {
  .eventContent .Live-Updates .postWidths .liveWrap .post .img img, .eventContent .Description .postWidths .liveWrap .post .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
}

.eventContent .Live-Updates .postWidths .liveWrap .post .text, .eventContent .Description .postWidths .liveWrap .post .text {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 20px 10px 10px 10px;
  width: 100%;
}

@media (min-width: 768px) {
  .eventContent .Live-Updates .postWidths .liveWrap .post .text, .eventContent .Description .postWidths .liveWrap .post .text {
    gap: 1.5rem;
    padding: 25px 10px 20px 10px;
  }
}

@media (min-width: 1024px) {
  .eventContent .Live-Updates .postWidths .liveWrap .post .text, .eventContent .Description .postWidths .liveWrap .post .text {
    padding: 0;
  }
}

@media (min-width: 1352px) {
  .eventContent .Live-Updates .postWidths .liveWrap .post .text, .eventContent .Description .postWidths .liveWrap .post .text {
    gap: 2rem;
  }
}

.eventContent .Live-Updates .postWidths .liveWrap .post .text .bar, .eventContent .Description .postWidths .liveWrap .post .text .bar {
  display: flex;
  flex-direction: column-reverse;
  gap: 1rem;
}

@media (min-width: 1024px) {
  .eventContent .Live-Updates .postWidths .liveWrap .post .text .bar, .eventContent .Description .postWidths .liveWrap .post .text .bar {
    align-items: center;
    flex-direction: row;
  }
}

.eventContent .Live-Updates .postWidths .liveWrap .post .text .bar h6, .eventContent .Description .postWidths .liveWrap .post .text .bar h6 {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  color: #45474b;
}

@media (min-width: 768px) {
  .eventContent .Live-Updates .postWidths .liveWrap .post .text .bar h6, .eventContent .Description .postWidths .liveWrap .post .text .bar h6 {
    line-height: auto;
  }
}

.eventContent .Live-Updates .postWidths .liveWrap .post .text .bar h6 b, .eventContent .Description .postWidths .liveWrap .post .text .bar h6 b {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: #003366;
}

.eventContent .Live-Updates .postWidths .liveWrap .post .text .bar h6 span, .eventContent .Description .postWidths .liveWrap .post .text .bar h6 span {
  display: none;
}

@media (min-width: 1024px) {
  .eventContent .Live-Updates .postWidths .liveWrap .post .text .bar h6 span, .eventContent .Description .postWidths .liveWrap .post .text .bar h6 span {
    display: block;
  }
}

.eventContent .Live-Updates .postWidths .liveWrap .post .text .bar .icons, .eventContent .Description .postWidths .liveWrap .post .text .bar .icons {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.eventContent .Live-Updates .postWidths .liveWrap .post .text .bar .icons svg, .eventContent .Description .postWidths .liveWrap .post .text .bar .icons svg {
  width: 25px;
  height: 25px;
  fill: #1E3A5F;
}

.eventContent .Live-Updates .postWidths .liveWrap .post .text h3 a, .eventContent .Description .postWidths .liveWrap .post .text h3 a {
  font-size: 1.2rem;
  line-height: 1.6rem;
  margin: 0;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #0A1628;
}

@media (min-width: 768px) {
  .eventContent .Live-Updates .postWidths .liveWrap .post .text h3 a, .eventContent .Description .postWidths .liveWrap .post .text h3 a {
    font-size: 1.6rem;
    line-height: 2rem;
  }
}

@media (min-width: 1024px) {
  .eventContent .Live-Updates .postWidths .liveWrap .post .text h3 a, .eventContent .Description .postWidths .liveWrap .post .text h3 a {
    font-size: 2.4rem;
    line-height: 2.8rem;
  }
}

.eventContent .Live-Updates .postWidths .liveWrap .post .text p, .eventContent .Description .postWidths .liveWrap .post .text p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 350;
  font-style: normal;
  color: #45474b;
}

.eventContent .Live-Updates .postWidths .liveWrap .post .text p a, .eventContent .Description .postWidths .liveWrap .post .text p a {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  text-decoration: underline;
  color: #1E3A5F;
  font-size: inherit;
  line-height: inherit;
}

.eventContent .Live-Updates .postWidths .liveWrap .post .text .YellowBtn, .eventContent .Description .postWidths .liveWrap .post .text .YellowBtn {
  width: fit-content;
}

.eventContent .Live-Updates .postWidths .liveWrap .post .line, .eventContent .Description .postWidths .liveWrap .post .line {
  position: absolute;
  top: 0;
  left: 10%;
  background: #45474b;
  width: 2px;
  height: 100%;
  z-index: -1;
}

.eventContent .Live-Updates .postWidths .liveWrap .line, .eventContent .Description .postWidths .liveWrap .line {
  position: absolute;
  top: 0;
  left: 10%;
  background: #45474b;
  width: 2px;
  height: 100%;
  z-index: -1;
}

.eventContent .Live-Updates .postWidths .line, .eventContent .Description .postWidths .line {
  position: absolute;
  top: 0;
  left: 10%;
  background: #45474b;
  width: 2px;
  height: 100%;
  z-index: -1;
}

.eventContent .Structure {
  position: relative;
  z-index: 2;
}

.eventContent .Structure .postWidths {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

@media (min-width: 768px) {
  .eventContent .Structure .postWidths {
    gap: 3rem;
  }
}

.eventContent .Structure .postWidths .line {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  transition: all ease .3s;
  overflow: hidden;
}

@media (min-width: 768px) {
  .eventContent .Structure .postWidths .line {
    gap: 2rem;
  }
}

@media (min-width: 1024px) {
  .eventContent .Structure .postWidths .line {
    margin: 0 auto;
    padding: 0;
    width: calc(100% - 80px);
    gap: 2.5rem;
  }
}

@media (min-width: 1352px) {
  .eventContent .Structure .postWidths .line {
    width: calc(100% - 250px);
  }
}

@media (min-width: 1920px) {
  .eventContent .Structure .postWidths .line {
    width: calc(100% - 500px);
  }
}

.eventContent .Structure .postWidths .line h6 {
  color: #FFCD00;
  text-transform: uppercase;
  width: calc(100% - 40px);
  margin: auto;
}

@media (min-width: 768px) {
  .eventContent .Structure .postWidths .line h6 {
    width: calc(100% - 100px);
  }
}

@media (min-width: 1024px) {
  .eventContent .Structure .postWidths .line h6 {
    width: 100%;
  }
}

.eventContent .Structure .postWidths .line .table {
  margin: 0;
  overflow-y: scroll;
}

@media (min-width: 1024px) {
  .eventContent .Structure .postWidths .line .table {
    background: white;
    border-radius: 10px;
    overflow-y: auto;
  }
}

.eventContent .Structure .postWidths .line .table table {
  margin: 0;
  width: 600px;
}

@media (min-width: 768px) {
  .eventContent .Structure .postWidths .line .table table {
    width: 100%;
  }
}

.eventContent .Structure .postWidths .line .table table thead {
  background: white;
}

.eventContent .Structure .postWidths .line .table table thead th {
  width: 16%;
  padding: 0.75rem 0.5rem;
  text-transform: uppercase;
  color: #0077B6;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  vertical-align: middle;
  font-size: 0.7rem;
  text-align: center;
}

@media (min-width: 768px) {
  .eventContent .Structure .postWidths .line .table table thead th {
    padding: 1rem;
    font-size: 0.8rem;
  }
}

@media (min-width: 1352px) {
  .eventContent .Structure .postWidths .line .table table thead th {
    font-size: 0.9rem;
  }
}

@media (min-width: 1920px) {
  .eventContent .Structure .postWidths .line .table table thead th {
    font-size: 1rem;
  }
}

.eventContent .Structure .postWidths .line .table table tbody {
  background: white;
}

.eventContent .Structure .postWidths .line .table table tbody .break {
  border-top: 4px solid #FFCD00;
  border-bottom: 4px solid #FFCD00;
  text-transform: uppercase;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.eventContent .Structure .postWidths .line .table table tbody tr {
  text-align: center;
  width: 100%;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 350;
  font-style: normal;
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  .eventContent .Structure .postWidths .line .table table tbody tr {
    padding: 1rem;
    font-size: 0.8rem;
  }
}

@media (min-width: 1352px) {
  .eventContent .Structure .postWidths .line .table table tbody tr {
    font-size: 0.9rem;
  }
}

@media (min-width: 1920px) {
  .eventContent .Structure .postWidths .line .table table tbody tr {
    font-size: 1rem;
  }
}

.eventContent .Structure .postWidths .line .table table tbody tr:nth-child(odd) {
  background-color: #ebebeb;
}

.eventContent .Structure .postWidths .line .table table tbody tr td {
  width: 16%;
  padding: 0.75rem;
  border-right: 1px solid #dadada;
  color: #1E3A5F;
  text-align: center;
  vertical-align: middle;
}

@media (min-width: 768px) {
  .eventContent .Structure .postWidths .line .table table tbody tr td {
    padding: 1rem;
  }
}

.eventContent .Structure .postWidths .line .table table tbody .highlighted {
  border-top: 4px solid #0077B6;
  border-bottom: 4px solid #0077B6;
  text-transform: uppercase;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.eventContent .Structure .postWidths .line .YellowBtn {
  margin: auto;
}

.eventContent .Structure .postWidths .line .scroll {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: auto;
  width: calc(100% - 40px);
}

@media (min-width: 768px) {
  .eventContent .Structure .postWidths .line .scroll {
    width: calc(100% - 100px);
  }
}

@media (min-width: 1024px) {
  .eventContent .Structure .postWidths .line .scroll {
    display: none;
  }
}

.eventContent .Structure .postWidths .line .scroll svg {
  width: 20px;
  height: 20px;
}

.eventContent .Structure .postWidths .line .scroll h6 {
  margin: 0;
  color: white;
  text-transform: uppercase;
}

.eventContent .Gallery {
  position: relative;
  z-index: 2;
}

.eventContent .Gallery .postWidths {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

@media (min-width: 768px) {
  .eventContent .Gallery .postWidths {
    gap: 3rem;
  }
}

.eventContent .Gallery .postWidths .galleryWrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

@media (min-width: 1024px) {
  .eventContent .Gallery .postWidths .galleryWrap {
    grid-template-columns: repeat(5, 1fr);
  }
}

.eventContent .Gallery .postWidths .galleryWrap .galleryItem {
  position: relative;
  border-radius: 5px;
  overflow: hidden;
}

@media (min-width: 1024px) {
  .eventContent .Gallery .postWidths .galleryWrap .galleryItem {
    border-radius: 15px;
  }
}

.eventContent .Gallery .postWidths .galleryWrap .galleryItem img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
  display: block;
}

.eventContent .Gallery .postWidths .galleryWrap .galleryItem .svgWrap {
  position: absolute;
  bottom: 2.5%;
  right: 2.5%;
}

.eventContent .Gallery .postWidths .galleryWrap .galleryItem .svgWrap button {
  cursor: pointer;
  appearance: 0;
  outline: 0;
  padding: 0;
  margin: 0;
  background: none;
  border: 0;
}

.eventContent .Gallery .postWidths .galleryWrap .galleryItem .svgWrap button svg {
  width: 20px;
  height: 20px;
}

@media (min-width: 1024px) {
  .eventContent .Gallery .postWidths .galleryWrap .galleryItem .svgWrap button svg {
    width: 25px;
    height: 25px;
  }
}

.eventContent .Gallery .postWidths .YellowBtn {
  width: fit-content;
  margin: auto;
}

.eventContent .Payouts {
  position: relative;
  z-index: 2;
}

.eventContent .Payouts .postWidths {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

@media (min-width: 768px) {
  .eventContent .Payouts .postWidths {
    gap: 3rem;
  }
}

.eventContent .Payouts .postWidths .day {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  transition: all ease .3s;
  overflow: hidden;
}

@media (min-width: 1024px) {
  .eventContent .Payouts .postWidths .day {
    margin: 0 auto;
    padding: 0;
    width: calc(100% - 80px);
    gap: 2rem;
  }
}

@media (min-width: 1352px) {
  .eventContent .Payouts .postWidths .day {
    width: calc(100% - 250px);
  }
}

@media (min-width: 1920px) {
  .eventContent .Payouts .postWidths .day {
    width: calc(100% - 500px);
  }
}

.eventContent .Payouts .postWidths .day h6 {
  color: #FFCD00;
  text-transform: uppercase;
  width: calc(100% - 40px);
  margin: auto;
}

@media (min-width: 768px) {
  .eventContent .Payouts .postWidths .day h6 {
    width: calc(100% - 100px);
  }
}

@media (min-width: 1024px) {
  .eventContent .Payouts .postWidths .day h6 {
    width: 100%;
  }
}

.eventContent .Payouts .postWidths .day .table {
  margin: 0;
  overflow-y: scroll;
}

@media (min-width: 1024px) {
  .eventContent .Payouts .postWidths .day .table {
    background: white;
    border-radius: 10px;
    overflow-y: auto;
  }
}

.eventContent .Payouts .postWidths .day .table table {
  margin: 0;
  width: 100%;
}

@media (min-width: 1024px) {
  .eventContent .Payouts .postWidths .day .table table {
    width: 100%;
  }
}

.eventContent .Payouts .postWidths .day .table table thead {
  background: white;
}

.eventContent .Payouts .postWidths .day .table table thead th {
  padding: 0.75rem 0.5rem;
  text-transform: uppercase;
  color: #0077B6;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  vertical-align: middle;
  font-size: 0.7rem;
  text-align: center;
}

@media (min-width: 768px) {
  .eventContent .Payouts .postWidths .day .table table thead th {
    padding: 1rem;
    font-size: 0.8rem;
  }
}

@media (min-width: 1352px) {
  .eventContent .Payouts .postWidths .day .table table thead th {
    font-size: 0.9rem;
  }
}

@media (min-width: 1920px) {
  .eventContent .Payouts .postWidths .day .table table thead th {
    font-size: 1rem;
  }
}

.eventContent .Payouts .postWidths .day .table table thead .pos {
  width: 10%;
}

@media (min-width: 768px) {
  .eventContent .Payouts .postWidths .day .table table thead .pos {
    width: 10%;
  }
}

.eventContent .Payouts .postWidths .day .table table thead .name {
  width: 60%;
  padding: 0.5rem 1rem;
  text-align: left;
}

.eventContent .Payouts .postWidths .day .table table thead .payout {
  text-align: center;
  width: 25%;
}

@media (min-width: 768px) {
  .eventContent .Payouts .postWidths .day .table table thead .payout {
    width: 10%;
  }
}

.eventContent .Payouts .postWidths .day .table table tbody {
  background: white;
}

.eventContent .Payouts .postWidths .day .table table tbody tr {
  width: 100%;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 350;
  font-style: normal;
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  .eventContent .Payouts .postWidths .day .table table tbody tr {
    padding: 1rem;
    font-size: 0.8rem;
  }
}

@media (min-width: 1352px) {
  .eventContent .Payouts .postWidths .day .table table tbody tr {
    font-size: 0.9rem;
  }
}

@media (min-width: 1920px) {
  .eventContent .Payouts .postWidths .day .table table tbody tr {
    font-size: 1rem;
  }
}

.eventContent .Payouts .postWidths .day .table table tbody tr:nth-child(odd) {
  background-color: #ebebeb;
}

.eventContent .Payouts .postWidths .day .table table tbody tr td {
  padding: 0.75rem;
  border-right: 1px solid #dadada;
  color: #1E3A5F;
  text-align: center;
  vertical-align: middle;
}

@media (min-width: 768px) {
  .eventContent .Payouts .postWidths .day .table table tbody tr td {
    padding: 1rem;
  }
}

.eventContent .Payouts .postWidths .day .table table tbody tr .pos {
  width: 15%;
}

@media (min-width: 768px) {
  .eventContent .Payouts .postWidths .day .table table tbody tr .pos {
    width: 10%;
  }
}

@media (min-width: 1024px) {
  .eventContent .Payouts .postWidths .day .table table tbody tr .pos {
    width: 5%;
  }
}

.eventContent .Payouts .postWidths .day .table table tbody tr .name {
  width: 60%;
  padding: 0.5rem 1rem;
  text-align: left;
}

@media (min-width: 768px) {
  .eventContent .Payouts .postWidths .day .table table tbody tr .name {
    width: 30%;
  }
}

.eventContent .Payouts .postWidths .day .table table tbody tr .name .player-flag {
  width: 39px;
  height: 20px;
  margin-right: 8px;
}

.eventContent .Payouts .postWidths .day .table table tbody tr .payout {
  text-align: center;
  width: 25%;
}

@media (min-width: 768px) {
  .eventContent .Payouts .postWidths .day .table table tbody tr .payout {
    width: 10%;
  }
}

.eventContent .Payouts .postWidths .day .YellowBtn {
  margin: auto;
}

.eventContent .Payouts .postWidths .day .scroll {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: auto;
  width: calc(100% - 40px);
}

@media (min-width: 768px) {
  .eventContent .Payouts .postWidths .day .scroll {
    width: calc(100% - 100px);
  }
}

@media (min-width: 1024px) {
  .eventContent .Payouts .postWidths .day .scroll {
    display: none;
    width: calc(100% - 80px);
  }
}

@media (min-width: 1352px) {
  .eventContent .Payouts .postWidths .day .scroll {
    width: 100%;
  }
}

.eventContent .Payouts .postWidths .day .scroll svg {
  width: 20px;
  height: 20px;
}

.eventContent .Payouts .postWidths .day .scroll h6 {
  margin: 0;
  color: white;
  text-transform: uppercase;
}

.eventContent .Players {
  position: relative;
  z-index: 2;
}

.eventContent .Players .postWidths {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

@media (min-width: 768px) {
  .eventContent .Players .postWidths {
    gap: 3rem;
  }
}

.eventContent .Players .postWidths .day {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  transition: all ease .3s;
  overflow: hidden;
}

@media (min-width: 1024px) {
  .eventContent .Players .postWidths .day {
    margin: 0 auto;
    padding: 0;
    width: calc(100% - 80px);
    gap: 2rem;
  }
}

@media (min-width: 1352px) {
  .eventContent .Players .postWidths .day {
    width: calc(100% - 250px);
  }
}

@media (min-width: 1920px) {
  .eventContent .Players .postWidths .day {
    width: calc(100% - 500px);
  }
}

.eventContent .Players .postWidths .day h6 {
  color: #FFCD00;
  text-transform: uppercase;
  width: calc(100% - 40px);
  margin: auto;
}

@media (min-width: 768px) {
  .eventContent .Players .postWidths .day h6 {
    width: calc(100% - 100px);
  }
}

@media (min-width: 1024px) {
  .eventContent .Players .postWidths .day h6 {
    width: 100%;
  }
}

.eventContent .Players .postWidths .day .table {
  margin: 0;
  overflow-y: scroll;
}

@media (min-width: 1024px) {
  .eventContent .Players .postWidths .day .table {
    background: white;
    border-radius: 10px;
    overflow-y: auto;
  }
}

.eventContent .Players .postWidths .day .table table {
  margin: 0;
  width: 442px;
}

@media (min-width: 768px) {
  .eventContent .Players .postWidths .day .table table {
    width: 100%;
  }
}

.eventContent .Players .postWidths .day .table table thead {
  background: white;
}

.eventContent .Players .postWidths .day .table table thead th {
  padding: 0.75rem 0.5rem;
  text-transform: uppercase;
  color: #0077B6;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  vertical-align: middle;
  font-size: 0.7rem;
  text-align: center;
}

@media (min-width: 768px) {
  .eventContent .Players .postWidths .day .table table thead th {
    padding: 1rem;
    font-size: 0.8rem;
  }
}

@media (min-width: 1352px) {
  .eventContent .Players .postWidths .day .table table thead th {
    font-size: 0.9rem;
  }
}

@media (min-width: 1920px) {
  .eventContent .Players .postWidths .day .table table thead th {
    font-size: 1rem;
  }
}

.eventContent .Players .postWidths .day .table table thead .pos {
  width: 15%;
}

@media (min-width: 768px) {
  .eventContent .Players .postWidths .day .table table thead .pos {
    width: 10%;
  }
}

@media (min-width: 1024px) {
  .eventContent .Players .postWidths .day .table table thead .pos {
    width: 5%;
  }
}

.eventContent .Players .postWidths .day .table table thead .name {
  width: 60%;
  padding: 0.5rem 1rem;
  text-align: left;
}

@media (min-width: 768px) {
  .eventContent .Players .postWidths .day .table table thead .name {
    width: 30%;
  }
}

.eventContent .Players .postWidths .day .table table thead .tabl, .eventContent .Players .postWidths .day .table table thead .seat, .eventContent .Players .postWidths .day .table table thead .chips {
  text-align: center;
  width: 10%;
}

@media (min-width: 1352px) {
  .eventContent .Players .postWidths .day .table table thead .tabl, .eventContent .Players .postWidths .day .table table thead .seat, .eventContent .Players .postWidths .day .table table thead .chips {
    width: 7.5%;
  }
}

.eventContent .Players .postWidths .day .table table tbody {
  background: white;
}

.eventContent .Players .postWidths .day .table table tbody tr {
  width: 100%;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 350;
  font-style: normal;
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  .eventContent .Players .postWidths .day .table table tbody tr {
    padding: 1rem;
    font-size: 0.8rem;
  }
}

@media (min-width: 1352px) {
  .eventContent .Players .postWidths .day .table table tbody tr {
    font-size: 0.9rem;
  }
}

@media (min-width: 1920px) {
  .eventContent .Players .postWidths .day .table table tbody tr {
    font-size: 1rem;
  }
}

.eventContent .Players .postWidths .day .table table tbody tr:nth-child(odd) {
  background-color: #ebebeb;
}

.eventContent .Players .postWidths .day .table table tbody tr td {
  padding: 0.75rem;
  border-right: 1px solid #dadada;
  color: #1E3A5F;
  text-align: center;
  vertical-align: middle;
}

@media (min-width: 768px) {
  .eventContent .Players .postWidths .day .table table tbody tr td {
    padding: 1rem;
  }
}

.eventContent .Players .postWidths .day .table table tbody tr .pos {
  width: 15%;
}

@media (min-width: 768px) {
  .eventContent .Players .postWidths .day .table table tbody tr .pos {
    width: 10%;
  }
}

@media (min-width: 1024px) {
  .eventContent .Players .postWidths .day .table table tbody tr .pos {
    width: 5%;
  }
}

.eventContent .Players .postWidths .day .table table tbody tr .name {
  width: 60%;
  padding: 0.5rem 1rem;
  text-align: left;
}

@media (min-width: 768px) {
  .eventContent .Players .postWidths .day .table table tbody tr .name {
    width: 30%;
  }
}

.eventContent .Players .postWidths .day .table table tbody tr .name .player-flag {
  width: 39px;
  height: 20px;
  margin-right: 15px;
}

.eventContent .Players .postWidths .day .table table tbody tr .tabl, .eventContent .Players .postWidths .day .table table tbody tr .seat, .eventContent .Players .postWidths .day .table table tbody tr .chips {
  text-align: center;
  width: 10%;
}

@media (min-width: 1352px) {
  .eventContent .Players .postWidths .day .table table tbody tr .tabl, .eventContent .Players .postWidths .day .table table tbody tr .seat, .eventContent .Players .postWidths .day .table table tbody tr .chips {
    width: 7.5%;
  }
}

.eventContent .Players .postWidths .day .YellowBtn {
  margin: auto;
}

.eventContent .Players .postWidths .day .scroll {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: auto;
  width: calc(100% - 40px);
}

@media (min-width: 768px) {
  .eventContent .Players .postWidths .day .scroll {
    width: calc(100% - 100px);
  }
}

@media (min-width: 1024px) {
  .eventContent .Players .postWidths .day .scroll {
    display: none;
    width: calc(100% - 80px);
  }
}

@media (min-width: 1352px) {
  .eventContent .Players .postWidths .day .scroll {
    width: 100%;
  }
}

.eventContent .Players .postWidths .day .scroll svg {
  width: 20px;
  height: 20px;
}

.eventContent .Players .postWidths .day .scroll h6 {
  margin: 0;
  color: white;
  text-transform: uppercase;
}

.containers, .content-container {
  margin: 0 auto;
  padding: 0;
  width: calc(100% - 40px);
}

.slider-container {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  margin-left: 25px;
}

@media (min-width: 768px) {
  .containers, .content-container {
    margin: 0 auto;
    padding: 0;
    width: calc(100% - 100px);
  }
  .slider-container {
    margin-left: 50px;
  }
}

@media (min-width: 1024px) {
  .containers, .content-container {
    margin: 0 auto;
    padding: 0;
    width: calc(100% - 80px);
  }
  .slider-container {
    margin-left: 40px;
  }
}

@media (min-width: 1352px) {
  .containers {
    width: calc(100% - 120px);
  }
  .content-container {
    width: calc(100% - 250px);
  }
  .slider-container {
    margin-left: 60px;
  }
}

@media (min-width: 1920px) {
  .containers {
    width: calc(100% - 250px);
  }
  .content-container {
    width: calc(100% - 500px);
  }
  .slider-container {
    margin-left: 150px;
  }
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: 500;
  margin: 0;
}

button, a {
  font-size: 0.8rem;
  line-height: 1.2rem;
}

h1 {
  font-size: 1.8rem;
  line-height: 2.2rem;
  letter-spacing: 1px;
}

h2 {
  font-size: 1.6rem;
  line-height: 2rem;
}

h3 {
  font-size: 1.2rem;
  line-height: 1.6rem;
}

h4 {
  font-size: 1rem;
  line-height: 1.2rem;
}

h5 {
  font-size: 0.9rem;
  line-height: 1.3rem;
}

h6, button, a {
  font-size: 0.9rem;
  line-height: 1.3rem;
}

p, li {
  font-size: 0.8rem;
  line-height: 1.2rem;
}

@media (min-width: 768px) {
  h1 {
    font-size: 3.4rem;
    line-height: 3.8rem;
  }
  h2 {
    font-size: 2.8rem;
    line-height: 3.2rem;
  }
  h3 {
    font-size: 2.2rem;
    line-height: 2.6rem;
  }
  h4 {
    font-size: 1.6rem;
    line-height: 2rem;
  }
  h5 {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  h6, button, a {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
  p, li {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
}

@media (min-width: 1024px) {
  h1 {
    font-size: 3rem;
    line-height: 3.4rem;
  }
  h2 {
    font-size: 2.2rem;
    line-height: 2.6rem;
  }
  h3 {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
  h4 {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  h5 {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
  h6 {
    font-size: 1rem;
    line-height: 1.4rem;
  }
  p, li {
    font-size: 0.8rem;
    line-height: 1.2rem;
  }
}

@media (min-width: 1352px) {
  h1 {
    font-size: 3.6rem;
    line-height: 4rem;
  }
  h2 {
    font-size: 2.8rem;
    line-height: 3.2rem;
  }
  h3 {
    font-size: 2rem;
    line-height: 2.4rem;
  }
  h4 {
    font-size: 1.7rem;
    line-height: 2.1rem;
  }
  h5 {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  h6, button, a {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
  p, li {
    font-size: 1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1920px) {
  h1 {
    font-size: 4.8rem;
    line-height: 5.2rem;
  }
  h2 {
    font-size: 3.2rem;
    line-height: 3.6rem;
  }
  h3 {
    font-size: 2.2rem;
    line-height: 2.6rem;
  }
  h4 {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
  h5 {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  h6, button, a {
    font-size: 1.2rem;
    ine-height: 1.6rem;
  }
  p, li {
    font-size: 1rem;
    line-height: 1.4rem;
  }
}

.ReadMoreBtn {
  width: fit-content;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: #003366;
  border: 0;
  appearance: 0;
  outline: 0;
  background: none;
  text-transform: uppercase;
  transition: all .3s;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  font-size: 0.7rem;
}

.ReadMoreBtn svg {
  width: 20px;
  height: 20px;
  rotate: 180deg;
}

.ReadMoreBtn svg.active {
  rotate: 0deg;
}

@media (min-width: 768px) {
  .ReadMoreBtn {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .ReadMoreBtn {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.YellowBtn {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #0A1628;
  border: 0;
  appearance: 0;
  outline: 0;
  padding: 10px 15px;
  text-transform: uppercase;
  transition: all .3s;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  .YellowBtn {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .YellowBtn {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.YellowBtn:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #FFCD00;
  border-radius: 5px;
  z-index: -2;
  border: 2px solid #FFCD00;
}

.YellowBtn:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #003366;
  transition: all .3s;
  z-index: -1;
  border-radius: 5px;
}

.YellowBtn:hover {
  color: white;
  text-decoration: none;
}

.YellowBtn:hover:before {
  width: 100%;
  color: white;
}

@media (min-width: 1024px) {
  .YellowBtn {
    padding: 15px 20px;
  }
}

.YellowBorderBtn {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: white;
  border: 0;
  appearance: 0;
  outline: 0;
  padding: 10px 15px;
  text-transform: uppercase;
  transition: all .3s;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  .YellowBorderBtn {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .YellowBorderBtn {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.YellowBorderBtn:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #FFCD00;
  z-index: -2;
  border-radius: 5px;
}

.YellowBorderBtn:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #FFCD00;
  transition: all .3s;
  z-index: -1;
  border-radius: 5px;
}

.YellowBorderBtn:hover {
  color: #1E3A5F;
  text-decoration: none;
}

.YellowBorderBtn:hover:before {
  width: 100%;
}

@media (min-width: 1024px) {
  .YellowBorderBtn {
    padding: 15px 20px;
  }
}

.WhiteBtn {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #003366;
  border: 0;
  appearance: 0;
  outline: 0;
  padding: 10px 15px;
  text-transform: uppercase;
  transition: all .3s;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  .WhiteBtn {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .WhiteBtn {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.WhiteBtn:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  border-radius: 5px;
  z-index: -2;
  border: 2px solid white;
}

.WhiteBtn:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #003366;
  transition: all .3s;
  z-index: -1;
  border-radius: 5px;
}

.WhiteBtn:hover {
  color: white;
  text-decoration: none;
}

.WhiteBtn:hover:before {
  width: 100%;
  color: white;
}

@media (min-width: 1024px) {
  .WhiteBtn {
    padding: 15px 20px;
  }
}

.GreenBtn {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: white;
  border: 0;
  appearance: 0;
  outline: 0;
  padding: 10px 15px;
  text-transform: uppercase;
  transition: all .3s;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  .GreenBtn {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .GreenBtn {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.GreenBtn:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #003366;
  border-radius: 5px;
  z-index: -2;
  border: 2px solid #003366;
}

.GreenBtn:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #FFCD00;
  transition: all .3s;
  z-index: -1;
  border-radius: 5px;
}

.GreenBtn:hover {
  color: #1E3A5F;
  text-decoration: none;
}

.GreenBtn:hover:before {
  width: 100%;
  color: white;
}

@media (min-width: 1024px) {
  .GreenBtn {
    padding: 15px 20px;
  }
}

.WhiteBorderBtn {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #003366;
  border: 0;
  appearance: 0;
  outline: 0;
  padding: 10px 15px;
  text-transform: uppercase;
  transition: all .3s;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  .WhiteBorderBtn {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .WhiteBorderBtn {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.WhiteBorderBtn:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  border-radius: 5px;
  z-index: -2;
  border: 2px solid #FFCD00;
}

.WhiteBorderBtn:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #003366;
  transition: all .3s;
  z-index: -1;
  border-radius: 5px;
}

.WhiteBorderBtn:hover {
  color: white;
  text-decoration: none;
}

.WhiteBorderBtn:hover:before {
  width: 100%;
  color: white;
}

@media (min-width: 1024px) {
  .WhiteBorderBtn {
    padding: 15px 20px;
  }
}

.grad {
  background: #0A1628;
  background: -moz-linear-gradient(180deg, #0A1628 0%, #1E5AA8 100%);
  background: -webkit-linear-gradient(180deg, #0A1628 0%, #1E5AA8 100%);
  background: linear-gradient(180deg, #0A1628 0%, #1E5AA8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0A1628",endColorstr="#1E5AA8",GradientType=1);
}

/* Carts Style */
.cart-icon {
  display: inline-block;
  width: 25px;
  height: 15px;
  background-image: url("../img/all.png");
  vertical-align: middle;
}

.clubs-2 {
  background-position: 0 0;
}

.clubs-3 {
  background-position: -25px 0;
}

.clubs-4 {
  background-position: -50px 0;
}

.clubs-5 {
  background-position: -75px 0;
}

.clubs-6 {
  background-position: -100px 0;
}

.clubs-7 {
  background-position: -125px 0;
}

.clubs-8 {
  background-position: -150px 0;
}

.clubs-9 {
  background-position: -175px 0;
}

.clubs-10 {
  background-position: -200px 0;
}

.clubs-j {
  background-position: -225px 0;
}

.clubs-q {
  background-position: -250px 0;
}

.clubs-k {
  background-position: -275px 0;
}

.clubs-a {
  background-position: 25px 0;
}

.diamonds-2 {
  background-position: 0 -15px;
}

.diamonds-3 {
  background-position: -25px -15px;
}

.diamonds-4 {
  background-position: -50px -15px;
}

.diamonds-5 {
  background-position: -75px -15px;
}

.diamonds-6 {
  background-position: -100px -15px;
}

.diamonds-7 {
  background-position: -125px -15px;
}

.diamonds-8 {
  background-position: -150px -15px;
}

.diamonds-9 {
  background-position: -175px -15px;
}

.diamonds-10 {
  background-position: -200px -15px;
}

.diamonds-j {
  background-position: -225px -15px;
}

.diamonds-q {
  background-position: -250px -15px;
}

.diamonds-k {
  background-position: -275px -15px;
}

.diamonds-a {
  background-position: 25px -15px;
}

.hearts-2 {
  background-position: 0 -30px;
}

.hearts-3 {
  background-position: -25px -30px;
}

.hearts-4 {
  background-position: -50px -30px;
}

.hearts-5 {
  background-position: -75px -30px;
}

.hearts-6 {
  background-position: -100px -30px;
}

.hearts-7 {
  background-position: -125px -30px;
}

.hearts-8 {
  background-position: -150px -30px;
}

.hearts-9 {
  background-position: -175px -30px;
}

.hearts-10 {
  background-position: -200px -30px;
}

.hearts-j {
  background-position: -225px -30px;
}

.hearts-q {
  background-position: -250px -30px;
}

.hearts-k {
  background-position: -275px -30px;
}

.hearts-a {
  background-position: 25px -30px;
}

.spades-2 {
  background-position: 0 -45px;
}

.spades-3 {
  background-position: -25px -45px;
}

.spades-4 {
  background-position: -50px -45px;
}

.spades-5 {
  background-position: -75px -45px;
}

.spades-6 {
  background-position: -100px -45px;
}

.spades-7 {
  background-position: -125px -45px;
}

.spades-8 {
  background-position: -150px -45px;
}

.spades-9 {
  background-position: -175px -45px;
}

.spades-10 {
  background-position: -200px -45px;
}

.spades-j {
  background-position: -225px -45px;
}

.spades-q {
  background-position: -250px -45px;
}

.spades-k {
  background-position: -275px -45px;
}

.spades-a {
  background-position: 25px -45px;
}

.x-2 {
  background-position: 0 -60px;
}

.x-3 {
  background-position: -25px -60px;
}

.x-4 {
  background-position: -50px -60px;
}

.x-5 {
  background-position: -75px -60px;
}

.x-6 {
  background-position: -100px -60px;
}

.x-7 {
  background-position: -125px -60px;
}

.x-8 {
  background-position: -150px -60px;
}

.x-9 {
  background-position: -175px -60px;
}

.x-10 {
  background-position: -200px -60px;
}

.x-j {
  background-position: -225px -60px;
}

.x-q {
  background-position: -250px -60px;
}

.x-k {
  background-position: -275px -60px;
}

.x-a {
  background-position: 25px -60px;
}

.x-clubs {
  background-position: 0 -75px;
}

.x-diamonds {
  background-position: -25px -75px;
}

.x-hearts {
  background-position: -50px -75px;
}

.x-spades {
  background-position: -75px -75px;
}

.x-x {
  background-position: -100px -75px;
}

.schedHead {
  padding-top: 90px;
  width: 100%;
  background: #0A1628;
  background: linear-gradient(180deg, #0A1628 0%, #1E5AA8 100%);
}

@media (min-width: 768px) {
  .schedHead {
    padding-top: 100px;
  }
}

@media (min-width: 1024px) {
  .schedHead {
    padding-top: 120px;
  }
}

.schedHead .headWrap {
  padding: 25px 0 50px 0;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

@media (min-width: 768px) {
  .schedHead .headWrap {
    padding: 75px 0;
    gap: 4rem;
  }
}

@media (min-width: 1024px) {
  .schedHead .headWrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 2rem;
  }
}

.schedHead .headWrap .video-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

@media (min-width: 1024px) {
  .schedHead .headWrap .video-container {
    flex: 1 1 0;
    min-width: 0;
    width: auto;
    max-width: none;
    justify-content: flex-end;
  }
}

.schedHead .headWrap .video-container .video-wrapper {
  position: relative;
  width: 100%;
  max-width: 600px;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  border-radius: 12px;
  background: #000;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
}

@media (min-width: 1024px) {
  .schedHead .headWrap .video-container .video-wrapper {
    max-width: none;
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
    padding-bottom: 0;
  }
}

.schedHead .headWrap .video-container .video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  border: 0;
  border-radius: 12px;
}

.schedHead .headWrap .text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  width: 100%;
  color: white;
  text-align: center;
}

@media (min-width: 768px) {
  .schedHead .headWrap .text {
    gap: 2rem;
  }
}

@media (min-width: 1024px) {
  .schedHead .headWrap .text {
    gap: 1.5rem;
    flex: 1 1 0;
    min-width: 0;
    width: auto;
    max-width: none;
    justify-content: center;
    align-items: flex-start;
    text-align: left;
  }
}

@media (min-width: 1352px) {
  .schedHead .headWrap .text {
    gap: 2rem;
  }
}

.schedHead .headWrap .text .singleNewsShare {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.schedHead .headWrap .text h1 {
  margin: 0;
  text-transform: uppercase;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}

.schedHead .headWrap .text h3 {
  margin: 0;
  color: #FFCD00;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 0.85rem;
  line-height: 1.35rem;
}

@media (min-width: 768px) {
  .schedHead .headWrap .text h3 {
    width: 80%;
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
}

@media (min-width: 1024px) {
  .schedHead .headWrap .text h3 {
    width: 100%;
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
}

@media (min-width: 1920px) {
  .schedHead .headWrap .text h3 {
    width: 70%;
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
}

.schedHead .headWrap .text h3 b {
  color: #FFCD00;
  text-decoration: underline;
  text-underline-offset: 5px;
}

@media (min-width: 1024px) {
  .schedHead .headWrap .text h3 b {
    text-underline-offset: 6px;
  }
}

.schedHead .headWrap img {
  width: 100%;
}

@media (min-width: 768px) {
  .schedHead .headWrap img {
    width: 75%;
    margin: auto;
  }
}

@media (min-width: 1024px) {
  .schedHead .headWrap img {
    width: 50%;
    margin: 0;
  }
}

.schedule {
  overflow: hidden;
  position: relative;
  padding: 25px 0 50px 0;
  background: #0A1628;
  background: linear-gradient(180deg, #0A1628 0%, #1E5AA8 100%);
  padding: 50px 0;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

@media (min-width: 768px) {
  .schedule {
    gap: 2rem;
  }
}

@media (min-width: 1024px) {
  .schedule {
    gap: 3rem;
  }
}

@media (min-width: 1352px) {
  .schedule {
    gap: 4rem;
  }
}

@media (min-width: 1352px) {
  .schedule {
    padding: 75px 0;
  }
}

.schedule .dropdown-wrap {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

@media (min-width: 1024px) {
  .schedule .dropdown-wrap {
    gap: 2rem;
    justify-content: space-between;
    flex-direction: row;
  }
}

.schedule .dropdown {
  position: relative;
}

.schedule .dropdown .dropdown-btn {
  position: relative;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  width: fit-content;
  background-color: #1E3A5F;
  color: white;
  padding: 5px 10px;
  font-size: 16px;
  border: none;
  min-width: 180px;
  cursor: pointer;
  text-align: left;
  border-radius: 5px;
  border: 2px solid #FFCD00;
  font-size: 0.7rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}

@media (min-width: 768px) {
  .schedule .dropdown .dropdown-btn {
    padding: 10px 15px;
    font-size: 0.8rem;
  }
}

@media (min-width: 1352px) {
  .schedule .dropdown .dropdown-btn {
    font-size: 0.9rem;
  }
}

@media (min-width: 1920px) {
  .schedule .dropdown .dropdown-btn {
    font-size: 1rem;
  }
}

.schedule .dropdown .dropdown-btn svg {
  width: 15px;
  height: 15px;
}

.schedule .dropdown .dropdown-btn svg.active {
  rotate: 90deg;
}

.schedule .dropdown .dropdown-content {
  transition: 0.3s all ease;
  display: none;
  position: absolute;
  background-color: #1E3A5F;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
  width: fit-content;
  min-width: 140px;
  border-radius: 4px;
  z-index: 99;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.schedule .dropdown .dropdown-content a {
  text-transform: uppercase;
  color: white;
  padding: 10px;
  text-decoration: none;
  display: block;
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  .schedule .dropdown .dropdown-content a {
    padding: 1rem;
    font-size: 0.8rem;
  }
}

@media (min-width: 1352px) {
  .schedule .dropdown .dropdown-content a {
    min-width: 200px;
    font-size: 0.9rem;
  }
}

@media (min-width: 1920px) {
  .schedule .dropdown .dropdown-content a {
    font-size: 1rem;
  }
}

.schedule .dropdown .dropdown-content a b {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: #FFCD00;
}

.schedule .dropdown .dropdown-content a:hover {
  background-color: #003366;
}

.schedule .schedWrap {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

@media (min-width: 1352px) {
  .schedule .schedWrap {
    gap: 3rem;
  }
}

@media (min-width: 1920px) {
  .schedule .schedWrap {
    gap: 4rem;
  }
}

.schedule .schedWrap .schedule-container {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

@media (min-width: 1352px) {
  .schedule .schedWrap .schedule-container {
    gap: 3rem;
  }
}

@media (min-width: 1920px) {
  .schedule .schedWrap .schedule-container {
    gap: 4rem;
  }
}

.schedule .schedWrap .schedule-container .day {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  transition: all ease .3s;
  overflow: hidden;
}

@media (min-width: 1024px) {
  .schedule .schedWrap .schedule-container .day {
    margin: 0 auto;
    padding: 0;
    width: calc(100% - 80px);
  }
}

@media (min-width: 1352px) {
  .schedule .schedWrap .schedule-container .day {
    width: calc(100% - 250px);
  }
}

@media (min-width: 1920px) {
  .schedule .schedWrap .schedule-container .day {
    width: calc(100% - 500px);
  }
}

.schedule .schedWrap .schedule-container .day h6 {
  color: #FFCD00;
  text-transform: uppercase;
  width: calc(100% - 40px);
  margin: auto;
}

@media (min-width: 768px) {
  .schedule .schedWrap .schedule-container .day h6 {
    width: calc(100% - 100px);
  }
}

@media (min-width: 1024px) {
  .schedule .schedWrap .schedule-container .day h6 {
    width: 100%;
  }
}

.schedule .schedWrap .schedule-container .day .table {
  margin: 0;
  overflow-y: scroll;
}

@media (min-width: 1024px) {
  .schedule .schedWrap .schedule-container .day .table {
    background: white;
    border-radius: 10px;
    overflow-y: auto;
  }
}

.schedule .schedWrap .schedule-container .day .table table {
  margin: 0;
  width: 725px;
}

@media (min-width: 768px) {
  .schedule .schedWrap .schedule-container .day .table table {
    width: 1000px;
  }
}

@media (min-width: 1024px) {
  .schedule .schedWrap .schedule-container .day .table table {
    width: 100%;
  }
}

.schedule .schedWrap .schedule-container .day .table table thead {
  background: white;
}

.schedule .schedWrap .schedule-container .day .table table thead th {
  padding: 0.75rem 0.5rem;
  text-transform: uppercase;
  color: #0077B6;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  vertical-align: middle;
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  .schedule .schedWrap .schedule-container .day .table table thead th {
    padding: 1rem;
    font-size: 0.8rem;
  }
}

@media (min-width: 1352px) {
  .schedule .schedWrap .schedule-container .day .table table thead th {
    font-size: 0.9rem;
  }
}

@media (min-width: 1920px) {
  .schedule .schedWrap .schedule-container .day .table table thead th {
    font-size: 1rem;
  }
}

.schedule .schedWrap .schedule-container .day .table table thead .time {
  text-align: center;
  width: 10%;
}

@media (min-width: 768px) {
  .schedule .schedWrap .schedule-container .day .table table thead .time {
    width: 6%;
  }
}

.schedule .schedWrap .schedule-container .day .table table thead .num {
  text-align: center;
  width: 4%;
}

.schedule .schedWrap .schedule-container .day .table table thead .tourn {
  width: 50%;
  padding: 0.5rem 1rem;
  text-align: left !important;
}

@media (min-width: 768px) {
  .schedule .schedWrap .schedule-container .day .table table thead .tourn {
    width: 30%;
  }
}

.schedule .schedWrap .schedule-container .day .table table thead .buy {
  text-align: center;
  width: 10%;
}

@media (min-width: 768px) {
  .schedule .schedWrap .schedule-container .day .table table thead .buy {
    width: 7.5%;
  }
}

.schedule .schedWrap .schedule-container .day .table table thead .chip, .schedule .schedWrap .schedule-container .day .table table thead .chips {
  text-align: center;
  width: 5%;
}

@media (min-width: 1024px) {
  .schedule .schedWrap .schedule-container .day .table table thead .chip, .schedule .schedWrap .schedule-container .day .table table thead .chips {
    width: 2.5%;
  }
}

.schedule .schedWrap .schedule-container .day .table table thead .reg {
  text-align: center;
  width: 12.5%;
}

@media (min-width: 1024px) {
  .schedule .schedWrap .schedule-container .day .table table thead .reg {
    width: 5%;
  }
}

.schedule .schedWrap .schedule-container .day .table table thead .clock {
  text-align: center;
  width: 10%;
}

.schedule .schedWrap .schedule-container .day .table table thead .link {
  text-align: center;
  width: 2.5%;
}

.schedule .schedWrap .schedule-container .day .table table tbody {
  background: white;
}

.schedule .schedWrap .schedule-container .day .table table tbody tr {
  width: 100%;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 350;
  font-style: normal;
  font-size: 0.7rem;
  transition: 0.3s all ease;
}

@media (min-width: 768px) {
  .schedule .schedWrap .schedule-container .day .table table tbody tr {
    padding: 1rem;
    font-size: 0.8rem;
  }
}

@media (min-width: 1352px) {
  .schedule .schedWrap .schedule-container .day .table table tbody tr {
    font-size: 0.9rem;
  }
}

@media (min-width: 1920px) {
  .schedule .schedWrap .schedule-container .day .table table tbody tr {
    font-size: 1rem;
  }
}

.schedule .schedWrap .schedule-container .day .table table tbody tr:nth-child(odd) {
  background-color: #ebebeb;
}

.schedule .schedWrap .schedule-container .day .table table tbody tr td {
  padding: 0.75rem;
  border-right: 1px solid #dadada;
  color: #1E3A5F;
  text-align: center;
  vertical-align: middle;
}

@media (min-width: 768px) {
  .schedule .schedWrap .schedule-container .day .table table tbody tr td {
    padding: 1rem;
  }
}

.schedule .schedWrap .schedule-container .day .table table tbody tr td[id="buy"] {
  text-align: center;
  width: 5%;
}

@media (min-width: 768px) {
  .schedule .schedWrap .schedule-container .day .table table tbody tr td[id="buy"] {
    width: 7.5%;
  }
}

.schedule .schedWrap .schedule-container .day .table table tbody tr svg {
  border-radius: 75%;
  transition: .3s all ease;
}

.schedule .schedWrap .schedule-container .day .table table tbody tr svg path {
  transition: .3s all ease;
  fill: #003366;
}

.schedule .schedWrap .schedule-container .day .table table tbody tr:hover {
  cursor: pointer;
  background-color: #F0F4F9;
  box-shadow: inset 4px 0 0 #FFCD00;
}

.schedule .schedWrap .schedule-container .day .table table tbody tr:hover td {
  color: #003366;
  text-shadow: 0.45px 0 0 currentColor, -0.45px 0 0 currentColor;
}

.schedule .schedWrap .schedule-container .day .table table tbody tr:hover #time .check {
  text-shadow: none;
}

.schedule .schedWrap .schedule-container .day .table table tbody tr:hover svg path {
  fill: #FFCD00;
}

.schedule .schedWrap .schedule-container .day .table table tbody tr:nth-child(odd):hover {
  background-color: #C8D4E4;
}

.schedule .schedWrap .schedule-container .day .table table tbody tr #time {
  padding: 0;
  margin: 0;
}

.schedule .schedWrap .schedule-container .day .table table tbody tr #time .check {
  border-radius: 5px;
  text-align: center;
  margin: auto;
  padding: 0.25rem  0.5rem;
  width: fit-content;
  background-color: #FFCD00;
  animation: schedule-live-pill-blink 1.1s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
  .schedule .schedWrap .schedule-container .day .table table tbody tr #time .check {
    animation: none;
  }
}

@media (min-width: 1024px) {
  .schedule .schedWrap .schedule-container .day .table table tbody tr #chips, .schedule .schedWrap .schedule-container .day .table table tbody tr #chip {
    width: 2.5%;
  }
}

.schedule .schedWrap .schedule-container .day .table table tbody tr #tourn {
  padding: 0rem 1rem;
  text-align: left !important;
}

@media (min-width: 768px) {
  .schedule .schedWrap .schedule-container .day .table table tbody tr #tourn {
    padding: 1rem;
  }
}

.schedule .schedWrap .schedule-container .day .table table tbody tr #clock, .schedule .schedWrap .schedule-container .day .table table tbody tr #link {
  border-right: 0;
}

.schedule .schedWrap .schedule-container .day .table table tbody tr #clock svg, .schedule .schedWrap .schedule-container .day .table table tbody tr #link svg {
  width: 20px;
  height: 20px;
}

.schedule .schedWrap .schedule-container .day .scroll {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: auto;
  width: calc(100% - 40px);
}

@media (min-width: 768px) {
  .schedule .schedWrap .schedule-container .day .scroll {
    width: calc(100% - 100px);
  }
}

@media (min-width: 1024px) {
  .schedule .schedWrap .schedule-container .day .scroll {
    display: none;
    width: calc(100% - 80px);
  }
}

@media (min-width: 1352px) {
  .schedule .schedWrap .schedule-container .day .scroll {
    width: 100%;
  }
}

.schedule .schedWrap .schedule-container .day .scroll svg {
  width: 20px;
  height: 20px;
}

.schedule .schedWrap .schedule-container .day .scroll h6 {
  margin: 0;
  color: white;
  text-transform: uppercase;
}

.schedule .schedWrap .buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin: 0 auto;
  width: calc(100% - 40px);
}

@media (min-width: 768px) {
  .schedule .schedWrap .buttons {
    width: calc(100% - 100px);
    gap: 1rem;
  }
}

@media (min-width: 1024px) {
  .schedule .schedWrap .buttons {
    justify-content: center;
    width: 100%;
  }
}

@keyframes schedule-live-pill-blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}

.containers, .content-container {
  margin: 0 auto;
  padding: 0;
  width: calc(100% - 40px);
}

.slider-container {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  margin-left: 25px;
}

@media (min-width: 768px) {
  .containers, .content-container {
    margin: 0 auto;
    padding: 0;
    width: calc(100% - 100px);
  }
  .slider-container {
    margin-left: 50px;
  }
}

@media (min-width: 1024px) {
  .containers, .content-container {
    margin: 0 auto;
    padding: 0;
    width: calc(100% - 80px);
  }
  .slider-container {
    margin-left: 40px;
  }
}

@media (min-width: 1352px) {
  .containers {
    width: calc(100% - 120px);
  }
  .content-container {
    width: calc(100% - 250px);
  }
  .slider-container {
    margin-left: 60px;
  }
}

@media (min-width: 1920px) {
  .containers {
    width: calc(100% - 250px);
  }
  .content-container {
    width: calc(100% - 500px);
  }
  .slider-container {
    margin-left: 150px;
  }
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: 500;
  margin: 0;
}

button, a {
  font-size: 0.8rem;
  line-height: 1.2rem;
}

h1 {
  font-size: 1.8rem;
  line-height: 2.2rem;
  letter-spacing: 1px;
}

h2 {
  font-size: 1.6rem;
  line-height: 2rem;
}

h3 {
  font-size: 1.2rem;
  line-height: 1.6rem;
}

h4 {
  font-size: 1rem;
  line-height: 1.2rem;
}

h5 {
  font-size: 0.9rem;
  line-height: 1.3rem;
}

h6, button, a {
  font-size: 0.9rem;
  line-height: 1.3rem;
}

p, li {
  font-size: 0.8rem;
  line-height: 1.2rem;
}

@media (min-width: 768px) {
  h1 {
    font-size: 3.4rem;
    line-height: 3.8rem;
  }
  h2 {
    font-size: 2.8rem;
    line-height: 3.2rem;
  }
  h3 {
    font-size: 2.2rem;
    line-height: 2.6rem;
  }
  h4 {
    font-size: 1.6rem;
    line-height: 2rem;
  }
  h5 {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  h6, button, a {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
  p, li {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
}

@media (min-width: 1024px) {
  h1 {
    font-size: 3rem;
    line-height: 3.4rem;
  }
  h2 {
    font-size: 2.2rem;
    line-height: 2.6rem;
  }
  h3 {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
  h4 {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  h5 {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
  h6 {
    font-size: 1rem;
    line-height: 1.4rem;
  }
  p, li {
    font-size: 0.8rem;
    line-height: 1.2rem;
  }
}

@media (min-width: 1352px) {
  h1 {
    font-size: 3.6rem;
    line-height: 4rem;
  }
  h2 {
    font-size: 2.8rem;
    line-height: 3.2rem;
  }
  h3 {
    font-size: 2rem;
    line-height: 2.4rem;
  }
  h4 {
    font-size: 1.7rem;
    line-height: 2.1rem;
  }
  h5 {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  h6, button, a {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
  p, li {
    font-size: 1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1920px) {
  h1 {
    font-size: 4.8rem;
    line-height: 5.2rem;
  }
  h2 {
    font-size: 3.2rem;
    line-height: 3.6rem;
  }
  h3 {
    font-size: 2.2rem;
    line-height: 2.6rem;
  }
  h4 {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
  h5 {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  h6, button, a {
    font-size: 1.2rem;
    ine-height: 1.6rem;
  }
  p, li {
    font-size: 1rem;
    line-height: 1.4rem;
  }
}

.ReadMoreBtn {
  width: fit-content;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: #003366;
  border: 0;
  appearance: 0;
  outline: 0;
  background: none;
  text-transform: uppercase;
  transition: all .3s;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  font-size: 0.7rem;
}

.ReadMoreBtn svg {
  width: 20px;
  height: 20px;
  rotate: 180deg;
}

.ReadMoreBtn svg.active {
  rotate: 0deg;
}

@media (min-width: 768px) {
  .ReadMoreBtn {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .ReadMoreBtn {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.YellowBtn {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #0A1628;
  border: 0;
  appearance: 0;
  outline: 0;
  padding: 10px 15px;
  text-transform: uppercase;
  transition: all .3s;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  .YellowBtn {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .YellowBtn {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.YellowBtn:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #FFCD00;
  border-radius: 5px;
  z-index: -2;
  border: 2px solid #FFCD00;
}

.YellowBtn:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #003366;
  transition: all .3s;
  z-index: -1;
  border-radius: 5px;
}

.YellowBtn:hover {
  color: white;
  text-decoration: none;
}

.YellowBtn:hover:before {
  width: 100%;
  color: white;
}

@media (min-width: 1024px) {
  .YellowBtn {
    padding: 15px 20px;
  }
}

.YellowBorderBtn {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: white;
  border: 0;
  appearance: 0;
  outline: 0;
  padding: 10px 15px;
  text-transform: uppercase;
  transition: all .3s;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  .YellowBorderBtn {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .YellowBorderBtn {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.YellowBorderBtn:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #FFCD00;
  z-index: -2;
  border-radius: 5px;
}

.YellowBorderBtn:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #FFCD00;
  transition: all .3s;
  z-index: -1;
  border-radius: 5px;
}

.YellowBorderBtn:hover {
  color: #1E3A5F;
  text-decoration: none;
}

.YellowBorderBtn:hover:before {
  width: 100%;
}

@media (min-width: 1024px) {
  .YellowBorderBtn {
    padding: 15px 20px;
  }
}

.WhiteBtn {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #003366;
  border: 0;
  appearance: 0;
  outline: 0;
  padding: 10px 15px;
  text-transform: uppercase;
  transition: all .3s;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  .WhiteBtn {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .WhiteBtn {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.WhiteBtn:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  border-radius: 5px;
  z-index: -2;
  border: 2px solid white;
}

.WhiteBtn:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #003366;
  transition: all .3s;
  z-index: -1;
  border-radius: 5px;
}

.WhiteBtn:hover {
  color: white;
  text-decoration: none;
}

.WhiteBtn:hover:before {
  width: 100%;
  color: white;
}

@media (min-width: 1024px) {
  .WhiteBtn {
    padding: 15px 20px;
  }
}

.GreenBtn {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: white;
  border: 0;
  appearance: 0;
  outline: 0;
  padding: 10px 15px;
  text-transform: uppercase;
  transition: all .3s;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  .GreenBtn {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .GreenBtn {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.GreenBtn:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #003366;
  border-radius: 5px;
  z-index: -2;
  border: 2px solid #003366;
}

.GreenBtn:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #FFCD00;
  transition: all .3s;
  z-index: -1;
  border-radius: 5px;
}

.GreenBtn:hover {
  color: #1E3A5F;
  text-decoration: none;
}

.GreenBtn:hover:before {
  width: 100%;
  color: white;
}

@media (min-width: 1024px) {
  .GreenBtn {
    padding: 15px 20px;
  }
}

.WhiteBorderBtn {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #003366;
  border: 0;
  appearance: 0;
  outline: 0;
  padding: 10px 15px;
  text-transform: uppercase;
  transition: all .3s;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  .WhiteBorderBtn {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .WhiteBorderBtn {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.WhiteBorderBtn:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  border-radius: 5px;
  z-index: -2;
  border: 2px solid #FFCD00;
}

.WhiteBorderBtn:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #003366;
  transition: all .3s;
  z-index: -1;
  border-radius: 5px;
}

.WhiteBorderBtn:hover {
  color: white;
  text-decoration: none;
}

.WhiteBorderBtn:hover:before {
  width: 100%;
  color: white;
}

@media (min-width: 1024px) {
  .WhiteBorderBtn {
    padding: 15px 20px;
  }
}

.grad {
  background: #0A1628;
  background: -moz-linear-gradient(180deg, #0A1628 0%, #1E5AA8 100%);
  background: -webkit-linear-gradient(180deg, #0A1628 0%, #1E5AA8 100%);
  background: linear-gradient(180deg, #0A1628 0%, #1E5AA8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0A1628",endColorstr="#1E5AA8",GradientType=1);
}

/* Carts Style */
.cart-icon {
  display: inline-block;
  width: 25px;
  height: 15px;
  background-image: url("../img/all.png");
  vertical-align: middle;
}

.clubs-2 {
  background-position: 0 0;
}

.clubs-3 {
  background-position: -25px 0;
}

.clubs-4 {
  background-position: -50px 0;
}

.clubs-5 {
  background-position: -75px 0;
}

.clubs-6 {
  background-position: -100px 0;
}

.clubs-7 {
  background-position: -125px 0;
}

.clubs-8 {
  background-position: -150px 0;
}

.clubs-9 {
  background-position: -175px 0;
}

.clubs-10 {
  background-position: -200px 0;
}

.clubs-j {
  background-position: -225px 0;
}

.clubs-q {
  background-position: -250px 0;
}

.clubs-k {
  background-position: -275px 0;
}

.clubs-a {
  background-position: 25px 0;
}

.diamonds-2 {
  background-position: 0 -15px;
}

.diamonds-3 {
  background-position: -25px -15px;
}

.diamonds-4 {
  background-position: -50px -15px;
}

.diamonds-5 {
  background-position: -75px -15px;
}

.diamonds-6 {
  background-position: -100px -15px;
}

.diamonds-7 {
  background-position: -125px -15px;
}

.diamonds-8 {
  background-position: -150px -15px;
}

.diamonds-9 {
  background-position: -175px -15px;
}

.diamonds-10 {
  background-position: -200px -15px;
}

.diamonds-j {
  background-position: -225px -15px;
}

.diamonds-q {
  background-position: -250px -15px;
}

.diamonds-k {
  background-position: -275px -15px;
}

.diamonds-a {
  background-position: 25px -15px;
}

.hearts-2 {
  background-position: 0 -30px;
}

.hearts-3 {
  background-position: -25px -30px;
}

.hearts-4 {
  background-position: -50px -30px;
}

.hearts-5 {
  background-position: -75px -30px;
}

.hearts-6 {
  background-position: -100px -30px;
}

.hearts-7 {
  background-position: -125px -30px;
}

.hearts-8 {
  background-position: -150px -30px;
}

.hearts-9 {
  background-position: -175px -30px;
}

.hearts-10 {
  background-position: -200px -30px;
}

.hearts-j {
  background-position: -225px -30px;
}

.hearts-q {
  background-position: -250px -30px;
}

.hearts-k {
  background-position: -275px -30px;
}

.hearts-a {
  background-position: 25px -30px;
}

.spades-2 {
  background-position: 0 -45px;
}

.spades-3 {
  background-position: -25px -45px;
}

.spades-4 {
  background-position: -50px -45px;
}

.spades-5 {
  background-position: -75px -45px;
}

.spades-6 {
  background-position: -100px -45px;
}

.spades-7 {
  background-position: -125px -45px;
}

.spades-8 {
  background-position: -150px -45px;
}

.spades-9 {
  background-position: -175px -45px;
}

.spades-10 {
  background-position: -200px -45px;
}

.spades-j {
  background-position: -225px -45px;
}

.spades-q {
  background-position: -250px -45px;
}

.spades-k {
  background-position: -275px -45px;
}

.spades-a {
  background-position: 25px -45px;
}

.x-2 {
  background-position: 0 -60px;
}

.x-3 {
  background-position: -25px -60px;
}

.x-4 {
  background-position: -50px -60px;
}

.x-5 {
  background-position: -75px -60px;
}

.x-6 {
  background-position: -100px -60px;
}

.x-7 {
  background-position: -125px -60px;
}

.x-8 {
  background-position: -150px -60px;
}

.x-9 {
  background-position: -175px -60px;
}

.x-10 {
  background-position: -200px -60px;
}

.x-j {
  background-position: -225px -60px;
}

.x-q {
  background-position: -250px -60px;
}

.x-k {
  background-position: -275px -60px;
}

.x-a {
  background-position: 25px -60px;
}

.x-clubs {
  background-position: 0 -75px;
}

.x-diamonds {
  background-position: -25px -75px;
}

.x-hearts {
  background-position: -50px -75px;
}

.x-spades {
  background-position: -75px -75px;
}

.x-x {
  background-position: -100px -75px;
}

body.siteSearchOverlay-open {
  overflow: hidden;
}

.siteSearch--desktop {
  display: none;
  flex-shrink: 0;
}

@media (min-width: 1024px) {
  .siteSearch--desktop {
    display: block;
  }
}

.siteSearch--mobile {
  display: block;
  width: 100%;
}

@media (min-width: 1024px) {
  .siteSearch--mobile {
    display: none;
  }
}

.siteSearchToggle {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  padding: 0;
  border: 2px solid #FFCD00;
  background-color: #FFCD00;
  cursor: pointer;
  border-radius: 50%;
  transition: filter 0.2s ease, box-shadow 0.2s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.siteSearchToggle__icon {
  width: 20px;
  height: 20px;
  display: block;
}

.siteSearchToggle__icon path {
  fill: #000;
}

.siteSearchToggle:hover {
  filter: brightness(0.94);
}

.siteSearchToggle:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}

header .siteSearch--desktop {
  flex-shrink: 0;
  position: relative;
  z-index: 2;
}

header .siteSearch--mobile .siteSearchToggle {
  display: inline-flex;
  width: 100%;
  height: auto;
  border-radius: 10px;
  padding: 14px 18px;
  gap: 0.75rem;
  box-shadow: none;
  justify-content: center;
}

header .siteSearch--mobile .siteSearchToggle::after {
  content: 'Search';
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #0A1628;
  text-transform: uppercase;
  font-size: 0.95rem;
}

.siteSearchOverlay {
  position: fixed;
  inset: 0;
  z-index: 200;
  display: flex;
  align-items: stretch;
  justify-content: center;
  padding: 1rem;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s ease, visibility 0.25s ease;
}

@media (min-width: 768px) {
  .siteSearchOverlay {
    padding: 1.25rem;
  }
}

@media (min-width: 1024px) {
  .siteSearchOverlay {
    padding: 1.5rem 1.25rem;
  }
}

@media (min-width: 1352px) {
  .siteSearchOverlay {
    padding: 2rem 1.5rem;
  }
}

.siteSearchOverlay.is-open {
  opacity: 1;
  visibility: visible;
}

.siteSearchOverlay__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(10, 22, 40, 0.88);
  backdrop-filter: blur(4px);
}

.siteSearchOverlay__dialog.siteSearchPanel {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 760px;
  height: 100%;
  max-height: none;
  margin: 0 auto;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.45);
}

.siteSearchPanel {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 1.75rem 1.25rem 1.5rem;
  background: linear-gradient(180deg, rgba(30, 58, 95, 0.98) 0%, rgba(10, 22, 40, 0.98) 100%);
  overflow: hidden;
}

@media (min-width: 768px) {
  .siteSearchPanel {
    padding: 2rem 1.5rem 1.5rem;
  }
}

@media (min-width: 1024px) {
  .siteSearchPanel {
    padding: 2.5rem 2rem 2rem;
  }
}

@media (min-width: 1352px) {
  .siteSearchPanel {
    padding: 3rem 2.5rem 2.25rem;
  }
}

.siteSearchPanel__close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  color: white;
  font-size: inherit;
  line-height: 1;
  cursor: pointer;
  transition: background 0.2s ease;
}

.siteSearchPanel__close span {
  display: block;
  font-size: 1.75rem;
  line-height: 1;
}

.siteSearchPanel__close svg {
  display: block;
  width: 18px;
  height: 18px;
}

.siteSearchPanel__close:hover {
  background: rgba(255, 255, 255, 0.16);
}

.siteSearchPanel__close:focus-visible {
  outline: 2px solid #FFCD00;
  outline-offset: 2px;
}

.siteSearchPanel__title {
  margin: 0 0 1.25rem;
  padding-right: 2.5rem;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
  text-transform: uppercase;
  color: white;
  font-size: 1.5rem;
  letter-spacing: 0.04em;
}

@media (min-width: 1024px) {
  .siteSearchPanel__title {
    font-size: 2rem;
    margin-bottom: 1.5rem;
  }
}

.siteSearchPanel__search {
  margin-bottom: 1.25rem;
  flex-shrink: 0;
}

.siteSearchPanel__input {
  width: 100%;
  height: 56px;
  padding: 0 1.25rem 0 3rem;
  border: 2px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  background: rgba(27, 48, 80, 0.95) url("../img/search.svg") no-repeat 1rem center/18px;
  color: white;
  font: inherit;
  font-size: 1rem;
  outline: 0;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.siteSearchPanel__input::placeholder {
  color: rgba(255, 255, 255, 0.65);
}

.siteSearchPanel__input:focus {
  border-color: #FFCD00;
  box-shadow: 0 0 0 3px rgba(255, 211, 0, 0.2);
}

.siteSearchPanel__results {
  flex: 1;
  overflow-y: auto;
  min-height: 0;
  padding-right: 0.25rem;
}

.siteSearchPanel__message {
  margin: 0;
  color: rgba(255, 255, 255, 0.85);
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 0.95rem;
}

.siteSearchPanel__message--loading {
  color: #FFCD00;
}

.siteSearchPanel__message--empty {
  color: white;
}

.siteSearchPanel__section + .siteSearchPanel__section {
  margin-top: 1.5rem;
}

.siteSearchPanel__heading {
  margin: 0 0 0.85rem;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: #FFCD00;
  text-transform: uppercase;
  font-size: 0.85rem;
  letter-spacing: 0.06em;
}

.siteSearchPanel__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

.siteSearchPanel__list a {
  display: block;
  padding: 1rem 1.15rem;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.06);
  text-decoration: none;
  color: white;
  transition: background 0.2s ease;
}

.siteSearchPanel__list a:hover {
  background: rgba(255, 255, 255, 0.12);
  text-decoration: none;
}

.siteSearchPanel__list a h4 {
  margin: 0 0 0.35rem;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 1rem;
  color: white;
}

.siteSearchPanel__list a p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: rgba(255, 255, 255, 0.85);
  font-size: 0.92rem;
}

.siteSearchPanel__eventDate {
  color: #FFCD00 !important;
  text-transform: uppercase;
  font-size: 0.8rem !important;
}

.siteSearchPanel__eventCard {
  display: block !important;
  padding: 1rem 1.15rem !important;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 211, 0, 0.25);
  text-decoration: none;
  color: white;
  transition: background 0.2s ease, border-color 0.2s ease;
}

.siteSearchPanel__eventCard:hover {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 211, 0, 0.45);
  text-decoration: none;
}

.siteSearchPanel__eventCard--live {
  border-color: rgba(255, 211, 0, 0.55);
  box-shadow: 0 0 0 1px rgba(255, 211, 0, 0.15);
}

.siteSearchPanel__eventCard .YellowBtn {
  margin-top: 0.75rem;
}

.siteSearchPanel__liveBadge {
  display: inline-block;
  margin-right: 0.5rem;
  padding: 0.15rem 0.45rem;
  border-radius: 4px;
  background: #FFCD00;
  color: #0A1628;
  font-size: 0.65rem;
  line-height: 1.2;
  letter-spacing: 0.08em;
  vertical-align: middle;
  animation: siteSearchLiveBadgeBlink 1.1s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
  .siteSearchPanel__liveBadge {
    animation: none;
  }
}

.siteSearchPanel__list--news {
  gap: 1rem;
}

.siteSearchPanel__newsCard {
  display: flex !important;
  align-items: stretch;
  gap: 1rem;
  padding: 0.85rem !important;
  overflow: hidden;
}

.siteSearchPanel__newsCard--noImage {
  display: block !important;
}

.siteSearchPanel__thumb {
  flex-shrink: 0;
  width: 110px;
  border-radius: 8px;
  overflow: hidden;
}

.siteSearchPanel__thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  min-height: 90px;
}

.siteSearchPanel__newsText {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  min-width: 0;
}

.siteSearchPanel__newsText .YellowBtn {
  align-self: flex-start;
  margin-top: 0.25rem;
  pointer-events: none;
}

.siteSearchPanel__meta {
  color: rgba(255, 255, 255, 0.7) !important;
  font-size: 0.78rem !important;
  text-transform: uppercase;
}

.siteSearchPanel__viewAll {
  margin-top: 1.25rem;
  align-self: center;
  flex-shrink: 0;
  text-decoration: none;
}

.siteSearchResults {
  min-height: 100vh;
  background: linear-gradient(180deg, #1E3A5F 0%, #0A1628 35%, #0A1628 70%, #1E5AA8 100%);
}

.siteSearchResults__header {
  padding: 110px 0 1.75rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

@media (min-width: 1024px) {
  .siteSearchResults__header {
    padding-top: 130px;
    padding-bottom: 2rem;
  }
}

.siteSearchResults__title {
  margin-bottom: 1.25rem;
}

@media (min-width: 1024px) {
  .siteSearchResults__title {
    margin-bottom: 1.5rem;
  }
}

.siteSearchResults__search {
  max-width: 720px;
  margin-bottom: 0;
}

.siteSearchResults__content {
  padding: 2rem 0 4rem;
}

@media (min-width: 1024px) {
  .siteSearchResults__content {
    padding: 2.5rem 0 5rem;
  }
}

.siteSearchResults__results {
  overflow: visible;
  min-height: 0;
  flex: none;
}

.siteSearchResults__pagination {
  margin-top: 2.5rem;
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 1rem 1.25rem;
  background: #1E3A5F;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

@media (min-width: 768px) {
  .siteSearchResults__pagination {
    padding: 1.1rem 1.5rem;
  }
}

.siteSearchResults__pagination ul.page-numbers {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.65rem;
  width: 100%;
  margin: 0;
  padding: 0;
  background: none !important;
}

@media (min-width: 768px) {
  .siteSearchResults__pagination ul.page-numbers {
    flex-wrap: nowrap;
    gap: 0.75rem;
  }
}

.siteSearchResults__pagination li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.siteSearchResults__pagination a.page-numbers,
.siteSearchResults__pagination span.page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.25rem;
  padding: 8px 12px;
  border-radius: 5px;
  font-size: 0.7rem;
  line-height: 1;
  text-decoration: none;
  transition: 0.3s all ease;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

@media (min-width: 768px) {
  .siteSearchResults__pagination a.page-numbers,
  .siteSearchResults__pagination span.page-numbers {
    padding: 10px 14px;
    font-size: 1rem;
    min-width: 2.5rem;
  }
}

.siteSearchResults__pagination a.page-numbers.prev,
.siteSearchResults__pagination a.page-numbers.next {
  background: #FFCD00;
  color: #0A1628;
  min-width: auto;
}

.siteSearchResults__pagination a.page-numbers.prev:hover,
.siteSearchResults__pagination a.page-numbers.next:hover {
  background: #003366;
  color: white;
}

.siteSearchResults__pagination a.page-numbers:not(.prev):not(.next) {
  background: transparent;
  color: white;
  font-weight: 500;
}

.siteSearchResults__pagination a.page-numbers:not(.prev):not(.next):hover {
  color: #FFCD00;
}

.siteSearchResults__pagination span.page-numbers.current {
  background: #003366 !important;
  color: white !important;
}

.siteSearchResults__pagination .page-numbers.dots {
  background: none !important;
  color: #FFCD00;
  padding: 0 0.25rem;
  min-width: auto;
}

@keyframes siteSearchLiveBadgeBlink {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.55;
  }
}

body.site-sydney .siteSearchOverlay__dialog.siteSearchPanel {
  border-color: rgba(255, 205, 0, 0.35);
}

body.site-sydney .siteSearchPanel__input {
  border-color: #ffcd00;
  background-color: rgba(10, 22, 40, 0.95);
  background-image: url("../img/search.svg");
  background-repeat: no-repeat;
  background-position: 1rem center;
  background-size: 18px;
}

body.site-sydney .siteSearchPanel__input:focus {
  border-color: #ffcd00;
  box-shadow: 0 0 0 3px rgba(255, 205, 0, 0.25);
}

body.site-sydney .siteSearchPanel__eventCard {
  border-color: rgba(255, 205, 0, 0.25);
}

body.site-sydney .siteSearchPanel__eventCard:hover {
  border-color: rgba(255, 205, 0, 0.45);
}

body.site-sydney .siteSearchPanel__eventCard--live {
  border-color: rgba(255, 205, 0, 0.55);
  box-shadow: 0 0 0 1px rgba(255, 205, 0, 0.15);
}

.containers, .content-container {
  margin: 0 auto;
  padding: 0;
  width: calc(100% - 40px);
}

.slider-container {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  margin-left: 25px;
}

@media (min-width: 768px) {
  .containers, .content-container {
    margin: 0 auto;
    padding: 0;
    width: calc(100% - 100px);
  }
  .slider-container {
    margin-left: 50px;
  }
}

@media (min-width: 1024px) {
  .containers, .content-container {
    margin: 0 auto;
    padding: 0;
    width: calc(100% - 80px);
  }
  .slider-container {
    margin-left: 40px;
  }
}

@media (min-width: 1352px) {
  .containers {
    width: calc(100% - 120px);
  }
  .content-container {
    width: calc(100% - 250px);
  }
  .slider-container {
    margin-left: 60px;
  }
}

@media (min-width: 1920px) {
  .containers {
    width: calc(100% - 250px);
  }
  .content-container {
    width: calc(100% - 500px);
  }
  .slider-container {
    margin-left: 150px;
  }
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: 500;
  margin: 0;
}

button, a {
  font-size: 0.8rem;
  line-height: 1.2rem;
}

h1 {
  font-size: 1.8rem;
  line-height: 2.2rem;
  letter-spacing: 1px;
}

h2 {
  font-size: 1.6rem;
  line-height: 2rem;
}

h3 {
  font-size: 1.2rem;
  line-height: 1.6rem;
}

h4 {
  font-size: 1rem;
  line-height: 1.2rem;
}

h5 {
  font-size: 0.9rem;
  line-height: 1.3rem;
}

h6, button, a {
  font-size: 0.9rem;
  line-height: 1.3rem;
}

p, li {
  font-size: 0.8rem;
  line-height: 1.2rem;
}

@media (min-width: 768px) {
  h1 {
    font-size: 3.4rem;
    line-height: 3.8rem;
  }
  h2 {
    font-size: 2.8rem;
    line-height: 3.2rem;
  }
  h3 {
    font-size: 2.2rem;
    line-height: 2.6rem;
  }
  h4 {
    font-size: 1.6rem;
    line-height: 2rem;
  }
  h5 {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  h6, button, a {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
  p, li {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
}

@media (min-width: 1024px) {
  h1 {
    font-size: 3rem;
    line-height: 3.4rem;
  }
  h2 {
    font-size: 2.2rem;
    line-height: 2.6rem;
  }
  h3 {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
  h4 {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  h5 {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
  h6 {
    font-size: 1rem;
    line-height: 1.4rem;
  }
  p, li {
    font-size: 0.8rem;
    line-height: 1.2rem;
  }
}

@media (min-width: 1352px) {
  h1 {
    font-size: 3.6rem;
    line-height: 4rem;
  }
  h2 {
    font-size: 2.8rem;
    line-height: 3.2rem;
  }
  h3 {
    font-size: 2rem;
    line-height: 2.4rem;
  }
  h4 {
    font-size: 1.7rem;
    line-height: 2.1rem;
  }
  h5 {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  h6, button, a {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
  p, li {
    font-size: 1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1920px) {
  h1 {
    font-size: 4.8rem;
    line-height: 5.2rem;
  }
  h2 {
    font-size: 3.2rem;
    line-height: 3.6rem;
  }
  h3 {
    font-size: 2.2rem;
    line-height: 2.6rem;
  }
  h4 {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
  h5 {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  h6, button, a {
    font-size: 1.2rem;
    ine-height: 1.6rem;
  }
  p, li {
    font-size: 1rem;
    line-height: 1.4rem;
  }
}

.ReadMoreBtn {
  width: fit-content;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: #003366;
  border: 0;
  appearance: 0;
  outline: 0;
  background: none;
  text-transform: uppercase;
  transition: all .3s;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  font-size: 0.7rem;
}

.ReadMoreBtn svg {
  width: 20px;
  height: 20px;
  rotate: 180deg;
}

.ReadMoreBtn svg.active {
  rotate: 0deg;
}

@media (min-width: 768px) {
  .ReadMoreBtn {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .ReadMoreBtn {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.YellowBtn {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #0A1628;
  border: 0;
  appearance: 0;
  outline: 0;
  padding: 10px 15px;
  text-transform: uppercase;
  transition: all .3s;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  .YellowBtn {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .YellowBtn {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.YellowBtn:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #FFCD00;
  border-radius: 5px;
  z-index: -2;
  border: 2px solid #FFCD00;
}

.YellowBtn:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #003366;
  transition: all .3s;
  z-index: -1;
  border-radius: 5px;
}

.YellowBtn:hover {
  color: white;
  text-decoration: none;
}

.YellowBtn:hover:before {
  width: 100%;
  color: white;
}

@media (min-width: 1024px) {
  .YellowBtn {
    padding: 15px 20px;
  }
}

.YellowBorderBtn {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: white;
  border: 0;
  appearance: 0;
  outline: 0;
  padding: 10px 15px;
  text-transform: uppercase;
  transition: all .3s;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  .YellowBorderBtn {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .YellowBorderBtn {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.YellowBorderBtn:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #FFCD00;
  z-index: -2;
  border-radius: 5px;
}

.YellowBorderBtn:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #FFCD00;
  transition: all .3s;
  z-index: -1;
  border-radius: 5px;
}

.YellowBorderBtn:hover {
  color: #1E3A5F;
  text-decoration: none;
}

.YellowBorderBtn:hover:before {
  width: 100%;
}

@media (min-width: 1024px) {
  .YellowBorderBtn {
    padding: 15px 20px;
  }
}

.WhiteBtn {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #003366;
  border: 0;
  appearance: 0;
  outline: 0;
  padding: 10px 15px;
  text-transform: uppercase;
  transition: all .3s;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  .WhiteBtn {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .WhiteBtn {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.WhiteBtn:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  border-radius: 5px;
  z-index: -2;
  border: 2px solid white;
}

.WhiteBtn:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #003366;
  transition: all .3s;
  z-index: -1;
  border-radius: 5px;
}

.WhiteBtn:hover {
  color: white;
  text-decoration: none;
}

.WhiteBtn:hover:before {
  width: 100%;
  color: white;
}

@media (min-width: 1024px) {
  .WhiteBtn {
    padding: 15px 20px;
  }
}

.GreenBtn {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: white;
  border: 0;
  appearance: 0;
  outline: 0;
  padding: 10px 15px;
  text-transform: uppercase;
  transition: all .3s;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  .GreenBtn {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .GreenBtn {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.GreenBtn:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #003366;
  border-radius: 5px;
  z-index: -2;
  border: 2px solid #003366;
}

.GreenBtn:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #FFCD00;
  transition: all .3s;
  z-index: -1;
  border-radius: 5px;
}

.GreenBtn:hover {
  color: #1E3A5F;
  text-decoration: none;
}

.GreenBtn:hover:before {
  width: 100%;
  color: white;
}

@media (min-width: 1024px) {
  .GreenBtn {
    padding: 15px 20px;
  }
}

.WhiteBorderBtn {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #003366;
  border: 0;
  appearance: 0;
  outline: 0;
  padding: 10px 15px;
  text-transform: uppercase;
  transition: all .3s;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  .WhiteBorderBtn {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .WhiteBorderBtn {
    font-size: 1rem;
    line-height: 1rem;
  }
}

.WhiteBorderBtn:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  border-radius: 5px;
  z-index: -2;
  border: 2px solid #FFCD00;
}

.WhiteBorderBtn:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #003366;
  transition: all .3s;
  z-index: -1;
  border-radius: 5px;
}

.WhiteBorderBtn:hover {
  color: white;
  text-decoration: none;
}

.WhiteBorderBtn:hover:before {
  width: 100%;
  color: white;
}

@media (min-width: 1024px) {
  .WhiteBorderBtn {
    padding: 15px 20px;
  }
}

.grad {
  background: #0A1628;
  background: -moz-linear-gradient(180deg, #0A1628 0%, #1E5AA8 100%);
  background: -webkit-linear-gradient(180deg, #0A1628 0%, #1E5AA8 100%);
  background: linear-gradient(180deg, #0A1628 0%, #1E5AA8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0A1628",endColorstr="#1E5AA8",GradientType=1);
}

/* Carts Style */
.cart-icon {
  display: inline-block;
  width: 25px;
  height: 15px;
  background-image: url("../img/all.png");
  vertical-align: middle;
}

.clubs-2 {
  background-position: 0 0;
}

.clubs-3 {
  background-position: -25px 0;
}

.clubs-4 {
  background-position: -50px 0;
}

.clubs-5 {
  background-position: -75px 0;
}

.clubs-6 {
  background-position: -100px 0;
}

.clubs-7 {
  background-position: -125px 0;
}

.clubs-8 {
  background-position: -150px 0;
}

.clubs-9 {
  background-position: -175px 0;
}

.clubs-10 {
  background-position: -200px 0;
}

.clubs-j {
  background-position: -225px 0;
}

.clubs-q {
  background-position: -250px 0;
}

.clubs-k {
  background-position: -275px 0;
}

.clubs-a {
  background-position: 25px 0;
}

.diamonds-2 {
  background-position: 0 -15px;
}

.diamonds-3 {
  background-position: -25px -15px;
}

.diamonds-4 {
  background-position: -50px -15px;
}

.diamonds-5 {
  background-position: -75px -15px;
}

.diamonds-6 {
  background-position: -100px -15px;
}

.diamonds-7 {
  background-position: -125px -15px;
}

.diamonds-8 {
  background-position: -150px -15px;
}

.diamonds-9 {
  background-position: -175px -15px;
}

.diamonds-10 {
  background-position: -200px -15px;
}

.diamonds-j {
  background-position: -225px -15px;
}

.diamonds-q {
  background-position: -250px -15px;
}

.diamonds-k {
  background-position: -275px -15px;
}

.diamonds-a {
  background-position: 25px -15px;
}

.hearts-2 {
  background-position: 0 -30px;
}

.hearts-3 {
  background-position: -25px -30px;
}

.hearts-4 {
  background-position: -50px -30px;
}

.hearts-5 {
  background-position: -75px -30px;
}

.hearts-6 {
  background-position: -100px -30px;
}

.hearts-7 {
  background-position: -125px -30px;
}

.hearts-8 {
  background-position: -150px -30px;
}

.hearts-9 {
  background-position: -175px -30px;
}

.hearts-10 {
  background-position: -200px -30px;
}

.hearts-j {
  background-position: -225px -30px;
}

.hearts-q {
  background-position: -250px -30px;
}

.hearts-k {
  background-position: -275px -30px;
}

.hearts-a {
  background-position: 25px -30px;
}

.spades-2 {
  background-position: 0 -45px;
}

.spades-3 {
  background-position: -25px -45px;
}

.spades-4 {
  background-position: -50px -45px;
}

.spades-5 {
  background-position: -75px -45px;
}

.spades-6 {
  background-position: -100px -45px;
}

.spades-7 {
  background-position: -125px -45px;
}

.spades-8 {
  background-position: -150px -45px;
}

.spades-9 {
  background-position: -175px -45px;
}

.spades-10 {
  background-position: -200px -45px;
}

.spades-j {
  background-position: -225px -45px;
}

.spades-q {
  background-position: -250px -45px;
}

.spades-k {
  background-position: -275px -45px;
}

.spades-a {
  background-position: 25px -45px;
}

.x-2 {
  background-position: 0 -60px;
}

.x-3 {
  background-position: -25px -60px;
}

.x-4 {
  background-position: -50px -60px;
}

.x-5 {
  background-position: -75px -60px;
}

.x-6 {
  background-position: -100px -60px;
}

.x-7 {
  background-position: -125px -60px;
}

.x-8 {
  background-position: -150px -60px;
}

.x-9 {
  background-position: -175px -60px;
}

.x-10 {
  background-position: -200px -60px;
}

.x-j {
  background-position: -225px -60px;
}

.x-q {
  background-position: -250px -60px;
}

.x-k {
  background-position: -275px -60px;
}

.x-a {
  background-position: 25px -60px;
}

.x-clubs {
  background-position: 0 -75px;
}

.x-diamonds {
  background-position: -25px -75px;
}

.x-hearts {
  background-position: -50px -75px;
}

.x-spades {
  background-position: -75px -75px;
}

.x-x {
  background-position: -100px -75px;
}

@media (min-width: 1024px) {
  header .navWrap .navMenu nav ul li.timeline-dropdown {
    align-self: center;
  }
  header .navWrap .navMenu nav ul li.timeline-dropdown::after {
    content: '';
    position: absolute;
    top: 100%;
    left: -24px;
    right: -24px;
    height: 28px;
  }
  header .navWrap .navMenu nav ul li.timeline-dropdown .main::after {
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
  }
  header .navWrap .navMenu nav ul li.timeline-dropdown:hover .main::after {
    width: 100%;
  }
}

header .navWrap .navMenu nav ul li .dropdown.timeline-dropdown {
  min-width: 300px;
  padding: 16px 16px 16px 10px;
  gap: 6px;
  overflow: hidden;
  border: 1px solid rgba(255, 211, 0, 0.2);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.42), 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.06);
  background-color: #0A1628;
  background-image: radial-gradient(ellipse 80% 50% at 15% 10%, rgba(0, 167, 15, 0.12) 0%, transparent 55%), radial-gradient(ellipse 60% 40% at 90% 90%, rgba(255, 211, 0, 0.06) 0%, transparent 50%);
  transform: translateY(8px);
  transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;
}

@media (min-width: 1024px) {
  header .navWrap .navMenu nav ul li .dropdown.timeline-dropdown {
    position: absolute;
    top: calc(100% + 14px);
    left: 50%;
    display: flex;
    flex-direction: column;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    min-width: 340px;
    padding: 14px 18px 18px 8px;
    transform: translateX(-50%) translateY(4px);
  }
}

header .navWrap .navMenu nav ul li .dropdown.timeline-dropdown::after {
  content: '';
  position: absolute;
  top: -6px;
  left: 50%;
  width: 10px;
  height: 10px;
  background-color: #0A1628;
  border-left: 1px solid rgba(255, 211, 0, 0.2);
  border-top: 1px solid rgba(255, 211, 0, 0.2);
  transform: translateX(-50%) rotate(45deg);
  pointer-events: none;
}

header .navWrap .navMenu nav ul li .dropdown.timeline-dropdown::before {
  content: '';
  position: absolute;
  left: 4px;
  top: 14px;
  bottom: 14px;
  width: 52px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 260' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='route' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0%25' stop-color='%23FFD300'/%3E%3Cstop offset='55%25' stop-color='%23FFD300' stop-opacity='0.55'/%3E%3Cstop offset='100%25' stop-color='%2300a70f'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M28 18 C48 78 8 118 28 130 S48 210 28 242' fill='none' stroke='url(%23route)' stroke-width='2.5' stroke-dasharray='7 6' stroke-linecap='round'/%3E%3Ccircle cx='28' cy='18' r='4' fill='%23FFD300' opacity='0.9'/%3E%3Ccircle cx='28' cy='130' r='3.5' fill='%23FFD300' opacity='0.5'/%3E%3Ccircle cx='28' cy='242' r='4' fill='%2300a70f'/%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  pointer-events: none;
  opacity: 0.95;
  z-index: 0;
}

header .navWrap .navMenu nav ul li .dropdown.timeline-dropdown li {
  margin: 0;
  padding: 0;
  border: 0;
  position: relative;
  z-index: 1;
  order: 0;
}

header .navWrap .navMenu nav ul li .dropdown.timeline-dropdown .timeline-stop {
  display: grid;
  grid-template-columns: 34px 1fr;
  gap: 12px;
  align-items: center;
  padding: 10px 12px 10px 6px;
  text-decoration: none;
  text-transform: none;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  background: rgba(255, 255, 255, 0.03);
  transition: background-color 0.22s ease, border-color 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease;
}

header .navWrap .navMenu nav ul li .dropdown.timeline-dropdown .timeline-stop:hover {
  background: rgba(255, 211, 0, 0.09);
  border-color: rgba(255, 211, 0, 0.28);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
  text-decoration: none;
  transform: translateX(3px);
}

header .navWrap .navMenu nav ul li .dropdown.timeline-dropdown .timeline-stop__marker {
  flex-shrink: 0;
  position: relative;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: radial-gradient(circle at 32% 28%, #fff6a8 0%, #FFCD00 45%, #c9a800 100%);
  border: 2px solid rgba(255, 255, 255, 0.55);
  box-shadow: 0 0 0 2px rgba(255, 211, 0, 0.2), inset 0 -3px 5px rgba(0, 0, 0, 0.18), 0 4px 10px rgba(0, 0, 0, 0.28);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  transition: transform 0.22s ease, box-shadow 0.22s ease;
}

header .navWrap .navMenu nav ul li .dropdown.timeline-dropdown .timeline-stop__marker::before {
  content: '';
  position: absolute;
  inset: 4px;
  border-radius: 50%;
  border: 1px dashed rgba(10, 22, 40, 0.3);
}

header .navWrap .navMenu nav ul li .dropdown.timeline-dropdown .timeline-stop__marker-num {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
  position: relative;
  font-size: 0.72rem;
  line-height: 1;
  color: #0A1628;
  letter-spacing: -0.02em;
}

header .navWrap .navMenu nav ul li .dropdown.timeline-dropdown .timeline-stop__content {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
}

header .navWrap .navMenu nav ul li .dropdown.timeline-dropdown .timeline-stop__title {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: white;
  font-size: 0.92rem;
  line-height: 1.25rem;
  text-transform: none;
  letter-spacing: 0.01em;
  transition: color 0.2s ease;
}

@media (min-width: 1024px) {
  header .navWrap .navMenu nav ul li .dropdown.timeline-dropdown .timeline-stop__title {
    font-size: 0.98rem;
    line-height: 1.3rem;
  }
}

header .navWrap .navMenu nav ul li .dropdown.timeline-dropdown .timeline-stop__dates {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  align-self: flex-start;
  color: rgba(255, 255, 255, 0.88);
  font-size: 0.7rem;
  line-height: 1;
  text-transform: none;
  letter-spacing: 0.03em;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(255, 211, 0, 0.12);
  border: 1px solid rgba(255, 211, 0, 0.3);
  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

@media (min-width: 1024px) {
  header .navWrap .navMenu nav ul li .dropdown.timeline-dropdown .timeline-stop__dates {
    font-size: 0.74rem;
  }
}

header .navWrap .navMenu nav ul li .dropdown.timeline-dropdown .timeline-stop:hover .timeline-stop__title {
  color: #FFCD00;
}

header .navWrap .navMenu nav ul li .dropdown.timeline-dropdown .timeline-stop:hover .timeline-stop__dates {
  color: #0A1628;
  background: #FFCD00;
  border-color: #FFCD00;
}

header .navWrap .navMenu nav ul li .dropdown.timeline-dropdown .timeline-stop:hover .timeline-stop__marker {
  transform: scale(1.08) rotate(-6deg);
  box-shadow: 0 0 0 3px rgba(255, 211, 0, 0.35), inset 0 -3px 5px rgba(0, 0, 0, 0.18), 0 6px 14px rgba(0, 0, 0, 0.32);
}

header .navWrap .navMenu nav ul li .dropdown.timeline-dropdown li:first-child .timeline-stop {
  border-color: rgba(255, 211, 0, 0.22);
  background: rgba(255, 211, 0, 0.05);
}

header .navWrap .navMenu nav ul li .dropdown.timeline-dropdown li:first-child .timeline-stop .timeline-stop__marker {
  box-shadow: 0 0 0 3px rgba(255, 211, 0, 0.35), 0 0 14px rgba(255, 211, 0, 0.25), inset 0 -3px 5px rgba(0, 0, 0, 0.18), 0 4px 10px rgba(0, 0, 0, 0.28);
}

@media (min-width: 1024px) {
  header .navWrap .navMenu nav ul li:hover > .dropdown.timeline-dropdown,
  header .navWrap .navMenu nav ul li .dropdown.timeline-dropdown:hover {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(-50%) translateY(0);
  }
}

@media (max-width: 1023px) {
  header .navWrap .navMenu nav ul li.timeline-dropdown.is-open {
    padding-bottom: 12px;
  }
  header .navWrap .navMenu nav ul li.timeline-dropdown .arrowFlex .main {
    position: relative;
    z-index: 2;
  }
  header .navWrap .navMenu nav ul li.has-children.is-open > .dropdown.timeline-dropdown {
    display: flex;
    flex-direction: column;
    opacity: 1;
    visibility: visible;
    position: static;
    width: 100%;
    min-width: 0;
    margin-top: 20px;
    margin-bottom: 4px;
    padding: 18px 14px 14px 12px;
    transform: none;
    border-radius: 12px;
    background-color: rgba(0, 0, 0, 0.28);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
    gap: 8px;
    overflow: hidden;
  }
  header .navWrap .navMenu nav ul li.has-children.is-open > .dropdown.timeline-dropdown::after {
    display: none;
  }
  header .navWrap .navMenu nav ul li.has-children.is-open > .dropdown.timeline-dropdown::before {
    left: 26px;
    top: 36px;
    bottom: 24px;
    width: 2px;
    background: linear-gradient(180deg, #FFCD00 0%, rgba(255, 211, 0, 0.5) 50%, #0077B6 100%);
    background-image: none;
    border-radius: 2px;
    opacity: 1;
  }
  header .navWrap .navMenu nav ul li.has-children.is-open > .dropdown.timeline-dropdown .timeline-stop {
    padding: 12px 10px 12px 8px;
    gap: 14px;
    grid-template-columns: 36px 1fr;
  }
  header .navWrap .navMenu nav ul li.has-children.is-open > .dropdown.timeline-dropdown .timeline-stop:hover, header .navWrap .navMenu nav ul li.has-children.is-open > .dropdown.timeline-dropdown .timeline-stop:active {
    transform: none;
  }
  header .navWrap .navMenu nav ul li.has-children.is-open > .dropdown.timeline-dropdown .timeline-stop__marker {
    width: 32px;
    height: 32px;
  }
  header .navWrap .navMenu nav ul li.has-children.is-open > .dropdown.timeline-dropdown .timeline-stop__marker-num {
    font-size: 0.78rem;
  }
  header .navWrap .navMenu nav ul li.has-children.is-open > .dropdown.timeline-dropdown .timeline-stop__title {
    font-size: 1.05rem;
    line-height: 1.35rem;
  }
}

@media (max-width: 1023px) and (min-width: 768px) {
  header .navWrap .navMenu nav ul li.has-children.is-open > .dropdown.timeline-dropdown .timeline-stop__title {
    font-size: 1.15rem;
    line-height: 1.45rem;
  }
}

@media (max-width: 1023px) {
  header .navWrap .navMenu nav ul li.has-children.is-open > .dropdown.timeline-dropdown .timeline-stop__dates {
    font-size: 0.76rem;
    padding: 5px 11px;
  }
}

@media (max-width: 1023px) and (min-width: 768px) {
  header .navWrap .navMenu nav ul li.has-children.is-open > .dropdown.timeline-dropdown .timeline-stop__dates {
    font-size: 0.82rem;
  }
}

@media (max-width: 1023px) {
  header .navWrap .navMenu nav ul li.has-children.is-open > .dropdown.timeline-dropdown li:first-child .timeline-stop {
    margin-top: 2px;
  }
}

* {
  box-sizing: border-box;
}

html {
  margin: 0 !important;
  --wp-admin--admin-bar--height:  0 !important;
}

body {
  padding: 0;
  margin: 0;
  color: white;
}

main {
  position: relative;
  overflow: hidden !important;
}

header {
  background: #0A1628;
  background: linear-gradient(180deg, #0A1628 0%, rgba(30, 90, 168, 0) 100%);
  position: fixed;
  top: 0;
  z-index: 99;
  width: 100%;
}

body.home-slider-bg-capable header {
  background: transparent;
}

@media (max-width: 767px) {
  body.home-slider-bg-capable header {
    background: #0A1628;
  }
}

header .navWrap {
  padding: 35px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 1023px) {
  header .navWrap {
    position: relative;
  }
}

@media (min-width: 1024px) {
  header .navWrap {
    justify-content: flex-start;
    gap: 1.5rem;
  }
}

@media (min-width: 768px) {
  header .navWrap {
    padding: 50px 0;
  }
}

@media (min-width: 1024px) {
  header .navWrap {
    padding: 25px 0;
  }
}

@media (min-width: 1352px) {
  header .navWrap {
    padding: 35px 0;
  }
}

@media (min-width: 1920px) {
  header .navWrap {
    padding: 50px 0;
  }
}

@media (min-width: 1024px) {
  header .navWrap .menuToggle {
    display: none;
  }
}

@media (max-width: 1023px) {
  header .navWrap .menuToggle {
    position: relative;
    z-index: 9;
    flex-shrink: 0;
  }
}

header .navWrap .menuToggle .hamburger {
  transform: rotate(0deg);
  appearance: 0;
  padding: 0;
  border: 0;
  position: relative;
  display: block;
  width: auto;
  height: auto;
  cursor: pointer;
  z-index: 6;
  appearance: none;
  background: none;
  outline: none;
}

header .navWrap .menuToggle .hamburger .bar, header .navWrap .menuToggle .hamburger:after, header .navWrap .menuToggle .hamburger:before {
  content: '';
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 36px;
  height: 3px;
  background-color: white;
  margin-bottom: 4px;
  margin-top: 4px;
  transition: 0.4s;
}

header .navWrap .menuToggle .hamburger.is-active:before {
  transform: rotate(-45deg) translate(-5px, 5px);
  background-color: white;
}

header .navWrap .menuToggle .hamburger.is-active:after {
  transform: rotate(45deg) translate(-5px, -5px);
  background-color: white;
}

header .navWrap .menuToggle .hamburger.is-active .bar {
  opacity: 0;
}

header .navWrap .custom-logo {
  z-index: 9;
  width: 125px;
  height: auto;
}

@media (min-width: 768px) {
  header .navWrap .custom-logo {
    width: 150px;
  }
}

@media (min-width: 1024px) {
  header .navWrap .custom-logo {
    position: relative;
    left: auto;
    transform: none;
    width: 200px;
  }
}

@media (max-width: 1023px) {
  header .navWrap .logo-wrapper {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
    line-height: 0;
  }
}

@media (min-width: 1024px) {
  header .navWrap .logo-wrapper {
    position: static;
    transform: none;
  }
}

header .navWrap .headerCluster {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  overflow: visible;
}

@media (max-width: 1023px) {
  header .navWrap .headerCluster {
    width: 0;
    min-width: 0;
    overflow: visible;
  }
}

@media (min-width: 1024px) {
  header .navWrap .headerCluster {
    gap: 1rem;
    margin-left: auto;
    flex-shrink: 0;
    width: auto;
    min-width: 0;
  }
}

header .navWrap .navMenu {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  transition: 0.5s all;
  padding: 100px 25px 25px 25px;
  width: 100%;
  height: 100vh;
  top: 0;
  left: -100%;
  z-index: 1;
  position: fixed;
  background: #0A1628;
}

@media (min-width: 768px) {
  header .navWrap .navMenu {
    gap: 3rem;
    padding: 125px 50px 50px 50px;
  }
}

@media (min-width: 1024px) {
  header .navWrap .navMenu {
    padding: 0px;
    background: none;
    width: auto;
    height: auto;
    position: static;
  }
}

header .navWrap .navMenu nav ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: flex;
  flex-direction: column;
}

@media (min-width: 1024px) {
  header .navWrap .navMenu nav ul {
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    gap: 2.5rem;
  }
}

@media (min-width: 1352px) {
  header .navWrap .navMenu nav ul {
    gap: 3rem;
  }
}

@media (min-width: 1920px) {
  header .navWrap .navMenu nav ul {
    gap: 3.5rem;
  }
}

header .navWrap .navMenu nav ul li {
  border-bottom: 2px solid rgba(255, 255, 255, 0.2);
  padding: 20px 0;
  position: relative;
}

@media (min-width: 768px) {
  header .navWrap .navMenu nav ul li {
    padding-bottom: 25px;
  }
}

@media (min-width: 1024px) {
  header .navWrap .navMenu nav ul li {
    padding: 0;
    border-bottom: 0;
  }
}

header .navWrap .navMenu nav ul li .arrowFlex {
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

header .navWrap .navMenu nav ul li .arrowFlex svg {
  width: 20px;
  height: 20px;
  transition: transform 0.3s ease;
}

@media (min-width: 768px) {
  header .navWrap .navMenu nav ul li .arrowFlex svg {
    width: 30px;
    height: 30px;
  }
}

@media (min-width: 1024px) {
  header .navWrap .navMenu nav ul li .arrowFlex svg {
    display: none;
  }
}

header .navWrap .navMenu nav ul li .main {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: white;
  cursor: pointer;
  font-size: 1.3rem;
}

@media (min-width: 768px) {
  header .navWrap .navMenu nav ul li .main {
    font-size: 1.8rem;
    line-height: 2rem;
  }
}

@media (min-width: 1024px) {
  header .navWrap .navMenu nav ul li .main {
    text-transform: uppercase;
    font-size: 0.85rem;
    line-height: 1rem;
    white-space: nowrap;
  }
}

@media (min-width: 1352px) {
  header .navWrap .navMenu nav ul li .main {
    font-size: 1rem;
    line-height: 1.2rem;
  }
}

@media (min-width: 1920px) {
  header .navWrap .navMenu nav ul li .main {
    font-size: 1.2rem;
    line-height: 1.4rem;
  }
}

header .navWrap .navMenu nav ul li .main:hover {
  text-decoration: none;
}

@media (min-width: 1024px) {
  header .navWrap .navMenu nav ul li .main::after {
    content: '';
    display: block;
    width: 0;
    height: 3px;
    background: #FFCD00;
    transition: width 0.3s ease;
    position: absolute;
    left: 0;
    bottom: -5px;
  }
}

header .navWrap .navMenu nav ul li:hover .main::after {
  width: 100%;
}

header .navWrap .navMenu nav ul li .dropdown {
  display: none;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  position: absolute;
  top: 135%;
  left: 0;
  z-index: 10;
  background-color: #0A1628;
  padding: 10px 20px 10px 20px;
  list-style: none;
  border-radius: 10px;
  width: max-content;
}

@media (min-width: 1024px) {
  header .navWrap .navMenu nav ul li .dropdown {
    display: flex;
    top: 135%;
  }
}

@media (min-width: 1352px) {
  header .navWrap .navMenu nav ul li .dropdown {
    top: 135%;
  }
}

@media (min-width: 1024px) {
  header .navWrap .navMenu nav ul li .dropdown li {
    margin: 5px 0;
  }
}

header .navWrap .navMenu nav ul li .dropdown li a {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  display: block;
  transition: all ease 0.3s;
}

@media (min-width: 1024px) {
  header .navWrap .navMenu nav ul li .dropdown li a {
    text-transform: uppercase;
    font-size: 0.8rem;
    line-height: 1rem;
  }
}

@media (min-width: 1352px) {
  header .navWrap .navMenu nav ul li .dropdown li a {
    font-size: 1rem;
    line-height: 1.2rem;
  }
}

header .navWrap .navMenu nav ul li .dropdown li a:hover {
  color: #FFCD00;
  text-decoration: none;
}

header .navWrap .navMenu nav ul li:hover > .dropdown {
  opacity: 1;
  visibility: visible;
}

header .navWrap .navMenu nav ul li .dropdown:hover {
  opacity: 1;
  visibility: visible;
}

header .navWrap .navMenu nav ul li.has-children.is-open > .arrowFlex svg {
  transform: rotate(90deg);
}

@media (max-width: 1023px) {
  header .navWrap .navMenu nav ul li.has-children.is-open > .dropdown {
    display: flex;
    opacity: 1;
    visibility: visible;
    position: static;
    width: 100%;
    margin-top: 12px;
  }
}

header .navWrap .navMenu nav ul > li:first-of-type {
  text-decoration: none;
  padding: 20px 0;
  border-top: 2px solid rgba(255, 255, 255, 0.2);
}

@media (min-width: 768px) {
  header .navWrap .navMenu nav ul > li:first-of-type {
    padding-top: 25px;
  }
}

@media (min-width: 1024px) {
  header .navWrap .navMenu nav ul > li:first-of-type {
    order: 6;
    padding: 0;
    border-top: 0;
  }
}

@media (min-width: 1024px) {
  header .navWrap .navMenu nav ul > li:first-of-type .main {
    transition: all ease 0.3s;
    color: #0A1628;
  }
  header .navWrap .navMenu nav ul > li:first-of-type .main:hover {
    color: white;
  }
}

@media (min-width: 1024px) {
  header .navWrap .navMenu nav ul > li:first-of-type .main::after {
    content: none;
  }
}

@media (min-width: 1024px) {
  header .navWrap .navMenu nav ul > li.scheduleBtn {
    order: 8;
  }
}

header .navWrap .navMenu .Email {
  margin: 0;
  color: white;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

@media (min-width: 768px) {
  header .navWrap .navMenu .Email {
    font-size: 1.6rem;
  }
}

@media (min-width: 1024px) {
  header .navWrap .navMenu .Email {
    display: none;
  }
}

header .navWrap .navMenu .socialWrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.5rem 0rem;
}

@media (min-width: 1024px) {
  header .navWrap .navMenu .socialWrap {
    display: none;
  }
}

header .navWrap .navMenu .socialWrap a {
  cursor: pointer;
  width: 48.5%;
  background: #1E3A5F;
  border-radius: 10px;
  text-decoration: none;
  transition: all ease 0.3s;
  border: 2px solid #0A1628;
}

header .navWrap .navMenu .socialWrap a:hover {
  border: 2px solid #FFCD00;
}

header .navWrap .navMenu .socialWrap a .social {
  padding: 12px;
  color: white;
  display: flex;
  align-items: center;
  gap: 1rem;
}

@media (min-width: 768px) {
  header .navWrap .navMenu .socialWrap a .social {
    padding: 20px;
  }
}

header .navWrap .navMenu .socialWrap a .social svg {
  width: 20px;
  height: 12px;
}

@media (min-width: 768px) {
  header .navWrap .navMenu .socialWrap a .social svg {
    width: 30px;
    height: 20px;
  }
}

header .navWrap .navMenu .socialWrap a .social p {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  margin: 0;
}

@media (min-width: 768px) {
  header .navWrap .navMenu .socialWrap a .social p {
    font-size: 1.2rem;
  }
}

header .navWrap .navMenu.is-active {
  left: 0;
}

header .navWrap .social {
  position: relative;
  z-index: 9;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
}

@media (min-width: 768px) {
  header .navWrap .social {
    gap: 1rem;
  }
}

@media (min-width: 1024px) {
  header .navWrap .social {
    display: none;
  }
}

header .navWrap .social a {
  cursor: pointer;
}

header .navWrap .social a svg {
  width: 24px;
  height: 24px;
}

@media (min-width: 768px) {
  header .navWrap .social a svg {
    width: 28px;
    height: 28px;
  }
}

footer {
  padding: 50px 0;
  background-color: #0A1628;
}

@media (min-width: 1024px) {
  footer {
    padding: 50px 0;
  }
}

footer .wrap {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

@media (min-width: 1024px) {
  footer .wrap {
    flex-direction: row;
    flex-flow: wrap;
    justify-content: space-between;
  }
}

footer .wrap .Top {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 1.5rem;
}

@media (min-width: 1024px) {
  footer .wrap .Top {
    flex-direction: row;
  }
}

@media (min-width: 1352px) {
  footer .wrap .Top {
    gap: 2.75rem;
  }
}

@media (min-width: 1920px) {
  footer .wrap .Top {
    gap: 3.5rem;
  }
}

footer .wrap .Top .custom-logo {
  width: 125px;
  height: auto;
}

@media (min-width: 768px) {
  footer .wrap .Top .custom-logo {
    width: 150px;
  }
}

@media (min-width: 1024px) {
  footer .wrap .Top .custom-logo {
    width: 100px;
    margin-right: 30px;
  }
}

@media (min-width: 1352px) {
  footer .wrap .Top .custom-logo {
    width: 150px;
    margin-right: 35px;
  }
}

@media (min-width: 1920px) {
  footer .wrap .Top .custom-logo {
    margin-right: 50px;
  }
}

footer .wrap .Top .buttons {
  width: auto;
  display: flex;
  gap: 0.5rem;
  order: 1;
  margin: 10px 0;
}

@media (min-width: 1024px) {
  footer .wrap .Top .buttons .hideDesk {
    order: 1;
    display: none;
  }
}

@media (min-width: 1920px) {
  footer .wrap .Top .buttons .YellowBtn {
    font-size: 1.2rem;
    line-height: 1.2rem;
  }
}

footer .wrap .Top ul {
  order: 1;
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: flex;
  gap: 1rem;
}

@media (min-width: 1024px) {
  footer .wrap .Top ul {
    width: 100%;
    gap: 1.75rem;
  }
}

@media (min-width: 1352px) {
  footer .wrap .Top ul {
    gap: 3rem;
  }
}

@media (min-width: 1920px) {
  footer .wrap .Top ul {
    gap: 4rem;
  }
}

footer .wrap .Top ul li {
  position: relative;
}

footer .wrap .Top ul li a {
  cursor: pointer;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  color: white;
}

@media (min-width: 1024px) {
  footer .wrap .Top ul li a {
    font-size: 0.85rem;
    line-height: 1rem;
  }
}

@media (min-width: 1352px) {
  footer .wrap .Top ul li a {
    font-size: 1rem;
    line-height: 1.2rem;
  }
}

@media (min-width: 1920px) {
  footer .wrap .Top ul li a {
    font-size: 1.2rem;
    line-height: 1.2rem;
  }
}

footer .wrap .Top ul li a:hover {
  text-decoration: none;
}

@media (min-width: 1024px) {
  footer .wrap .Top ul li::after {
    content: '';
    display: block;
    width: 0;
    height: 3px;
    background: #FFCD00;
    /* Adjust the color as needed */
    transition: width 0.3s ease;
    position: absolute;
    left: 0;
    bottom: -5px;
    /* Adjust the position as needed */
  }
}

footer .wrap .Top ul li:hover::after {
  width: 100%;
}

footer .wrap .Top ul .showDesk {
  display: none;
}

@media (min-width: 1024px) {
  footer .wrap .Top ul .showDesk {
    display: block;
    margin-left: auto;
  }
}

footer .wrap .Top .Email {
  order: 3;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: white;
}

@media (min-width: 1024px) {
  footer .wrap .Top .Email {
    display: none;
  }
}

footer .wrap .Left {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 2.5rem;
}

@media (min-width: 1024px) {
  footer .wrap .Left {
    align-items: flex-start;
    justify-content: space-between;
    flex-flow: wrap;
    width: 65%;
    gap: 2rem 1.5rem;
  }
}

@media (min-width: 1352px) {
  footer .wrap .Left {
    width: 62.5%;
  }
}

@media (min-width: 1920px) {
  footer .wrap .Left {
    width: 60%;
  }
}

footer .wrap .Left .mc4wp-form-fields, footer .wrap .Left .mc4wp-form-basic {
  width: 100%;
}

footer .wrap .Left .subscribe {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 1rem;
}

@media (min-width: 1024px) {
  footer .wrap .Left .subscribe {
    align-items: flex-start;
    gap: 1.5rem;
  }
}

@media (min-width: 1352px) {
  footer .wrap .Left .subscribe {
    gap: 2rem;
  }
}

footer .wrap .Left .subscribe p {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #FFCD00;
  margin: 0;
  text-transform: uppercase;
}

footer .wrap .Left .subscribe .inputFlex {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}

@media (min-width: 1024px) {
  footer .wrap .Left .subscribe .inputFlex {
    min-width: 100%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
  }
}

footer .wrap .Left .subscribe input[type="email"] {
  border: 2px solid white;
  border-radius: 10px;
  flex: 1;
  padding: 10px;
}

@media (min-width: 1024px) {
  footer .wrap .Left .subscribe input[type="email"] {
    min-width: 80%;
  }
}

footer .wrap .Left .subscribe input[type="submit"] {
  width: fit-content;
  margin: auto;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: white !important;
  border: 0;
  appearance: 0;
  outline: 0;
  padding: 10px 20px 10px 20px;
  text-transform: uppercase;
  transition: all .3s;
  position: relative;
  z-index: 1;
  border: 2px solid #FFCD00;
  background: #0A1628;
  border-radius: 5px;
  font-size: 0.85rem;
  line-height: 1rem;
}

footer .wrap .Left .subscribe input[type="submit"]:hover {
  background: #FFCD00;
  color: #0A1628 !important;
}

@media (min-width: 768px) {
  footer .wrap .Left .subscribe input[type="submit"] {
    font-size: 1rem;
    line-height: 1.2rem;
  }
}

@media (min-width: 1024px) {
  footer .wrap .Left .subscribe input[type="submit"] {
    margin: 0;
  }
}

@media (min-width: 1920px) {
  footer .wrap .Left .subscribe input[type="submit"] {
    padding: 10px 30px 10px 30px;
    font-size: 1.2rem;
    line-height: 1.4rem;
  }
}

@media (min-width: 1024px) {
  footer .wrap .Left .container {
    display: flex;
    justify-content: space-between;
  }
}

footer .wrap .Left .container .info {
  display: none;
}

@media (min-width: 1024px) {
  footer .wrap .Left .container .info {
    display: flex;
    flex-direction: column;
    align-items: space-between;
    gap: 2rem;
    width: 48.5%;
  }
}

@media (min-width: 1352px) {
  footer .wrap .Left .container .info {
    gap: 2.5rem;
  }
}

footer .wrap .Left .container .info p {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: #003366;
  margin: 0;
}

footer .wrap .Left .container .info a {
  cursor: pointer;
  text-decoration: none;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: white;
}

footer .wrap .Left .container .sponsor {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 1.5rem;
}

@media (min-width: 1024px) {
  footer .wrap .Left .container .sponsor {
    align-items: flex-start;
    width: 47.5%;
    gap: 1rem;
  }
}

footer .wrap .Left .container .sponsor p {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  color: white;
  margin: 0;
}

footer .wrap .Left .container .sponsor .companies {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}

footer .wrap .Left .container .sponsor .companies a {
  width: 50%;
}

@media (min-width: 1024px) {
  footer .wrap .Left .container .sponsor .companies {
    justify-content: flex-start;
    gap: 3rem;
  }
}

footer .wrap .Left .container .sponsor .companies img {
  width: 100%;
}

footer .wrap .Left .Policy {
  display: none;
  color: #45474b;
}

@media (min-width: 1024px) {
  footer .wrap .Left .Policy {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
}

footer .wrap .Left .Policy p {
  font-size: 0.7rem;
  line-height: 0.8rem;
}

@media (min-width: 1352px) {
  footer .wrap .Left .Policy p {
    font-size: 1rem;
    line-height: 1rem;
  }
}

footer .wrap .Left .Policy .head {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  text-decoration: underline;
}

footer .wrap .Left .Policy .head a {
  color: #45474b;
}

footer .wrap .Left .Policy .text {
  text-align: left;
  margin: 0;
}

footer .wrap .Right {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 1.5rem;
}

@media (min-width: 1024px) {
  footer .wrap .Right {
    align-items: flex-start;
    width: 30%;
  }
}

@media (min-width: 1352px) {
  footer .wrap .Right {
    gap: 2rem;
  }
}

footer .wrap .Right .follow {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #FFCD00;
  margin: 0;
  text-transform: uppercase;
}

footer .wrap .Right .socialWrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.5rem 0rem;
}

footer .wrap .Right .socialWrap a {
  cursor: pointer;
  width: 48.5%;
  background: #1E3A5F;
  border-radius: 10px;
  text-decoration: none;
  transition: all ease 0.3s;
  border: 2px solid #0A1628;
}

footer .wrap .Right .socialWrap a:hover {
  border: 2px solid #FFCD00;
}

footer .wrap .Right .socialWrap a .social {
  padding: 12px;
  color: white;
  display: flex;
  align-items: center;
  gap: 1rem;
}

footer .wrap .Right .socialWrap a .social svg, footer .wrap .Right .socialWrap a .social img {
  width: 20px;
  height: 12px;
  fill: white;
}

footer .wrap .Right .socialWrap a .social p {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  margin: 0;
}

footer .wrap .Right .rights {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: #003366;
  margin: 0;
}

@media (min-width: 1024px) {
  footer .wrap .Right .rights {
    display: none;
  }
}

footer .wrap .Right .LogosWrap {
  margin-top: auto;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 1.5rem;
  width: 100%;
}

footer .wrap .Right .LogosWrap .Logos {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  gap: 2.5rem;
}

@media (min-width: 1024px) {
  footer .wrap .Right .LogosWrap .Logos {
    justify-content: space-between;
  }
}

footer .wrap .Right .LogosWrap .Logos a {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 1024px) {
  footer .wrap .Right .LogosWrap .Logos a {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
}

footer .wrap .Right .LogosWrap .Logos img {
  width: 50%;
}

footer .wrap .Right .LogosWrap .Policy {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #45474b;
}

@media (min-width: 1024px) {
  footer .wrap .Right .LogosWrap .Policy {
    display: none;
  }
}

footer .wrap .Right .LogosWrap .Policy p {
  font-size: 0.7rem;
  line-height: 0.8rem;
}

footer .wrap .Right .LogosWrap .Policy .head {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  text-decoration: underline;
}

footer .wrap .Right .LogosWrap .Policy .head a {
  color: #45474b;
}

footer .wrap .Right .LogosWrap .Policy .text {
  text-align: center;
  margin: 0;
}

.pageHead {
  position: relative;
  z-index: 5;
  padding-top: 90px;
  width: 100%;
  background: #0A1628;
  background: linear-gradient(180deg, #0A1628 0%, #1E5AA8 100%);
}

@media (min-width: 768px) {
  .pageHead {
    padding-top: 100px;
  }
}

@media (min-width: 1024px) {
  .pageHead {
    padding-top: 120px;
  }
}

.pageHead .headWrap {
  padding: 25px 0 50px 0;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

@media (min-width: 768px) {
  .pageHead .headWrap {
    padding: 75px 0;
    gap: 4rem;
  }
}

@media (min-width: 1024px) {
  .pageHead .headWrap {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
}

.pageHead .headWrap .text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  width: 100%;
  color: white;
  text-align: center;
}

@media (min-width: 768px) {
  .pageHead .headWrap .text {
    gap: 2rem;
  }
}

@media (min-width: 1024px) {
  .pageHead .headWrap .text {
    gap: 1.5rem;
    width: 57.5%;
    justify-content: center;
    align-items: flex-start;
    text-align: left;
  }
}

@media (min-width: 1352px) {
  .pageHead .headWrap .text {
    gap: 2rem;
  }
}

.pageHead .headWrap .text .singleNewsShare {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.pageHead .headWrap .text h1 {
  margin: 0;
  text-transform: uppercase;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}

.pageHead .headWrap .text h3 {
  margin: 0;
  color: #FFCD00;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 0.85rem;
  line-height: 1.35rem;
}

@media (min-width: 768px) {
  .pageHead .headWrap .text h3 {
    width: 80%;
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
}

@media (min-width: 1024px) {
  .pageHead .headWrap .text h3 {
    width: 100%;
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
}

@media (min-width: 1920px) {
  .pageHead .headWrap .text h3 {
    width: 70%;
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
}

.pageHead .headWrap .text h3 b {
  color: #FFCD00;
  text-decoration: underline;
  text-underline-offset: 5px;
}

@media (min-width: 1024px) {
  .pageHead .headWrap .text h3 b {
    text-underline-offset: 6px;
  }
}

.pageHead .headWrap img {
  width: 100%;
}

@media (min-width: 768px) {
  .pageHead .headWrap img {
    width: 75%;
    margin: auto;
  }
}

@media (min-width: 1024px) {
  .pageHead .headWrap img {
    width: 40%;
    margin: 0;
  }
}

.fixedBG {
  background-size: cover;
  height: 250px;
}

@media (min-width: 768px) {
  .fixedBG {
    height: 400px;
  }
}

@media (min-width: 1024px) {
  .fixedBG {
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
  }
}

.card-1,
.card-2,
.card-3,
.card-4,
.card-5,
.card-6,
.card-7,
.card-8 {
  border: 4px solid #FFCD00;
  border-radius: 10px;
  height: 200px;
  width: 125px;
}

@media (min-width: 768px) {
  .card-1,
  .card-2,
  .card-3,
  .card-4,
  .card-5,
  .card-6,
  .card-7,
  .card-8 {
    height: 300px;
    width: 175px;
  }
}

@media (min-width: 1920px) {
  .card-1,
  .card-2,
  .card-3,
  .card-4,
  .card-5,
  .card-6,
  .card-7,
  .card-8 {
    border: 8px solid #FFCD00;
    border-radius: 25px;
    height: 400px;
    width: 250px;
  }
}

.card-1 {
  display: none;
  top: 150px;
  right: -35%;
  position: absolute;
  z-index: 0;
  rotate: 20deg;
}

@media (min-width: 768px) {
  .card-1 {
    right: -20%;
  }
}

@media (min-width: 1024px) {
  .card-1 {
    display: block;
    right: -10%;
  }
}

.card-2 {
  top: 600px;
  left: -20%;
  position: absolute;
  z-index: 0;
  rotate: 20deg;
}

@media (min-width: 768px) {
  .card-2 {
    left: -15%;
  }
}

@media (min-width: 1024px) {
  .card-2 {
    left: -10%;
  }
}

@media (min-width: 1920px) {
  .card-2 {
    left: -10%;
  }
}

.card-3 {
  top: 1100px;
  right: -20%;
  position: absolute;
  z-index: 0;
  rotate: -20deg;
}

@media (min-width: 768px) {
  .card-3 {
    right: -10%;
  }
}

.card-4 {
  top: 1600px;
  left: -20%;
  position: absolute;
  z-index: 0;
  rotate: -20deg;
}

@media (min-width: 768px) {
  .card-4 {
    left: -10%;
  }
}

.card-5 {
  top: 2100px;
  right: -20%;
  position: absolute;
  z-index: 0;
  rotate: 20deg;
}

@media (min-width: 768px) {
  .card-5 {
    right: -10%;
  }
}

.card-6 {
  top: 2600px;
  left: -20%;
  position: absolute;
  z-index: 0;
  rotate: -20deg;
}

@media (min-width: 768px) {
  .card-6 {
    left: -10%;
  }
}

.card-7 {
  top: 3100px;
  right: -20%;
  position: absolute;
  z-index: 0;
  rotate: -20deg;
}

@media (min-width: 768px) {
  .card-7 {
    right: -10%;
  }
}

.card-8 {
  top: 3600px;
  left: -20%;
  position: absolute;
  z-index: 0;
  rotate: -220deg;
}

@media (min-width: 768px) {
  .card-8 {
    left: -10%;
  }
}

.fourOfour {
  padding: 100px 0;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 2rem;
  justify-content: center;
  color: white;
  background: #1E3A5F;
  height: 60vh;
}

@media (min-width: 768px) {
  .fourOfour {
    height: 52vh;
  }
}

@media (min-width: 1024px) {
  .fourOfour {
    height: 65vh;
  }
}

@media (min-width: 1920px) {
  .fourOfour {
    height: 70vh;
  }
}

.fourOfour h1 {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 8rem;
  line-height: 8rem;
  color: white;
}

@media (min-width: 768px) {
  .fourOfour h1 {
    font-size: 12rem;
    line-height: 12rem;
  }
}

@media (min-width: 1920px) {
  .fourOfour h1 {
    font-size: 20rem;
    line-height: 20rem;
  }
}

.fourOfour h3 {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: #FFCD00;
  font-size: 1rem;
  line-height: 1.4rem;
  width: 80%;
  text-align: center;
}

@media (min-width: 768px) {
  .fourOfour h3 {
    width: 60%;
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
}

.maintenance {
  width: 100vw;
  height: 100vh;
  background: #0A1628;
  background: linear-gradient(180deg, #0A1628 0%, #1E5AA8 100%);
  text-align: center;
  display: flex;
}

.maintenance .wrap {
  margin: auto;
  width: 80%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  max-width: 300px;
}

@media (min-width: 768px) {
  .maintenance .wrap {
    gap: 2.5rem;
    max-width: 600px;
  }
}

@media (min-width: 1024px) {
  .maintenance .wrap {
    max-width: 800px;
  }
}

@media (min-width: 1352px) {
  .maintenance .wrap {
    gap: 3rem;
    max-width: 850px;
  }
}

.maintenance .wrap img {
  width: 175px;
}

@media (min-width: 768px) {
  .maintenance .wrap img {
    width: 250px;
  }
}

.maintenance .wrap h4 {
  margin: 0;
  color: white;
}

.maintenance .wrap .buttons {
  display: flex;
  gap: 1rem;
}

iframe {
  width: 100%;
  max-width: 640px;
}

.gallery {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 0.5rem;
  margin: 2rem 0;
}

@media (min-width: 768px) {
  .gallery {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 0.5rem;
  }
}

@media (min-width: 1024px) {
  .gallery {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 0.75rem;
  }
}

@media (min-width: 1352px) {
  .gallery {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1rem;
  }
}

.gallery.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

@media (min-width: 768px) {
  .gallery.gallery-columns-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}

.gallery.gallery-columns-3 {
  grid-template-columns: repeat(2, 1fr);
}

@media (min-width: 768px) {
  .gallery.gallery-columns-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}

.gallery.gallery-columns-4 {
  grid-template-columns: repeat(2, 1fr);
}

@media (min-width: 768px) {
  .gallery.gallery-columns-4 {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 1024px) {
  .gallery.gallery-columns-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}

.gallery.gallery-columns-5 {
  grid-template-columns: repeat(2, 1fr);
}

@media (min-width: 768px) {
  .gallery.gallery-columns-5 {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 1024px) {
  .gallery.gallery-columns-5 {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 1352px) {
  .gallery.gallery-columns-5 {
    grid-template-columns: repeat(5, 1fr);
  }
}

.gallery.gallery-columns-6 {
  grid-template-columns: repeat(2, 1fr);
}

@media (min-width: 768px) {
  .gallery.gallery-columns-6 {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 1024px) {
  .gallery.gallery-columns-6 {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 1352px) {
  .gallery.gallery-columns-6 {
    grid-template-columns: repeat(6, 1fr);
  }
}

.gallery .gallery-item {
  margin: 0;
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  transition: all 0.3s ease;
}

.gallery .gallery-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
}

.gallery .gallery-item:hover .gallery-icon img {
  transform: scale(1.05);
}

.gallery .gallery-item:hover::after {
  opacity: 1;
}

.gallery .gallery-item::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(45deg, rgba(10, 22, 40, 0.7), rgba(30, 90, 168, 0.7));
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

.gallery .gallery-item .gallery-icon {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  overflow: hidden;
  border-radius: 5px;
}

.gallery .gallery-item .gallery-icon a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  text-decoration: none;
}

.gallery .gallery-item .gallery-icon a:hover {
  text-decoration: none;
}

.gallery .gallery-item .gallery-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform 0.3s ease;
  border-radius: 5px;
}

.gallery .gallery-item .gallery-icon img.lazy {
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.gallery .gallery-item .gallery-icon img.loaded {
  opacity: 1;
}

.gallery-lightbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
}

.gallery-lightbox.active {
  display: flex;
}

.gallery-lightbox .lightbox-content {
  max-width: 90%;
  max-height: 90%;
  position: relative;
}

.gallery-lightbox .lightbox-content img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.gallery-lightbox .lightbox-content .lightbox-close {
  position: absolute;
  top: -40px;
  right: 0;
  color: white;
  font-size: 2rem;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
}

.gallery-lightbox .lightbox-content .lightbox-close:hover {
  color: #FFCD00;
}

.gallery-loading .gallery-item .gallery-icon {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: loading 1.5s infinite;
}

@keyframes loading {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

.gallery-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(10, 22, 40, 0.9);
  color: white;
  padding: 0.5rem;
  font-size: 0.8rem;
  transform: translateY(100%);
  transition: transform 0.3s ease;
}

.gallery-item:hover .gallery-caption {
  transform: translateY(0);
}

.gallery-filters {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 2rem;
  flex-wrap: wrap;
}

.gallery-filters .filter-btn {
  padding: 0.5rem 1rem;
  background: #0A1628;
  color: white;
  border: 2px solid #FFCD00;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.3s ease;
  text-transform: uppercase;
  font-size: 0.8rem;
}

.gallery-filters .filter-btn:hover, .gallery-filters .filter-btn.active {
  background: #FFCD00;
  color: #0A1628;
}

@media (min-width: 768px) {
  .gallery-filters .filter-btn {
    font-size: 1rem;
    padding: 0.75rem 1.5rem;
  }
}

.wp-caption {
  max-width: 100%;
  margin: 1rem 0;
}

.wp-caption.alignleft {
  float: left;
  margin: 0 1rem 1rem 0;
  max-width: 50%;
}

@media (min-width: 768px) {
  .wp-caption.alignleft {
    margin: 0 1.5rem 1rem 0;
    max-width: 40%;
  }
}

@media (min-width: 1024px) {
  .wp-caption.alignleft {
    margin: 0 2rem 1rem 0;
    max-width: 35%;
  }
}

.wp-caption.alignright {
  float: right;
  margin: 0 0 1rem 1rem;
  max-width: 50%;
}

@media (min-width: 768px) {
  .wp-caption.alignright {
    margin: 0 0 1rem 1.5rem;
    max-width: 40%;
  }
}

@media (min-width: 1024px) {
  .wp-caption.alignright {
    margin: 0 0 1rem 2rem;
    max-width: 35%;
  }
}

.wp-caption.aligncenter {
  display: block;
  margin: 1rem auto;
  text-align: center;
  float: none;
}

.wp-caption img {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: 5px;
}

.wp-caption img.size-thumbnail {
  max-width: 150px;
  width: 150px;
  height: auto;
}

.wp-caption img.size-medium {
  max-width: 300px;
  width: 300px;
  height: auto;
}

.wp-caption img.size-large {
  max-width: 1024px;
  width: 100%;
  height: auto;
}

.wp-caption img.size-full {
  max-width: 100%;
  width: 100%;
  height: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.5rem 0 0 0;
  padding: 0.5rem;
  background: rgba(10, 22, 40, 0.1);
  border-left: 3px solid #FFCD00;
  font-size: 0.85rem;
  line-height: 1.4;
  color: #0A1628;
  border-radius: 0 5px 5px 0;
}

@media (min-width: 768px) {
  .wp-caption .wp-caption-text {
    font-size: 0.9rem;
  }
}

.alignleft {
  float: left;
  margin: 0 1rem 1rem 0;
  max-width: 50%;
}

@media (min-width: 768px) {
  .alignleft {
    margin: 0 1.5rem 1rem 0;
    max-width: 40%;
  }
}

@media (min-width: 1024px) {
  .alignleft {
    margin: 0 2rem 1rem 0;
    max-width: 35%;
  }
}

.alignright {
  float: right;
  margin: 0 0 1rem 1rem;
  max-width: 50%;
}

@media (min-width: 768px) {
  .alignright {
    margin: 0 0 1rem 1.5rem;
    max-width: 40%;
  }
}

@media (min-width: 1024px) {
  .alignright {
    margin: 0 0 1rem 2rem;
    max-width: 35%;
  }
}

.aligncenter {
  display: block;
  margin: 1rem auto;
  text-align: center;
}

.alignwide {
  margin-left: -10%;
  margin-right: -10%;
  max-width: 120%;
}

@media (min-width: 768px) {
  .alignwide {
    margin-left: -15%;
    margin-right: -15%;
    max-width: 130%;
  }
}

@media (min-width: 1024px) {
  .alignwide {
    margin-left: -20%;
    margin-right: -20%;
    max-width: 140%;
  }
}

.alignfull {
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  max-width: 100vw;
  width: 100vw;
}

.clearfix::after,
.wp-block-buttons::after,
.wp-block-columns::after {
  content: "";
  display: table;
  clear: both;
}

.wp-block-paragraph {
  margin-bottom: 1rem;
  line-height: 1.6;
}

@media (min-width: 768px) {
  .wp-block-paragraph {
    margin-bottom: 1.25rem;
  }
}

@media (min-width: 1024px) {
  .wp-block-paragraph {
    margin-bottom: 1.5rem;
  }
}

.wp-block-heading {
  margin: 2rem 0 1rem 0;
}

.wp-block-heading h1, .wp-block-heading h2, .wp-block-heading h3, .wp-block-heading h4, .wp-block-heading h5, .wp-block-heading h6 {
  margin: 0;
  color: white;
}

.wp-block-heading h1:first-child, .wp-block-heading h2:first-child, .wp-block-heading h3:first-child, .wp-block-heading h4:first-child, .wp-block-heading h5:first-child, .wp-block-heading h6:first-child {
  margin-top: 0;
}

.wp-block-image {
  margin: 1.5rem 0;
}

.wp-block-image img {
  max-width: 100%;
  height: auto;
  border-radius: 5px;
}

.wp-block-image img.size-thumbnail {
  max-width: 150px;
  width: 150px;
  height: auto;
}

.wp-block-image img.size-medium {
  max-width: 300px;
  width: 300px;
  height: auto;
}

.wp-block-image img.size-large {
  max-width: 1024px;
  width: 100%;
  height: auto;
}

.wp-block-image img.size-full {
  max-width: 100%;
  width: 100%;
  height: auto;
}

.wp-block-image figcaption {
  margin: 0.5rem 0 0 0;
  padding: 0.5rem;
  background: rgba(10, 22, 40, 0.1);
  border-left: 3px solid #FFCD00;
  font-size: 0.85rem;
  line-height: 1.4;
  color: #0A1628;
  border-radius: 0 5px 5px 0;
  text-align: left;
}

.wp-block-quote {
  margin: 2rem 0;
  padding: 1.5rem;
  background: rgba(10, 22, 40, 0.1);
  border-left: 4px solid #FFCD00;
  border-radius: 0 5px 5px 0;
}

@media (min-width: 768px) {
  .wp-block-quote {
    padding: 2rem;
  }
}

.wp-block-quote p {
  margin: 0 0 1rem 0;
  font-style: italic;
  font-size: 1.1rem;
  line-height: 1.6;
  color: white;
}

.wp-block-quote p:last-child {
  margin-bottom: 0;
}

.wp-block-quote cite {
  display: block;
  font-size: 0.9rem;
  color: #FFCD00;
  font-style: normal;
  margin-top: 1rem;
}

.wp-block-pullquote {
  margin: 2rem 0;
  padding: 2rem;
  background: rgba(10, 22, 40, 0.15);
  border: 2px solid #FFCD00;
  border-radius: 10px;
  text-align: center;
}

@media (min-width: 768px) {
  .wp-block-pullquote {
    padding: 2.5rem;
  }
}

.wp-block-pullquote blockquote {
  margin: 0;
}

.wp-block-pullquote blockquote p {
  font-size: 1.2rem;
  line-height: 1.6;
  color: white;
  margin: 0 0 1rem 0;
}

@media (min-width: 768px) {
  .wp-block-pullquote blockquote p {
    font-size: 1.4rem;
  }
}

@media (min-width: 1024px) {
  .wp-block-pullquote blockquote p {
    font-size: 1.6rem;
  }
}

.wp-block-pullquote blockquote cite {
  font-size: 0.9rem;
  color: #FFCD00;
  font-style: normal;
}

.wp-block-code {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 5px;
  padding: 1rem;
  margin: 1.5rem 0;
  overflow-x: auto;
}

.wp-block-code code {
  color: #e6e6e6;
  font-family: 'Courier New', monospace;
  font-size: 0.9rem;
  line-height: 1.4;
}

.wp-block-preformatted {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 5px;
  padding: 1rem;
  margin: 1.5rem 0;
  overflow-x: auto;
}

.wp-block-preformatted pre {
  margin: 0;
  color: #e6e6e6;
  font-family: 'Courier New', monospace;
  font-size: 0.9rem;
  line-height: 1.4;
  white-space: pre-wrap;
}

.wp-block-table {
  margin: 2rem 0;
  overflow-x: auto;
}

.wp-block-table table {
  width: 100%;
  border-collapse: collapse;
  background: rgba(10, 22, 40, 0.1);
  border-radius: 5px;
  overflow: hidden;
}

.wp-block-table table th, .wp-block-table table td {
  padding: 0.75rem;
  text-align: left;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

@media (min-width: 768px) {
  .wp-block-table table th, .wp-block-table table td {
    padding: 1rem;
  }
}

.wp-block-table table th {
  background: rgba(30, 90, 168, 0.2);
  color: #FFCD00;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.85rem;
}

@media (min-width: 768px) {
  .wp-block-table table th {
    font-size: 0.9rem;
  }
}

.wp-block-table table td {
  color: white;
}

.wp-block-table table tr:hover {
  background: rgba(30, 90, 168, 0.1);
}

.wp-block-list {
  margin: 1.5rem 0;
}

.wp-block-list ul, .wp-block-list ol {
  margin: 0;
  padding-left: 1.5rem;
}

@media (min-width: 768px) {
  .wp-block-list ul, .wp-block-list ol {
    padding-left: 2rem;
  }
}

.wp-block-list li {
  margin-bottom: 0.5rem;
  line-height: 1.6;
  color: white;
}

.wp-block-list li:last-child {
  margin-bottom: 0;
}

.wp-block-list ul li {
  list-style-type: disc;
}

.wp-block-list ol li {
  list-style-type: decimal;
}

.wp-block-button {
  margin: 1.5rem 0;
}

.wp-block-button .wp-block-button__link {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  background: #0A1628;
  color: white;
  text-decoration: none;
  border: 2px solid #FFCD00;
  border-radius: 5px;
  transition: all 0.3s ease;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.9rem;
}

@media (min-width: 768px) {
  .wp-block-button .wp-block-button__link {
    padding: 1rem 2rem;
    font-size: 1rem;
  }
}

.wp-block-button .wp-block-button__link:hover {
  background: #FFCD00;
  color: #0A1628;
  text-decoration: none;
}

.wp-block-button.is-style-outline .wp-block-button__link {
  background: transparent;
  color: #FFCD00;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
  background: #FFCD00;
  color: #0A1628;
}

.wp-block-separator {
  margin: 2rem 0;
  border: none;
  height: 2px;
  background: linear-gradient(90deg, transparent, #FFCD00, transparent);
}

.wp-block-separator.is-style-wide {
  max-width: 100%;
}

.wp-block-separator.is-style-dots {
  background: none;
  text-align: center;
}

.wp-block-separator.is-style-dots::before {
  content: "•••";
  color: #FFCD00;
  font-size: 1.5rem;
  letter-spacing: 0.5rem;
}

.wp-block-spacer {
  margin: 0;
}

.wp-block-columns {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  margin: 2rem 0;
}

.wp-block-columns .wp-block-column {
  flex: 1;
  min-width: 0;
}

@media (min-width: 768px) {
  .wp-block-columns .wp-block-column {
    flex-basis: calc(50% - 1rem);
  }
}

@media (min-width: 1024px) {
  .wp-block-columns .wp-block-column {
    flex-basis: calc(33.333% - 1.33rem);
  }
}

.wp-block-columns.is-style-default {
  gap: 1rem;
}

@media (min-width: 768px) {
  .wp-block-columns.is-style-default {
    gap: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .wp-block-columns.is-style-default {
    gap: 2rem;
  }
}

.wp-block-group {
  margin: 2rem 0;
}

.wp-block-group.has-background {
  padding: 2rem;
  border-radius: 10px;
}

@media (min-width: 768px) {
  .wp-block-group.has-background {
    padding: 2.5rem;
  }
}

.wp-block-cover {
  margin: 2rem 0;
  border-radius: 10px;
  overflow: hidden;
}

.wp-block-cover .wp-block-cover__inner-container {
  padding: 2rem;
}

@media (min-width: 768px) {
  .wp-block-cover .wp-block-cover__inner-container {
    padding: 3rem;
  }
}

@media (min-width: 1024px) {
  .wp-block-cover .wp-block-cover__inner-container {
    padding: 4rem;
  }
}

.wp-block-cover h1, .wp-block-cover h2, .wp-block-cover h3, .wp-block-cover h4, .wp-block-cover h5, .wp-block-cover h6 {
  color: white;
  margin-bottom: 1rem;
}

.wp-block-cover p {
  color: white;
  margin-bottom: 1rem;
}

.wp-block-cover p:last-child {
  margin-bottom: 0;
}

.wp-block-media-text {
  margin: 2rem 0;
  border-radius: 10px;
  overflow: hidden;
}

.wp-block-media-text .wp-block-media-text__content {
  padding: 2rem;
}

@media (min-width: 768px) {
  .wp-block-media-text .wp-block-media-text__content {
    padding: 2.5rem;
  }
}

@media (min-width: 1024px) {
  .wp-block-media-text .wp-block-media-text__content {
    padding: 3rem;
  }
}

.wp-block-media-text .wp-block-media-text__media img {
  width: 100%;
  height: auto;
}

.wp-block-embed {
  margin: 2rem 0;
}

.wp-block-embed iframe {
  border-radius: 10px;
  max-width: 100%;
}

.wp-block-embed .wp-block-embed__wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.wp-block-embed .wp-block-embed__wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.wp-block-file {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(10, 22, 40, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 5px;
}

.wp-block-file .wp-block-file__button {
  display: inline-block;
  padding: 0.5rem 1rem;
  background: #FFCD00;
  color: #0A1628;
  text-decoration: none;
  border-radius: 3px;
  font-size: 0.85rem;
  font-weight: bold;
  margin-left: 1rem;
  transition: all 0.3s ease;
}

.wp-block-file .wp-block-file__button:hover {
  background: white;
  text-decoration: none;
}

.wp-block-search {
  margin: 2rem 0;
}

.wp-block-search .wp-block-search__input {
  padding: 0.75rem;
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.1);
  color: white;
  width: 100%;
}

.wp-block-search .wp-block-search__input::placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.wp-block-search .wp-block-search__button {
  padding: 0.75rem 1.5rem;
  background: #FFCD00;
  color: #0A1628;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-weight: bold;
  transition: all 0.3s ease;
}

.wp-block-search .wp-block-search__button:hover {
  background: white;
}

.wp-block-social-links {
  display: flex;
  gap: 0.5rem;
  margin: 1.5rem 0;
}

.wp-block-social-links .wp-block-social-link a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: #1E3A5F;
  border: 2px solid #0A1628;
  border-radius: 5px;
  transition: all 0.3s ease;
}

.wp-block-social-links .wp-block-social-link a:hover {
  border-color: #FFCD00;
  transform: translateY(-2px);
}

.wp-block-social-links .wp-block-social-link svg {
  width: 20px;
  height: 20px;
  fill: white;
}

.wp-block-navigation {
  margin: 2rem 0;
}

.wp-block-navigation .wp-block-navigation__container {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  list-style: none;
  padding: 0;
  margin: 0;
}

.wp-block-navigation .wp-block-navigation-link a {
  color: white;
  text-decoration: none;
  padding: 0.5rem 1rem;
  border-radius: 5px;
  transition: all 0.3s ease;
}

.wp-block-navigation .wp-block-navigation-link a:hover {
  background: rgba(30, 90, 168, 0.2);
  color: #FFCD00;
}

.wp-block-comments {
  margin: 3rem 0;
}

.wp-block-comments .wp-block-comment-template {
  margin-bottom: 2rem;
}

.wp-block-comments .wp-block-comment-template .wp-block-comment {
  padding: 1.5rem;
  background: rgba(10, 22, 40, 0.1);
  border-radius: 10px;
  margin-bottom: 1rem;
}

.wp-block-comments .wp-block-comment-template .wp-block-comment .wp-block-comment-author-name {
  color: #FFCD00;
  font-weight: bold;
  margin-bottom: 0.5rem;
}

.wp-block-comments .wp-block-comment-template .wp-block-comment .wp-block-comment-date {
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.85rem;
  margin-bottom: 1rem;
}

.wp-block-comments .wp-block-comment-template .wp-block-comment .wp-block-comment-content {
  color: white;
  line-height: 1.6;
}

.wp-block-post-title {
  margin: 2rem 0 1rem 0;
}

.wp-block-post-title a {
  color: white;
  text-decoration: none;
}

.wp-block-post-title a:hover {
  color: #FFCD00;
}

.wp-block-post-excerpt {
  margin: 1.5rem 0;
}

.wp-block-post-excerpt .wp-block-post-excerpt__more-text {
  color: #FFCD00;
  font-weight: bold;
  text-decoration: none;
}

.wp-block-post-excerpt .wp-block-post-excerpt__more-text:hover {
  text-decoration: underline;
}

.wp-block-post-date {
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.85rem;
  margin-bottom: 1rem;
}

.wp-block-post-author {
  margin: 1rem 0;
}

.wp-block-post-author .wp-block-post-author__name {
  color: #FFCD00;
  font-weight: bold;
}

.wp-block-post-author .wp-block-post-author__bio {
  color: white;
  font-size: 0.9rem;
  margin-top: 0.5rem;
}

.wp-block-query {
  margin: 3rem 0;
}

.wp-block-query .wp-block-post-template {
  display: grid;
  gap: 2rem;
}

@media (min-width: 768px) {
  .wp-block-query .wp-block-post-template {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1024px) {
  .wp-block-query .wp-block-post-template {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 1352px) {
  .wp-block-query .wp-block-post-template {
    grid-template-columns: repeat(4, 1fr);
  }
}

.wp-block-query-pagination {
  margin: 3rem 0;
}

.wp-block-query-pagination .wp-block-query-pagination-numbers {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}

.wp-block-query-pagination .wp-block-query-pagination-numbers .page-numbers {
  display: inline-block;
  padding: 0.5rem 1rem;
  background: rgba(10, 22, 40, 0.3);
  color: white;
  text-decoration: none;
  border-radius: 5px;
  transition: all 0.3s ease;
}

.wp-block-query-pagination .wp-block-query-pagination-numbers .page-numbers:hover, .wp-block-query-pagination .wp-block-query-pagination-numbers .page-numbers.current {
  background: #FFCD00;
  color: #0A1628;
}

@media (min-width: 768px) {
  .alignleft {
    float: left;
    margin: 0 1rem 1rem 0;
    max-width: 45%;
  }
  .alignright {
    float: right;
    margin: 0 0 1rem 1rem;
    max-width: 45%;
  }
  .wp-block-columns {
    flex-direction: column;
  }
  .wp-block-columns .wp-block-column {
    flex-basis: 100%;
  }
  .wp-block-media-text {
    grid-template-columns: 1fr;
  }
  .wp-block-media-text .wp-block-media-text__media {
    order: 1;
  }
  .wp-block-media-text .wp-block-media-text__content {
    order: 2;
  }
}