@charset "utf-8";
/* CSS Document */


@font-face{
	font-family: 'BPG Glaho';
	src: url("bpg-glaho-master/fonts/bpg-glaho-webfont.ttf");
}

@font-face{
	font-family: 'ALK Life';
	src: url("alk-life-master/fonts/alk-life-webfont.ttf");
}

h1, p, li, span{
	font-family: "BPG Glaho", sans-serif;
}


body, h1, h2, h3, p, ul, li {
  margin: 0;
  padding: 0;
	
}

.fb{
  color: white;
  text-decoration: none;
  font-size: 20px;
}


body, html {
  margin: 0;
  padding: 0;
	background-image: linear-gradient( rgba(255, 255, 255, 0.9),  rgba(255, 255, 255, 0.9)),  url("https://img.freepik.com/premium-vector/money-mafia-colorful-seamless-pattern_153969-206.jpg?w=2000");
	justify-content: center;
  align-items: center;
  min-height: 100vh;
  text-align: center;
	
	/*background-size: contain;*/
	background-size: 50%;
}




p, .center-container{
	margin-left: 10%;
	margin-right: 10%;
	/*font-weight: bold; 
	font-size: 20px*/
}
.sat{
	 font-weight: bold; 
	font-size: 20px;
}



.rule-list-container {
  background-color:#5A5656; 
  border-radius: 10px;
  padding: 15px;
  display:inline-block;
	border: 2px solid black;
	margin: 10px 0 10px 0;
	color: white;
	font-weight: bold;
    letter-spacing: 3px;
}

.rule-list {
  list-style-type: none;
  padding-left: 0;
  text-align: left; 
}

.rule-list li {
  margin-bottom: 10px;
  font-size: 18px;
  display: flex;
  align-items: center; 
}

.bullet {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-right: 10px;
	border: 2px solid black;
}

.black {
  background-color: black;
}

.red {
  background-color: red;
}

.yellow {
  background-color: yellow;
}

.rules-text {
  font-size: 16px;
  margin-top: 20px;
}


.center-container {
  display: flex;
  justify-content: center;
}

.micema {
  list-style-type: none;
  padding: 0;
  text-align: left;
  margin: 0;
}

.micema li {
  position: relative;
  padding-left: 1.5em;
  margin: 10px 0;
}

.micema li::before {
  content: "•";
  position: absolute;
  left: 0;
  text-align: center;
  width: 1.5em; 
}





hr {
  border: 0;
  margin: 1.35em auto;
  max-width: 100%;
  background-position: 50%;
  box-sizing: border-box;
}

.accessory {
  height: 6px;
  background-image: radial-gradient(
    closest-side,
    hsla(0, 0%, 50%, 1.0),
    hsla(0, 0%, 50%, 0) 100%);
  position: relative;
}



.center-text{
	color: #191919;
}


body, ul {
  margin: 0;
  padding: 0;
	 font-family: Arial, sans-serif;
	
}



 h1 {
	color: #333;			
	margin-top: 20px;
	 text-align: center;
			}

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

.main-content {
	/*background-color: rgba(255, 255, 255, 0.7);*/
  min-height: 100vh;
  padding: 20px;
}


/* Navbar styles */
.navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #191919;
  color: white;
  padding: 2px 20px;
   position: relative;
  overflow: hidden;
}


.navcent{
    float: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.navbar-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  flex-grow: 1; 
}

.navbar-menu li {
  margin: 0 15px;
}




.navbar-logo {
  display: flex;
  align-items: center;
}

.navbar-logo img {
	width:120px;
  max-width: 300px; 
  height:80px;
}

.navbar-menu {
  list-style: none;
  display: flex;
  align-items: center; 
}

.navbar-menu li {
  margin-right: 10px;
}

.navbar-menu a{
   
  text-align: center;
  padding: 14px 6px;
  text-decoration: none;
  color: white;
  font-weight: bold;
  transition: color 0.3s;
	font-size: 20px;
	letter-spacing: 1px;
}


