* {
  margin: 0;
  padding: 0;
}

body {
  font-size: 18px;
  font-family: 'Poppins', sans-serif;
}

.text-barlow {
  font-family: Barlow, sans-serif
}

#rotate-div {
  width: 99.5%;
  transform: rotate(-1.3deg);
  overflow: hidden;
}

.title-l {
  font-size: 24px;
}

.title-m {
  font-size: 20px;
}

.btn-home {
  border-radius: 10px;
  padding: 25px 86px;
  box-shadow:rgba(0, 0, 0, 0.7) 0px 1px 5px;
  border-color:rgb(0, 0, 0);  
  border-width: 0px 0px 3px;
}

.btn-home:hover {
  background-color: #FFEF0A;
  color: #050533 !important;  
}

.btn-red:hover {
  background-color: #FFEF0A;
  color: #050533 !important;
}

.text-poppins {
  font-family: 'Poppins', sans-serif;
}

.bg-blue {
  background-color: #0E3CE2;
}

.bg-sky-blue {
  background-color: #BDE6FF;
}

.text-blue-strong {
  color: #050533;
}

.text-blue {
  color: #0E3CE2;
}

.border-blue {
  border-color: #0E3CE2 !important;
}

.text-orange {
  color: #FF591F;
}

.bg-orange {
  background-color: #FF591F;
}

.text-red {
  color: #F61919;
}

.bg-gray {
  background-color: #F3F3F3;
}

.bg-aqua {
  background-color: #8EF3FF;
}

.text-aqua {
  color: #8EF3FF;
}

.bg-blue-strong {
  background-color: #050533;
}

.bg-yellow {
  background-color: #FFEF0A;
}

.text-yellow {
  color: #FFEF0A;
}

.bg-red {
  background-color: #F61919;
}

.bg-blue-black {
  background: rgb(14,60,226);
  background: radial-gradient(circle, rgba(14,60,226,1) 0%, rgba(5,5,51,1) 100%);
}

.bg-blue-black-135 {
  background: rgb(14,60,226);
  background: linear-gradient(145deg, rgba(14,60,226,1) 0%, rgba(5,5,51,1) 100%);
}
.text-justify {
  text-align: justify
}

.rounded-50 {
  border-radius: 25px;
}

.border-yellow {
  border-color: #FFEF0A !important;
}

ul.scala li {
  background: url(/images/scala.webp) no-repeat left center;
  padding: 10px 0px 10px 42px;
  list-style: none;
  margin: 0;
}

ul.scala li.right {
  background: url(/images/scala.webp) no-repeat right center;
  padding: 10px 0px 10px 42px;
  list-style: none;
  margin: 0;
}

ul.check li {
  background: url(/images/check.webp) no-repeat left center;
  padding: 10px 0px 10px 42px;
  list-style: none;
  margin: 0;
}
ul.check-blue li {
  background: url(/images/check-blue.webp) no-repeat left center;
  padding: 10px 0px 10px 42px;
  list-style: none;
  margin: 0;
}
ul.x li {
  background: url(/images/x.webp) no-repeat left center;
  padding: 10px 0px 10px 42px;
  list-style: none;
  margin: 0;
}

.border-50 {
  border-radius: 25px;
}

@media(max-width: 500px) {
  
  .title-l {
    font-size: 20px;
  }

  .title-m {
    font-size: 18px;
  }

  .btn-home {
    border-radius: 10px;
    padding: 20px 46px;
  }

  .club-img {
    width: 250px;
  }

  #rotate-div {
    width: 100%;    
    transform: none;
    overflow: hidden;
  }

  ul.scala li.right {
   
    padding: 10px 0px 10px 10px;
    list-style: none;
    margin: 0;
  }
  
  
}