html {
	scroll-behavior: smooth;
  }
  
body{
	background-color:black;
	overflow-x: hidden;
}
.navbar {
  background-color: #161635;
  padding: 2rem 10rem;
  font-weight: bold;
  font-size:20px;
  z-index: 1;
}

.navbar-expand-lg .navbar-nav{
	align-items: center;
	text-align: start;
}
  

p{
	margin:0rem;
}
.navbar a{
	color:white;
	font-family: 'Noto Sans';
	font-weight: 800;
	font-style: italic;
	font-size:1vw;
	filter: drop-shadow(0px 1px 1px rgb(24, 24, 24));
}

.dropdown-menu a{
	font-family: 'Arial';
	font-style:normal;
	font-weight:normal;
}

.dropdown-menu >li{
	text-align: start;
	
}
.navbar-expand-lg .navbar-nav .dropdown-menu{
	left:-60%;
}

.flags{
	padding: 10px 5px;
}

.footer #column1 .pagcor, .rp{
	display: flex;
	align-items: center;
	color: white;
	margin: 20px 0px;
}

.footer-images{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
}

.footer #column2 .footer-images img{
	width:200px;
	transition: 0.3s;
}

.footer #column4 .socials{
	display: flex;
	gap: 1rem;
	margin-top: 10px;
}

.footer #column4 .republic img{
	width: 200px;
	margin:20px 0px;
	border-radius: 5px;
}

.footer #column4 .socials img{
	width: 40px;
	
}



.navbar-toggler{
	background-color:rgb(255, 255, 255);
	left:0;
}

.footer #column2 .footer-images img:hover{
	transform: scale(1.05);
}

.navbar a:hover{
	color:#1d67cd;
}

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

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

.nav-logo img{
	width:350px;
	filter: drop-shadow(0px 3px 5px rgb(24, 24, 24));
}

.dropdown-menu{
	background-color: #161635;
}

.dropdown-menu.show{
	display: flex;
	flex-flow: column;
}

.section1 .container-fluid{
	padding:100px 200px;
}

video{
	width: 60%;
	height: auto;

}

.demo{
	border-radius: 10px;
	text-align: center;
}

.section1_company .container-fluid{
	background-image: url("../assets/2lightbg.png");
	background-size: 100%;
	background-repeat: no-repeat;
	padding:100px 200px;
}

.section1-header{
	font-family: 'Noto Sans';
	color:white;
	font-weight:bolder;
	font-size:2vw;	
}

.section1_rng-text{
	font-family: 'Noto Sans';
	color:white;
	font-weight:normal;
	font-size:1vw;	
	text-align: center;
}

.section2_rng-text{
	font-family: 'Noto Sans';
	color:white;
	font-weight:normal;
	font-size:0.7vw;	
	text-align: start;
	max-width: 1295px;
}

