@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

body
{
  font-family: 'Nunito Sans', sans-serif;
}

.nav-item
{
  padding: 0px 20px;
}

.navbar
{
  background-color: rgba(255, 255, 255, 0)!important;
}

.navbar-dark .navbar-nav .nav-link
{
  font-size: 1.1rem;
  color: #acff2f;
  background-color: #434343;
  border-radius: 5px;
  padding: 10px;
}

.navbar-dark .navbar-nav .nav-link:hover
{
  color: white;
  background-color: black;
  transition-duration: 0.3s;
}

.navbar-brand img
{
  height: 100px;
}

.greenbtn
{
  background-color: #fff;
  color: #000;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
/*  font-size: 0.85rem;*/
  margin-left: 15px;
}

.greenbtn:hover {
  background-color: #000;
  color: #fff;
  transition-duration: 0.3s;
}

.main header {
/*  position: relative;*/
  top: 0;
/*  z-index: -1;*/
  background-color: black;
  height: 111vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}

.main header video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.main header .container {
  position: relative;
  z-index: 2;
}

.main header .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0;
  z-index: 1;
}

@media (pointer: coarse) and (hover: none) {
  .main header {
    background: url('https://images.unsplash.com/photo-1523961131990-5ea7c61b2107?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1934&q=80') black no-repeat center center scroll;
  }
  .main header video {
    display: none;
  }
}

.hero h4
{
  color: #acff2f/*rgba(173, 255, 47, 0.9)*/;
}

.hero h1
{
  font-size: 82px;
  text-transform: uppercase;
  font-weight: 800;
  line-height: 1.1;
  margin-top: 16px;
}

.hero h3
{
  color: rgba(255, 255, 255, 0.6);
}

.heroright
{
  text-align: right;
  position: relative;
}

.about
{
  background-color: #222;
  padding: 150px 0px;
  color: white;
}

.about .ab1
{
  font-family: 'Bebas Neue', cursive;
  font-size: 82px;
  line-height: 1;
  display: flex;
  align-items: center;
  border-right: 1px solid white;
}

.about .ab2
{
  font-size: 18px;
  text-align: justify;
  color: rgba(255, 255, 255, 0.7);
  padding-left: 60px;
}

.brobutton
{
  margin-top: 80px;
  text-align: center;
}

.btn-light:hover {
  color: white;
  background-color: black;
  transition-duration: 0.3s;
}

.events
{
  background-color: #222;
  padding-bottom: 150px;
  text-align: center;
}

.events .col
{
  padding: 15px;
}

.events .col img
{
  width: 75%;
}

.col-lg-3 {
  width: 33%;
}

.events h3
{
  color: white;
  font-weight: 600;
  font-size: 20px;
  margin-top: 15px;
  line-height: 1.4;
}

.events .col:hover
{
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  cursor: pointer;
}

.events .greenbtn
{
  margin-top: 30px;
}

footer
{
  background-color: #111;
  color: rgba(255, 255, 255, 0.5);
  padding: 50px;
}

.copyright
{
  background-color: black;
  color: rgba(255, 255, 255, 0.5);
}

.jumbotron
{
  padding: 50px 0px;
}

.partners
{
  text-align: center;
}

.partners .col-md-6
{
  padding: 50px 50px;
}

.partners h1
{
  margin-top: 50px;
}

.partners img
{
  height: 100px;
  margin: 50px;
}

.imag
{
  background-color: white;
  display: inline-block;
}

.imag img
{
  height: 100px;
}

.faq
{
  padding:100px;
  background-color: #f3f3f3;
}

::-webkit-scrollbar {
  width: 12px;
}

::-webkit-scrollbar-track {
  background: #333;
  width: 12px;
}

::-webkit-scrollbar-thumb {
  background: #36c200;
  border-radius: 20px;
}

::-webkit-scrollbar-thumb:hover {
  background: #2da300;
}

::-webkit-scrollbar-thumb:active {
  background: #1da300;
}