/*****************************************
		CUSTOM STYLE
******************************************
/******************************************
- 1 - z-index 1-10/99
- 2 - width fit-content
*****************************************/
.z-1 {
  z-index: 1 !important;
}
.z-2 {
  z-index: 2 !important;
}
.z-3 {
  z-index: 3 !important;
}
.z-4 {
  z-index: 4 !important;
}
.z-5 {
  z-index: 5 !important;
}
.z-6 {
  z-index: 6 !important;
}
.z-7 {
  z-index: 7 !important;
}
.z-8 {
  z-index: 8 !important;
}
.z-9 {
  z-index: 9 !important;
}
.z-10 {
  z-index: 10 !important;
}
.z-99 {
  z-index: 99 !important;
}
.w-fit-content {
  width: fit-content !important;
}
.bg-transparent {
  background-color: transparent !important;
}
.bg-white {
  background-color: #fff !important;
}
.bg-white-10 {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
.bg-white-20 {
  background-color: rgba(255, 255, 255, 0.2) !important;
}
.bg-white-30 {
  background-color: rgba(255, 255, 255, 0.3) !important;
}
.bg-white-40 {
  background-color: rgba(255, 255, 255, 0.4) !important;
}
.bg-white-50 {
  background-color: rgba(255, 255, 255, 0.5) !important;
}
.bg-white-60 {
  background-color: rgba(255, 255, 255, 0.6) !important;
}
.bg-white-70 {
  background-color: rgba(255, 255, 255, 0.7) !important;
}
.bg-white-80 {
  background-color: rgba(255, 255, 255, 0.8) !important;
}
.bg-white-90 {
  background-color: rgba(255, 255, 255, 0.9) !important;
}
.bg-black {
  background-color: #000 !important;
}
.bg-black-10 {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
.bg-black-20 {
  background-color: rgba(0, 0, 0, 0.2) !important;
}
.bg-black-30 {
  background-color: rgba(0, 0, 0, 0.3) !important;
}
.bg-black-40 {
  background-color: rgba(0, 0, 0, 0.4) !important;
}
.bg-black-50 {
  background-color: rgba(0, 0, 0, 0.5) !important;
}
.bg-black-60 {
  background-color: rgba(0, 0, 0, 0.6) !important;
}
.bg-black-70 {
  background-color: rgba(0, 0, 0, 0.7) !important;
}
.bg-black-80 {
  background-color: rgba(0, 0, 0, 0.8) !important;
}
.bg-black-90 {
  background-color: rgba(0, 0, 0, 0.9) !important;
}
.rounded-0 {
  border-radius: 0 !important;
}
.rounded-1 {
  border-radius: 0.25rem !important;
}
.rounded-2 {
  border-radius: 0.5rem !important;
}
.rounded-3 {
  border-radius: 1rem !important;
}
.rounded-4 {
  border-radius: 1.5rem !important;
}
.rounded-5 {
  border-radius: 3rem !important;
}
.rounded-circle {
  border-radius: 50% !important;
}
.py-6 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.py-7 {
  padding-top: 3.5rem !important;
  padding-bottom: 3.5rem !important;
}
.py-8 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}
.py-9 {
  padding-top: 4.5rem !important;
  padding-bottom: 4.5rem !important;
}
.py-10 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}
.py-11 {
  padding-top: 5.5rem !important;
  padding-bottom: 5.5rem !important;
}
.py-12 {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}

/* Responsive py classes */
@media (max-width: 479px) {
  .py-xxs-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .py-xxs-7 {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }
  .py-xxs-8 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .py-xxs-9 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
  .py-xxs-10 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .py-xxs-11 {
    padding-top: 5.5rem !important;
    padding-bottom: 5.5rem !important;
  }
  .py-xxs-12 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
}
@media (max-width: 575px) {
  .py-xs-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .py-xs-7 {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }
  .py-xs-8 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .py-xs-9 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
  .py-xs-10 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .py-xs-11 {
    padding-top: 5.5rem !important;
    padding-bottom: 5.5rem !important;
  }
  .py-xs-12 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
}
@media (max-width: 767px) {
  .py-sm-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .py-sm-7 {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }
  .py-sm-8 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .py-sm-9 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
  .py-sm-10 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .py-sm-11 {
    padding-top: 5.5rem !important;
    padding-bottom: 5.5rem !important;
  }
  .py-sm-12 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
}
@media (min-width: 768px) {
  .py-md-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .py-md-7 {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }
  .py-md-8 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .py-md-9 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
  .py-md-10 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .py-md-11 {
    padding-top: 5.5rem !important;
    padding-bottom: 5.5rem !important;
  }
  .py-md-12 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
}
@media (min-width: 992px) {
  .py-lg-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .py-lg-7 {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }
  .py-lg-8 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .py-lg-9 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
  .py-lg-10 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .py-lg-11 {
    padding-top: 5.5rem !important;
    padding-bottom: 5.5rem !important;
  }
  .py-lg-12 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
}
@media (min-width: 1200px) {
  .py-xl-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .py-xl-7 {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }
  .py-xl-8 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .py-xl-9 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
  .py-xl-10 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .py-xl-11 {
    padding-top: 5.5rem !important;
    padding-bottom: 5.5rem !important;
  }
  .py-xl-12 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
}