@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");
.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 (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; }
    .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 (min-width: 768px) {
      .topCTA .Slider {
        padding: 130px 50px 2.5rem 50px; } }
    @media (min-width: 1024px) {
      .topCTA .Slider {
        height: 100%;
        padding: 0 40px 2.5rem;
        padding-top: 120px;
        gap: 2rem;
        flex-direction: row;
        align-items: center; } }
    @media (min-width: 1352px) {
      .topCTA .Slider {
        padding: 0 60px 2.5rem;
        padding-top: 120px; } }
    @media (min-width: 1920px) {
      .topCTA .Slider {
        padding: 0 125px 2.5rem;
        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; } }
      @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 (min-width: 768px) {
        .topCTA .Slider .image {
          width: 75%;
          margin: 0 auto; } }
      @media (min-width: 1024px) {
        .topCTA .Slider .image {
          display: flex;
          align-items: flex-end;
          height: auto;
          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: 450px;
            max-height: 450px; } }
        @media (min-width: 1024px) {
          .topCTA .Slider .image img {
            margin: 0 auto;
            max-width: 525px;
            max-height: 525px; } }
        @media (min-width: 1920px) {
          .topCTA .Slider .image img {
            margin: 0 auto;
            max-width: 650px;
            max-height: 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; }
  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; }

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

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

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 (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; }
    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 {
      width: 100%; }
      @media (min-width: 1024px) {
        .Selctions .selectWrap a {
          width: calc(33% - 1.5rem); } }
      @media (min-width: 1352px) {
        .Selctions .selectWrap a {
          width: calc(33% - 2rem); } }
      .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; } }
    @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; }

* {
  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; }
  header .navWrap {
    padding: 35px 0;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @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; } }
    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; } }
    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;
            gap: 3.5rem; } }
        @media (min-width: 1352px) {
          header .navWrap .navMenu nav ul {
            gap: 4rem; } }
        @media (min-width: 1920px) {
          header .navWrap .navMenu nav ul {
            gap: 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; }
              @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; } }
            @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: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 .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; }
      @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; } }