body{
   background: #FFFAFA;
}
button#color-switcher {
  display: none;
}
::-webkit-scrollbar {
 display: none;
}
a.cus-btn {
  width: 185px;
  height: 50px;
  background: #D4261A;
  border-radius: 29.5px;
  color: #fff;
  font-size: 15px;
  line-height: 150%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  box-shadow: 0px 28px 18.8px -20px #540C07;
}
a.cus-btn2 {
  width: 277px;
  height: 50px;
  background: #D4261A;
  border-radius: 29.5px;
  color: #fff;
  font-size: 15px;
  line-height: 150%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  box-shadow: 0px 28px 18.8px -20px #540C07;
}
a.cus-btn3 {
  width: 208px;
  height: 50px;
  background: #D4261A;
  border-radius: 29.5px;
  color: #fff;
  font-size: 15px;
  line-height: 150%;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  box-shadow: 0px 28px 18.8px -20px #540C07;
}
span.btn-caption {
    color: #fff;
}
.w-shoe {
  width: 45px;
  height: 45px;
  background: linear-gradient(139.84deg, #FFE9E7 11.21%, #B3ECFF 110.24%);
  border-radius: 50%;
  padding: 8px;
  position: relative;
  left: -26px;
}
.marquee{
   background: linear-gradient(90deg, #C93A30 0%, #259EF4 100%);
}
.marquee__part{
   color: #fff;
}
.headline p{
   font-size: 36px;
   line-height: 130%;
   font-weight: 300;
   color:#6E6868;
   font-family: "Fahkwang", sans-serif;
}
.headline h1{
   font-size: 144.91px;
   line-height: 109%;
   font-weight: 700;
   color:#259EF4;
   margin-top: 30px;
   font-family: "Fahkwang", sans-serif;
}

div.bg-sport{
   background-image: url(../images/banner-bg.png);
   background-position: top right;
   background-repeat: no-repeat;
   background-size: contain;
}
.about-container {
  background-image: url(../images/about-bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 53px;
  height: 603px;
  padding: 50px 90px;
  align-content: center;
}
.about-container h3 {
  font-size: 24px;
  color: #08263B;
  font-weight: 500;
  line-height: 133%;
  font-family: "Fahkwang", sans-serif;
}
.about-container h2 {
  font-size: 36px;
  color: #fff;
  font-weight: 700;
  line-height: 133%;
  font-family: "Fahkwang", sans-serif;
}
.about-content {
  background: #F2FAFF;
  width: auto;
  height: auto;
  border-radius: 53px;
  padding: 50px;
  margin-top: 30px;
  align-content: center;
}
.about-content p {
  font-size: 15px;
  color: #6E6868;
  font-weight: normal;
  line-height: 218%;
}
section#event {
 padding: 90px 160px 70px;
 text-align: center;
 align-content: center;
}
section#event h4{
   color:#08263B;
   font-size: 24px;
   line-height: 133%;
   font-weight: 500;
   font-family: "Fahkwang", sans-serif;
}
section#event h2{
   color:#08263B;
   font-size: 36px;
   line-height: 109%;
   font-weight: 700;
   margin-top: 10px;
   font-family: "Fahkwang", sans-serif;
}
section#event p{
   color:#6E6868;
   font-size: 15px;
   line-height: 218%;
   font-weight: 400;
   margin-top: 30px;
}
.d-flex.champion.mt-5 {
 gap: 30px;
 justify-content: center;
}
.champion img {
 width: 67%;
 margin:auto;
}
.champion h3 {
 font-size: 16px;
 color: #08263B;
 font-weight: 500;
 line-height: 133%;
 font-family: "Fahkwang", sans-serif;
}
section#registration {
 padding: 50px 110px;
}
.registeration-container {
 display: flex;
 gap: 30px;
 justify-content: center;
}
section#registration .col-md-8 h3 {
 font-size: 24px;
 color: #08263B;
 font-weight: 500;
 line-height: 133%;
 margin-left: 38px;
 font-family: "Fahkwang", sans-serif;
}
.first-container {
 margin-top: 30px;
 border-radius: 44px;
 border: 1px solid #E8DBDB;
 padding: 40px;
 margin-right: 50px;
 height: 420px;
 position: relative;
}
.d-flex.men {
 justify-content: space-around;
 gap: 50px;
 margin-top: 30px;
 text-align: center;
}
.man img {
 width: 74%;
 margin: auto;
}
.women img {
 width: 66%;
 margin: auto;
}
.first-container h4,.second-container h4 {
 font-size: 20px;
 color: #08263B;
 font-weight: 700;
 line-height: 133%;
 margin-top: 20px;
}
.first-container h2,.second-container h2 {
 font-size: 16px;
 color: #259EF4;
 font-weight: 500;
 line-height: 133%;
 margin-bottom: 30px;
}
span.price{
   font-weight: 700;
}
.second-container{
   border-radius: 44px;
   border: 1px solid #E8DBDB;
   padding: 40px;
   text-align: center;
   height: 483px;
   position: relative;
}
.second-container .ticket {
 left: 0;
 right: 0;
}
.group img {
 width: 100%;
}
.ticket {
 position: absolute;
 bottom: 30px;
}
.ticket-contents {
 padding: 30px 70px;
}
.ticket-contents p{
   font-size: 15px;
   color: #08263B;
   font-weight: 500;
   line-height: 149%;
}
p.gray{
   font-size: 12px;
   color: #91ADC1;
   line-height: 133%;
   margin-top: 10px;
}
section#zee-long-cup {
 position: relative;
}
section#zee-long-cup h1 {
 position: absolute;
 bottom: 0;
 text-align: center;
 font-size: 104.77px;
 line-height: 104%;
 right: 0;
 left: 0;
 font-family: "Fahkwang", sans-serif;
}
footer.footer {
 padding: 20px;
 text-align: center;
 border-top: 1px solid #C2B5B5;
 margin: 40px 20px 20px;
 align-content: center;
}
footer.footer p{
   font-size: 12px;
   font-weight: 500;
   line-height: 133%;
   color: #8A8A8A;
}

@media only screen and (min-width: 1200px){
   a.cus-btn2,.about-container h2,.about-container h3{
     margin-left: 50px;
  }
  .about-container {
   margin-top: 180px;
  }
}

@media only screen and (max-width: 1023px){
   .headline p {
     font-size: 30px;
  }
  .headline h1{
   font-size: 55px;
   margin-top: 30px;
}
section#about{
   padding: 30px 20px;
}
.about-container {
  background-size: cover;
  height: auto;
  padding: 50px 30px;
  border-radius: 53px;
}
.about-content {
  padding: 30px;
}
section#event {
  padding: 50px 30px;
}
}
@media only screen and (max-width: 768px){
   .intro__content {
     position: relative;
     padding-top: 12rem;
  }
  section#registration {
    padding: 50px 30px 30px;
 }
 .first-container,.second-container {
    padding: 30px;
    height: auto;
    margin-right: 0;
 }
 .ticket{
   position: relative;
   top: 10px;
}
.women {
 margin-top: 40px;
}
.d-flex.men {
 display: block !important;
}
section#registration .col-md-8 h3{
   margin-left: 0;
}
section#registration .col-md-4{
   margin-top: 30px;
}
.ticket-contents {
 padding: 30px;
}
section#zee-long-cup h1 {
 position: absolute;
 bottom: 0;
 text-align: center;
 font-size: 35px;
 line-height: 104%;
 right: 0;
 left: 0;
}
span.cup{
   display: block;
}
}