.section3_rng-title{
	font-family: 'Noto Sans';
		background: -webkit-linear-gradient(#ffffff, #979797);
	  -webkit-background-clip: text;
	  -webkit-text-fill-color: transparent;
	font-weight:bolder;
	font-size:1.5vw;	
	text-align: start;
}

.container-fluid-section3 .container a{
	text-decoration: none;
}

.section3_rng-text{
	font-family: 'Noto Sans';
	font-weight:normal;
	color: white;
	font-size:0.6vw;	
	text-align: center;
}

.section2_rng .title{
	font-family: 'Impact';
	background: -webkit-linear-gradient(#ffffff, #979797);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	font-weight:normal;
	font-size:3vw;	
	text-align: center;
}

.container-fluid-section3 .container{
	background-color: #1b1c23;
	border-top: 2px solid;
	border-image: linear-gradient(to right,#c9c9c9,#8f8f8f, #c9c9c9) 1 0 0 0;
	text-align: center;
	padding: 30px 0px;
}

.section2_rng .subtitle{
	font-family: 'Impact';
	background: -webkit-linear-gradient(#ffffff, #979797);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	font-weight:normal;
	font-size:1.5vw;	
	text-align: center;
}

.btn{
	background-color: #161635;
	border:none;
}

.btn:hover{
	background-color: transparent;
}

.container-fluid-section3 .title{
	font-family: 'Impact';
	background: -webkit-linear-gradient(#ffffff, #979797);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	font-weight:normal;
	font-size:3vw;	
	text-align: center;
}

.container-fluid-section3 .subtitle{
	font-family: 'Impact';
	background: -webkit-linear-gradient(#ffffff, #979797);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	font-weight:normal;
	font-size:1.5vw;	
	text-align: center;
}

.cert img{
	width:100%;
	border-radius: 2px;
	padding: 50px 0px;
}

.cert{
	text-align: center;
}

.itech{
	text-align: center;
	padding: 50px 0px;
}

.itech img{
	border-radius: 5px;
	filter: drop-shadow(2px 4px 5px rgb(255, 255, 255, 0.3));
	width:100%;
}

.last_company-header{
	font-family: 'Noto Sans';
	color:white;
	font-weight:bolder;
	font-size:1.5vw;	
}

.section1_company-header{
	font-family: 'Noto Sans';
	color:white;
	font-weight:bolder;
	font-size:2vw;
	text-align: center;
}

.section2_company-header{
	font-family: 'Noto Sans';
	color:black;
	font-weight:bolder;
	font-size:2vw;
}

.section2_company-content{
	padding-top:20px;
	font-family: 'Noto Sans';
	color:black;
	font-weight:300;
	font-size:1vw;
}

.section3_company-header{
	font-family: 'Noto Sans';
	color:black;
	font-weight:bolder;
	font-size:2vw;
}

.section3_company-content{
	padding-top:20px;
	font-family: 'Noto Sans';
	color:black;
	font-weight:300;
	font-size:1vw;
}



.section1-content{
	padding-top:20px;
	font-family: 'Noto Sans';
	color:white;
	font-weight:lighter;
	font-size:1vw;
}

.section2-header{
	font-family: 'Noto Sans';
	color:white;
	font-weight:bolder;
	font-size:3vw;	
}

.section2 img{
	width:100%;
}

.section2-content{
	padding-top:20px;
	font-family: 'Noto Sans';
	color:white;
	font-weight:lighter;
	font-size:1.2vw;
}

.w3-center{
	text-align:start !important;
}

.section3-header{
	font-family: 'Noto Sans';
	color:black;
	font-weight:bolder;
	font-size:2vw;	
}

.section3-content{
	padding-top:20px;
	font-family: 'Noto Sans';
	color:black;
	font-weight:300;
	font-size:1vw;
}

.section4-header{
	font-family: 'Noto Sans';
	color:white;
	font-weight:bolder;
	font-size:2vw;	
}

.section4-content{
	padding-top:20px;
	font-family: 'Noto Sans';
	color:white;
	font-weight:300;
	font-size:1vw;
}

.section4-header{
	font-family: 'Noto Sans';
	color:white;
	font-weight:bolder;
	font-size:2vw;	
}

.section4-content{
	padding-top:20px;
	font-family: 'Noto Sans';
	color:white;
	font-weight:300;
	font-size:1vw;
}

.section5-header{
	font-family: 'Noto Sans';
	color:white;
	font-weight:bolder;
	font-size:2vw;	
}

.section6-header{
	font-family: 'Noto Sans';
	color:black;
	font-weight:bolder;
	font-size:1.5vw;	
}

.section6-content{
	padding-top:20px;
	font-family: 'Noto Sans';
	color:black;
	font-weight:normal;
	font-size:1vw;
}

.section2_game-content{
	padding-top:20px;
	font-family: 'Noto Sans';
	color:black;
	font-weight:normal;
	font-size:0.8vw;
}

.section5_company-header{
	font-family: 'Noto Sans';
	color:white;
	font-weight:bolder;
	font-size:1.5vw;	
}

.section5_company-content{
	padding-top:20px;
	font-family: 'Noto Sans';
	color:black;
	font-weight:normal;
	font-size:1vw;
}

.section7-header{
	font-family: 'Noto Sans';
	color:white;
	font-weight:bolder;
	font-size:1.5vw;	
}

.section7-content{
	padding-top:20px;
	font-family: 'Noto Sans';
	color:white;
	font-weight:normal;
	font-size:1vw;
}

.section8-header{
	font-family: 'Noto Sans';
	color:black;
	font-weight:bolder;
}

.section8-title{
	font-family: 'Noto Sans';
	color:black;
	font-weight:bolder;
	font-size:1.5vw;	
}

.section8-content{
	padding-top:20px;
	font-family: 'Noto Sans';
	color:black;
	font-weight:normal;
	font-size:0.8vw;
	width: fit-content
}


.section2-button{
	padding: 50px 0px;
}

.section4-button{
	padding: 50px 0px;
}

.button {
	border: none;
	padding: 16px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-family: 'Noto Sans';
	font-size: 1vw;
	margin: 4px 2px;
	transition-duration: 0.4s;
	cursor: pointer;
	border-radius: 10px;
  }

.pagcor-credits{
	margin: 0px 20px;
}

  .button2 {
	border: none;
	padding: 10px 56px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-family: 'Noto Sans';
	font-size: 0.5vw;
	margin: 4px 4px;
	transition-duration: 0.4s;
	cursor: pointer;
	border-radius: 10px;
  }

  .container-fluid-section1 .section1_rng {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-bottom:50px;
	max-width: 1400px;
}

.container-fluid-section1{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
	background-image: url("../assets/2lightbg_big.png");
	background-size: 100%;
	background-repeat: no-repeat;
}

.container-fluid-section2{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
	background-color: #12171e;
}

.container-fluid-section2 .section2_rng{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
	background-color: #12171e;
	max-width: 1400px;
	padding: 30px 0px;
}

.container-fluid-section3{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
	padding: 30px 0px;
}

.container-fluid-section3 .section3_rng{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
	max-width: 1400px;
	padding: 30px 0px;
}

.button1 {
	background-color: white; 
	color: #161635; 
  }
  
  .button1:hover {
	background-color: #905539;
  }

  .button2 {
	background-color: rgb(32, 32, 32); 
	color: white; 
  }
  
  .button2:hover {
	background-color: black;
  }

.section2 .container-fluid{
	background-image: url("../assets/2lightbg.png");
	background-size: 100%;
	background-repeat: no-repeat;
	padding:100px 200px;
}

.section2_company .container-fluid{
	display: flex;
	justify-content: center;
	background-color:#c7c7c7;
	background-size: 100%;
	background-repeat: no-repeat;
	padding:100px 500px;
	margin: auto;
}

.section2_company #column2{
	margin: auto;
}

.section1 #column2 img{
	filter: drop-shadow(0px 10px 5px rgb(24, 24, 24));
	width:100%;
}

.section3 .container-fluid{
	background-color: #c7c7c7;
	text-align: center;
	padding: 75px 500px;
}

.section4_company .container-fluid{
	background-color: #c7c7c7;
	text-align: center;
	padding: 75px 500px;
}

.section2-img{
	text-align: center;
}
.section2-img img{
	width:500px;
	margin: 20px;
	border-radius: 20px;
	filter: drop-shadow(1px 1px 3px rgb(255, 255, 255));
}

.section4 .container-fluid{
	background-image: url("../assets/2lightbg_xl.png");
	background-size: 100%;
	background-repeat: no-repeat;
	padding:100px 200px;
}

.section5 .container-fluid{
	background-color: #060540;
	background-size: 100%;
	background-repeat: no-repeat;
	padding:50px 200px;
	text-align: center;
}

.section4_cs .container-fluid{
	background-color: #060540;
	background-size: 100%;
	background-repeat: no-repeat;
	padding:50px 500px;
}

.section2_company img{
	width: 600px;
}

.section4_cs-img img{
	width:100%;
	border-radius: 20px;
	filter: drop-shadow(1px 1px 3px rgb(255, 255, 255, 0.3));
}

.section5_company .container-fluid{
	display: flex;
	flex-direction: column;
	background-color: #060540;
	padding:50px;
	align-items: center;
}

.last_company .container-fluid{
	background: linear-gradient(rgba(0, 0, 0, 0.8), rgb(0, 0, 0)), url("../assets/section8_1.PNG");
	background-repeat: no-repeat;
	background-size: 100%;
	padding:50px 200px;
	text-align: center;
}


.section6 .container-fluid{
	display: flex;
	flex-direction: column;
	background-color: black;
	padding:50px;
	align-items: center;
}

.section2_game .container-fluid{
	display: flex;
	flex-direction: column;
	background-color: #060540;
	padding:50px;
	align-items: center;
}

.section2_game .container-fluid{
	display: flex;
	flex-direction: column;
	background-color: #060540;
	padding:50px;
	align-items: center;
}

.section7 .container-fluid{
	background-image: url("../assets/2lightbg_big.png");
	background-size: 150%;
	background-repeat: no-repeat;
	padding:50px 500px;
}

.section8 .container-fluid{
	background: linear-gradient(to left, #b1b1dd, #44439f );
	background-size: 100%;
	background-repeat: no-repeat;
	padding:50px 500px;
	text-align: center;
}



.section6 .container{
	margin:50px 50px;
	background-color: #d3d3d3;
	border-radius: 20px;
	filter: drop-shadow(1px 1px 50px rgb(255, 255, 255, 0.3));
	padding: 50px 30px;
}

.section2_game .container{
	padding:50px 50px;
	background-color: #d3d3d3;
	border-radius: 20px;
	filter: drop-shadow(1px 1px 50px rgb(255, 255, 255, 0.3));
	padding: 50px 50px;
}

.section3_game .container{
	padding:50px 50px;
	background-color: #060540;
	border-radius: 20px;
	filter: drop-shadow(1px 1px 50px rgb(255, 255, 255, 0.3));
	padding: 50px 50px;
}

.section5_cs .container{
	padding:50px 50px;
	background-color: #060540;
	border-radius: 20px;
	filter: drop-shadow(1px 1px 50px rgb(255, 255, 255, 0.3));
	padding: 50px 50px;
	margin: 20px 0px;
}

.section2_cs .container-fluid{
	display: flex;
	flex-direction: column;
	background-color: #d3d3d3;
	padding:50px;
	align-items: center;
	text-align: center;
}

.section8 .row{
	display: flex;
	justify-content: center;
	margin: 30px 0px;
}

.section5_cs .container-fluid{
	display: flex;
	flex-direction: column;
	background-color: #d3d3d3;
	padding:50px 500px;
	align-items: center;
}

.section3_game .container-fluid{
	display: flex;
	flex-direction: column;
	background-color: #d3d3d3;
	padding:50px;
	align-items: center;
}

.section5_cs-header{
	padding-top:20px;
	font-family: 'Noto Sans';
	color:black;
	font-weight:normal;
	font-size:2vw;
}

.section5_cs-content{
	padding-top:20px;
	font-family: 'Noto Sans';
	color:black;
	font-weight:normal;
	font-size:1vw;
	text-align: center;
}

.section5_cs-title{
	padding-top:20px;
	font-family: 'Noto Sans';
	color:white;
	font-weight:normal;
	font-size:2vw;
}

.section5_cs-subcontent{
	padding-top:20px;
	font-family: 'Noto Sans';
	color:white;
	font-weight:lighter;
	font-size:0.8vw;
}

.navbar-collapse{
	overflow-y:visible;
  }

.software-offered{
	display: flex;
	justify-content: center;
	margin: 10px 0px;
}

.section3_game-content{
		padding-top:20px;
		font-family: 'Noto Sans';
		color:white;
		font-weight:normal;
		font-size:1vw;
}

.section5_company .container{
	padding:50px 50px;
	background-color: #d3d3d3;
	border-radius: 20px;
	filter: drop-shadow(1px 1px 50px rgb(255, 255, 255, 0.3));
	padding: 40px 50px;
}

.section3_company .container{
	background-color: #d3d3d3;
	border-radius: 20px;
	filter: drop-shadow(1px 1px 50px rgb(255, 255, 255, 0.3));
	padding: 50px 50px;
	margin: 40px 0px;
}

.section3_company .container-fluid{
	background-color:#262730;
	display: flex;
	justify-content: center;
	text-align: center;
}

.section1_blog .container-fluid{
	background-color:#d3d3d3;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 20px 0px;
	gap:3rem;
	justify-content: center;
	align-items: center;
}

.blog-container{
	border: solid rgb(137, 137, 137);
	border-width: 0.5px;
	width:70%;
	padding:20px;
}

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

.blog-container #column1{
	width: fit-content;
}
.blog-container #column2{
	text-align: center;
}


.blog-container .row{
	justify-content: center;
}

.blog-date{
	font-family: 'Noto Sans';
		color:black;
		font-weight:lighter;
		font-size:0.5vw;
}

.blog-title{
	font-family: 'Noto Sans';
		color:black;
		font-weight:bold;
		font-size:1.2vw;
}
.blog-content{
	font-family: 'Noto Sans';
		color:black;
		font-weight:normal;
		font-size:0.8vw;
}

.blog-container #column2{
	padding: 20px 50px;
}

.section8 .container{
	background-color: #d3d3d3;
	margin: 40px 0px;
}

.section6-img{
	padding:10px;
	filter: drop-shadow(1px 1px 3px rgb(255, 255, 255));
	text-align: center;
}

.section6_company-img img{
	border-radius: 20px;
	width:350px;
}

.reason{
	padding:10px 0px;
}

.reason .row1{
	padding-right:300px;	
}

.reason .row2{
	padding-left:300px;	
}

.counter-container{
	background-color:rgb(228, 228, 228);
	border-radius: 10px;
	padding:20px;
	width:80%;
	border: solid white;
}

.counter{
	text-align: center;
	font-size:2vw;
	font-family:'Noto Sans';
}

.counter-content{
		padding-top:20px;
		font-family: 'Noto Sans';
		color:black;
		font-weight:normal;
		font-size:0.8vw;
		text-align: center;
}

.section6-img img{
	border-radius: 10px;
	text-align: center;
}
.section5 .partners{
	display: flex;
	flex-wrap: wrap;
	gap:2rem;
	justify-content: center;
	padding: 20px 0px;
}

.section5 .partners img{
	border-radius:10px;
	width:150px;
}


.section4 #column1{
	padding:0px 100px;
}

.section4 #column2{
	margin: auto;
}

