/* ------------------------------------------------------------
    STYLES

    1 ::::: BASE
    Variables
    Mixins
    Reset
    Base

    2 ::::: LIB
    Forms
    Buttons
    Icons
    Tables

    3 ::::: PLUGINS
    Slick 1.8.1

    4 ::::: RESPONSIVE
    Largedevices
    Mediumdevices
    Smalldevices

------------------------------------------------------------ */
/* ------------------------------------------------------------
    FONTS
------------------------------------------------------------ */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbGmT.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuaabWmT.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbWmT.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuYjammT.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v51/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuZtammT.ttf) format('truetype');
}
/* ------------------------------------------------------------
    BASE COLORS
------------------------------------------------------------ */
/* ------------------------------------------------------------
   FONTS
------------------------------------------------------------ */
/* ------------------------------------------------------------
    ANIMATIONS
------------------------------------------------------------ */
a,
input,
button {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@keyframes marquee {
  0% {
    transform: translate(0%);
  }
  100% {
    transform: translate(-50%);
  }
}
html {
  box-sizing: border-box;
  font-size: 62.5%;
  /*10px = 1rem*/
  overflow-x: hidden;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
body {
  overflow-x: hidden;
  min-width: 360px;
}
h1 {
  font-family: 'Roboto', sans-serif;
  font-weight: 900;
  color: #1B1C1E;
  font-size: 32px;
}
h2 {
  font-family: 'Roboto', sans-serif;
  font-weight: 900;
  color: #1B1C1E;
  font-size: 48px;
  line-height: 48px;
}
h3 {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  color: #1B1C1E;
  font-size: 22px;
}
h4 {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  color: #1B1C1E;
  font-size: 12px;
  letter-spacing: 1.2px;
  line-height: 16px;
  text-transform: uppercase;
}
h5 {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  color: #1B1C1E;
  font-size: 16px;
}
h6 {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  color: #1B1C1E;
  font-size: 14px;
}
p,
ul,
ol,
li {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  color: #1B1C1E;
  font-size: 16px;
  line-height: 26px;
}
a,
.btn {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  color: #1B1C1E;
  font-size: 16px;
}
.wrap {
  box-sizing: border-box;
  padding: 96px 0;
}
.text-pink {
  color: #d62598 !important;
}
.text-aqua {
  color: #0fa9ba !important;
}
.text-orange {
  color: #f6a41f !important;
}
.text-green {
  color: #89c242 !important;
}
.text-purple {
  color: #b1228a !important;
}
.text-red {
  color: #e92432 !important;
}
.bg-light {
  background: #f9f7f4 !important;
}
header {
  position: fixed;
  top: 0;
  z-index: 999999;
  width: 100%;
  box-sizing: border-box;
  padding: 16px 95px;
  display: flex;
  justify-content: space-between;
  transition: all ease 0.4s;
}
header .logo {
  width: 100px;
  height: 0;
}
header a {
  width: 40px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.4);
  display: block;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}
header a span {
  color: #FFFFFF;
  line-height: 22px !important;
  font-size: 22px !important;
}
header.scrolled {
  background-color: #FFFFFF;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
header.scrolled .logo {
  width: 100px;
  height: auto;
}
header.scrolled a {
  width: 40px;
  height: 40px;
  background-color: rgba(246, 164, 31, 0.4);
  display: block;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}
header.scrolled a span {
  color: #f6a41f;
  line-height: 22px !important;
  font-size: 22px !important;
}
#heroimage {
  background-color: #0fa9ba;
  width: 100%;
  height: 100dvh;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
#heroimage .herowrap-bg {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  z-index: 1;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.2));
}
#heroimage .herowrap {
  width: 100%;
  height: calc(100% - 144px);
  display: flex;
  align-items: center;
}
#heroimage .herowrap .herowrap-content {
  position: relative;
  z-index: 9;
  box-sizing: border-box;
  padding: 0 95px;
}
#heroimage .herowrap .herowrap-content .tag {
  border: 1px solid rgba(246, 164, 31, 0.4);
  color: #f6a41f;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.2px;
  line-height: 16px;
  border-radius: 9999px;
  padding: 4px 12px;
  width: fit-content;
}
#heroimage .herowrap .herowrap-content .logo {
  width: 450px;
  margin-bottom: 24px;
}
#heroimage .herowrap .herowrap-content p {
  color: rgba(255, 255, 255, 0.8);
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  font-size: 22px;
  max-width: 500px;
}
#heroimage .herowrap .herowrap-content p strong {
  color: #f6a41f;
}
#heroimage .herowrap .herowrap-content .things {
  display: flex;
  gap: 16px;
  padding: 16px 0;
  margin-top: 24px;
}
#heroimage .herowrap .herowrap-content .things .eventthing {
  font-size: 30px;
  line-height: 30px;
  font-weight: 900;
  color: #FFFFFF;
  text-align: center;
}
#heroimage .herowrap .herowrap-content .things .eventthing small {
  display: block;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.6px;
  color: rgba(255, 255, 255, 0.4);
  font-weight: 400;
  text-transform: uppercase;
}
#heroimage .herowrap .herowrap-content .things .eventthing.orange {
  color: #f6a41f;
}
#heroimage .herowrap .herowrap-content .things .eventthing.pink {
  color: #d62598;
}
#heroimage .herowrap .herowrap-content .things .eventthing.green {
  color: #89c242;
}
#heroimage .herowrap .herowrap-content .things .eventthing.purple {
  color: #b1228a;
}
#heroimage .herowrap .herowrap-content .things .eventthing.aqua {
  color: #0fa9ba;
}
#heroimage .bannerwrap {
  width: 100%;
  height: 145px;
  background: linear-gradient(135deg, #b1228a, #d62598, #e92432);
  position: relative;
  z-index: 11;
}
#heroimage .bannerwrap .bannerwrap-content {
  z-index: 9;
  position: relative;
  height: 100%;
}
#heroimage .bannerwrap .bannerwrap-content .bannerwrap-content-text {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  gap: 16px;
}
#heroimage .bannerwrap .bannerwrap-content .bannerwrap-content-text h2 {
  font-size: 36px;
  font-weight: 900;
  letter-spacing: -0.9px;
  line-height: 40px;
  color: #FFFFFF;
}
#heroimage .bannerwrap .bannerwrap-content .bannerwrap-content-text h2 strong {
  font-size: 36px;
  font-weight: 900;
  letter-spacing: -0.9px;
  line-height: 40px;
  color: #f6a41f;
}
#heroimage .bannerwrap .bannerwrap-content .bannerwrap-content-text .icon {
  width: 40px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#heroimage .bannerwrap .bannerwrap-content .bannerwrap-content-text .icon span {
  color: #FFFFFF;
}
#heroimage .bannerwrap .banenrwrap-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: repeating-linear-gradient(45deg, #ffffff 0px, #ffffff 10px, transparent 10px, transparent 30px);
  opacity: 0.1;
  z-index: 0;
}
#heroimage .bannerwrap .wraptextbanenr {
  width: 100%;
  position: absolute;
  bottom: 24px;
}
#heroimage .bannerwrap .wraptextbanenr .wraptextbanenrtext {
  display: flex;
  white-space: nowrap;
  animation: 20s linear infinite marquee;
}
#heroimage .bannerwrap .wraptextbanenr .wraptextbanenrtext .tracking-widest {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.2px;
  line-height: 16px;
  color: #FFFFFF;
}
.card-icon {
  border: 1px solid #f3f4f6;
  box-sizing: border-box;
  padding: 24px;
  border-radius: 16px;
  background-color: #f9f9f9;
  display: flex;
  gap: 16px;
}
.card-icon .icon {
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
}
.card-icon .icon.green {
  background-color: #edf3e7;
}
.card-icon .icon.green span {
  color: #89c242;
}
.card-icon .icon.red {
  background-color: #f7e3e5;
}
.card-icon .icon.red span {
  color: #e92432;
}
.card-icon .icon.orange {
  background-color: #f8efe5;
}
.card-icon .icon.orange span {
  color: #f6a41f;
}
.card-icon .icon.aqua {
  background-color: #e2f0f2;
}
.card-icon .icon.aqua span {
  color: #0fa9ba;
}
.card-match {
  background-color: #FFFFFF;
  border-radius: 16px;
  border: 1px solid #f1f2f4;
}
.card-match .header {
  background-color: #f9f9f9;
  box-sizing: border-box;
  padding: 10px 20px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.card-match .header .schedule {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.card-match .header .schedule span {
  font-size: 14px;
  color: #9ca3af;
}
.card-match .header .schedule p {
  font-size: 14px;
  margin: 0;
  font-weight: 700;
  line-height: 16px;
}
.card-match .header .schedule small {
  font-size: 12px;
  line-height: 16px;
  margin: 0;
  color: #9ca3af;
}
.card-match .header .tag {
  border: 1px solid rgba(246, 164, 31, 0.4);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.2px;
  line-height: 16px;
  border-radius: 9999px;
  padding: 4px 12px;
  width: fit-content;
}
.card-match .header .tag.green {
  background-color: #edf3e7;
  color: #89c242;
  border-color: #89c242;
}
.card-match .header .tag.green span {
  color: #89c242;
}
.card-match .header .tag.red {
  background-color: #f7e3e5;
  color: #e92432;
  border-color: #e92432;
}
.card-match .header .tag.red span {
  color: #e92432;
}
.card-match .header .tag.orange {
  background-color: #f8efe5;
  color: #f6a41f;
  border-color: #f6a41f;
}
.card-match .header .tag.orange span {
  color: #f6a41f;
}
.card-match .header .tag.aqua {
  background-color: #e2f0f2;
  color: #0fa9ba;
  border-color: #0fa9ba;
}
.card-match .header .tag.aqua span {
  color: #0fa9ba;
}
.card-match .body {
  box-sizing: border-box;
  padding: 20px;
  display: flex;
  justify-content: center;
}
.card-match .body .local,
.card-match .body .visit {
  box-sizing: border-box;
  padding: 8px;
  text-align: center;
}
.card-match .body .local span,
.card-match .body .visit span {
  font-size: 28px;
  margin-bottom: 16px;
}
.card-match .body .local h3,
.card-match .body .visit h3 {
  font-size: 14px;
  font-weight: 900;
  margin-bottom: 0;
}
.card-match .body .local small,
.card-match .body .visit small {
  font-size: 12px;
  color: #9ca3af;
  letter-spacing: 2.5px;
}
.card-match .body .location {
  box-sizing: border-box;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.card-match .body .location p {
  color: #e5e7eb;
  font-size: 24px;
  font-weight: 900;
  line-height: 32px;
}
.card-match .body .location .pin {
  display: flex;
  align-items: center;
  color: #9ca3af;
  font-size: 12px;
  gap: 8px;
}
.card-match .body .location .pin span {
  color: #9ca3af;
  font-size: 12px;
}
.card-match .footer {
  box-sizing: border-box;
  padding: 16px 0;
  margin: 0 20px;
  border-top: 1px solid #f8f9fa;
  display: flex;
  justify-content: space-between;
}
.card-match .footer .stadium {
  display: flex;
  align-items: center;
  gap: 8px;
}
.card-match .footer .stadium p {
  font-size: 12px;
  margin: 0;
  color: #6b7280;
}
.card-match .footer .stadium span {
  font-size: 16px;
}
.card-match .footer .phase p {
  font-size: 12px;
  margin: 0;
  color: #6b7280;
}
.card-schedule {
  background-color: #f9f9f9;
  border: 1px solid #f1f2f4;
  box-sizing: border-box;
  padding: 15px 20px;
  border-radius: 16px;
  display: flex;
  gap: 16px;
  align-items: center;
}
.card-schedule .day {
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  background-color: #0fa9ba;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  color: #FFFFFF;
  font-weight: 700;
  line-height: 16px;
}
.card-schedule .day small {
  font-size: 12px;
}
.card-schedule .day.na {
  background: #f1f2f4;
  color: #606774;
  font-size: 14px;
}
.card-schedule .icon {
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.card-schedule .icon.green {
  background-color: #edf3e7;
  color: #89c242;
  border-color: #89c242;
}
.card-schedule .icon.green span {
  color: #89c242;
}
.card-schedule .icon.red {
  background-color: #f7e3e5;
  color: #e92432;
  border-color: #e92432;
}
.card-schedule .icon.red span {
  color: #e92432;
}
.card-schedule .icon.orange {
  background-color: #f8efe5;
  color: #f6a41f;
  border-color: #f6a41f;
}
.card-schedule .icon.orange span {
  color: #f6a41f;
}
.card-schedule .icon.aqua {
  background-color: #e2f0f2;
  color: #0fa9ba;
  border-color: #0fa9ba;
}
.card-schedule .icon.aqua span {
  color: #0fa9ba;
}
.card-schedule .icon.pink {
  background-color: rgba(214, 37, 152, 0.2);
  color: #0fa9ba;
  border-color: #0fa9ba;
}
.card-schedule .icon.pink span {
  color: #d62598;
}
z .card-schedule .icon.purple {
  background-color: rgba(177, 34, 138, 0.2);
  color: #0fa9ba;
  border-color: #0fa9ba;
}
z .card-schedule .icon.purple span {
  color: #b1228a;
}
.card-schedule .textwrap {
  flex: 1;
  min-width: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.card-schedule .textwrap .text {
  display: flex;
  flex-direction: column;
}
.card-schedule .textwrap .text p {
  font-size: 14px;
  font-weight: 700;
  margin: 0;
}
.card-schedule .textwrap .text .schedule {
  color: #9ca3af;
  display: flex;
  align-items: center;
  gap: 16px;
}
.card-schedule .textwrap .text .schedule span {
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}
.card-schedule .textwrap .text .schedule .icons {
  display: flex;
  align-items: center;
  gap: 8px;
}
.card-schedule .textwrap .text .schedule .icons p {
  color: #9ca3af;
  font-size: 12px;
  margin: 0;
  line-height: 14px;
}
.card-schedule .textwrap .text .schedule .icons span {
  font-size: 14px;
  line-height: 14px;
}
.card-schedule .textwrap .tagsandbutton {
  display: flex;
  gap: 16px;
  align-items: center;
}
.card-schedule .textwrap .tagsandbutton .tag {
  background: #f1f2f4;
  color: #606774;
  font-size: 12px;
  box-sizing: border-box;
  padding: 2px 10px;
  border-radius: 9999px;
  font-weight: 500;
}
.card-schedule .textwrap .tagsandbutton .showmore {
  padding: 0;
  margin: 0;
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: #f1f2f4;
  color: #606774;
  border: none;
}
.card-schedule .textwrap .tagsandbutton .showmore span {
  color: #606774;
}
.testimony {
  background: #030712;
  position: relative;
  overflow: hidden;
}
.testimony .content {
  position: relative;
  z-index: 9999;
}
.testimony .content h2 {
  color: #FFFFFF;
}
.testimony .bg-sp-tst {
  background-image: radial-gradient(circle at 2px 2px, white 1px, transparent 0px);
  background-size: 32px 32px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.08;
}
.testimony .circle-puple {
  width: 288px;
  height: 288px;
  background-color: rgba(214, 37, 152, 0.2);
  border-radius: 50%;
  position: absolute;
  filter: blur(64px);
  right: -10%;
  bottom: -30%;
}
.testimony .circle-aqua {
  width: 288px;
  height: 288px;
  background-color: rgba(15, 169, 186, 0.2);
  border-radius: 50%;
  position: absolute;
  filter: blur(64px);
  left: -5%;
  top: -5%;
}
.testimony .testgrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 16px;
}
.testimony .testgrid .item {
  box-sizing: border-box;
  padding: 24px;
  background-image: linear-gradient(to right bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
  border-radius: 16px;
  display: flex;
  align-items: center;
}
.testimony .testgrid .item i {
  color: #e19030;
  font-size: 18px;
  margin-bottom: 24px;
}
.testimony .testgrid .item p {
  color: #FFFFFF;
  font-style: italic;
  font-size: 20px;
}
.testimony .testgrid .item .who {
  margin-top: 32px;
}
.testimony .testgrid .item .who p {
  font-style: normal;
  font-size: 16px;
  line-height: 16px;
}
.testimony .testgrid .item .who p small {
  display: block;
  color: rgba(255, 255, 255, 0.6);
  margin-top: 8px;
}
.testimony .testgrid .item1 {
  grid-row: span 2;
}
.testimony .testgrid .item2 {
  grid-column: 2;
  grid-row: 1;
}
.testimony .testgrid .item3 {
  grid-column: 2;
  grid-row: 2;
}
.ubicacion iframe {
  width: 100%;
  height: 100%;
}
.ubicacion .card-location {
  background-color: #FFFFFF;
  border-radius: 16px;
  border: 1px solid #f1f2f4;
  padding: 20px;
  margin-bottom: 16px;
  display: flex;
  gap: 16px;
}
.ubicacion .card-location h5 {
  color: #111827;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
}
.ubicacion .card-location p {
  font-size: 14px;
}
.ubicacion .card-location .icon {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ubicacion .card-location .icon.green {
  background-color: #edf3e7;
  color: #89c242;
  border-color: #89c242;
}
.ubicacion .card-location .icon.green span {
  color: #89c242;
}
.ubicacion .card-location .icon.red {
  background-color: #f7e3e5;
  color: #e92432;
  border-color: #e92432;
}
.ubicacion .card-location .icon.red span {
  color: #e92432;
}
.ubicacion .card-location .icon.orange {
  background-color: #f8efe5;
  color: #f6a41f;
  border-color: #f6a41f;
}
.ubicacion .card-location .icon.orange span {
  color: #f6a41f;
}
.ubicacion .card-location .icon.aqua {
  background-color: #e2f0f2;
  color: #0fa9ba;
  border-color: #0fa9ba;
}
.ubicacion .card-location .icon.aqua span {
  color: #0fa9ba;
}
.ubicacion .card-location .schedule {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ubicacion .card-location .schedule p strong {
  font-weight: 700;
}
.contact {
  position: relative;
  background: linear-gradient(135deg, #b1228a 0%, #d62598 50%, #0fa9ba 100%);
}
.contact .content {
  position: relative;
  z-index: 9;
}
.contact .bg-lines {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: repeating-linear-gradient(-45deg, #ffffff 0px, #ffffff 1px, transparent 1px, transparent 40px);
  opacity: 0.1;
  z-index: 1;
}
.card-form {
  background-color: rgba(255, 255, 255, 0.2);
  box-sizing: border-box;
  padding: 24px;
  border-radius: 16px;
  backdrop-filter: blur(4px);
}
.card-form .group_input label {
  display: block;
  color: #FFFFFF;
  font-size: 14px;
  margin-bottom: 8px;
}
.card-form .group_input input {
  width: 100%;
  background: rgba(255, 255, 255, 0.2);
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  padding: 8px 24px;
  color: #1B1C1E;
  border-radius: 8px;
  border: 2px solid #FFFFFF;
  outline: none;
}
footer {
  background-color: #190d0c;
  padding: 24px 0;
}
footer .dark {
  color: #9f9a9a;
}
footer .social {
  height: 100%;
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 16px;
}
footer .social a {
  width: 40px;
  height: 40px;
  background-color: #302625;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  text-decoration: none;
}
footer .social a i {
  color: #FFFFFF;
}
footer .social a:hover {
  background-color: #d62598;
}
footer .copyright {
  border-top: 1px solid #302625;
  text-align: center;
  padding-top: 16px;
}
footer .copyright p {
  color: #5e5655;
  font-size: 11px;
}
.card-faq {
  background-color: #f9f9f9;
  border: 1px solid #f1f2f4;
  border-radius: 16px;
  box-sizing: border-box;
  padding: 24px 24px 24px 24px;
  margin-bottom: 16px;
  cursor: pointer;
  transition: all ease 0.3s;
}
.card-faq:hover {
  transition: all ease 0.3s;
  border: 1px solid #e92432;
}
.card-faq .question {
  display: flex;
  gap: 16px;
  align-items: center;
  font-family: 'Roboto', sans-serif;
  font-weight: 600;
  color: #111827;
  font-size: 14px;
  line-height: 22px;
  transition: all ease 0.3s;
}
.card-faq .question .icon {
  width: 30px;
  height: 30px;
  background-color: #f1f2f4;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all ease 0.3s;
}
.card-faq .question .icon span {
  color: #6d737f;
  font-size: 22px;
}
.card-faq .answer {
  box-sizing: border-box;
  padding: 0;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  color: #111827;
  font-size: 14px;
  line-height: 22px;
  transition: all ease 0.3s;
  height: 0;
  overflow: hidden;
}
.card-faq.active {
  border: 1px solid #e92432;
}
.card-faq.active .question {
  color: #e92432;
  transition: all ease 0.3s;
}
.card-faq.active .question .icon {
  transform: rotate(180deg);
  transition: all ease 0.4s;
}
.card-faq.active .answer {
  padding: 24px 0 0 0;
  height: auto;
  overflow: auto;
}
#partners {
  padding: 40px 0;
}
#partners .wraptextbanenrtext {
  display: flex;
  white-space: nowrap;
  animation: 20s linear infinite marquee;
  gap: 40px;
}
#partners .wraptextbanenrtext .tracking-widest {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.2px;
  line-height: 16px;
  color: #FFFFFF;
}
#partners .wraptextbanenrtext .tracking-widest img {
  height: 100px;
}
.wrap-sponsors {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 16px;
}
.wrap-sponsors.medium {
  grid-template-columns: 1fr 1fr 1fr;
}
.wrap-sponsors .card-sponsor {
  background-color: #FFFFFF;
  box-sizing: border-box;
  padding: 24px;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.wrap-sponsors .card-sponsor h3 {
  font-size: 14px;
  line-height: 20px;
}
.wrap-sponsors .card-sponsor img {
  width: 120px;
  filter: grayscale(100%);
  transition: all ease 0.3s;
}
.wrap-sponsors .card-sponsor.big {
  grid-column: span 2;
}
.wrap-sponsors .card-sponsor.big img {
  width: 200px;
}
.wrap-sponsors .card-sponsor.medium img {
  width: 150px;
}
.wrap-sponsors .card-sponsor:hover img {
  filter: grayscale(0%);
  transition: all ease 0.3s;
}
.moreimg {
  height: 100%;
  width: 90%;
  border-radius: 16px;
  overflow: hidden;
  max-height: 400px;
}
.moreimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.imhthumbs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.imhthumbs img {
  width: 120px;
  height: 120px;
  object-fit: cover;
  border-radius: 16px;
  cursor: pointer;
}
.btn-pink-rounded {
  background-image: linear-gradient(to right, #d62598, #e92432);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0.35px;
  padding: 14px 32px;
  text-transform: uppercase;
  color: #FFFFFF;
  border-radius: 9999px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 2px solid transparent;
}
.btn-pink-rounded:hover {
  opacity: 0.9;
  color: #FFFFFF;
  border: 2px solid transparent;
}
.btn-white-rounded {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1));
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0.35px;
  padding: 14px 32px;
  text-transform: uppercase;
  color: #FFFFFF;
  border-radius: 9999px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 2px solid #FFFFFF;
}
.btn-white-rounded:hover {
  opacity: 0.9;
  color: #FFFFFF;
  border: 2px solid #FFFFFF;
}
.btn-white-outline-rounded {
  background: transparent;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0.35px;
  padding: 14px 32px;
  text-transform: uppercase;
  color: #FFFFFF;
  border-radius: 9999px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 2px solid #FFFFFF;
}
.btn-white-outline-rounded:hover {
  opacity: 0.9;
  color: #FFFFFF;
  background: rgba(255, 255, 255, 0.1);
  border: 2px solid #FFFFFF;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn-aqua-rounded {
  background-color: rgba(15, 169, 186, 0.3);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0.35px;
  padding: 14px 32px;
  text-transform: uppercase;
  color: #FFFFFF;
  border-radius: 9999px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 2px solid #0fa9ba;
}
.btn-aqua-rounded:hover {
  color: #FFFFFF;
  background-color: rgba(15, 169, 186, 0.5);
  border: 2px solid #0fa9ba;
}
.btn-aqua-rounded {
  background-color: rgba(15, 169, 186, 0.3);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0.35px;
  padding: 14px 32px;
  text-transform: uppercase;
  color: #FFFFFF;
  border-radius: 9999px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 2px solid #0fa9ba;
}
.btn-aqua-rounded:hover {
  color: #FFFFFF;
  background-color: rgba(15, 169, 186, 0.5);
  border: 2px solid #0fa9ba;
}
.btn-orange-rounded {
  background-color: rgba(246, 164, 31, 0.2);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0.35px;
  padding: 14px 32px;
  text-transform: uppercase;
  color: #f6a41f;
  border-radius: 9999px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 2px solid #f6a41f;
}
.btn-orange-rounded:hover {
  color: #f6a41f;
  background-color: rgba(246, 164, 31, 0.5);
  border: 2px solid #f6a41f;
}
.btn-white-orange {
  background: #FFFFFF;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0.35px;
  padding: 14px 32px;
  text-transform: uppercase;
  color: #1B1C1E;
  border-radius: 9999px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 2px solid transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
.btn-white-orange:hover {
  color: #FFFFFF;
  background-color: #f6a41f;
  border: 2px solid transparent;
}
@media (max-width: 991px) {
  header {
    padding: 16px 10px;
  }
  header .containerback {
    padding: 0 40px;
  }
  #heroimage .herowrap .herowrap-content {
    padding: 0 40px;
  }
  #heroimage .bannerwrap .bannerwrap-content .bannerwrap-content-text {
    align-items: start;
    box-sizing: border-box;
    padding-top: 16px;
  }
  #heroimage .bannerwrap .bannerwrap-content .bannerwrap-content-text .icon {
    flex: 0 0 40px;
  }
  #heroimage .bannerwrap .bannerwrap-content .bannerwrap-content-text h2 {
    text-align: center;
  }
  footer .text-col-footer {
    text-align: center;
    padding-bottom: 16px;
  }
  footer .social {
    justify-content: center;
  }
}
@media (max-width: 767px) {
  #heroimage .herowrap {
    align-items: end;
  }
  header {
    padding: 16px 10px;
  }
  header .containerback {
    padding: 0px;
  }
  .card-schedule {
    align-items: start;
  }
  .card-schedule .textwrap {
    flex-direction: column;
    align-items: start;
    gap: 8px;
  }
  .card-schedule .textwrap .text p {
    line-height: 14px;
    margin-bottom: 4px;
  }
  .testimony .testgrid {
    grid-template-columns: 1fr;
  }
  .testimony .testgrid .item1 {
    grid-row: auto;
  }
  .testimony .testgrid .item2 {
    grid-column: 1;
    grid-row: unset;
  }
  .testimony .testgrid .item3 {
    grid-column: 1;
    grid-row: unset;
  }
  .wrap-sponsors {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 16px;
  }
  .wrap-sponsors.medium {
    grid-template-columns: 1fr 1fr;
    margin-bottom: 16px;
  }
  .wrap-sponsors .card-sponsor img {
    width: 120px;
    filter: grayscale(100%);
    transition: all ease 0.3s;
  }
  .wrap-sponsors .card-sponsor.big {
    grid-column: unset;
  }
  .wrap-sponsors .card-sponsor.big img {
    width: 200px;
  }
  .wrap-sponsors .card-sponsor.medium img {
    width: 150px;
  }
  .wrap-sponsors .card-sponsor:hover img {
    filter: grayscale(0%);
    transition: all ease 0.3s;
  }
}
@media (max-width: 575px) {
  #heroimage .herowrap .herowrap-content .logo {
    width: 100%;
  }
  #heroimage .bannerwrap .bannerwrap-content .bannerwrap-content-text h2 {
    font-size: 22px;
    line-height: 28px;
  }
  #heroimage .bannerwrap .bannerwrap-content .bannerwrap-content-text h2 strong {
    font-size: 22px;
    line-height: 28px;
  }
  #heroimage .bannerwrap .bannerwrap-content .bannerwrap-content-text {
    align-items: center;
    padding-top: 0;
  }
  .wrap-sponsors {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    margin-bottom: 16px;
  }
  .wrap-sponsors.medium {
    grid-template-columns: 1fr;
  }
  .wrap-sponsors .card-sponsor.big {
    grid-column: unset;
  }
  .wrap-sponsors .card-sponsor.big img {
    width: 200px;
  }
  .wrap-sponsors .card-sponsor.medium img {
    width: 150px;
  }
}