.navbar-menu a:hover {
   color:#881E1F;  /*#f39c12;*/
}



@media screen and (max-width: 768px) {
 .navbar {
    flex-direction: column;
	  padding-bottom: 10px ;
  }

  .navbar-menu {
    margin-top: 80px;
	   margin-bottom: 10px;
	  margin-right: 0px;
	  margin-left: -10px;
  }
  
	.navbar-menu a{
		font-size: 15px;
	}
  
	.navbar-menu li {
  margin-right: 0px;
}
	.navbar-logo {
  display: flex;
  align-items: center;
	margin-bottom: 50px;
}


 .footer-text-right span{
	font-size: 14px;
	letter-spacing: 0.7px;
}
  .nm{
	font-size: 13px !important;
	
	}
}



	

@media screen and (max-width: 315px) {
	.navbar-menu {
  list-style:none;
  display:block;
  align-items: center; 
		margin-top: 70px;
	   margin-bottom: 10px;
	
	margin-right: 10px;
}
	 .navbar-logo {
  display: flex;
  align-items: center;
		margin-bottom: 100px;
}
	.navbar-menu li{
		margin-bottom: 10px;
	}
	.navbar-menu ul{
		margin-bottom: 0px;
		
	}

	.navbar-menu a{
        padding: 0px 6px;
}

	
	.rule-list-container {
  padding: 10px;
  display:inline-block;
	margin: 5px 0px 5px 0;
    letter-spacing: 2px;
}

.rule-list {
  list-style-type: none;
  padding-left: 0;
  text-align: left; 
}

.rule-list li {
  margin-bottom: 10px;
  font-size: 10px;
  display: flex;
  align-items: center; 
}

.bullet {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 3px;
	border: 2px solid black;
}

}


.nm{
	font-family: 'ADLaM Display', sans-serif; 
}
	  /* Preloader styles */
    .preloader {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 9999;
		
    }

    .spinner {
      width: 50px;
      height: 50px;
      border: 5px solid #333;
      border-top-color: transparent;
      border-radius: 50%;
      animation: spin 1s linear infinite;
    }

    @keyframes spin {
      0% {
        transform: rotate(0deg);
      }
      100% {
        transform: rotate(360deg);
      }
    }

body::-webkit-scrollbar {
    width:10px;
	height:10px;
	
}

body::-webkit-scrollbar-thumb {
    background-color: #881E1F; 
    border-radius: 6px; 
}

body::-webkit-scrollbar-track {
    background-color:#191919; 
    border-radius: 0px;
}

body::-webkit-scrollbar-thumb:hover {
    background-color: #a11515; 
}

/**/
.footer {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  text-align: center;
  color: #fff;

  background-color: #191919;
	font-weight: 550;
	margin-top: 50px;
  padding: 20px 0;
  font-size: 14px;
  
}



.footer-content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  text-align: center;
  padding: 0 5px;
}

.footer-text-left, 
.footer-text-right {
  display: inline-block;
  margin: 0 20px; 
}

.footer-line {
  border-top: 1px solid #fff;
  margin: 10px;
 
    width: 1px;
    height: 30px;
    background-color: white;
    
 
}

.fb {
  text-decoration: none;
  color: #fff;
}

.fb i {
  font-size: 20px;
}

.fb{
  color: white;
  text-decoration: none;
  font-size: 20px;
}

.c{
	
	font-size: 14px;
	/*font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";*/
	
}
.t{
	font-size: 1.1rem;
	letter-spacing: 0.7px;
	font-family: 'Rubik Burned', sans-serif;
	
}

.wb{
  font-family: cursive;
}
.wb2{
  font-family: 'Rubik Burned', sans-serif;
  font-size: 1.1rem;
}

a{
  text-decoration: none;
  color: white;
}