.section2 #column2{
	margin: auto;
}

.section8 #column1{
	padding:0;
	width:fit-content;
}

.section8 #column2{
	padding:0;
	display: flex;
    flex-direction: column;
    padding: 10px 20px;
	background-color: #c7c7c7;
	width: 250px;
}

.section5_company #column2{
	text-align: center;
}

.section5_company #column1{
	text-align: center;
}

.offered{
	display: flex;
	flex-direction: column;
	align-items: center;
}


.button img{
	width:50px;
}

.footer{
	background-color:#002e5d;
	padding: 50px 500px;
	bottom:0;
	position: relative;
	width:100%;
}

.footer #column1 img{
	height:120px;
	filter: drop-shadow(3px 3px 2px rgb(24, 24, 24));
}

.footer #column1 .pagcor img{
	height:120px;
	filter: drop-shadow(0px 1px 1px rgb(24, 24, 24));
}

.footer-links{
	color:white;
	font-family: 'Noto Sans';
	font-size:0.8vw;
}

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

.footer-links a{
	text-decoration: none;
	color:white;
	transition: 0.3s;
}

.footer-links a:active{
	color:#1d67cd;
}

.footer-links a:hover{
	color:#1d67cd;
}

.footer-text{
	color:white;
	font-family: 'Noto Sans';
	font-size:0.8vw;
}

.footer-text a{
	color:white;
	padding: 0px 5px;
}

.copyright{
	text-align: center;
	color:white;
	padding-top:50px;
}

.container{
	--bs-gutter-x: 0rem;
}

.rng-header{
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.rng-header img{
	padding: 0px 40px;
	width: 100%;
}


@media(min-width:2560px) and (max-width:4000px){
	
	.navbar{
		padding: 1rem 2rem;
	}
	.section1 .container-fluid{
		padding: 50px 200px;
	}

	.section3 .container-fluid{
		padding: 50px 200px;
	}

	.section4 .container-fluid{
		padding: 50px 100px;
	}


	.section6 .container-fluid{
		padding: 50px 200px;
	}

	.section6-header{
		font-size: 1.5vw;
	}

	.section6-content{
		font-size: 1vw;
	}

	.section7 .container-fluid{
		padding: 50px 200px;
	}

	.section8 .container-fluid{
		padding: 50px 200px;
	}

	.section7-header{
		font-size: 1.8vw;
	}

	.section7-content{
		font-size: 1.3vw;
	}

	.section8-header{
		font-size: 1vw;
	}
	.section8-title{
		font-size:1.5vw;	
	}
	.section8-content{
		font-size:0.6vw;
	}

	.footer{
		padding:50px 200px;
	}
	.section6_company-img img{
		border-radius: 20px;
		width:550px;
	}
}

@media(min-width:1440px) and (max-width:2559px){
	
	.footer #column1 img{
		height:80px;
	}
	
	.footer #column1 .pagcor img{
		height:80px;
	}
	

	.section6_company-img img{
		border-radius: 20px;
		width:450px;
	}
	.button img{
		width:30px;
	}
	.blog-date{
			font-size:1vw;
	}
	
	.blog-title{

			font-size:1.5vw;
	}
	.blog-content{

			font-size:1.3vw;
	}

	.blog-container #column2{
		padding: 20px 0px;
	}

	

	.section4_cs .container-fluid{
		padding: 30px 200px;
	}

	.section5_cs .container-fluid{
		padding: 30px 200px;
	}

	.section6_cs .container-fluid{
		padding: 30px 200px;
	}

	.section2_company-header{
		font-size:2.5vw;
	}

	.section2_company-content{
		font-size:1.5vw;
	}

	.section4-header{
		font-size:2.5vw;
	}

	.section4-content{
		font-size:1vw;
	}

	.section5_cs-header{
		font-size:2.5vw;
	}

	.section5_cs-content{
		font-size:1.5vw;
	}

	.section5_cs-title{
		font-size:2.5vw;
	}

	.section5_cs-subcontent{
		font-size:1.5vw;
	}
	
	.counter-container{
		width:100%;
	}
	
	.section2_game-content{
		font-size: 1.5vw;
	}

	.section3_game-content{
		font-size: 1.5vw;
	}

	.section3-header{
		font-size:2vw;
	}

	.section3-content{
		font-size:1.5vw;
	}

	.section6-header{
		font-size:2vw;
	}

	.section6-content{
		font-size:1.5vw;
	}
	

	.section1_company .container-fluid{
		padding: 50px 200px;
	}

	.section2_company .container-fluid{
		padding: 50px 200px;
	}
	.section3_company .container-fluid{
		padding: 50px 200px;
	}

	.section4_company .container-fluid{
		padding: 50px 200px;
	}

	.section5_company .container-fluid{
		padding: 50px 200px;
	}

	.navbar{
		padding: 1rem 2rem;
	}
	.section1 .container-fluid{
		padding: 50px 200px;
	}

	.section3 .container-fluid{
		padding: 50px 200px;
	}

	.section4 .container-fluid{
		padding: 50px 100px;
	}
	.reason .row2{
		padding-left:200px;
	}
	.reason .row1{
		padding-right:200px;
	}

	.section4-img img{
		width:500px;
	}

	.section6-img img{
		width:400px;
	}

	.section6 .container-fluid{
		padding: 50px 200px;
	}

	.section6-header{
		font-size: 1.8vw;
	}

	.section6-content{
		font-size: 1.3vw;
	}

	.section7 .container-fluid{
		padding: 50px 200px;
	}

	.section8 .container-fluid{
		padding: 50px 200px;
	}

	.section7-header{
		font-size: 1.8vw;
	}

	.section7-content{
		font-size: 1.3vw;
	}

	.section8-header{
		font-size: 1.2vw;
	}
	.section8-title{
		font-size:2vw;	
	}
	.section8-content{
		font-size:0.8vw;
	}

	.footer{
		padding:50px 100px
	}
	.button2 {
	font-size:1vw;
	}
	.footer #column2 .footer-images img{
		width:120px;
	}
	.pagcor-credits{
		margin: 0px 10px;
	}
	
	.section5 .partners img{
		width:100px;
	}
	video{
		width: 70%;
		height: auto;
	}
	.nav-logo img{
		width:250px;
		padding: 0px;
	}
	.nav-logo{
		padding: 0px 10px;
	}

	.section1_rng-text{
		font-size:1vw;
	}
	
	.section2_rng .title{
		font-size:4vw;
	}
	
	.section2_rng .subtitle{
		font-size:2vw;
	}
	
	.section2_rng-text{
		font-size: 1vw;
	}
	
	.section3_rng-title{
		font-size:3vw;
	}
	
	.section3_rng-text{
		font-size:2vw;
	}
	
	.container-fluid-section3 .title{
		font-size:5vw;
	}
	
	.container-fluid-section3 .subtitle{
		font-size:3vw;
	}
	
	.section3_rng-text{
		font-size: 1vw;
	}
}

