.elementor-6640 .elementor-element.elementor-element-72a07d0{--display:flex;--background-transition:0.3s;}.elementor-6640 .elementor-element.elementor-element-05175a5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--background-transition:0.3s;}.elementor-6640 .elementor-element.elementor-element-f309f0b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-6640 .elementor-element.elementor-element-210334f > .elementor-widget-container:hover{--e-transform-scale:1.1;}.elementor-6640 .elementor-element.elementor-element-210334f > .elementor-widget-container{border-radius:10px 10px 10px 10px;}.elementor-6640 .elementor-element.elementor-element-210334f img{border-radius:10px 10px 10px 10px;}.elementor-6640 .elementor-element.elementor-element-10cdde3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-6640 .elementor-element.elementor-element-6d64e46 > .elementor-widget-container:hover{--e-transform-scale:1.1;}.elementor-6640 .elementor-element.elementor-element-6d64e46 > .elementor-widget-container{border-style:none;border-radius:0px 0px 0px 0px;}@media(min-width:768px){.elementor-6640 .elementor-element.elementor-element-f309f0b{--width:50%;}.elementor-6640 .elementor-element.elementor-element-10cdde3{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-0e5ee20 */.cw-the {
    color: var(--cw-gold);
}
.cw-bottom-banner {
    transition: all .3s ease;
}

.cw-bottom-banner:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 40px rgba(226,40,29,.25);
}

.cw-worldcup-wrap {
  --cw-red: #e2281d;
  --cw-blue: #24327f;
  --cw-navy: #10183f;
  --cw-gold: #f3bd32;
  --cw-cream: #fbf6ea;
  font-family: inherit;
  max-width: 1180px;
  margin: 0 auto;
  padding: 35px 20px 55px;
}

.cw-hero-card {
  background:
    linear-gradient(135deg, rgba(16,24,63,.96), rgba(36,50,127,.92)),
    radial-gradient(circle at top, rgba(255,255,255,.2), transparent 40%);
  color: white;
  text-align: center;
  padding: 55px 30px;
  border-radius: 18px;
  border: 4px solid var(--cw-red);
  box-shadow: 0 18px 45px rgba(0,0,0,.22);
}

.cw-kicker {
  color: var(--cw-gold);
  text-transform: uppercase;
  letter-spacing: 4px;
  font-weight: 800;
  margin: 0 0 12px;
}

.cw-hero-card h1 {
  color: white;
  font-size: clamp(38px, 6vw, 78px);
  line-height: .95;
  margin: 0 0 22px;
  text-transform: uppercase;
  text-shadow: 3px 3px 0 var(--cw-red);
}

.cw-lead {
  max-width: 780px;
  margin: 0 auto 30px;
  font-size: 20px;
  line-height: 1.55;
}

.cw-cta-row {
  display: flex;
  justify-content: center;
  gap: 14px;
  flex-wrap: wrap;
}

.cw-btn {

  color: white !important;
  text-decoration: none !important;
  text-transform: uppercase;
  font-weight: 800;
  letter-spacing: 1px;
  border-radius: 6px;
}
.cw-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 14px 24px;
    transition: all .25s ease;
}
.cw-btn-red { background: var(--cw-red); }
.cw-btn-blue { background: var(--cw-blue); border: 2px solid white; }

.cw-info-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  margin: 32px 0;
}

.cw-info-grid article {
  background: var(--cw-cream);
  border-top: 8px solid var(--cw-red);
  padding: 28px;
  text-align: center;
  box-shadow: 0 10px 28px rgba(0,0,0,.12);
}

.cw-info-grid span {
  font-size: 42px;
}

.cw-info-grid h2,
.cw-match-card h2,
.cw-bottom-banner h2 {
  color: var(--cw-blue);
  text-transform: uppercase;
  margin: 12px 0;
}

.cw-match-card {
  background: white;
  border: 3px solid var(--cw-blue);
  padding: 34px;
  text-align: center;
  box-shadow: 0 10px 28px rgba(0,0,0,.12);
}

.cw-sub {
  font-size: 19px;
}

.cw-matches {
  max-width: 680px;
  margin: 24px auto 0;
  display: grid;
  gap: 12px;
}

.cw-matches div {
  display: grid;
  grid-template-columns: 120px 1fr;
  align-items: center;
  background: var(--cw-cream);
  border-left: 10px solid var(--cw-red);
  text-align: left;
}

.cw-matches strong {
  background: var(--cw-blue);
  color: white;
  padding: 18px;
  font-size: 24px;
  text-align: center;
}

.cw-matches span {
  padding: 18px;
  font-size: 24px;
  font-weight: 800;
  color: var(--cw-navy);
}

.cw-bottom-banner {
  margin-top: 32px;
  background: var(--cw-red);
  color: white;
  text-align: center;
  padding: 32px 22px;
  border-radius: 14px;
}

.cw-bottom-banner h2 {
  color: white;
  font-size: clamp(28px, 4vw, 46px);
}

.cw-bottom-banner p {
  font-size: 20px;
  margin-bottom: 0;
}

@media (max-width: 800px) {
  .cw-info-grid {
    grid-template-columns: 1fr;
  }

  .cw-matches div {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .cw-matches span {
    text-align: center;
    font-size: 20px;
  }
}

/* BUTTON HOVERS */

.cw-btn {
    transition: all .25s ease;
}

.cw-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 24px rgba(0,0,0,.22);
}

.cw-btn-red:hover {
    background: #ff3a2c;
}

.cw-btn-blue:hover {
    background: #3144aa;
    border-color: #ffffff;
}


/* FEATURE CARD HOVERS */

.cw-info-grid article {
    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}

.cw-info-grid article:hover {
    transform: translateY(-6px);
    box-shadow:
        0 20px 40px rgba(0,0,0,.12),
        0 0 0 3px rgba(36,50,127,.08);
}

.cw-info-grid article:hover h2 {
    color: var(--cw-red);
    transition: color .3s ease;
}

.cw-info-grid article:hover span {
    transform: scale(1.1);
}

.cw-info-grid span {
    display: inline-block;
    transition: transform .3s ease;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6d64e46 */#wc-poster2 img{border-radius: 10px 10px 10px 10px;
}/* End custom CSS */