@media(min-width:1024px) and (max-width:1439px){
	video{
		width: 80%;
		height: auto;
	}
	.section5 .partners img{
		width:120px;
	}
	.pagcor-credits{
		font-size:1vw;
		margin: 0px 10px;
	}
	.footer #column4 .republic img{
		width: 100px;
		margin: 10px 0px;
	}
	.footer #column2 .footer-images img{
		width:90px;
	}
	
	.footer #column1 img{
		height:50px;
	}
	
	.footer #column1 .pagcor img{
		height:50px;
	}

	.section8 #column2{
		width:200px;
	}
	.section2_company img{
		width: 400px;
	}
	.blog-date{
		font-size:1.5vw;
}

.blog-title{

		font-size:2vw;
}
.blog-content{

		font-size:1.8vw;
}

.blog-container #column2{
	padding: 20px 0px;
}

	.section4_cs .container-fluid{
		padding: 20px 80px;
	}

	.section5_cs .container-fluid{
		padding: 20px 80px;
	}

	.section6_cs .container-fluid{
		padding: 20px 80px;
	}

	.section2_company-header{
		font-size:2.5vw;
	}

	.section2_company-content{
		font-size:1.5vw;
	}

	.section4-header{
		font-size:2.5vw;
	}

	.section4-content{
		font-size:1.5vw;
	}

	.section5_cs-header{
		font-size:2.5vw;
	}

	.section5_cs-content{
		font-size:1.5vw;
	}

	.section5_cs-title{
		font-size:2.5vw;
	}

	.section5_cs-subcontent{
		font-size:1.5vw;
	}

	.section2-header{
		font-size:3vw;
	}
	.section2_game-content{
		font-size: 1.5vw;
	}

	.section3_game-content{
		font-size: 1.5vw;
	}

	.section3-header{
		font-size:3vw;
	}

	.section3-content{
		font-size:1.5vw;
	}

	.reason .row2{
		padding-left:100px;
	}
	.reason .row1{
		padding-right:100px;
	}

	.counter{
		font-size:3vw;
	}
	
	.counter-content{
			font-size:1.8vw;
	}


	.section1_company .container-fluid{
		padding: 20px 80px;
	}

	.section2_company .container-fluid{
		padding: 20px 80px;
	}
	.section3_company .container-fluid{
		padding: 20px 80px;
	}

	.section4_company .container-fluid{
		padding: 20px 80px;
	}

	.section5_company .container-fluid{
		padding: 20px 80px;
	}

	.section2_company-header{
		font-size:2.5vw;
	}

	.section2_company-content{
		font-size:1.5vw;
	}

	.section3_company-header{
		font-size:2.5vw;
	}

	.section3_company-content{
		font-size:1.5vw;
	}

	.section4_company-header{
		font-size:2.5vw;
	}

	.section4_company-content{
		font-size:1.5vw;
	}

	.section5_company-header{
		font-size:2.5vw;
		text-align: center;
	}

	.section5_company-content{
		font-size:1.5vw;
	}

	.nav-logo{
		padding: 0px 10px;
	}
	.nav-logo img{
		width:150px;
		padding: 0px;
	}
	.navbar{
		padding: 1rem 0rem;
	}
	.section1 .container-fluid{
		padding: 20px 80px;
	}

	.section2 .container-fluid{
		padding: 20px 80px;
	}

	.section3 .container-fluid{
		padding: 20px 80px;
	}

	.section4 .container-fluid{
		padding: 20px 80px;
	}

	.section4 #column1{
		padding: 0px 20px;
	}

	.section4-img img{
		width:300px;
	}

	.section5 .container-fluid{
		padding: 20px 80px;
	}

	.section6-img img{
		width:225px;
	}

	.section6_company-img img{
		width:325px;
	}

	.section6 .container-fluid{
		padding: 50px 200px;
	}

	.section6-header{
		font-size: 2vw;
	}

	.section6-content{
		font-size: 1.5vw;
	}

	.section7 .container-fluid{
		padding: 20px 80px;
	}

	.section8 .container-fluid{
		padding: 20px 80px;
	}

	.section7-header{
		font-size: 1.8vw;
	}

	.section7-content{
		font-size: 1.3vw;
	}

	.section8-header{
		font-size: 1.2vw;
	}
	.section8-title{
		font-size:2vw;	
	}
	.section8-content{
		font-size:0.8vw;
	}

	.footer{
		padding:50px 100px
	}

	.section8 img{
		width:150px;
	}

	.last_company .container-fluid{
		padding: 10px 0px;
	}
	.button{
		font-size:1.5vw;
}

.section6 .container{
	margin: 20px 30px;
}
.section2-img img{
	width:375px;
}
.section5_cs .container{
	padding: 20px;
}

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

.container-fluid-section1 .section1_rng {
	max-width: 800px;
}

.container-fluid-section2 .section2_rng {
	max-width: 800px;
}

.container-fluid-section3 .section3_rng {
	max-width: 800px;
}
.container-fluid-section1 .section1_rng{
	padding-bottom: 20px;
}

.container-fluid-section2 .section2_rng{
	padding: 10px;
}

.container-fluid-section3 .section3_rng{
	padding: 10px;
}

.cert img{
	max-width: 800px;
}

.itech{
	padding: 20px 0px;
}
.container-fluid-section3 .container{
	max-width: 800px;
}

.section1_rng-text{
	font-size:1.5vw;
}

.section2_rng .title{
	font-size:5vw;
}

.section2_rng .subtitle{
	font-size:3vw;
}

.section2_rng-text{
	font-size: 1.5vw;
}

.section3_rng-title{
	font-size:3vw;
}

.section3_rng-text{
	font-size:2vw;
}

.container-fluid-section3 .title{
	font-size:5vw;
}

.container-fluid-section3 .subtitle{
	font-size:3vw;
}

.section3_rng-text{
	font-size: 1.5vw;
}
}

@media(min-width:768px) and (max-width:1023px){
	.section5_cs .container{
		padding: 20px;
	}
	.section5 .partners img{
		width:100px;
	}
	.navbar-toggler{
		margin-right:40px;
	}
	.pagcor-credits{
		margin: 0px 10px;
	}
	.footer #column4 .republic img{
		width: 100px;
		margin: 10px 0px;
	}
	.footer #column2 .footer-images img{
		width:90px;
	}
	.footer #column1 img{
		height:50px;
	}
	
	.footer #column1 .pagcor img{
		height:50px;
	}
	.section8 .row{
		margin:0px;
	}
	.blog-date{
		font-size:2vw;
}

.blog-title{

		font-size:2.5vw;
}
.blog-content{

		font-size:2vw;
}

.blog-container #column2{
	padding: 20px 20px;
}

.blog-img img{
	width:350px;
}



	.section4_cs .container-fluid{
		padding: 20px 80px;
	}

	.section5_cs .container-fluid{
		padding: 20px 80px;
	}

	.section6_cs .container-fluid{
		padding: 20px 80px;
	}

	.section2_company-header{
		font-size:3vw;
	}

	.section2_company-content{
		font-size:2vw;
	}

	.section4-header{
		font-size:3vw;
	}

	.section4-content{
		font-size:2vw;
	}

	.section5_cs-header{
		font-size:3vw;
	}

	.section5_cs-content{
		font-size:2vw;
	}

	.section5_cs-title{
		font-size:3vw;
	}

	.section5_cs-subcontent{
		font-size:2vw;
	}

	.section2-header{
		font-size:3vw;
	}
	.section2_game-content{
		font-size: 1.5vw;
	}

	video{
		width: 90%;
		height: auto;
	}

	.section3_game-content{
		font-size: 1.5vw;
	}

	.section3-header{
		font-size:3vw;
	}

	.section3-content{
		font-size:1.5vw;
	}

	.reason .row2{
		padding-left:100px;
	}
	.reason .row1{
		padding-right:100px;
	}

	.counter{
		font-size:3vw;
	}
	
	.counter-content{
			font-size:1.8vw;
	}

	.section2-header{
		font-size:3vw;
	}
	.section2_game-content{
		font-size: 2vw;
	}

	.section3_game-content{
		font-size: 2vw;
	}

	.section3-header{
		font-size:3vw;
	}

	.section3-content{
		font-size:1.5vw;
	}

	.section1_company .container-fluid{
		padding: 20px 80px;
	}

	.section2_company .container-fluid{
		padding: 20px 80px;
	}
	.section3_company .container-fluid{
		padding: 20px 80px;
	}

	.section4_company .container-fluid{
		padding: 20px 20px;
	}
	.section5_company .container{
		padding:10px 20px;
	}

	.section5_company .container-fluid{
		padding: 20px 80px;
	}

	.section2_company-header{
		font-size:3vw;
	}

	.section2_company-content{
		font-size:2vw;
	}

	.section3_company-header{
		font-size:3vw;
	}

	.section3_company-content{
		font-size:2vw;
	}

	.section4_company-header{
		font-size:3vw;
	}

	.section4_company-content{
		font-size:2vw;
	}

	.section5_company-header{
		font-size:3vw;
		text-align: center;
	}

	.section5_company-content{
		font-size:2vw;
	}

	.section6_company-img img{
		width:500px;
		margin: 20px 0px;
	}
	.dropdown-menu.show{
		flex-wrap: wrap !important;
		flex-direction: row;
	}
	
	
	
	.nav-logo{
		padding: 0px 30px;
	}
	.nav-logo img{
		width:150px;
		padding: 0px;
	}
	.navbar{
		padding: 1rem 0rem;
	}
	.section1 .container-fluid{
		padding: 20px 80px;
	}

	.section1-header{
		font-size:3vw;
	}

	.section1-content{
		font-size:2vw;
	}

	.section2 .container-fluid{
		padding: 20px 80px;
	}

	.section1_company-header{
		font-size:3vw;
	}

	.section1_company-content{
		font-size:2vw;
	}

	.section2-header{
		font-size:3vw;
	}

	.section2-content{
		font-size:2vw;
	}

	.section3-header{
		font-size:3vw;
	}

	.section3-content{
		font-size:2vw;
	}

	.section4-header{
		font-size:3vw;
	}

	.section4-content{
		font-size:2vw;
	}

	.section5-header{
		font-size:3vw;
	}

	.section6-header{
		font-size:3vw;
	}

	.section6-content{
		font-size:2vw;
	}

	.section7-header{
		font-size:3vw;
	}

	.section7-content{
		font-size:2vw;
	}

	
	.section8-title{
		font-size:3vw;	
	}

	.section8-header{
		font-size:3vw;
	}

	.section8-content{
		font-size:2vw;
	}

	

	.section2 img{
		display:none;
	}

	.section2 .container-fluid{
		background-image: url('../assets/2lightbg_big.png');
		padding: 20px 80px;
	}

	.section3 .container-fluid{
		padding: 20px 80px;
	}

	.section4 .container-fluid{
		background-image: url('../assets/2lightbg_xxl.png');
		padding: 20px 80px;
	}

	.section7 .container-fluid{
		background-image: url('../assets/2lightbg_xl.png');
		padding: 20px 80px;
	}

	.section4 img{
		display:none;
	}

	.button{
		font-size:2vw;
	}

	.section4 .container-fluid{
		padding: 20px 80px;
	}

	.section4 #column1{
		padding: 0px 20px;
	}

	.section4-img img{
		width:300px;
	}

	.section5 .container-fluid{
		padding: 20px 80px;
	}

	.section6-img img{
		width:550px;
	}

	.section6 .container-fluid{
		padding: 50px 50px;
		text-align: center;
	}

	.section7 .container-fluid{
		padding: 20px 80px;
	}

	.section8 .container-fluid{
		padding: 20px 80px;
	}
	.footer{
		padding:50px 100px
	}

	.section8 img{
		width:150px;
	}

	.reason .row2{
		padding-left:100px;
	}
	.reason .row1{
		padding-right:100px;
	}

	.section8 #column1{
		margin-top: 10px;
	}

	.section8 #column2{
		margin-top: 10px;
		width:400px;
	}

	.footer-links{
		font-size:2vw;
	}

	.footer-text{
		font-size:2vw;
	}

	.navbar a{
		font-size: 2vw;
	}
	.last_company-header{
		font-size:2vw;	
	}
	.button2 {
		font-size:2vw;
		}
		.container-fluid-section1 .section1_rng {
			max-width: 700px;
		}
		
		.container-fluid-section2 .section2_rng {
			max-width: 700px;
		}
		
		.container-fluid-section3 .section3_rng {
			max-width: 700px;
		}
		.container-fluid-section1 .section1_rng{
			padding-bottom: 20px;
		}
		
		.container-fluid-section2 .section2_rng{
			padding: 10px;
		}
		
		.container-fluid-section3 .section3_rng{
			padding: 10px;
		}
		
		.cert img{
			max-width: 700px;
			padding: 20px 0px;
		}
		
		.itech{
			padding: 20px 0px;
		}
		.container-fluid-section3 .container{
			max-width: 700px;
		}

		.section1_rng-text{
			font-size:1.5vw;
		}

		.section2_rng .title{
			font-size:5vw;
		}

		.section2_rng .subtitle{
			font-size:3vw;
		}

		.section2_rng-text{
			font-size: 1.5vw;
		}

		.section3_rng-title{
			font-size:3vw;
		}

		.section3_rng-text{
			font-size:2vw;
		}

		.container-fluid-section3 .title{
			font-size:5vw;
		}

		.container-fluid-section3 .subtitle{
			font-size:3vw;
		}

		.section3_rng-text{
			font-size: 1.5vw;
		}
}

@media(min-width:425px) and (max-width:767px){
	.dropdown-menu.show{
		flex-wrap: wrap !important;
		flex-direction: row;
	}
	.section5_cs .container{
		padding: 10px;
	}
	.section5 .partners img{
		width:80px;
	}
	.pagcor-credits{
		margin: 0px 10px;
	}
	.footer #column4 .republic img{
		width: 100px;
		margin: 10px 0px;
	}
	.footer #column2 .footer-images img{
		width:100px;
	}

	.footer #column1 img{
		height:50px;
	}
	
	.footer #column1 .pagcor img{
		height:50px;
	}

	.section8 .row{
		margin:0px;
	}
	.section8 #column1{
		margin-top: 10px;
	}
	.section8 #column2{
		margin-top: 10px;
		width:200px;
	}
	.blog-date{
		font-size:3vw;
}

.blog-title{

		font-size:3.5vw;
}
.blog-content{

		font-size:3vw;
}

.blog-container #column2{
	padding: 20px 20px;
}

.blog-img img{
	width:250px;
}
.section5_company .container{
	padding:20px 20px;
}

video{
	width: 100%;
	height: auto;
}

	.section4_cs .container-fluid{
		padding: 0px 30px;
	}

	.section5_cs .container-fluid{
		padding: 0px 30px;
	}

	.section6_cs .container-fluid{
		padding: 0px 30px;
	}

	.section2_company-header{
		font-size:4vw;
	}

	.section2_company-content{
		font-size:3vw;
	}

	.section4-header{
		font-size:4vw;
	}

	.section4-content{
		font-size:3vw;
	}

	.section5_cs-header{
		font-size:4vw;
	}

	.section5_cs-content{
		font-size:3vw;
	}

	.section5_cs-title{
		font-size:4vw;
	}

	.section5_cs-subcontent{
		font-size:3vw;
	}

	.section2-header{
		font-size:3vw;
	}
	.section2_game-content{
		font-size: 1.5vw;
	}

	.section3_game-content{
		font-size: 1.5vw;
	}

	.section3-header{
		font-size:3vw;
	}

	.section3-content{
		font-size:1.5vw;
	}
	.section2_company #column2{
		align-items: center;
		align-content: center;
	}
	.reason .row2{
		padding-left:0px;
	}
	.reason .row1{
		padding-right:0px;
	}

	.counter{
		font-size:5vw;
	}
	
	.counter-content{
			font-size:3vw;
	}


	.section2-header{
		font-size:5vw;
	}
	.section2_game-content{
		font-size: 4vw;
	}

	.section3_game-content{
		font-size: 4vw;
	}

	.section3-header{
		font-size:4vw;
	}
	.section2-img img{
		width:155px;
	}

	.section1_company .container-fluid{
		padding: 30px 30px;
	}

	.section2_company .container-fluid{
		padding: 30px 30px;
	}

	.section3_company .container{
		padding: 30px 10px;
	}
	.section3_company .container-fluid{
		padding: 10px 30px;
	}

	.section4_company .container-fluid{
		padding: 30px 30px;
	}

	.section5_company .container-fluid{
		padding: 30px 30px;
	}

	.section1_company-header{
		font-size:5vw;
	}

	.section1_company-content{
		font-size:4vw;
	}

	.section2_company-header{
		font-size:5vw;
	}

	.section2_company-content{
		font-size:4vw;
	}

	.section3_company-header{
		font-size:5vw;
	}

	.section3_company-content{
		font-size:4vw;
	}

	.section4_company-header{
		font-size:5vw;
	}

	.section4_company-content{
		font-size:4vw;
	}

	.section5_company-header{
		font-size:5vw;
		text-align: center;
	}

	.section5_company-content{
		font-size:4vw;
	}

	.section6_company-img img{
		width:300px;
	}

	.nav-logo{
		padding: 0px 30px;
	}
	.nav-logo img{
		width:150px;
		padding: 0px;
	}
	.navbar{
		padding: 1rem 0rem;
	}
	.section1 .container-fluid{
		padding: 20px 20px;
	}

	.section1-header{
		font-size:4vw;
	}

	.section1-content{
		font-size:3vw;
	}

	.section2 .container-fluid{
		padding: 20px 20px;
	}

	.section2-header{
		font-size:4vw;
	}

	.section2-content{
		font-size:3vw;
	}

	.section3-header{
		font-size:5vw;
	}

	.section3-content{
		font-size:4vw;
	}

	.section4-header{
		font-size:5vw;
	}

	.section4-content{
		font-size:4vw;
	}

	.section5-header{
		font-size:5vw;
	}

	.section6-header{
		font-size:5vw;
	}

	.section6-content{
		font-size:4vw;
	}

	.section7-header{
		font-size:5vw;
	}

	.section7-content{
		font-size:4vw;
	}

	.section8-header{
		font-size:4vw;
	}
	.section8-title{
		font-size:4vw;	
	}

	.section8-content{
		font-size:3.2vw;
	}

	.button2 {
		font-size:3vw;
		}

	.section2 img{
		display:none;
	}
	.section5 .partners{
		gap: 1rem;
	}

	.section2 .container-fluid{
		background-image: url('../assets/2lightbg_xl.png');
		padding: 20px 20px;
	}

	.section3 .container-fluid{
		padding: 20px 20px;
	}

	.section4 .container-fluid{
		background-image: url('../assets/2lightbg_xxl.png');
		padding: 20px 20px;
	}

	.section7 .container-fluid{
		background-image: url('../assets/2lightbg_xxl.png');
		padding: 20px 20px;
	}

	.section4 img{
		display:none;
	}

	.button{
		font-size:3vw;
	}

	.section4 .container-fluid{
		padding: 20px 20px;
	}

	.section4 #column1{
		padding: 0px 20px;
	}

	.section4-img img{
		width:300px;
	}

	.section5 .container-fluid{
		padding: 20px 10px;
	}

	.section6-img img{
		width:320px;
	}

	.section6 .container-fluid{
		padding: 50px 20px;
		text-align: center;
	}
	.section4-button{
		padding: 10px 0px;
	}

	.section7 .container-fluid{
		padding: 20px 20px;
	}

	.section8 .container-fluid{
		padding: 20px 20px;
	}
	.footer{
		padding:50px 40px
	}

	.section8 img{
		width:150px;
	}

	.reason .row2{
		padding-left:100px;
	}
	.reason .row1{
		padding-right:100px;
	}

	.footer-links{
		font-size:4vw;
	}

	.footer-text{
		font-size:4vw;
	}
	.navbar a{
		font-size: 3vw;
	}
	.last_company-header{
		font-size:3vw;	
	}
	.last_company .container-fluid{
		padding: 10px 0px;
	}
	.section2_company img{
		display: none;
	}
	.section6 .container{
		margin: 10px;
		padding: 10px 10px;
		text-align: center;
	}
	.section2-img img{
		width:350px;
	}
	.section2_game .container{
		padding: 10px 10px;
	}
	.section2_game .container-fluid{
		padding: 10px;
		text-align: center;
	}

	.section3_game .container{
		padding: 10px 10px;
	}
	.section3_game .container-fluid{
		padding: 10px;
		text-align: center;
	}

	.section4_game .container{
		padding: 10px 10px;
	}
	.section4_game .container-fluid{
		padding: 10px;
		text-align: center;
	}

	.container-fluid-section1 .section1_rng {
		max-width: 400px;
	}
	
	.container-fluid-section2 .section2_rng {
		max-width: 400px;
	}
	
	.container-fluid-section3 .section3_rng {
		max-width: 400px;
	}
	.container-fluid-section1 .section1_rng{
		padding-bottom: 20px;
	}
	
	.container-fluid-section2 .section2_rng{
		padding: 10px;
	}
	
	.container-fluid-section3 .section3_rng{
		padding: 10px;
	}
	
	.cert img{
		max-width: 400px;
		padding: 20px 0px;
	}
	
	.itech{
		padding: 20px 0px;
	}
	.container-fluid-section3 .container{
		max-width: 400px;
	}

	.container-fluid-section3{
		padding: 10px 0px;
	}

	.section1_rng-text{
		font-size:3vw;
	}

	.section2_rng .title{
		font-size:6vw;
	}

	.section2_rng .subtitle{
		font-size:4vw;
	}

	.section2_rng-text{
		font-size:3vw;
	}

	.section3_rng-title{
		font-size:5vw;
	}

	.section3_rng-text{
		font-size:2vw;
	}

	.container-fluid-section3 .title{
		font-size:6vw;
	}

	.container-fluid-section3 .subtitle{
		font-size:4vw;
	}

	.section3_rng-text{
		font-size: 3vw;
	}

	.rng-header img{
		padding: 0px 10px;
		width: 100%;
	}
}

@media(min-width:375px) and (max-width:424px){
	.dropdown-menu.show{
		flex-wrap: wrap !important;
		flex-direction: row;
	}
	.section6 .container{
		margin: 5px;
		text-align: center;
	}
	.section2-img img{
		width:275px;
	}
	.section2_game .container{
		padding: 0px 10px;
		margin: 20px 0px;
	}
	.section2_game .container-fluid{
		padding: 10px;
		text-align: center;
	}

	.section3_game .container{
		padding: 10px 10px;
	}
	.section3_game .container-fluid{
		padding: 10px;
		text-align: center;
	}

	.section4_game .container{
		padding: 10px 10px;
	}
	.section4_game .container-fluid{
		padding: 10px;
		text-align: center;
	}
	.section5 .partners img{
		width:80px;
	}
	.pagcor-credits{
		margin: 0px 10px;
	}
	.footer #column4 .republic img{
		width: 100px;
		margin: 10px 0px;
	}
	.footer #column2 .footer-images img{
		width:100px;
	}

	.footer #column1 img{
		height:50px;
	}
	
	.footer #column1 .pagcor img{
		height:50px;
	}

	.section8 .row{
		margin:0px;
	}
	.section8 #column1{
		margin-top: 10px;
	}
	.section8 #column2{
		margin-top: 10px;
		width:200px;
	}
	.blog-date{
		font-size:3vw;
}
.section5_cs .container{
	padding: 10px;
}

.blog-title{

		font-size:3.5vw;
}
.blog-content{

		font-size:3vw;
}

.blog-container #column2{
	padding: 20px 20px;
}

.blog-img img{
	width:250px;
}

video{
	width: 100%;
	height: auto;
}

	.section4_cs .container-fluid{
		padding: 0px 30px;
	}

	.section5_cs .container-fluid{
		padding: 0px 30px;
	}

	.section6_cs .container-fluid{
		padding: 0px 30px;
	}

	.section2_company-header{
		font-size:4vw;
	}

	.section2_company-content{
		font-size:3vw;
	}

	.section4-header{
		font-size:4vw;
	}

	.section4-content{
		font-size:3vw;
	}

	.section5_cs-header{
		font-size:4vw;
	}

	.section5_cs-content{
		font-size:3vw;
	}

	.section5_cs-title{
		font-size:4vw;
	}

	.section5_cs-subcontent{
		font-size:3vw;
	}

	.section2-header{
		font-size:4vw;
	}
	.section2_game-content{
		font-size: 3vw;
	}

	.section3_game-content{
		font-size: 3vw;
	}

	.section3-header{
		font-size:4vw;
	}

	.section3-content{
		font-size:3vw;
	}
	.section2_company #column2{
		align-items: center;
		align-content: center;
	}
	.reason .row2{
		padding-left:0px;
	}
	.reason .row1{
		padding-right:0px;
	}

	.counter{
		font-size:5vw;
	}
	
	.counter-content{
			font-size:3vw;
	}


	.section2-header{
		font-size:5vw;
	}
	.section2_game-content{
		font-size: 4vw;
	}

	.section3_game-content{
		font-size: 4vw;
	}

	.section3-header{
		font-size:5vw;
	}

	.section1_company .container-fluid{
		padding: 0px 30px;
	}

	.section2_company .container-fluid{
		padding: 0px 30px;
	}
	.section3_company .container-fluid{
		padding: 0px 30px;
	}

	.section4_company .container-fluid{
		padding: 10px 20px;
	}

	.section5_company .container{
		padding: 10px 20px;
	}

	.section5_company .container-fluid{
		padding: 20px 30px;
	}

	.section1_company-header{
		font-size:4vw;
		padding: 20px;
	}

	.section1_company-content{
		font-size:3vw;
	}

	.section2_company-header{
		font-size:4vw;
	}

	.section2_company-content{
		font-size:3vw;
	}

	.section3_company-header{
		font-size:4vw;
	}

	.section3_company-content{
		font-size:3vw;
	}

	.section4_company-header{
		font-size:4vw;
	}

	.section4_company-content{
		font-size:3vw;
	}

	.section5_company-header{
		font-size:4vw;
		text-align: center;
	}

	.section5_company-content{
		font-size:3vw;
	}

	.section6_company-img img{
		width:250px;
		margin: 10px 0px;
	}

	.nav-logo{
		padding: 0px 30px;
	}
	.nav-logo img{
		width:150px;
		padding: 0px;
	}
	.navbar{
		padding: 1rem 0rem;
	}
	.section1 .container-fluid{
		padding: 20px 20px;
	}

	.section1-header{
		font-size:4vw;
	}

	.section1-content{
		font-size:3vw;
	}

	.section2 .container-fluid{
		padding: 20px 20px;
	}

	.section2-header{
		font-size:5vw;
	}

	.section2-content{
		font-size:4vw;
	}

	.section3-header{
		font-size:5vw;
	}

	.section3-content{
		font-size:4vw;
	}

	.section4-header{
		font-size:5vw;
	}

	.section4-content{
		font-size:4vw;
	}

	.section5-header{
		font-size:5vw;
	}

	.section6-header{
		font-size:5vw;
	}

	.section6-content{
		font-size:3vw;
	}

	.section7-header{
		font-size:4vw;
	}

	.section7-content{
		font-size:3vw;
	}

	.section8-header{
		font-size:4vw;
	}
	.section8-title{
		font-size:4vw;	
	}

	.section8-content{
		font-size:3.2vw;
	}

	.button2 {
		font-size:3vw;
		}

	.section2 img{
		display:none;
	}

	.section2 .container-fluid{
		background-image: url('../assets/2lightbg_xl.png');
		padding: 20px 20px;
	}

	.section3 .container-fluid{
		padding: 20px 20px;
	}

	.section4 .container-fluid{
		background-image: url('../assets/2lightbg_xxl.png');
		padding: 20px 20px;
	}

	.section7 .container-fluid{
		background-image: url('../assets/2lightbg_xxl.png');
		padding: 20px 20px;
	}

	.section4 img{
		display:none;
	}

	.button{
		font-size:3vw;
	}

	.section4 .container-fluid{
		padding: 20px 20px;
	}

	.section4 #column1{
		padding: 0px 20px;
	}

	.section4-img img{
		width:300px;
	}

	.section5 .container-fluid{
		padding: 20px 10px;
	}

	.section6-img img{
		width:295px;
	}

	.section6 .container-fluid{
		padding: 20px 20px;
	}
	.section4-button{
		padding: 10px 0px;
	}

	.section7 .container-fluid{
		padding: 20px 20px;
	}

	.section8 .container-fluid{
		padding: 20px 20px;
	}
	.footer{
		padding:50px 40px
	}

	.section8 img{
		width:130px;
	}

	.reason .row2{
		padding-left:100px;
	}
	.reason .row1{
		padding-right:100px;
	}

	.footer-links{
		font-size:4vw;
	}

	.footer-text{
		font-size:4vw;
	}
	.navbar a{
		font-size: 3vw;
	}
	.last_company-header{
		font-size:3vw;	
	}
	.last_company .container-fluid{
		padding: 10px 0px;
	}
	.section2_company img{
		display: none;
	}
	.section5 .partners{
		gap: 1rem;
	}
	.section6 .container{
		padding: 10px 10px;
		text-align: center;
	}
	.section3_company .container{
		padding: 20px 10px;
		margin: 10px 0px;
	}

	.container-fluid-section1 .section1_rng {
		max-width: 350px;
	}
	
	.container-fluid-section2 .section2_rng {
		max-width: 350px;
	}
	
	.container-fluid-section3 .section3_rng {
		max-width: 350px;
	}
	.container-fluid-section1 .section1_rng{
		padding-bottom: 20px;
	}
	
	.container-fluid-section2 .section2_rng{
		padding: 10px;
	}
	
	.container-fluid-section3 .section3_rng{
		padding: 10px;
	}
	
	.cert img{
		max-width: 350px;
		padding: 20px 0px;
	}
	
	.itech{
		padding: 20px 0px;
	}
	.container-fluid-section3 .container{
		max-width: 350px;
	}

	.container-fluid-section3{
		padding: 10px 0px;
	}

	.section1_rng-text{
		font-size:3vw;
	}

	.section2_rng .title{
		font-size:6vw;
	}

	.section2_rng .subtitle{
		font-size:4vw;
	}

	.section2_rng-text{
		font-size:3vw;
	}

	.section3_rng-title{
		font-size:5vw;
	}

	.section3_rng-text{
		font-size:2vw;
	}

	.container-fluid-section3 .title{
		font-size:6vw;
	}

	.container-fluid-section3 .subtitle{
		font-size:4vw;
	}

	.section3_rng-text{
		font-size: 3vw;
	}

	.rng-header img{
		padding: 0px 10px;
		width: 100%;
	}

}

@media(min-width:320px) and (max-width:374px){
	.container-fluid-section1 .section1_rng {
		max-width: 300px;
	}
	
	.container-fluid-section2 .section2_rng {
		max-width: 300px;
	}
	
	.container-fluid-section3 .section3_rng {
		max-width: 300px;
	}
	.container-fluid-section1 .section1_rng{
		padding-bottom: 20px;
	}
	
	.container-fluid-section2 .section2_rng{
		padding: 10px;
	}
	
	.container-fluid-section3 .section3_rng{
		padding: 10px;
	}
	
	.cert img{
		max-width: 300px;
		padding: 20px 0px;
	}
	
	.itech{
		padding: 20px 0px;
	}
	.container-fluid-section3 .container{
		max-width: 300px;
	}

	.container-fluid-section3{
		padding: 10px 0px;
	}

	.section1_rng-text{
		font-size:4vw;
	}

	.section2_rng .title{
		font-size:8vw;
	}

	.section2_rng .subtitle{
		font-size:5vw;
	}

	.section2_rng-text{
		font-size:4vw;
	}

	.section3_rng-title{
		font-size:6vw;
	}

	.section3_rng-text{
		font-size:2vw;
	}

	.container-fluid-section3 .title{
		font-size:8vw;
	}

	.container-fluid-section3 .subtitle{
		font-size:5vw;
	}

	.section3_rng-text{
		font-size: 4vw;
	}

	.rng-header img{
		padding: 0px 10px;
		width: 100%;
	}
	.section6 .container{
		padding: 10px;
		text-align: center;
	}
	.section2-img img{
		width:250px;
	}
	.section2_game .container{
		padding: 0px 10px;
		margin: 20px 0px;
	}
	.section2_game .container-fluid{
		padding: 10px;
		text-align: center;
	}
	.section5_cs .container{
		padding: 15px;
	}

	.section3_game .container{
		padding: 10px 10px;
	}
	.section3_game .container-fluid{
		padding: 10px;
		text-align: center;
	}

	.section4_game .container{
		padding: 10px 10px;
	}
	.section4_game .container-fluid{
		padding: 10px;
		text-align: center;
	}
	.section5 .partners img{
		width:80px;
	}
	.pagcor-credits{
		margin: 0px 10px;
	}
	.footer #column4 .republic img{
		width: 100px;
		margin: 10px 0px;
	}
	.footer #column2 .footer-images img{
		width:100px;
	}

	.footer #column1 img{
		height:50px;
	}
	
	.footer #column1 .pagcor img{
		height:50px;
	}

	.section8 .row{
		margin:0px;
	}
	.section8 #column1{
		margin-top: 10px;
	}
	.section8 #column2{
		margin-top: 10px;
		width:200px;
		padding: 5px 5px;
	}
	.blog-date{
		font-size:3vw;
		
		
}
.dropdown-menu.show{
	flex-wrap: wrap !important;
	flex-direction: row;
}

.blog-title{

		font-size:3.5vw;
}
.blog-content{

		font-size:3vw;
}

.blog-container #column2{
	padding: 20px 20px;
}

.blog-img img{
	width:250px;
}


	.section4_cs .container-fluid{
		padding: 0px 30px;
	}

	.section5_cs .container-fluid{
		padding: 0px 30px;
	}

	.section6_cs .container-fluid{
		padding: 0px 30px;
	}

	.section2_company-header{
		font-size:4vw;
	}

	.section2_company-content{
		font-size:3vw;
	}

	.section4-header{
		font-size:4vw;
	}

	.section4-content{
		font-size:3vw;
	}

	.section5_cs-header{
		font-size:4vw;
	}

	.section5_cs-content{
		font-size:3vw;
	}

	.section5_cs-title{
		font-size:4vw;
	}

	.section5_cs-subcontent{
		font-size:3vw;
	}

	video{
		width: 100%;
		height: auto;
	}

	.section2-header{
		font-size:3vw;
	}
	.section2_game-content{
		font-size: 1.5vw;
	}

	.section3_game-content{
		font-size: 1.5vw;
	}

	.section3-header{
		font-size:3vw;
	}

	.section3-content{
		font-size:1.5vw;
	}
	.section2_company #column2{
		align-items: center;
		align-content: center;
	}
	.reason .row2{
		padding-left:0px;
	}
	.reason .row1{
		padding-right:0px;
	}

	.counter{
		font-size:5vw;
	}
	
	.counter-content{
			font-size:3vw;
	}


	.section2-header{
		font-size:4vw;
	}
	.section2_game-content{
		font-size: 4vw;
	}

	.section3_game-content{
		font-size: 4vw;
	}

	.section3-header{
		font-size:4vw;
	}

	.section1_company .container-fluid{
		padding: 20px 30px;
	}

	.section2_company .container-fluid{
		padding: 20px 30px;
	}

	.section3_company .container{
		padding: 20px 10px;
	}

	.section3_company .container-fluid{
		padding: 20px 10px;
	}
	

	.section4_company .container-fluid{
		padding: 20px 30px;
	}

	.section5_company .container{
		padding: 10px 20px;
	}
	
	.section5_company .container-fluid{
		padding: 20px 30px;
	}

	.section1_company-header{
		font-size:5vw;
	}

	.section1_company-content{
		font-size:4vw;
	}

	.section2_company-header{
		font-size:5vw;
	}

	.section2_company-content{
		font-size:4vw;
	}

	.section3_company-header{
		font-size:5vw;
	}

	.section3_company-content{
		font-size:4vw;
	}

	.section4_company-header{
		font-size:5vw;
	}

	.section4_company-content{
		font-size:4vw;
	}

	.section5_company-header{
		font-size:5vw;
		text-align: center;
	}

	.section5_company-content{
		font-size:4vw;
	}

	.section6_company-img img{
		width:200px;
	}

	.nav-logo{
		padding: 0px 30px;
	}
	.nav-logo img{
		width:150px;
		padding: 0px;
	}
	.navbar{
		padding: 1rem 0rem;
	}
	.section1 .container-fluid{
		padding: 20px 20px;
	}

	.section1-header{
		font-size:4vw;
	}

	.section1-content{
		font-size:3vw;
	}

	.section2 .container-fluid{
		padding: 20px 20px;
	}

	.section2-header{
		font-size:4vw;
	}

	.section2-content{
		font-size:3vw;
	}

	.section3-header{
		font-size:5vw;
	}

	.section3-content{
		font-size:4vw;
	}

	.section4-header{
		font-size:4vw;
	}

	.section4-content{
		font-size:3vw;
	}

	.section5-header{
		font-size:4vw;
	}

	.section6-header{
		font-size:5vw;
	}

	.section6-content{
		font-size:3vw;
	}

	.section7-header{
		font-size:4vw;
	}

	.section7-content{
		font-size:3vw;
	}

	.section8-header{
		font-size:4vw;
	}
	.section8-title{
		font-size:5vw;	
	}

	.section8-content{
		font-size:2.5vw;
		
	}

	.button2 {
		font-size:2.5vw;
		padding: 5px 30px;
		border-radius: 5px;
		}

	.section2 img{
		display:none;
		
	}

	.section2 .container-fluid{
		background-image: url('../assets/2lightbg_xl.png');
		padding: 20px 20px;
	}

	.section3 .container-fluid{
		padding: 20px 20px;
	}

	.section4 .container-fluid{
		background-image: url('../assets/2lightbg_xl.png');
		padding: 20px 20px;
	}

	.section7 .container-fluid{
		background-image: url('../assets/2lightbg_xxl.png');
		padding: 20px 20px;
	}

	.section4 img{
		display:none;
	}

	.button{
		font-size:3vw;
	}

	.section4 .container-fluid{
		padding: 20px 20px;
	}

	.section4 #column1{
		padding: 0px 20px;
	}

	.section4-img img{
		width:300px;
	}

	.section5 .container-fluid{
		padding: 20px 10px;
	}

	.section6-img img{
		width:225px;
	}

	.section6 .container{
		margin: 10px 10px;
		text-align: center;
	}

	.section6 .container-fluid{
		padding: 20px 20px;
	}
	.section4-button{
		padding: 10px 0px;
	}

	.section7 .container-fluid{
		padding: 20px 20px;
	}

	.section8 .container-fluid{
		padding: 20px 20px;
	}
	.footer{
		padding:50px 40px
	}

	.section8 img{
		width:80px;
	}

	.reason .row2{
		padding-left:100px;
	}
	.reason .row1{
		padding-right:100px;
	}

	.footer-links{
		font-size:4vw;
	}

	.footer-text{
		font-size:4vw;
	}
	.navbar a{
		font-size: 3vw;
	}
	.last_company-header{
		font-size:3vw;	
	}
	.last_company .container-fluid{
		padding: 10px 0px;
	}
	.section2_company img{
		display: none;
	}
	.section5 .partners{
		gap:1rem;
	}
}