section.schedule-sec{
	background-color: #f8f8f8;
	width: 100%;
	height: auto;
	padding-top: 8rem;
	padding-bottom: 8rem;
}

.schedule-container{
	width: 95%;
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	height: auto;
	margin: auto;
	background-color: transparent;
}

.schedule-box{
	margin: auto;
	width: 48%;
	height: 18rem;
	background-color: #fff;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid #dfdfdf;
	opacity: 0;
	transition: 1s;
	transform: translateY(15px);
}

.schedule-box.show{
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
	position: relative;
	pointer-events: all;
}

.schedule-box.hide {
	opacity: 0;
	visibility: hidden;
	position: absolute; /* pastikan elemen tidak mengganggu layout */
	pointer-events: none; /* agar tidak mengganggu interaksi jika ada */
	transition: 0s;
  }

.club-box.hide {
	opacity: 0;
	visibility: hidden;
	position: absolute; /* pastikan elemen tidak mengganggu layout */
	pointer-events: none; /* agar tidak mengganggu interaksi jika ada */
  }
  
  .club-box.show {
	opacity: 1;
	visibility: visible;
	position: relative;
	pointer-events: all;
  }

.sch-box-top{
	height: 20%;
	width: 100%;
	text-align: center;
}

.sch-box-top p{
	padding-top: 1rem;
	text-align: center;
	font-size: 24px;
	font-family: 'Koulen', sans-serif;
}


.schedule-box-header{
	width: 100%;
	height: 20%;
	background-color: #fff;
	border-top: 1px solid #dfdfdf;
	color: #000;
	text-align: center;
	padding-top: .5rem;
	transition: all .3s ease-in;
}

.schedule-box-header:hover{
	cursor: pointer;
	background-color: #150258;
	border-top: 1px solid #dfdfdf;
	color: #fff;
	text-align: center;
	padding-top: .5rem;
}

.schedule-box-header:hover i{
	color: #fff;
	width: 100%;
	height: 100%;
}

.schedule-box-header:hover a{
	color: #fff;
}

.schedule-box-header p{
	
	font-size: 17px;
	font-family: 'Sarpanch', sans-serif;
}

.schedule-box-header a{
	background-color: transparent;
	font-size: 19px;
	text-decoration: none;
	color: #000;
}

.schedule-box-header i{
	font-size: 32px;
}

.a-beli-tiket{
	font-style: 18px;
}

.schedule-box-wrapper{
	display: flex;
	flex-direction: row;
	width: 100%;
	height: 60%;
	background-color: #fff;
}

.away-logo,
.home-logo{
	height: 100%;
	width: 30%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-bottom: 2rem;
	background-color: #fff;
}

.away-logo p,
.home-logo p{
	font-size: 18px;
	text-align: center;
}

.away-logo img,
.home-logo img{
	display: block;
	margin: auto;
	width: 8rem;
	height: auto;
}



.away-name,
.home-name{
	width: 0%;
	height: 100%;
	background-color: #fff;
}

.away-name p{
	margin-top: 5rem;
	text-align: right;	
	font-size: 30px;
	font-family: 'Koulen', sans-serif;
	word-break: break-word;
}

.home-name p{
	margin-top: 5rem;
	text-align: right;	
	font-size: 30px;
	font-family: 'Koulen', sans-serif;
	text-align: left;
}

.away-score,
.home-score{
	width: auto;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff;
}

.away-score p,
.home-score p{
	text-align: center;
	color: #000;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
	font-family: 'Koulen', sans-serif;
	font-size: 42px;
	font-family: 'Koulen', sans-serif;
}

.match{
	height: 100%;
	width: 40%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: 'Koulen', sans-serif;
}

.match p{
	text-align: center;
	font-size: 38px;
	font-family: 'Koulen', sans-serif;
	line-height: 2.5rem;
	margin: 0 1rem;
}

@media (max-width: 1229px){
			.schedule-container{
				width: 95%;
				display: flex;
				flex-wrap: wrap;
				gap: 1rem;
				height: auto;
				margin: auto;
				background-color: transparent;
			}
			
			.schedule-box{
				margin: auto;
				width: 48%;
				height: 15rem;
				background-color: #fff;
				box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
				display: flex;
				flex-direction: column;
				overflow: hidden;
				border: 1px solid #dfdfdf;
				opacity: 0;
				transition: 1s;
				transform: translateY(15px);
			}
			
			.schedule-box.show{
				transform: translateY(0);
				opacity: 1;
			}
			
			.sch-box-top{
				height: 20%;
				width: 100%;
				text-align: center;
			}
			
			.sch-box-top p{
				padding-top: 1rem;
				text-align: center;
				font-size: 24px;
				font-family: 'Koulen', sans-serif;
			}
			
			
			.schedule-box-header{
				width: 100%;
				height: 20%;
				background-color: #fff;
				border-top: 1px solid #dfdfdf;
				color: #000;
				text-align: center;
				padding-top: .5rem;
				transition: all .3s ease-in;
			}
			
			.schedule-box-header:hover{
				cursor: pointer;
				background-color: #150258;
				border-top: 1px solid #dfdfdf;
				color: #fff;
				text-align: center;
				padding-top: .5rem;
			}
			
			.schedule-box-header:hover i{
				color: #fff;
				width: 100%;
				height: 100%;
			}
			
			.schedule-box-header:hover a{
				color: #fff;
			}
			
			.schedule-box-header p{
				
				font-size: 17px;
				font-family: 'Sarpanch', sans-serif;
			}
			
			.schedule-box-header a{
				background-color: transparent;
				font-size: 19px;
				text-decoration: none;
				color: #000;
			}
			
			.schedule-box-header i{
				font-size: 32px;
			}
			
			.schedule-box-wrapper{
				display: flex;
				flex-direction: row;
				width: 100%;
				height: 60%;
				background-color: #fff;
			}
			
			.away-logo,
			.home-logo{
				height: 100%;
				width: 30%;
				display: flex;
				flex-direction: column;
				justify-content: center;
				padding-bottom: 1rem;
				background-color: #fff;
			}

			
			.away-logo p,
			.home-logo p{
				font-size: 16px;
				text-align: center;
			}
			
			.away-logo img,
			.home-logo img{
				display: block;
				margin: auto;
				width: 5rem;
				height: auto;
			}
			
			
			
			.away-name,
			.home-name{
				width: 0%;
				height: 100%;
				background-color: #fff;
			}
			
			.away-name p{
				margin-top: 5rem;
				text-align: right;	
				font-size: 30px;
				font-family: 'Koulen', sans-serif;
				word-break: break-word;
			}
			
			.home-name p{
				margin-top: 5rem;
				text-align: right;	
				font-size: 30px;
				font-family: 'Koulen', sans-serif;
				text-align: left;
			}
			
			.away-score,
			.home-score{
				width: auto;
				height: 100%;
				display: flex;
				justify-content: center;
				align-items: center;
				background-color: #fff;
			}
			
			.away-score p,
			.home-score p{
				text-align: center;
				color: #000;
				text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
				font-family: 'Koulen', sans-serif;
				font-size: 20px;
				font-family: 'Koulen', sans-serif;
			}
			
			.match{
				height: 100%;
				width: 40%;
				display: flex;
				justify-content: center;
				align-items: center;
				font-family: 'Koulen', sans-serif;
			}
			
			.match p{
				text-align: center;
				font-size: 32px;
				font-family: 'Koulen', sans-serif;
				line-height: 2.5rem;
				margin: 0 1rem;
			}
	
}

@media (max-width: 1045px){
				.schedule-container{
					width: 95%;
					display: flex;
					flex-wrap: wrap;
					gap: 1rem;
					height: auto;
					margin: auto;
					background-color: transparent;
				}
				
				.schedule-box{
					margin: auto;
					width: 100%;
					height: 18rem;
					background-color: #fff;
					box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
					display: flex;
					flex-direction: column;
					overflow: hidden;
					border: 1px solid #dfdfdf;
					opacity: 0;
					transition: 1s;
					transform: translateY(15px);
				}
				
				.schedule-box.show{
					transform: translateY(0);
					opacity: 1;
				}
				
				.sch-box-top{
					height: 20%;
					width: 100%;
					text-align: center;
				}
				
				.sch-box-top p{
					padding-top: 1rem;
					text-align: center;
					font-size: 24px;
					font-family: 'Koulen', sans-serif;
				}
				
				
				.schedule-box-header{
					width: 100%;
					height: 20%;
					background-color: #fff;
					border-top: 1px solid #dfdfdf;
					color: #000;
					text-align: center;
					padding-top: .5rem;
					transition: all .3s ease-in;
				}
				
				.schedule-box-header:hover{
					cursor: pointer;
					background-color: #150258;
					border-top: 1px solid #dfdfdf;
					color: #fff;
					text-align: center;
					padding-top: .5rem;
				}
				
				.schedule-box-header:hover i{
					color: #fff;
					width: 100%;
					height: 100%;
				}
				
				.schedule-box-header:hover a{
					color: #fff;
				}
				
				.schedule-box-header p{
					
					font-size: 17px;
					font-family: 'Sarpanch', sans-serif;
				}
				
				.schedule-box-header a{
					background-color: transparent;
					font-size: 19px;
					text-decoration: none;
					color: #000;
				}
				
				.schedule-box-header i{
					font-size: 32px;
				}
				
				.schedule-box-wrapper{
					display: flex;
					flex-direction: row;
					width: 100%;
					height: 60%;
					background-color: #fff;
				}
				
				.away-logo,
				.home-logo{
					height: 100%;
					width: 30%;
					display: flex;
					flex-direction: column;
					justify-content: center;
					padding-bottom: 1rem;
					background-color: #fff;
				}

				
				.away-logo p,
				.home-logo p{
					font-size: 16px;
					text-align: center;
				}
				
				.away-logo img,
				.home-logo img{
					display: block;
					margin: auto;
					width: 7rem;
					height: auto;
				}
				
				
				
				.away-name,
				.home-name{
					width: 0%;
					height: 100%;
					background-color: #fff;
				}
				
				.away-name p{
					margin-top: 5rem;
					text-align: right;	
					font-size: 30px;
					font-family: 'Koulen', sans-serif;
					word-break: break-word;
				}
				
				.home-name p{
					margin-top: 5rem;
					text-align: right;	
					font-size: 30px;
					font-family: 'Koulen', sans-serif;
					text-align: left;
				}
				
				.away-score,
				.home-score{
					width: auto;
					height: 100%;
					display: flex;
					justify-content: center;
					align-items: center;
					background-color: #fff;
				}
				
				.away-score p,
				.home-score p{
					text-align: center;
					color: #000;
					text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
					font-family: 'Koulen', sans-serif;
					font-size: 20px;
					font-family: 'Koulen', sans-serif;
				}
				
				.match{
					height: 100%;
					width: 40%;
					display: flex;
					justify-content: center;
					align-items: center;
					font-family: 'Koulen', sans-serif;
				}
				
				.match p{
					text-align: center;
					font-size: 42px;
					font-family: 'Koulen', sans-serif;
					line-height: 2.5rem;
					margin: 0 1rem;
				}
}

@media (max-width: 572px){
			.schedule-container{
				width: 95%;
				display: flex;
				flex-wrap: wrap;
				gap: 1rem;
				height: auto;
				margin: auto;
				background-color: transparent;
			}
			
			.schedule-box{
				margin: auto;
				width: 100%;
				height: 13rem;
				background-color: #fff;
				box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
				display: flex;
				flex-direction: column;
				overflow: hidden;
				border: 1px solid #dfdfdf;
				opacity: 0;
				transition: 1s;
				transform: translateY(15px);
			}
			
			.schedule-box.show{
				transform: translateY(0);
				opacity: 1;
			}
			
			.sch-box-top{
				height: 20%;
				width: 100%;
				text-align: center;
			}
			
			.sch-box-top p{
				padding-top: .3rem;
				text-align: center;
				font-size: 20px;
				font-family: 'Koulen', sans-serif;
			}
			
			
			.schedule-box-header{
				width: 100%;
				height: 20%;
				background-color: #fff;
				border-top: 1px solid #dfdfdf;
				color: #000;
				text-align: center;
				padding-top: .3rem;
				transition: all .3s ease-in;
			}
			
			.schedule-box-header:hover{
				cursor: pointer;
				background-color: #150258;
				border-top: 1px solid #dfdfdf;
				color: #fff;
				text-align: center;
				padding-top: .3rem;
			}
			
			.schedule-box-header:hover i{
				color: #fff;
				width: 100%;
				height: 100%;
			}
			
			.schedule-box-header:hover a{
				color: #fff;
			}
			
			.schedule-box-header p{
				
				font-size: 17px;
				font-family: 'Sarpanch', sans-serif;
			}
			
			.schedule-box-header a{
				background-color: transparent;
				font-size: 19px;
				text-decoration: none;
				color: #000;
			}
			
			.schedule-box-header i{
				font-size: 24px;
			}
			
			.schedule-box-wrapper{
				display: flex;
				flex-direction: row;
				width: 100%;
				height: 60%;
				background-color: #fff;
			}
			
			.away-logo,
			.home-logo{
				height: 100%;
				width: 30%;
				display: flex;
				flex-direction: column;
				justify-content: center;
				padding-bottom: 1rem;
				background-color: #fff;
			}

			
			.away-logo p,
			.home-logo p{
				font-size: 16px;
				text-align: center;
			}
			
			.away-logo img,
			.home-logo img{
				display: block;
				margin: auto;
				width: 4rem;
				height: auto;
			}
			
			
			
			.away-name,
			.home-name{
				width: 0%;
				height: 100%;
				background-color: #fff;
			}
			
			.away-name p{
				margin-top: 5rem;
				text-align: right;	
				font-size: 30px;
				font-family: 'Koulen', sans-serif;
				word-break: break-word;
			}
			
			.home-name p{
				margin-top: 5rem;
				text-align: right;	
				font-size: 30px;
				font-family: 'Koulen', sans-serif;
				text-align: left;
			}
			
			.away-score,
			.home-score{
				width: auto;
				height: 100%;
				display: flex;
				justify-content: center;
				align-items: center;
				background-color: #fff;
			}
			
			.away-score p,
			.home-score p{
				text-align: center;
				color: #000;
				text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
				font-family: 'Koulen', sans-serif;
				font-size: 20px;
				font-family: 'Koulen', sans-serif;
			}
			
			.match{
				height: 100%;
				width: 40%;
				display: flex;
				justify-content: center;
				align-items: center;
				font-family: 'Koulen', sans-serif;
			}
			
			.match p{
				text-align: center;
				font-size: 29px;
				font-family: 'Koulen', sans-serif;
				line-height: 2.5rem;
				margin: 0 1rem;
			}
}

@media (max-width: 485px){
				.schedule-container{
					width: 95%;
					display: flex;
					flex-wrap: wrap;
					gap: 1rem;
					height: auto;
					margin: auto;
					background-color: transparent;
				}
				
				.schedule-box{
					margin: auto;
					width: 100%;
					height: 11rem;
					background-color: #fff;
					box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
					display: flex;
					flex-direction: column;
					overflow: hidden;
					border: 1px solid #dfdfdf;
					opacity: 0;
					transition: 1s;
					transform: translateY(15px);
				}
				
				.schedule-box.show{
					transform: translateY(0);
					opacity: 1;
				}
				
				.sch-box-top{
					height: 20%;
					width: 100%;
					text-align: center;
				}
				
				.sch-box-top p{
					padding-top: .3rem;
					text-align: center;
					font-size: 16px;
					font-family: 'Koulen', sans-serif;
				}
				
				
				.schedule-box-header{
					width: 100%;
					height: 20%;
					background-color: #fff;
					border-top: 1px solid #dfdfdf;
					color: #000;
					text-align: center;
					padding-top: .2rem;
					transition: all .3s ease-in;
				}
				
				.schedule-box-header:hover{
					cursor: pointer;
					background-color: #150258;
					border-top: 1px solid #dfdfdf;
					color: #fff;
					text-align: center;
					padding-top: .2rem;
				}
				
				.schedule-box-header:hover i{
					color: #fff;
					width: 100%;
					height: 100%;
				}
				
				.schedule-box-header:hover a{
					color: #fff;
				}
				
				.schedule-box-header p{
					
					font-size: 17px;
					font-family: 'Sarpanch', sans-serif;
				}
				
				.schedule-box-header a{
					background-color: transparent;
					font-size: 13px;
					text-decoration: none;
					color: #000;
				}
				
				.schedule-box-header i{
					font-size: 24px;
				}

				
				
				.schedule-box-wrapper{
					display: flex;
					flex-direction: row;
					width: 100%;
					height: 60%;
					background-color: #fff;
				}
				
				.away-logo,
				.home-logo{
					height: 100%;
					width: 30%;
					display: flex;
					flex-direction: column;
					justify-content: center;
					padding-bottom: 1rem;
					background-color: #fff;
				}

				
				.away-logo p,
				.home-logo p{
					font-size: 13px;
					text-align: center;
				}
				
				.away-logo img,
				.home-logo img{
					display: block;
					margin: auto;
					width: 4rem;
					height: auto;
				}
				
				
				
				.away-name,
				.home-name{
					width: 0%;
					height: 100%;
					background-color: #fff;
				}
				
				.away-name p{
					margin-top: 5rem;
					text-align: right;	
					font-size: 30px;
					font-family: 'Koulen', sans-serif;
					word-break: break-word;
				}
				
				.home-name p{
					margin-top: 5rem;
					text-align: right;	
					font-size: 30px;
					font-family: 'Koulen', sans-serif;
					text-align: left;
				}
				
				.away-score,
				.home-score{
					width: auto;
					height: 100%;
					display: flex;
					justify-content: center;
					align-items: center;
					background-color: #fff;
				}
				
				.away-score p,
				.home-score p{
					text-align: center;
					color: #000;
					text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
					font-family: 'Koulen', sans-serif;
					font-size: 20px;
					font-family: 'Koulen', sans-serif;
				}
				
				.match{
					height: 100%;
					width: 40%;
					display: flex;
					justify-content: center;
					align-items: center;
					font-family: 'Koulen', sans-serif;
				}
				
				.match p{
					text-align: center;
					font-size: 23px;
					font-family: 'Koulen', sans-serif;
					line-height: 1.5rem;
					margin: 0 .5rem;
				}
			
}

@media (max-width: 342px){
				.schedule-container{
					width: 95%;
					display: flex;
					flex-wrap: wrap;
					gap: 1rem;
					height: auto;
					margin: auto;
					background-color: transparent;
				}
				
				.schedule-box{
					margin: auto;
					width: 100%;
					height: 9rem;
					background-color: #fff;
					box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
					display: flex;
					flex-direction: column;
					overflow: hidden;
					border: 1px solid #dfdfdf;
					opacity: 0;
					transition: 1s;
					transform: translateY(15px);
				}
				
				.schedule-box.show{
					transform: translateY(0);
					opacity: 1;
				}
				
				.sch-box-top{
					height: 20%;
					width: 100%;
					text-align: center;
				}
				
				.sch-box-top p{
					padding-top: .3rem;
					text-align: center;
					font-size: 13px;
					font-family: 'Koulen', sans-serif;
				}
				
				
				.schedule-box-header{
					width: 100%;
					height: 20%;
					background-color: #fff;
					border-top: 1px solid #dfdfdf;
					color: #000;
					text-align: center;
					padding-top: .1rem;
					transition: all .3s ease-in;
				}
				
				.schedule-box-header:hover{
					cursor: pointer;
					background-color: #150258;
					border-top: 1px solid #dfdfdf;
					color: #fff;
					text-align: center;
					padding-top: .1rem;
				}
				
				.schedule-box-header:hover i{
					color: #fff;
					width: 100%;
					height: 100%;
				}
				
				.schedule-box-header:hover a{
					color: #fff;
				}
				
				.schedule-box-header p{
					
					font-size: 13px;
					font-family: 'Sarpanch', sans-serif;
				}
				
				.schedule-box-header a{
					background-color: transparent;
					font-size: 13px;
					text-decoration: none;
					color: #000;
				}
				
				.schedule-box-header i{
					font-size: 18px;
				}
				
				.schedule-box-wrapper{
					display: flex;
					flex-direction: row;
					width: 100%;
					height: 60%;
					background-color: #fff;
				}
				
				.away-logo,
				.home-logo{
					height: 100%;
					width: 30%;
					display: flex;
					flex-direction: column;
					justify-content: center;
					padding-bottom: 1rem;
					background-color: #fff;
				}

				
				.away-logo p,
				.home-logo p{
					font-size: 11px;
					text-align: center;
				}
				
				.away-logo img,
				.home-logo img{
					display: block;
					margin: auto;
					width: 3rem;
					height: auto;
				}
				
				
				
				.away-name,
				.home-name{
					width: 0%;
					height: 100%;
					background-color: #fff;
				}
				
				.away-name p{
					margin-top: 5rem;
					text-align: right;	
					font-size: 30px;
					font-family: 'Koulen', sans-serif;
					word-break: break-word;
				}
				
				.home-name p{
					margin-top: 5rem;
					text-align: right;	
					font-size: 30px;
					font-family: 'Koulen', sans-serif;
					text-align: left;
				}
				
				.away-score,
				.home-score{
					width: auto;
					height: 100%;
					display: flex;
					justify-content: center;
					align-items: center;
					background-color: #fff;
				}
				
				.away-score p,
				.home-score p{
					text-align: center;
					color: #000;
					text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
					font-family: 'Koulen', sans-serif;
					font-size: 20px;
					font-family: 'Koulen', sans-serif;
				}
				
				.match{
					height: 100%;
					width: 40%;
					display: flex;
					justify-content: center;
					align-items: center;
					font-family: 'Koulen', sans-serif;
				}
				
				.match p{
					text-align: center;
					font-size: 18px;
					font-family: 'Koulen', sans-serif;
					line-height: 1.3rem;
					margin: 0 .2rem;
				}

	
}

@media (max-width: 281px){

			
}

































section.news-sec{
	background-color: #e8e8e8;
	width: 100%;
	height: auto;
	padding-top: 8rem;
	padding-bottom: 4rem;
	display: flex;
	justify-content: center;
}



.news-container{
	background-color: transparent;
	width: 75%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 2rem;
	padding: 2rem;
	padding-bottom: 8rem;
}

.majalah-terbaru-container{
	height: 32rem;
	width: 100%;
	padding: 1rem;
	background-color: #fff;
	display: flex ;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

.majalah-terbaru-gambar{
	width: 50%;
	height: 100%;
	overflow: hidden;
	z-index: 2;
}

.majalah-terbaru-gambar img{
	width: 100%;
	height: 145%;
	
}

.majalah-terbaru-desc{
	width: 50%;
	height: 100%;
	padding: 0 1rem 0 1rem;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	opacity: 0;
	transition: .8s ease-in-out;
	transform: translateX(-10rem);
	
}

.majalah-terbaru-desc.show{
	transform: translateX(0);
	opacity: 1;
}

.majalah-terbaru-judul{
	border-bottom: 1px solid #b8b8b8;
}

.majalah-terbaru-judul p{
	color: #fc7703;
	font-size: 54px;
	font-family: 'Kanit', sans-serif;
}

.majalah-terbaru-judul-majalah{

}

.majalah-terbaru-judul-majalah p{
	font-size: 46px;
	font-family: 'Kanit', sans-serif;
	line-height: 3rem;
}

.majalah-terbaru-download{
	margin: auto;
}

.majalah-terbaru-download a{
	text-decoration: none;
	background-color: #fc7703;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
	color: #fff;
	padding-left: 2.7rem;
	padding-right: 2.7rem;
	padding-top: .7rem;
	padding-bottom: .7rem;
}

.majalah-terbaru-download a:hover{
	cursor: pointer;
	background-color: #c95f02;
}

.majalah-terbaru-update-time{
	text-align: left;
	color: #c1c0c0;

}

.majalah-terbaru-update-time i{
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
}

.news-main-container{
	width: 64%;
	height: auto;
	
}

.news-headerline{
	display: flex;
	flex-direction: column;
	gap: 1rem;
	border-bottom: 1px solid #242424;
}

.news-headerline p{
	font-size: 28px;
	color: #000;
	font-family: 'Kanit', sans-serif;
	padding-bottom: 1rem;
}



.news-box-container{
	margin-top: 2rem;
	width: 100%;
	height: auto;
	display: flex;
	gap: 2rem;
	flex-direction: column;
	justify-content: space-between;
}

.news-box{
	height: 12rem;
	width: 100%;
	background-color: #fff;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	opacity: 0;
	transform: translateY(5rem);
	transition: 1s ease;
}

.news-box.show{
	transform: translateY(0);
	opacity: 1;

}

.news-box:hover{
	cursor: pointer;
}

.news-box-img{
	width: 35%;
	height: 100%;
	overflow: hidden;
}

.news-box-img img{
	width: 100%;
	height: 100%;
	transition: .5s ease;
}

.news-box-img img:hover{
	transform: scale(1.1);
	cursor: pointer;
}

.news-box-desc{
	width: 65%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.news-box-judul{
 padding: 1rem 1rem 0 1rem;
 height: 50%;
 text-align: justify;
}

.news-box-judul a{
	text-decoration: none;
	color: #000;
	font-family: 'Kanit', sans-serif;
	font-size: 28px;
	line-height: 1.5rem;

}

.news-prev{
	height: 40%;
	padding: 0 1rem 0 1rem;
}

.news-prev p{
	font-family: 'Poppins', sans-serif;
	text-align: justify;
	font-size: 13px;
	color: #000;
}

.news-box-update-time{
	padding: 0 1rem 0.2rem 1rem;
	text-align: left;
	display: flex;
	flex-direction: row;
	justify-content: space-between;

}

.news-box-update-time i{
	font-family: 'Poppins', sans-serif;
	color: #b8b8b8;
	font-size: 13px;
}

.news-views img{
	font-family: 'Poppins', sans-serif;
	color: #b8b8b8;
	height: 13px;
	vertical-align: middle;
	width: auto;

}

.news-views div{
	font-family: 'Poppins', sans-serif;
	color: #b8b8b8;
	font-size: 16px;
}

.majalah-container{
	width: 32%;
	height: auto;
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

.majalah-box-wrapper{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 2rem;
	
}

.majalah-box{
	width: 100%;
	height: 12rem;
	background-color: #fff;
	display: flex;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
	opacity: 0;
	transform: translateY(5rem);
	transition: 2.5s ease;
}

.majalah-box.show{
	transform: translateY(0);
	opacity: 1;
	
}

.majalah-box-img{
	width: 38%;
	height: 100%;
}

.majalah-box-img img{
	width: 100%;
	height: 100%;
	box-shadow: 4px 0px 5px rgba(0, 0, 0, 0.3);
}

.majalah-box-desc{
	width: 62%;
	height: 100%;	
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.majalah-desc-judul{
	padding: .5rem 0 .5rem 1rem;
	background-color: #070a64;
	color: #fff;
}

.majalah-desc-judul p{
	font-family: 'Kanit', sans-serif;
	font-size: 24px;
	color: #fff;
}


.majalah-download{
	margin: auto;
}

.majalah-download i{
	font-size: 28px;
	padding: .5rem;
	color: #3f51f4;
	border: 2px solid #3f51f4;
	border-radius: 50%;
}

.majalah-download i:hover{
	color: #1a29aa;
	border: 2px solid #1a29aa;
	
}

.majalah-update-time{
	text-align: left;
	padding-left: 1rem;
}

.majalah-update-time i{
	font-family: 'Poppins', sans-serif;
	font-size: 12px;
	color: #b8b8b8;
}

.lihat-selengkapnya{
	opacity: 0;
	transform: translateY(5rem);
	transition: 1.5s;
}

.lihat-selengkapnya a{
	float: right;
	border: 1px solid #070a64;
	border-radius: 2rem;
	font-family: 'Poppins', sans-serif;
	font-size: 10px;
	padding: .5rem 2rem .5rem 2rem;
	text-decoration: none;
	color: #070a64;
	transition: .6s;
	
}

.lihat-selengkapnya a:hover{
	transform: scale(1.1);
	
}

.lihat-selengkapnya.show{
	opacity: 1;
	transform: translateX(0)
}

.lihat-selengkapnya-off a{
	float: right;
	border: 1px solid #b8b8b8;
	border-radius: 2rem;
	font-family: 'Poppins', sans-serif;
	font-size: 10px;
	padding: .5rem 2rem .5rem 2rem;
	text-decoration: none;
	color: #b8b8b8;
	transition: .6s;
}

.lihat-selengkapnya-off{
	opacity: 0;
	transform: translateY(5rem);
	transition: 1.5s;
}

.lihat-selengkapnya-off.show{
	opacity: 1;
	transform: translateX(0)
}


@media (max-width: 1585px){
			.news-container{
				background-color: transparent;
				width: 85%;
				height: auto;
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
				gap: 2rem;
				padding: 2rem;
				padding-bottom: 8rem;
			}

			.majalah-container{
				width: 32%;
				height: auto;
				display: flex;
				flex-direction: column;
				gap: 2rem;
			}
			
			.majalah-box-wrapper{
				width: 100%;
				height: auto;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				gap: 2rem;
				
			}
			
			.majalah-box{
				width: 100%;
				height: 12rem;
				background-color: #fff;
				display: flex;
				box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
				opacity: 0;
				transform: translateY(5rem);
				transition: 2.5s ease;
			}
			
			.majalah-box.show{
				transform: translateY(0);
				opacity: 1;
				
			}
			
			.majalah-box-img{
				width: 38%;
				height: 100%;
			}
			
			.majalah-box-img img{
				width: 100%;
				height: 100%;
				box-shadow: 4px 0px 5px rgba(0, 0, 0, 0.3);
			}
			
			.majalah-box-desc{
				width: 62%;
				height: 100%;	
				display: flex;
				flex-direction: column;
				justify-content: space-between;
			}
			
			.majalah-desc-judul{
				padding: .5rem .5rem .5m .5rem;
				background-color: #070a64;
				color: #fff;
			}
			
			.majalah-desc-judul p{
				font-family: 'Kanit', sans-serif;
				font-size: 22px;
				color: #fff;
			}
			
			
			.majalah-download{
				margin: auto;
			}
			
			.majalah-download i{
				font-size: 28px;
				padding: .5rem;
				color: #3f51f4;
				border: 2px solid #3f51f4;
				border-radius: 50%;
			}
			
			.majalah-download i:hover{
				color: #1a29aa;
				border: 2px solid #1a29aa;
				
			}
			
			.majalah-update-time{
				text-align: left;
				padding-left: 1rem;
			}
			
			.majalah-update-time i{
				font-family: 'Poppins', sans-serif;
				font-size: 12px;
				color: #b8b8b8;
			}
			
			
}

@media (max-width: 1385px){
				.news-container{
					background-color: transparent;
					width: 85%;
					height: auto;
					display: flex;
					flex-wrap: wrap;
					justify-content: space-between;
					gap: 2rem;
					padding: 2rem;
					padding-bottom: 8rem;
				}
				
				.majalah-terbaru-container{
					height: 29rem;
					width: 100%;
					padding: 1rem;
					background-color: #fff;
					display: flex ;
					box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
				}
				
				.majalah-terbaru-gambar{
					width: 50%;
					height: 100%;
					overflow: hidden;
					z-index: 2;
				}
				
				.majalah-terbaru-gambar img{
					width: 100%;
					height: 145%;
					
				}
				
				.majalah-terbaru-desc{
					width: 50%;
					height: 100%;
					padding: 0 1rem 0 1rem;
					display: flex;
					flex-direction: column;
					gap: 1rem;
					opacity: 0;
					transition: .8s ease-in-out;
					transform: translateX(-10rem);
					
				}
				
				.majalah-terbaru-desc.show{
					transform: translateX(0);
					opacity: 1;
				}
				
				.majalah-terbaru-judul{
					border-bottom: 1px solid #b8b8b8;
				}
				
				.majalah-terbaru-judul p{
					color: #fc7703;
					font-size: 51px;
					font-family: 'Kanit', sans-serif;
				}
				
				.majalah-terbaru-judul-majalah{
				
				}
				
				.majalah-terbaru-judul-majalah p{
					font-size: 42px;
					font-family: 'Kanit', sans-serif;
					line-height: 3rem;
				}
				
				.majalah-terbaru-download{
					margin: auto;
				}
				
				.majalah-terbaru-download a{
					text-decoration: none;
					background-color: #fc7703;
					box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
					color: #fff;
					padding-left: 2.7rem;
					padding-right: 2.7rem;
					padding-top: .7rem;
					padding-bottom: .7rem;
				}
				
				.majalah-terbaru-download a:hover{
					cursor: pointer;
					background-color: #c95f02;
				}
				
				.majalah-terbaru-update-time{
					text-align: left;
					color: #c1c0c0;
				
				}
				
				.majalah-terbaru-update-time i{
					font-family: 'Poppins', sans-serif;
					font-size: 16px;
				}
				
				.news-main-container{
					width: 64%;
					height: auto;
					
				}
				
				.news-headerline{
					display: flex;
					flex-direction: column;
					gap: 1rem;
					border-bottom: 1px solid #242424;
				}
				
				.news-headerline p{
					font-size: 22px;
					color: #000;
					font-family: 'Kanit', sans-serif;
					padding-bottom: 1rem;
				}
				
				
				
				.news-box-container{
					margin-top: 2rem;
					width: 100%;
					height: auto;
					display: flex;
					gap: 2rem;
					flex-direction: column;
					justify-content: space-between;
				}
				
				.news-box{
					height: 10rem;
					width: 100%;
					background-color: #fff;
					overflow: hidden;
					display: flex;
					justify-content: space-between;
					opacity: 0;
					transform: translateY(5rem);
					transition: 1s ease;
				}
				
				.news-box.show{
					transform: translateY(0);
					opacity: 1;
				
				}
				
				.news-box:hover{
					cursor: pointer;
				}
				
				.news-box-img{
					width: 35%;
					height: 100%;
					overflow: hidden;
				}
				
				.news-box-img img{
					width: 100%;
					height: 100%;
					transition: .5s ease;
				}
				
				.news-box-img img:hover{
					transform: scale(1.1);
					cursor: pointer;
				}
				
				.news-box-desc{
					width: 65%;
					height: 100%;
					display: flex;
					flex-direction: column;
					justify-content: space-between;
				}
				
				.news-box-judul{
				padding: 1rem 1rem 0 1rem;
				height: 50%;
				text-align: justify;
				}
				
				.news-box-judul a{
					text-decoration: none;
					color: #000;
					font-family: 'Kanit', sans-serif;
					font-size: 20px;
					line-height: 1rem;
				
				}
				
				.news-prev{
					height: 40%;
					padding: 0 1rem 0 1rem;
				}
				
				.news-prev p{
					font-family: 'Poppins', sans-serif;
					text-align: justify;
					font-size: 11px;
					color: #000;
				}
				
				.news-box-update-time{
					padding: 0 1rem 0.2rem 1rem;
					text-align: left;
					display: flex;
					flex-direction: row;
					justify-content: space-between;
				
				}
				
				.news-box-update-time i{
					font-family: 'Poppins', sans-serif;
					color: #b8b8b8;
					font-size: 12px;
				}
				
				.news-views img{
					font-family: 'Poppins', sans-serif;
					color: #b8b8b8;
					height: 13px;
					vertical-align: middle;
					width: auto;
				
				}
				
				.news-views div{
					font-family: 'Poppins', sans-serif;
					color: #b8b8b8;
					font-size: 16px;
				}
				
				.majalah-container{
					width: 32%;
					height: auto;
					display: flex;
					flex-direction: column;
					gap: 2rem;
				}
				
				.majalah-box-wrapper{
					width: 100%;
					height: auto;
					display: flex;
					flex-direction: column;
					justify-content: space-between;
					gap: 2rem;
					
				}
				
				.majalah-box{
					width: 100%;
					height: 10rem;
					background-color: #fff;
					display: flex;
					box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
					opacity: 0;
					transform: translateY(5rem);
					transition: 2.5s ease;
				}
				
				.majalah-box.show{
					transform: translateY(0);
					opacity: 1;
					
				}
				
				.majalah-box-img{
					width: 38%;
					height: 100%;
				}
				
				.majalah-box-img img{
					width: 100%;
					height: 100%;
					box-shadow: 4px 0px 5px rgba(0, 0, 0, 0.3);
				}
				
				.majalah-box-desc{
					width: 62%;
					height: 100%;	
					display: flex;
					flex-direction: column;
					justify-content: space-between;
				}
				
				.majalah-desc-judul{
					padding: .5rem .5rem .5rem .5rem;
					background-color: #070a64;
					color: #fff;
				}
				
				.majalah-desc-judul p{
					font-family: 'Kanit', sans-serif;
					font-size: 19px;
					color: #fff;
				}
				
				
				.majalah-download{
					margin: auto;
				}
				
				.majalah-download i{
					font-size: 28px;
					padding: .5rem;
					color: #3f51f4;
					border: 2px solid #3f51f4;
					border-radius: 50%;
				}
				
				.majalah-download i:hover{
					color: #1a29aa;
					border: 2px solid #1a29aa;
					
				}
				
				.majalah-update-time{
					text-align: left;
					padding-left: 1rem;
				}
				
				.majalah-update-time i{
					font-family: 'Poppins', sans-serif;
					font-size: 12px;
					color: #b8b8b8;
				}
				
				.lihat-selengkapnya{
					
				}
				
				.lihat-selengkapnya a{
					float: right;
					border: 1px solid #070a64;
					border-radius: 2rem;
					font-family: 'Poppins', sans-serif;
					font-size: 10px;
					padding: .5rem 2rem .5rem 2rem;
					text-decoration: none;
					color: #070a64;
					transition: .6s;
				}
}


@media (max-width: 1181px){
				.news-container{
					background-color: transparent;
					width: 85%;
					height: auto;
					display: flex;
					flex-wrap: wrap;
					justify-content: space-between;
					gap: 2rem;
					padding: 2rem;
					padding-bottom: 8rem;
				}
				
				.majalah-terbaru-container{
					height: 29rem;
					width: 100%;
					padding: 1rem;
					background-color: #fff;
					display: flex ;
					box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
				}
				
				.majalah-terbaru-gambar{
					width: 50%;
					height: 100%;
					overflow: hidden;
					z-index: 2;
				}
				
				.majalah-terbaru-gambar img{
					width: 100%;
					height: 145%;
					
				}
				
				.majalah-terbaru-desc{
					width: 50%;
					height: 100%;
					padding: 0 1rem 0 1rem;
					display: flex;
					flex-direction: column;
					gap: 1rem;
					opacity: 0;
					transition: .8s ease-in-out;
					transform: translateX(-10rem);
					
				}
				
				.majalah-terbaru-desc.show{
					transform: translateX(0);
					opacity: 1;
				}
				
				.majalah-terbaru-judul{
					border-bottom: 1px solid #b8b8b8;
				}
				
				.majalah-terbaru-judul p{
					color: #fc7703;
					font-size: 51px;
					font-family: 'Kanit', sans-serif;
				}
				
				.majalah-terbaru-judul-majalah{
				
				}
				
				.majalah-terbaru-judul-majalah p{
					font-size: 42px;
					font-family: 'Kanit', sans-serif;
					line-height: 3rem;
				}
				
				.majalah-terbaru-download{
					margin: auto;
				}
				
				.majalah-terbaru-download a{
					text-decoration: none;
					background-color: #fc7703;
					box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
					color: #fff;
					padding-left: 2.7rem;
					padding-right: 2.7rem;
					padding-top: .7rem;
					padding-bottom: .7rem;
				}
				
				.majalah-terbaru-download a:hover{
					cursor: pointer;
					background-color: #c95f02;
				}
				
				.majalah-terbaru-update-time{
					text-align: left;
					color: #c1c0c0;
				
				}
				
				.majalah-terbaru-update-time i{
					font-family: 'Poppins', sans-serif;
					font-size: 16px;
				}
				
				.news-main-container{
					width: 64%;
					height: auto;
					
				}
				
				.news-headerline{
					display: flex;
					flex-direction: column;
					gap: 1rem;
					border-bottom: 1px solid #242424;
				}
				
				.news-headerline p{
					font-size: 20px;
					color: #000;
					font-family: 'Kanit', sans-serif;
					padding-bottom: 1rem;
				}
				
				
				
				.news-box-container{
					margin-top: 2rem;
					width: 100%;
					height: auto;
					display: flex;
					gap: 2rem;
					flex-direction: column;
					justify-content: space-between;
				}
				
				.news-box{
					height: 9.5rem;
					width: 100%;
					background-color: #fff;
					overflow: hidden;
					display: flex;
					justify-content: space-between;
					opacity: 0;
					transform: translateY(5rem);
					transition: 1s ease;
				}
				
				.news-box.show{
					transform: translateY(0);
					opacity: 1;
				
				}
				
				.news-box:hover{
					cursor: pointer;
				}
				
				.news-box-img{
					width: 35%;
					height: 100%;
					overflow: hidden;
				}
				
				.news-box-img img{
					width: 100%;
					height: 100%;
					transition: .5s ease;
				}
				
				.news-box-img img:hover{
					transform: scale(1.1);
					cursor: pointer;
				}
				
				.news-box-desc{
					width: 65%;
					height: 100%;
					display: flex;
					flex-direction: column;
					justify-content: space-between;
				}
				
				.news-box-judul{
				padding: 1rem 1rem 0 1rem;
				height: 50%;
				text-align: justify;
				}
				
				.news-box-judul a{
					text-decoration: none;
					color: #000;
					font-family: 'Kanit', sans-serif;
					font-size: 19px;
					line-height: .8rem;
				
				}
				
				.news-prev{
					height: 40%;
					padding: .5rem 1rem 0 1rem;
				}
				
				.news-prev p{
					font-family: 'Poppins', sans-serif;
					text-align: justify;
					font-size: 10px;
					color: #000;
				}
				
				.news-box-update-time{
					padding: 0 1rem 0.2rem 1rem;
					text-align: left;
					display: flex;
					flex-direction: row;
					justify-content: space-between;
				
				}
				
				.news-box-update-time i{
					font-family: 'Poppins', sans-serif;
					color: #b8b8b8;
					font-size: 11px;
				}
				
				.news-views img{
					font-family: 'Poppins', sans-serif;
					color: #b8b8b8;
					height: 13px;
					vertical-align: middle;
					width: auto;
				
				}
				
				.news-views div{
					font-family: 'Poppins', sans-serif;
					color: #b8b8b8;
					font-size: 15px;
				}
				
				.majalah-container{
					width: 32%;
					height: auto;
					display: flex;
					flex-direction: column;
					gap: 2rem;
				}
				
				.majalah-box-wrapper{
					width: 100%;
					height: auto;
					display: flex;
					flex-direction: column;
					justify-content: space-between;
					gap: 2rem;
					
				}
				
				.majalah-box{
					width: 100%;
					height: 9.5rem;
					background-color: #fff;
					display: flex;
					box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
					opacity: 0;
					transform: translateY(5rem);
					transition: 2.5s ease;
				}
				
				.majalah-box.show{
					transform: translateY(0);
					opacity: 1;
					
				}
				
				.majalah-box-img{
					width: 38%;
					height: 100%;
				}
				
				.majalah-box-img img{
					width: 100%;
					height: 100%;
					box-shadow: 4px 0px 5px rgba(0, 0, 0, 0.3);
				}
				
				.majalah-box-desc{
					width: 62%;
					height: 100%;	
					display: flex;
					flex-direction: column;
					justify-content: space-between;
				}
				
				.majalah-desc-judul{
					padding: .5rem 0 .5rem .5rem;
					background-color: #070a64;
					color: #fff;
				}
				
				.majalah-desc-judul p{
					font-family: 'Kanit', sans-serif;
					font-size: 17px;
					color: #fff;
				}
				
				
				.majalah-download{
					margin: auto;
				}
				
				.majalah-download i{
					font-size: 25px;
					padding: .5rem;
					color: #3f51f4;
					border: 2px solid #3f51f4;
					border-radius: 50%;
				}
				
				.majalah-download i:hover{
					color: #1a29aa;
					border: 2px solid #1a29aa;
					
				}
				
				.majalah-update-time{
					text-align: left;
					padding-left: 1rem;
				}
				
				.majalah-update-time i{
					font-family: 'Poppins', sans-serif;
					font-size: 10px;
					color: #b8b8b8;
				}
				
				.lihat-selengkapnya{
					
				}
				
				.lihat-selengkapnya a{
					float: right;
					border: 1px solid #070a64;
					border-radius: 2rem;
					font-family: 'Poppins', sans-serif;
					font-size: 10px;
					padding: .5rem 2rem .5rem 2rem;
					text-decoration: none;
					color: #070a64;
					transition: .6s;
				}
}

@media (max-width: 1080px){
			.news-container{
				background-color: transparent;
				width: 85%;
				height: auto;
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
				gap: 2rem;
				padding: 2rem;
				padding-bottom: 8rem;
			}
			
			.majalah-terbaru-container{
				height: 26rem;
				width: 100%;
				padding: 1rem;
				background-color: #fff;
				display: flex ;
				box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
			}
			
			.majalah-terbaru-gambar{
				width: 50%;
				height: 100%;
				overflow: hidden;
				z-index: 2;
			}
			
			.majalah-terbaru-gambar img{
				width: 100%;
				height: 145%;
				
			}
			
			.majalah-terbaru-desc{
				width: 50%;
				height: 100%;
				padding: 0 1rem 0 1rem;
				display: flex;
				flex-direction: column;
				gap: 1rem;
				opacity: 0;
				transition: .8s ease-in-out;
				transform: translateX(-10rem);
				
			}
			
			.majalah-terbaru-desc.show{
				transform: translateX(0);
				opacity: 1;
			}
			
			.majalah-terbaru-judul{
				border-bottom: 1px solid #b8b8b8;
			}
			
			.majalah-terbaru-judul p{
				color: #fc7703;
				font-size: 38px;
				font-family: 'Kanit', sans-serif;
			}
			
			.majalah-terbaru-judul-majalah{
			
			}
			
			.majalah-terbaru-judul-majalah p{
				font-size: 38px;
				font-family: 'Kanit', sans-serif;
				line-height: 3rem;
			}
			
			.majalah-terbaru-download{
				margin: auto;
			}
			
			.majalah-terbaru-download a{
				text-decoration: none;
				background-color: #fc7703;
				box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
				color: #fff;
				padding-left: 2.7rem;
				padding-right: 2.7rem;
				padding-top: .7rem;
				padding-bottom: .7rem;
			}
			
			.majalah-terbaru-download a:hover{
				cursor: pointer;
				background-color: #c95f02;
			}
			
			.majalah-terbaru-update-time{
				text-align: left;
				color: #c1c0c0;
			
			}
			
			.majalah-terbaru-update-time i{
				font-family: 'Poppins', sans-serif;
				font-size: 13px;
			}
			
			.news-main-container{
				width: 100%;
				height: auto;
				
			}
			
			.news-headerline{
				display: flex;
				flex-direction: column;
				gap: 1rem;
				border-bottom: 1px solid #242424;
			}
			
			.news-headerline p{
				font-size: 28px;
				color: #000;
				font-family: 'Kanit', sans-serif;
				padding-bottom: 1rem;
			}
			
			
			
			.news-box-container{
				margin-top: 2rem;
				width: 100%;
				height: auto;
				display: flex;
				gap: 2rem;
				flex-direction: column;
				justify-content: space-between;
			}
			
			.news-box{
				height: 12rem;
				width: 100%;
				background-color: #fff;
				overflow: hidden;
				display: flex;
				justify-content: space-between;
				opacity: 0;
				transform: translateY(5rem);
				transition: 1s ease;
			}
			
			.news-box.show{
				transform: translateY(0);
				opacity: 1;
			
			}
			
			.news-box:hover{
				cursor: pointer;
			}
			
			.news-box-img{
				width: 35%;
				height: 100%;
				overflow: hidden;
			}
			
			.news-box-img img{
				width: 100%;
				height: 100%;
				transition: .5s ease;
			}
			
			.news-box-img img:hover{
				transform: scale(1.1);
				cursor: pointer;
			}
			
			.news-box-desc{
				width: 65%;
				height: 100%;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
			}
			
			.news-box-judul{
			padding: 1rem 1rem 0 1rem;
			height: 50%;
			text-align: justify;
			}
			
			.news-box-judul a{
				text-decoration: none;
				color: #000;
				font-family: 'Kanit', sans-serif;
				font-size: 24px;
				line-height: 1.5rem;
			
			}
			
			.news-prev{
				height: 40%;
				padding: 0 1rem 0 1rem;
			}
			
			.news-prev p{
				font-family: 'Poppins', sans-serif;
				text-align: justify;
				font-size: 14px;
				color: #000;
			}
			
			.news-box-update-time{
				padding: 0 1rem 0.2rem 1rem;
				text-align: left;
				display: flex;
				flex-direction: row;
				justify-content: space-between;
			
			}
			
			.news-box-update-time i{
				font-family: 'Poppins', sans-serif;
				color: #b8b8b8;
				font-size: 13px;
			}
			
			.news-views img{
				font-family: 'Poppins', sans-serif;
				color: #b8b8b8;
				height: 15px;
				vertical-align: middle;
				width: auto;
			
			}
			
			.news-views div{
				font-family: 'Poppins', sans-serif;
				color: #b8b8b8;
				font-size: 18px;
			}
			
			.majalah-container{
				width: 100%;
				height: auto;
				display: flex;
				flex-direction: column;
				gap: 2rem;
			}
			
			.majalah-box-wrapper{
				width: 100%;
				height: auto;
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
				justify-content: space-between;
				gap: 2rem;
				
			}
			
			.majalah-box{
				width: 46.5%;
				height: 10rem;
				background-color: #fff;
				display: flex;
				box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
				opacity: 0;
				transform: translateY(5rem);
				transition: 2.5s ease;
			}
			
			.majalah-box.show{
				transform: translateY(0);
				opacity: 1;
				
			}
			
			.majalah-box-img{
				width: 38%;
				height: 100%;
			}
			
			.majalah-box-img img{
				width: 100%;
				height: 100%;
				box-shadow: 4px 0px 5px rgba(0, 0, 0, 0.3);
			}
			
			.majalah-box-desc{
				width: 62%;
				height: 100%;	
				display: flex;
				flex-direction: column;
				justify-content: space-between;
			}
			
			.majalah-desc-judul{
				padding: .5rem 1rem .5rem .5rem;
				background-color: #070a64;
				color: #fff;
			}
			
			.majalah-desc-judul p{
				font-family: 'Kanit', sans-serif;
				font-size: 19px;
				color: #fff;
			}
			
			
			.majalah-download{
				margin: auto;
			}
			
			.majalah-download i{
				font-size: 25px;
				padding: .5rem;
				color: #3f51f4;
				border: 2px solid #3f51f4;
				border-radius: 50%;
			}
			
			.majalah-download i:hover{
				color: #1a29aa;
				border: 2px solid #1a29aa;
				
			}
			
			.majalah-update-time{
				text-align: left;
				padding-left: 1rem;
			}
			
			.majalah-update-time i{
				font-family: 'Poppins', sans-serif;
				font-size: 10px;
				color: #b8b8b8;
			}
			
			.lihat-selengkapnya{
				
			}
			
			.lihat-selengkapnya a{
				float: right;
				border: 1px solid #070a64;
				border-radius: 2rem;
				font-family: 'Poppins', sans-serif;
				font-size: 8px;
				padding: .5rem 1.5rem .5rem 1.5rem;
				text-decoration: none;
				color: #070a64;
				transition: .6s;
			}
}

@media (max-width: 931px){
				.news-container{
					background-color: transparent;
					width: 85%;
					height: auto;
					display: flex;
					flex-wrap: wrap;
					justify-content: space-between;
					gap: 2rem;
					padding: 2rem;
					padding-bottom: 8rem;
				}
				
				.majalah-terbaru-container{
					height: 22rem;
					width: 100%;
					padding: 1rem;
					background-color: #fff;
					display: flex ;
					box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
				}
				
				.majalah-terbaru-gambar{
					width: 50%;
					height: 100%;
					overflow: hidden;
					z-index: 2;
				}
				
				.majalah-terbaru-gambar img{
					width: 100%;
					height: 145%;
					
				}
				
				.majalah-terbaru-desc{
					width: 50%;
					height: 100%;
					padding: 0 1rem 0 1rem;
					display: flex;
					flex-direction: column;
					gap: 1rem;
					opacity: 0;
					transition: .8s ease-in-out;
					transform: translateX(-10rem);
					
				}
				
				.majalah-terbaru-desc.show{
					transform: translateX(0);
					opacity: 1;
				}
				
				.majalah-terbaru-judul{
					border-bottom: 1px solid #b8b8b8;
				}
				
				.majalah-terbaru-judul p{
					color: #fc7703;
					font-size: 32px;
					font-family: 'Kanit', sans-serif;
				}
				
				.majalah-terbaru-judul-majalah{
				
				}
				
				.majalah-terbaru-judul-majalah p{
					font-size: 30px;
					font-family: 'Kanit', sans-serif;
					line-height: 3rem;
				}
				
				.majalah-terbaru-download{
					margin: auto;
				}
				
				.majalah-terbaru-download a{
					text-decoration: none;
					background-color: #fc7703;
					box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
					font-size: 12px;
					color: #fff;
					padding-left: 2.2rem;
					padding-right: 2.2rem;
					padding-top: .5rem;
					padding-bottom: .5rem;
				}
				
				.majalah-terbaru-download a:hover{
					cursor: pointer;
					background-color: #c95f02;
				}
				
				.majalah-terbaru-update-time{
					text-align: left;
					color: #c1c0c0;
				
				}
				
				.majalah-terbaru-update-time i{
					font-family: 'Poppins', sans-serif;
					font-size: 11px;
				}
				
				.news-main-container{
					width: 100%;
					height: auto;
					
				}
				
				.news-headerline{
					display: flex;
					flex-direction: column;
					gap: 1rem;
					border-bottom: 1px solid #242424;
				}
				
				.news-headerline p{
					font-size: 28px;
					color: #000;
					font-family: 'Kanit', sans-serif;
					padding-bottom: 1rem;
				}
				
				
				
				.news-box-container{
					margin-top: 2rem;
					width: 100%;
					height: auto;
					display: flex;
					gap: 2rem;
					flex-direction: column;
					justify-content: space-between;
				}
				
				.news-box{
					height: 12rem;
					width: 100%;
					background-color: #fff;
					overflow: hidden;
					display: flex;
					justify-content: space-between;
					opacity: 0;
					transform: translateY(5rem);
					transition: 1s ease;
				}
				
				.news-box.show{
					transform: translateY(0);
					opacity: 1;
				
				}
				
				.news-box:hover{
					cursor: pointer;
				}
				
				.news-box-img{
					width: 35%;
					height: 100%;
					overflow: hidden;
				}
				
				.news-box-img img{
					width: 100%;
					height: 100%;
					transition: .5s ease;
				}
				
				.news-box-img img:hover{
					transform: scale(1.1);
					cursor: pointer;
				}
				
				.news-box-desc{
					width: 65%;
					height: 100%;
					display: flex;
					flex-direction: column;
					justify-content: space-between;
				}
				
				.news-box-judul{
				padding: 1rem 1rem 0 1rem;
				height: 50%;
				text-align: justify;
				}
				
				.news-box-judul a{
					text-decoration: none;
					color: #000;
					font-family: 'Kanit', sans-serif;
					font-size: 22px;
					line-height: 1.5rem;
				
				}
				
				.news-prev{
					height: 40%;
					padding: 0 1rem 0 1rem;
				}
				
				.news-prev p{
					font-family: 'Poppins', sans-serif;
					text-align: justify;
					font-size: 12px;
					color: #000;
				}
				
				.news-box-update-time{
					padding: 0 1rem 0.2rem 1rem;
					text-align: left;
					display: flex;
					flex-direction: row;
					justify-content: space-between;
				
				}
				
				.news-box-update-time i{
					font-family: 'Poppins', sans-serif;
					color: #b8b8b8;
					font-size: 13px;
				}
				
				.news-views img{
					font-family: 'Poppins', sans-serif;
					color: #b8b8b8;
					height: 15px;
					vertical-align: middle;
					width: auto;
				
				}
				
				.news-views div{
					font-family: 'Poppins', sans-serif;
					color: #b8b8b8;
					font-size: 18px;
				}
				
				.majalah-container{
					width: 100%;
					height: auto;
					display: flex;
					flex-direction: column;
					gap: 2rem;
				}
				
				.majalah-box-wrapper{
					width: 100%;
					height: auto;
					display: flex;
					flex-direction: row;
					flex-wrap: wrap;
					justify-content: space-between;
					gap: 2rem;
					
				}
				
				.majalah-box{
					width: 46%;
					height: 10rem;
					background-color: #fff;
					display: flex;
					box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
					opacity: 0;
					transform: translateY(5rem);
					transition: 2.5s ease;
				}
				
				.majalah-box.show{
					transform: translateY(0);
					opacity: 1;
					
				}
				
				.majalah-box-img{
					width: 38%;
					height: 100%;
				}
				
				.majalah-box-img img{
					width: 100%;
					height: 100%;
					box-shadow: 4px 0px 5px rgba(0, 0, 0, 0.3);
				}
				
				.majalah-box-desc{
					width: 62%;
					height: 100%;	
					display: flex;
					flex-direction: column;
					justify-content: space-between;
				}
				
				.majalah-desc-judul{
					padding: .5rem 1rem .5rem .5rem;
					background-color: #070a64;
					color: #fff;
				}
				
				.majalah-desc-judul p{
					font-family: 'Kanit', sans-serif;
					font-size: 19px;
					color: #fff;
				}
				
				
				.majalah-download{
					margin: auto;
				}
				
				.majalah-download i{
					font-size: 25px;
					padding: .5rem;
					color: #3f51f4;
					border: 2px solid #3f51f4;
					border-radius: 50%;
				}
				
				.majalah-download i:hover{
					color: #1a29aa;
					border: 2px solid #1a29aa;
					
				}
				
				.majalah-update-time{
					text-align: left;
					padding-left: 1rem;
				}
				
				.majalah-update-time i{
					font-family: 'Poppins', sans-serif;
					font-size: 10px;
					color: #b8b8b8;
				}
				
				.lihat-selengkapnya{
					
				}
				
				.lihat-selengkapnya a{
					float: right;
					border: 1px solid #070a64;
					border-radius: 2rem;
					font-family: 'Poppins', sans-serif;
					font-size: 8px;
					padding: .5rem 1.5rem .5rem 1.5rem;
					text-decoration: none;
					color: #070a64;
					transition: .6s;
				}
}

@media (max-width: 831px){
				.news-container{
					background-color: transparent;
					width: 85%;
					height: auto;
					display: flex;
					flex-wrap: wrap;
					justify-content: space-between;
					gap: 2rem;
					padding: 2rem;
					padding-bottom: 8rem;
				}
				
				.majalah-terbaru-container{
					height: 22rem;
					width: 100%;
					padding: 1rem;
					background-color: #fff;
					display: flex ;
					box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
				}
				
				.majalah-terbaru-gambar{
					width: 50%;
					height: 100%;
					overflow: hidden;
					z-index: 2;
				}
				
				.majalah-terbaru-gambar img{
					width: 100%;
					height: 145%;
					
				}
				
				.majalah-terbaru-desc{
					width: 50%;
					height: 100%;
					padding: 0 1rem 0 1rem;
					display: flex;
					flex-direction: column;
					gap: 1rem;
					opacity: 0;
					transition: .8s ease-in-out;
					transform: translateX(-10rem);
					
				}
				
				.majalah-terbaru-desc.show{
					transform: translateX(0);
					opacity: 1;
				}
				
				.majalah-terbaru-judul{
					border-bottom: 1px solid #b8b8b8;
				}
				
				.majalah-terbaru-judul p{
					color: #fc7703;
					font-size: 32px;
					font-family: 'Kanit', sans-serif;
				}
				
				.majalah-terbaru-judul-majalah{
				
				}
				
				.majalah-terbaru-judul-majalah p{
					font-size: 30px;
					font-family: 'Kanit', sans-serif;
					line-height: 3rem;
				}
				
				.majalah-terbaru-download{
					margin: auto;
				}
				
				.majalah-terbaru-download a{
					text-decoration: none;
					background-color: #fc7703;
					box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
					font-size: 12px;
					color: #fff;
					padding-left: 2.2rem;
					padding-right: 2.2rem;
					padding-top: .5rem;
					padding-bottom: .5rem;
				}
				
				.majalah-terbaru-download a:hover{
					cursor: pointer;
					background-color: #c95f02;
				}
				
				.majalah-terbaru-update-time{
					text-align: left;
					color: #c1c0c0;
				
				}
				
				.majalah-terbaru-update-time i{
					font-family: 'Poppins', sans-serif;
					font-size: 11px;
				}
				
				.news-main-container{
					width: 100%;
					height: auto;
					
				}
				
				.news-headerline{
					display: flex;
					flex-direction: column;
					gap: 1rem;
					border-bottom: 1px solid #242424;
				}
				
				.news-headerline p{
					font-size: 28px;
					color: #000;
					font-family: 'Kanit', sans-serif;
					padding-bottom: 1rem;
				}
				
				
				
				.news-box-container{
					margin-top: 2rem;
					width: 100%;
					height: auto;
					display: flex;
					gap: 2rem;
					flex-direction: column;
					justify-content: space-between;
				}
				
				.news-box{
					height: 12rem;
					width: 100%;
					background-color: #fff;
					overflow: hidden;
					display: flex;
					justify-content: space-between;
					opacity: 0;
					transform: translateY(5rem);
					transition: 1s ease;
				}
				
				.news-box.show{
					transform: translateY(0);
					opacity: 1;
				
				}
				
				.news-box:hover{
					cursor: pointer;
				}
				
				.news-box-img{
					width: 35%;
					height: 100%;
					overflow: hidden;
				}
				
				.news-box-img img{
					width: 100%;
					height: 100%;
					transition: .5s ease;
				}
				
				.news-box-img img:hover{
					transform: scale(1.1);
					cursor: pointer;
				}
				
				.news-box-desc{
					width: 65%;
					height: 100%;
					display: flex;
					flex-direction: column;
					justify-content: space-between;
				}
				
				.news-box-judul{
				padding: 1rem 1rem 0 1rem;
				height: 50%;
				text-align: justify;
				}
				
				.news-box-judul a{
					text-decoration: none;
					color: #000;
					font-family: 'Kanit', sans-serif;
					font-size: 22px;
					line-height: 1.5rem;
				
				}
				
				.news-prev{
					height: 40%;
					padding: 0 1rem 0 1rem;
				}
				
				.news-prev p{
					font-family: 'Poppins', sans-serif;
					text-align: justify;
					font-size: 12px;
					color: #000;
				}
				
				.news-box-update-time{
					padding: 0 1rem 0.2rem 1rem;
					text-align: left;
					display: flex;
					flex-direction: row;
					justify-content: space-between;
				
				}
				
				.news-box-update-time i{
					font-family: 'Poppins', sans-serif;
					color: #b8b8b8;
					font-size: 13px;
				}
				
				.news-views img{
					font-family: 'Poppins', sans-serif;
					color: #b8b8b8;
					height: 15px;
					vertical-align: middle;
					width: auto;
				
				}
				
				.news-views div{
					font-family: 'Poppins', sans-serif;
					color: #b8b8b8;
					font-size: 18px;
				}
				
				.majalah-container{
					width: 100%;
					height: auto;
					display: flex;
					flex-direction: column;
					gap: 2rem;
				}
				
				.majalah-box-wrapper{
					width: 100%;
					height: auto;
					display: flex;
					flex-direction: row;
					flex-wrap: wrap;
					justify-content: space-between;
					gap: 2rem;
					
				}
				
				.majalah-box{
					width: 46.5%;
					height: 9rem;
					background-color: #fff;
					display: flex;
					box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
					opacity: 0;
					transform: translateY(5rem);
					transition: 2.5s ease;
				}
				
				.majalah-box.show{
					transform: translateY(0);
					opacity: 1;
					
				}
				
				.majalah-box-img{
					width: 38%;
					height: 100%;
				}
				
				.majalah-box-img img{
					width: 100%;
					height: 100%;
					box-shadow: 4px 0px 5px rgba(0, 0, 0, 0.3);
				}
				
				.majalah-box-desc{
					width: 62%;
					height: 100%;	
					display: flex;
					flex-direction: column;
					justify-content: space-between;
				}
				
				.majalah-desc-judul{
					padding: .5rem 1rem .5rem .5rem;
					background-color: #070a64;
					color: #fff;
				}
				
				.majalah-desc-judul p{
					font-family: 'Kanit', sans-serif;
					font-size: 16px;
					color: #fff;
				}
				
				
				.majalah-download{
					margin: auto;
				}
				
				.majalah-download i{
					font-size: 20px;
					padding: .5rem;
					color: #3f51f4;
					border: 2px solid #3f51f4;
					border-radius: 50%;
				}
				
				.majalah-download i:hover{
					color: #1a29aa;
					border: 2px solid #1a29aa;
					
				}
				
				.majalah-update-time{
					text-align: left;
					padding-left: 1rem;
				}
				
				.majalah-update-time i{
					font-family: 'Poppins', sans-serif;
					font-size: 9px;
					color: #b8b8b8;
				}
				
				.lihat-selengkapnya{
					
				}
				
				.lihat-selengkapnya a{
					float: right;
					border: 1px solid #070a64;
					border-radius: 2rem;
					font-family: 'Poppins', sans-serif;
					font-size: 8px;
					padding: .5rem 1.5rem .5rem 1.5rem;
					text-decoration: none;
					color: #070a64;
					transition: .6s;
				}
}


@media (max-width: 761px){
				.news-container{
					background-color: transparent;
					width: 100%;
					height: auto;
					display: flex;
					flex-wrap: wrap;
					justify-content: space-between;
					gap: 2rem;
					padding: 2rem;
					padding-bottom: 8rem;
				}
				
				.majalah-terbaru-container{
					height: auto;
					width: 100%;
					padding: 1rem;
					background-color: #fff;
					display: flex ;
					flex-direction: column;
					gap: 2rem;
					box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
				}
				
				.majalah-terbaru-gambar{
					width: 100%;
					height: 100%;
					overflow: hidden;
					z-index: 2;
				}
				
				.majalah-terbaru-gambar img{
					width: 100%;
					height: 145%;
					
				}
				
				.majalah-terbaru-desc{
					width: 100%;
					height: 100%;
					padding: 0 1rem 0 1rem;
					display: flex;
					flex-direction: column;
					gap: 1rem;
					opacity: 0;
					transition: .8s ease-in-out;
					transform: translateY(-15rem);
					
				}
				
				.majalah-terbaru-desc.show{
					transform: translateX(0);
					opacity: 1;
				}
				
				.majalah-terbaru-judul{
					border-bottom: 1px solid #b8b8b8;
				}
				
				.majalah-terbaru-judul p{
					color: #fc7703;
					font-size: 36px;
					font-family: 'Kanit', sans-serif;
				}
				
				.majalah-terbaru-judul-majalah{
				
				}
				
				.majalah-terbaru-judul-majalah p{
					font-size: 36px;
					font-family: 'Kanit', sans-serif;
					line-height: 3rem;
				}
				
				.majalah-terbaru-download{
					margin: auto;
				}
				
				.majalah-terbaru-download a{
					text-decoration: none;
					background-color: #fc7703;
					box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
					font-size: 18px;
					color: #fff;
					padding-left: 2.6rem;
					padding-right: 2.6rem;
					padding-top: .7rem;
					padding-bottom: .7rem;
				}
				
				.majalah-terbaru-download a:hover{
					cursor: pointer;
					background-color: #c95f02;
				}
				
				.majalah-terbaru-update-time{
					text-align: left;
					color: #c1c0c0;
				
				}
				
				.majalah-terbaru-update-time i{
					font-family: 'Poppins', sans-serif;
					font-size: 13px;
				}
				
				.news-main-container{
					width: 100%;
					height: auto;
					
				}
				
				.news-headerline{
					display: flex;
					flex-direction: column;
					gap: 1rem;
					border-bottom: 1px solid #242424;
				}
				
				.news-headerline p{
					font-size: 28px;
					color: #000;
					font-family: 'Kanit', sans-serif;
					padding-bottom: 1rem;
				}
				
				
				
				.news-box-container{
					margin-top: 2rem;
					width: 100%;
					height: auto;
					display: flex;
					gap: 2rem;
					flex-direction: column;
					justify-content: space-between;
				}
				
				.news-box{
					height: 10rem;
					width: 100%;
					background-color: #fff;
					overflow: hidden;
					display: flex;
					justify-content: space-between;
					opacity: 0;
					transform: translateY(5rem);
					transition: 1s ease;
				}
				
				.news-box.show{
					transform: translateY(0);
					opacity: 1;
				
				}
				
				.news-box:hover{
					cursor: pointer;
				}
				
				.news-box-img{
					width: 40%;
					height: 100%;
					overflow: hidden;
				}
				
				.news-box-img img{
					width: 100%;
					height: 100%;
					transition: .5s ease;
				}
				
				.news-box-img img:hover{
					transform: scale(1.1);
					cursor: pointer;
				}
				
				.news-box-desc{
					width: 60%;
					height: 100%;
					display: flex;
					flex-direction: column;
					justify-content: space-between;
				}
				
				.news-box-judul{
				padding: 1rem 1rem 0 1rem;
				height: 50%;
				text-align: justify;
				}
				
				.news-box-judul a{
					text-decoration: none;
					color: #000;
					font-family: 'Kanit', sans-serif;
					font-size: 19px;
					line-height: 1.5rem;
				
				}
				
				.news-prev{
					height: 40%;
					padding: 0 1rem 0 1rem;
				}
				
				.news-prev p{
					font-family: 'Poppins', sans-serif;
					text-align: justify;
					font-size: 9px;
					color: #000;
				}
				
				.news-box-update-time{
					padding: 0 1rem 0.2rem 1rem;
					text-align: left;
					display: flex;
					flex-direction: row;
					justify-content: space-between;
				
				}
				
				.news-box-update-time i{
					font-family: 'Poppins', sans-serif;
					color: #b8b8b8;
					font-size: 11px;
				}
				
				.news-views img{
					font-family: 'Poppins', sans-serif;
					color: #b8b8b8;
					height: 12px;
					vertical-align: middle;
					width: auto;
				
				}
				
				.news-views div{
					font-family: 'Poppins', sans-serif;
					color: #b8b8b8;
					font-size: 15px;
				}
				
				.majalah-container{
					width: 100%;
					height: auto;
					display: flex;
					flex-direction: column;
					gap: 2rem;
				}
				
				.majalah-box-wrapper{
					width: 100%;
					height: auto;
					display: flex;
					flex-direction: column;
					flex-wrap: unset;
					justify-content: space-between;
					gap: 2rem;
					
				}
				
				.majalah-box{
					width: 100%;
					height: 12rem;
					background-color: #fff;
					display: flex;
					box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
					opacity: 0;
					transform: translateY(5rem);
					transition: 2.5s ease;
				}
				
				.majalah-box.show{
					transform: translateY(0);
					opacity: 1;
					
				}
				
				.majalah-box-img{
					width: 38%;
					height: 100%;
				}
				
				.majalah-box-img img{
					width: 100%;
					height: 100%;
					box-shadow: 4px 0px 5px rgba(0, 0, 0, 0.3);
				}
				
				.majalah-box-desc{
					width: 62%;
					height: 100%;	
					display: flex;
					flex-direction: column;
					justify-content: space-between;
				}
				
				.majalah-desc-judul{
					padding: .5rem 1rem .5rem .5rem;
					background-color: #070a64;
					color: #fff;
				}
				
				.majalah-desc-judul p{
					font-family: 'Kanit', sans-serif;
					font-size: 22px;
					color: #fff;
				}
				
				
				.majalah-download{
					margin: auto;
				}
				
				.majalah-download i{
					font-size: 28px;
					padding: .5rem;
					color: #3f51f4;
					border: 2px solid #3f51f4;
					border-radius: 50%;
				}
				
				.majalah-download i:hover{
					color: #1a29aa;
					border: 2px solid #1a29aa;
					
				}
				
				.majalah-update-time{
					text-align: left;
					padding-left: 1rem;
				}
				
				.majalah-update-time i{
					font-family: 'Poppins', sans-serif;
					font-size: 13px;
					color: #b8b8b8;
				}
				
				.lihat-selengkapnya{
					
				}
				
				.lihat-selengkapnya a{
					float: right;
					border: 1px solid #070a64;
					border-radius: 2rem;
					font-family: 'Poppins', sans-serif;
					font-size: 8px;
					padding: .5rem 1.5rem .5rem 1.5rem;
					text-decoration: none;
					color: #070a64;
					transition: .6s;
				}
}


@media (max-width: 461px){
				.news-container{
					background-color: transparent;
					width: 100%;
					height: auto;
					display: flex;
					flex-wrap: wrap;
					justify-content: space-between;
					gap: 2rem;
					padding: 2rem;
					padding-bottom: 8rem;
				}
				
				.majalah-terbaru-container{
					height: auto;
					width: 100%;
					padding: .5rem;
					background-color: #fff;
					display: flex ;
					flex-direction: column;
					gap: 2rem;
					box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
				}
				
				.majalah-terbaru-gambar{
					width: 100%;
					height: 100%;
					overflow: hidden;
					z-index: 2;
				}
				
				.majalah-terbaru-gambar img{
					width: 100%;
					height: 145%;
					
				}
				
				.majalah-terbaru-desc{
					width: 100%;
					height: 100%;
					padding: 0 1rem 0 1rem;
					display: flex;
					flex-direction: column;
					gap: 1rem;
					opacity: 0;
					transition: .8s ease-in-out;
					transform: translateY(-15rem);
					
				}
				
				.majalah-terbaru-desc.show{
					transform: translateX(0);
					opacity: 1;
				}
				
				.majalah-terbaru-judul{
					border-bottom: 1px solid #b8b8b8;
				}
				
				.majalah-terbaru-judul p{
					color: #fc7703;
					font-size: 28px;
					font-family: 'Kanit', sans-serif;
				}
				
				.majalah-terbaru-judul-majalah{
				
				}
				
				.majalah-terbaru-judul-majalah p{
					font-size: 28px;
					font-family: 'Kanit', sans-serif;
					line-height: 3rem;
				}
				
				.majalah-terbaru-download{
					margin: auto;
				}
				
				.majalah-terbaru-download a{
					text-decoration: none;
					background-color: #fc7703;
					box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
					font-size: 18px;
					color: #fff;
					padding-left: 2.6rem;
					padding-right: 2.6rem;
					padding-top: .7rem;
					padding-bottom: .7rem;
				}
				
				.majalah-terbaru-download a:hover{
					cursor: pointer;
					background-color: #c95f02;
				}
				
				.majalah-terbaru-update-time{
					text-align: left;
					color: #c1c0c0;
				
				}
				
				.majalah-terbaru-update-time i{
					font-family: 'Poppins', sans-serif;
					font-size: 13px;
				}
				
				.news-main-container{
					width: 100%;
					height: auto;
					
				}
				
				.news-headerline{
					display: flex;
					flex-direction: column;
					gap: 1rem;
					border-bottom: 1px solid #242424;
				}
				
				.news-headerline p{
					font-size: 24px;
					color: #000;
					font-family: 'Kanit', sans-serif;
					padding-bottom: 1rem;
				}
				
				
				
				.news-box-container{
					margin-top: 2rem;
					width: 100%;
					height: auto;
					display: flex;
					gap: 2rem;
					flex-direction: column;
					justify-content: space-between;
				}
				
				.news-box{
					height: 8rem;
					width: 100%;
					background-color: #fff;
					overflow: hidden;
					display: flex;
					justify-content: space-between;
					opacity: 0;
					transform: translateY(5rem);
					transition: 1s ease;
				}
				
				.news-box.show{
					transform: translateY(0);
					opacity: 1;
				
				}
				
				.news-box:hover{
					cursor: pointer;
				}
				
				.news-box-img{
					width: 45%;
					height: 100%;
					overflow: hidden;
				}
				
				.news-box-img img{
					width: 100%;
					height: 100%;
					transition: .5s ease;
				}
				
				.news-box-img img:hover{
					transform: scale(1.1);
					cursor: pointer;
				}
				
				.news-box-desc{
					width: 55%;
					height: 100%;
					display: flex;
					flex-direction: column;
					justify-content: space-between;
				}
				
				.news-box-judul{
					padding: .3rem .3rem 0 .3rem;
					height: 50%;
					text-align: justify;
					line-height: 1rem;
				}
				
				.news-box-judul a{
					text-decoration: none;
					color: #000;
					font-family: 'Kanit', sans-serif;
					font-size: 14px;
					line-height: 1rem;
				
				}
				
				.news-prev{
					height: 40%;
					padding: 0 .3rem 0 .3rem;
				}
				
				.news-prev p{
					font-family: 'Poppins', sans-serif;
					text-align: justify;
					font-size: 6px;
					color: #000;
				}
				
				.news-box-update-time{
					padding: 0 1rem 0.2rem .3rem;
					text-align: left;
					display: flex;
					flex-direction: row;
					justify-content: space-between;
				
				}
				
				.news-box-update-time i{
					font-family: 'Poppins', sans-serif;
					color: #b8b8b8;
					font-size: 8px;
				}
				
				.news-views img{
					font-family: 'Poppins', sans-serif;
					color: #b8b8b8;
					height: 12px;
					vertical-align: middle;
					width: auto;
				
				}
				
				.news-views div{
					font-family: 'Poppins', sans-serif;
					color: #b8b8b8;
					font-size: 18px;
				}
				
				.majalah-container{
					width: 100%;
					height: auto;
					display: flex;
					flex-direction: column;
					gap: 2rem;
				}
				
				.majalah-box-wrapper{
					width: 100%;
					height: auto;
					display: flex;
					flex-direction: column;
					justify-content: space-between;
					gap: 2rem;
					
				}
				
				.majalah-box{
					width: 100%;
					height: 9rem;
					background-color: #fff;
					display: flex;
					box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
					opacity: 0;
					transform: translateY(5rem);
					transition: 2.5s ease;
				}
				
				.majalah-box.show{
					transform: translateY(0);
					opacity: 1;
					
				}
				
				.majalah-box-img{
					width: 38%;
					height: 100%;
				}
				
				.majalah-box-img img{
					width: 100%;
					height: 100%;
					box-shadow: 4px 0px 5px rgba(0, 0, 0, 0.3);
				}
				
				.majalah-box-desc{
					width: 62%;
					height: 100%;	
					display: flex;
					flex-direction: column;
					justify-content: space-between;
				}
				
				.majalah-desc-judul{
					padding: .5rem 1rem .5rem .5rem;
					background-color: #070a64;
					color: #fff;
				}
				
				.majalah-desc-judul p{
					font-family: 'Kanit', sans-serif;
					font-size: 16px;
					color: #fff;
				}
				
				
				.majalah-download{
					margin: auto;
					padding-top: .5rem;
				}
				
				.majalah-download i{
					font-size: 20px;
					padding: .5rem;
					color: #3f51f4;
					border: 2px solid #3f51f4;
					border-radius: 50%;
				}
				
				.majalah-download i:hover{
					color: #1a29aa;
					border: 2px solid #1a29aa;
					
				}
				
				.majalah-update-time{
					text-align: left;
					padding-left: 1rem;
				}
				
				.majalah-update-time i{
					font-family: 'Poppins', sans-serif;
					font-size: 10px;
					color: #b8b8b8;
				}
				
				.lihat-selengkapnya{
					
				}
				
				.lihat-selengkapnya a{
					float: right;
					border: 1px solid #070a64;
					border-radius: 2rem;
					font-family: 'Poppins', sans-serif;
					font-size: 8px;
					padding: .5rem 1.5rem .5rem 1.5rem;
					text-decoration: none;
					color: #070a64;
					transition: .6s;
				}
}

@media (max-width: 341px){
				.news-container{
					background-color: transparent;
					width: 100%;
					height: auto;
					display: flex;
					flex-wrap: wrap;
					justify-content: space-between;
					gap: 2rem;
					padding: 1rem;
					padding-bottom: 8rem;
				}
				
				.majalah-terbaru-container{
					height: auto;
					width: 100%;
					padding: .5rem;
					background-color: #fff;
					display: flex ;
					flex-direction: column;
					gap: 2rem;
					box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
				}
				
				.majalah-terbaru-gambar{
					width: 100%;
					height: 100%;
					overflow: hidden;
					z-index: 2;
				}
				
				.majalah-terbaru-gambar img{
					width: 100%;
					height: 145%;
					
				}
				
				.majalah-terbaru-desc{
					width: 100%;
					height: 100%;
					padding: 0 1rem 0 1rem;
					display: flex;
					flex-direction: column;
					gap: 1rem;
					opacity: 0;
					transition: .8s ease-in-out;
					transform: translateY(-15rem);
					
				}
				
				.majalah-terbaru-desc.show{
					transform: translateX(0);
					opacity: 1;
				}
				
				.majalah-terbaru-judul{
					border-bottom: 1px solid #b8b8b8;
				}
				
				.majalah-terbaru-judul p{
					color: #fc7703;
					font-size: 24px;
					font-family: 'Kanit', sans-serif;
				}
				
				.majalah-terbaru-judul-majalah{
				
				}
				
				.majalah-terbaru-judul-majalah p{
					font-size: 24px;
					font-family: 'Kanit', sans-serif;
					line-height: 2.5rem;
				}
				
				.majalah-terbaru-download{
					margin: auto;
				}
				
				.majalah-terbaru-download a{
					text-decoration: none;
					background-color: #fc7703;
					box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
					font-size: 16px;
					color: #fff;
					padding-left: 2.3rem;
					padding-right: 2.3rem;
					padding-top: .4rem;
					padding-bottom: .4rem;
				}
				
				.majalah-terbaru-download a:hover{
					cursor: pointer;
					background-color: #c95f02;
				}
				
				.majalah-terbaru-update-time{
					text-align: left;
					color: #c1c0c0;
				
				}
				
				.majalah-terbaru-update-time i{
					font-family: 'Poppins', sans-serif;
					font-size: 11px;
				}
				
				.news-main-container{
					width: 100%;
					height: auto;
					
				}
				
				.news-headerline{
					display: flex;
					flex-direction: column;
					gap: 1rem;
					border-bottom: 1px solid #242424;
				}
				
				.news-headerline p{
					font-size: 24px;
					color: #000;
					font-family: 'Kanit', sans-serif;
					padding-bottom: 1rem;
				}
				
				
				
				.news-box-container{
					margin-top: 2rem;
					width: 100%;
					height: auto;
					display: flex;
					gap: 2rem;
					flex-direction: column;
					justify-content: space-between;
				}
				
				.news-box{
					height: 14rem;
					width: 100%;
					background-color: #fff;
					overflow: hidden;
					display: flex;
					flex-direction: column;
					justify-content: space-between;
					opacity: 0;
					transform: translateY(5rem);
					transition: 1s ease;
				}
				
				.news-box.show{
					transform: translateY(0);
					opacity: 1;
				
				}
				
				.news-box:hover{
					cursor: pointer;
				}
				
				.news-box-img{
					width: 100%;
					height: 60%;
					overflow: hidden;
				}
				
				.news-box-img img{
					width: 100%;
					height: 100%;
					transition: .5s ease;
				}
				
				.news-box-img img:hover{
					transform: scale(1.1);
					cursor: pointer;
				}
				
				.news-box-desc{
					width: 100%;
					height: 40%;
					display: flex;
					flex-direction: column;
					justify-content: space-between;
				}
				
				.news-box-judul{
				padding: .3rem .3rem 0 .3rem;
				height: 50%;
				text-align: justify;
				line-height: 1rem;
				}
				
				.news-box-judul a{
					text-decoration: none;
					color: #000;
					font-family: 'Kanit', sans-serif;
					font-size: 13px;
					
				
				}
				
				.news-prev{
					height: 40%;
					padding: .5rem .3rem 0 .3rem;
				}
				
				.news-prev p{
					font-family: 'Poppins', sans-serif;
					text-align: justify;
					font-size: 6px;
					color: #000;
				}
				
				.news-box-update-time{
					padding: 0 1rem 0.2rem .3rem;
					text-align: left;
					display: flex;
					flex-direction: row;
					justify-content: space-between;
				
				}
				
				.news-box-update-time i{
					font-family: 'Poppins', sans-serif;
					color: #b8b8b8;
					font-size: 9px;
				}
				
				.news-views img{
					font-family: 'Poppins', sans-serif;
					color: #b8b8b8;
					height: 12px;
					vertical-align: middle;
					width: auto;
				
				}
				
				.news-views div{
					font-family: 'Poppins', sans-serif;
					color: #b8b8b8;
					font-size: 15px;
				}
				
				.majalah-container{
					width: 100%;
					height: auto;
					display: flex;
					flex-direction: column;
					gap: 2rem;
				}
				
				.majalah-box-wrapper{
					width: 100%;
					height: auto;
					display: flex;
					flex-direction: column;
					justify-content: space-between;
					gap: 2rem;
					
				}
				
				.majalah-box{
					width: 100%;
					height: 8.5rem;
					background-color: #fff;
					display: flex;
					box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
					opacity: 0;
					transform: translateY(5rem);
					transition: 2.5s ease;
				}
				
				.majalah-box.show{
					transform: translateY(0);
					opacity: 1;
					
				}
				
				.majalah-box-img{
					width: 38%;
					height: 100%;
				}
				
				.majalah-box-img img{
					width: 100%;
					height: 100%;
					box-shadow: 4px 0px 5px rgba(0, 0, 0, 0.3);
				}
				
				.majalah-box-desc{
					width: 62%;
					height: 100%;	
					display: flex;
					flex-direction: column;
					justify-content: space-between;
				}
				
				.majalah-desc-judul{
					padding: .5rem 1rem .5rem .5rem;
					background-color: #070a64;
					color: #fff;
				}
				
				.majalah-desc-judul p{
					font-family: 'Kanit', sans-serif;
					font-size: 14px;
					color: #fff;
				}
				
				
				.majalah-download{
					margin: auto;
					padding-top: .5rem;
				}
				
				.majalah-download i{
					font-size: 20px;
					padding: .5rem;
					color: #3f51f4;
					border: 2px solid #3f51f4;
					border-radius: 50%;
				}
				
				.majalah-download i:hover{
					color: #1a29aa;
					border: 2px solid #1a29aa;
					
				}
				
				.majalah-update-time{
					text-align: left;
					padding-left: 1rem;
				}
				
				.majalah-update-time i{
					font-family: 'Poppins', sans-serif;
					font-size: 10px;
					color: #b8b8b8;
				}
				
				.lihat-selengkapnya{
					
				}
				
				.lihat-selengkapnya a{
					float: right;
					border: 1px solid #070a64;
					border-radius: 2rem;
					font-family: 'Poppins', sans-serif;
					font-size: 8px;
					padding: .5rem 1.5rem .5rem 1.5rem;
					text-decoration: none;
					color: #070a64;
					transition: .6s;
				}
}



section.store-sec1{
	width: 100%;
	height: auto;
	background-color: #fff;
}

.store-content-container{
	width: 100%;
	height: auto;
	background-color: #fff;
	display: flex;
	justify-content: center;
}

.store-content-wrapper{
	width: 78rem;
	height: 45rem;
	background-color: #fff;
	display: flex;
	align-items: center;
	gap: 3rem;

}

.store-content-txt{
	width: 40rem;
	height: 20rem;
	background-color: red;
}



.store-content-foto{
	width: 50%;
	height: 100%;
	display: flex;
	align-items: center;
	opacity: 0;
	justify-content: center;
    transition: opacity 2s ease;
    transform: translateY(20px);
    background-color: #fff;
    padding-top: 5rem;
    overflow: hidden;
}


.store-content-foto.show {
	transform: translateY(0);
    opacity: 1;
}

  .store-content-foto img {
            width: 25rem;
            height: 32rem;
           
        }





.store-content-btn{
	margin-top: 3rem;
	opacity: 0;
	transition: 2s ease-in-out;
	display: flex;
	justify-content: flex-start;
}

.store-content-btn.show{
	opacity: 1;
}

.store-content-btn a{
	text-decoration: none;
	font-family: 'Mukta Malar', sans-serif;
	font-size: 18px;
	padding: 1rem;
	padding-left: 4rem;
	padding-right: 4rem;
	border: 1px solid #fc7703;
	color: #fc7703;
	border-radius: 12px;
}


.store-content-btn a:hover{
	text-decoration: none;
	font-family: 'Mukta Malar', sans-serif;
	font-size: 18px;
	padding: 1rem;
	padding-left: 4rem;
	padding-right: 4rem;
	border: 1px solid #fc7703;
	background-color: #fc7703;
	color: #fff;
	border-radius: 12px;
	transition: 1s;
}

.txt-header{
	font-size: 58px;
	font-family: 'Koulen', sans-serif; 
	color: #595959; 
	line-height: 4rem;
	text-align: left;
	font-weight: 800;
	opacity: 0;
	transform: translateX(-20rem);
	transition: 2s;
}

.txt-header.show{
	transform: translateX(0);
	opacity: 1;
}

.txt-body p{
	font-family: 'Poppins', sans-serif;
	font-size: 20px;
	margin-top: .5rem;
}

.txt-body{
	opacity: 0;
	transition: 2s;
	transform: translateX(-20rem);
}

.txt-body.show{
	opacity: 1;
	transform: translateX(0);
}





.store-content-foto-hp{
	display: none;
	opacity: 0;
	transition: 2s ease;
}

.store-content-foto-hp.show{
	opacity: 1;
}


.store-content-foto-hp img{
	width: 32rem;
	height: 24rem;
}


@media (max-width: 1289px){

			.store-content-container{
				width: 100%;
				height: 100vh;
				background-color: #fff;
				display: flex;
				justify-content: center;
			}

			.store-content-wrapper{
				width: 72rem;
				height: 45rem;
				background-color: #fff;
				display: flex;
				align-items: center;
				gap: 1rem;
				background-color: #fff;

			}

			.store-content-txt{
				width: 40rem;
				height: 20rem;
				background-color: #fff;
			}


			.store-content-foto{
				width: 50%;
				height: 100%;
				display: flex;
				align-items: center;
				justify-content: center;
			}

			.txt-body p{
				font-family: 'Poppins', sans-serif;
				font-size: 20px;
				margin-top: .5rem;
			}

			.store-content-btn{
				margin-top: 3rem;
				display: flex;
				justify-content: flex-start;
			}

			.store-content-btn a{
				text-decoration: none;
				font-family: 'Mukta Malar', sans-serif;
				font-size: 18px;
				text-decoration: none;
				padding: 1rem;
				padding-left: 4rem;
				padding-right: 4rem;
				border: 1px solid #fc7703;
				color: #fc7703;
				border-radius: 12px;
				transition: 1s;
			}

			.store-content-btn a:hover{
				text-decoration: none;
				font-family: 'Mukta Malar', sans-serif;
				font-size: 18px;
				text-decoration: none;
				padding: 1rem;
				padding-left: 4rem;
				padding-right: 4rem;
				border: 1px solid #fc7703;
				background-color: #fc7703;
				color: #fff;
				border-radius: 12px;
				transition: 1s;
			}

			.txt-header{
				font-size: 58px;
				font-family: 'Koulen', sans-serif; 
				color: #595959; 
				line-height: 4rem;
				text-align: left;
				font-weight: 800;
			}

			.store-content-foto img{
				width: 32rem;
				height: 38rem;
				transform: translateY(50px);
				margin-left: 1rem;
			}




}


@media (max-width: 1027px){

			.store-content-container{
				width: 100%;
				height: auto;
				background-color: #fff;
				display: flex;
				justify-content: center;
				padding-top: 10rem;
			}

			.store-content-wrapper{
				width: 78rem;
				height: auto;
				background-color: #fff;
				display: flex;
				flex-direction: column;
				align-items: center;
				gap: 3rem;

			}

			.store-content-txt{
				width: 40rem;
				height: 20rem;
				background-color: #fff;
				display: flex;
				justify-content: center;
			}


			.store-content-foto{
				display: none;
				width: 50%;
				height: 100%;
				display: flex;
				align-items: center;
				justify-content: right;
			}

			.txt-body p,
			.txt-header p,
			.store-content-btn a{
				text-align: center;

			}

			.txt-body p{
				font-family: 'Poppins', sans-serif;
				font-size: 20px;
				margin-top: .5rem;
			}

			.store-content-btn{
				margin-top: 3rem;
				display: flex;
				justify-content: center;
			}

			.store-content-btn a{
				text-decoration: none;
				font-family: 'Mukta Malar', sans-serif;
				font-size: 18px;
				text-decoration: none;
				padding: 1rem;
				padding-left: 6rem;
				padding-right: 6rem;
				border: 1px solid #fc7703;
				color: #fc7703;
				border-radius: 12px;
				transition: 1s;

			}

			.store-content-btn a:hover{
				text-decoration: none;
				font-family: 'Mukta Malar', sans-serif;
				font-size: 18px;
				text-decoration: none;
				padding: 1rem;
				padding-left: 4rem;
				padding-right: 4rem;
				border: 1px solid #fc7703;
				background-color: #fc7703;
				color: #fff;
				border-radius: 12px;
				transition: 1s;
			}

			.txt-header{
				font-size: 58px;
				font-family: 'Koulen', sans-serif; 
				color: #595959; 
				line-height: 4rem;
				text-align: left;
				font-weight: 800;
			}

			.store-content-foto img{
				display: none;
				width: 32rem;
				height: 24rem;
				transform: translateY(50px);
				margin-left: 4rem;
			}

			.store-content-foto-hp{
				display: block;
			}

			.store-content-foto-hp img{
				width: 32rem;
				height: 38rem;
			}




}


@media (max-width: 541px){

			.store-content-container{
				width: 100%;
				height: auto;
				background-color: #fff;
				display: flex;
				justify-content: center;
				padding-top: 10rem;
			}

			.store-content-wrapper{
				width: 22rem;
				height: auto;
				background-color: #fff;
				display: flex;
				flex-direction: column;
				align-items: center;
				gap: 2rem;

			}

			.store-content-txt{
				width: 20rem;
				height: 20rem;
				background-color: #fff;
				display: flex;
				justify-content: center;

			}


			.store-content-foto{
				display: none;
				width: 50%;
				height: 100%;
				display: flex;
				align-items: center;
				justify-content: right;
			}

			.txt-body p,
			.txt-header p,
			.store-content-btn a{
				text-align: center;

			}

			.txt-body p{
				font-family: 'Poppins', sans-serif;
				font-size: 16px;
				margin-top: .5rem;
			}

			.store-content-btn{
				margin-top: 3rem;
				display: flex;
				justify-content: center;
			}

			.store-content-btn a{
				text-decoration: none;
				font-family: 'Mukta Malar', sans-serif;
				font-size: 18px;
				text-decoration: none;
				padding: 1rem;
				padding-left: 6rem;
				padding-right: 6rem;
				border: 1px solid #fc7703;
				color: #fc7703;
				border-radius: 12px;
				transition: 1s;

			}

			.store-content-btn a:hover{
				text-decoration: none;
				font-family: 'Mukta Malar', sans-serif;
				font-size: 18px;
				text-decoration: none;
				padding: 1rem;
				padding-left: 4rem;
				padding-right: 4rem;
				border: 1px solid #fc7703;
				background-color: #fc7703;
				color: #fff;
				border-radius: 12px;
				transition: 1s;
			}

			.txt-header{
				font-size: 42px;
				font-family: 'Koulen', sans-serif; 
				color: #595959; 
				line-height: 4rem;
				text-align: left;
				font-weight: 800;
			}

			.store-content-foto img{
				display: none;
				width: 32rem;
				height: 24rem;
				transform: translateY(50px);
				margin-left: 4rem;
			}

			.store-content-foto-hp{
				display: block;
			}

			.store-content-foto-hp img{
				width: 14rem;
				height: 18rem;
			}




}

@media (max-width: 281px){

			.store-content-container{
				width: 100%;
				height: auto;
				background-color: #fff;
				display: flex;
				justify-content: center;
				padding-top: 10rem;
			}

			.store-content-wrapper{
				width: 22rem;
				height: auto;
				background-color: #fff;
				display: flex;
				flex-direction: column;
				align-items: center;
				gap: 1rem;

			}

			.store-content-txt{
				width: 20rem;
				height: 20rem;
				background-color: #fff;
				display: flex;
				justify-content: center;

			}


			.store-content-foto{
				display: none;
				width: 50%;
				height: 100%;
				display: flex;
				align-items: center;
				justify-content: right;
			}

			.txt-body p,
			.txt-header p,
			.store-content-btn a{
				text-align: center;

			}

			.txt-body p{
				font-family: 'Poppins', sans-serif;
				font-size: 16px;
				margin-top: .5rem;
			}

			.store-content-btn{
				margin-top: 3rem;
				display: flex;
				justify-content: center;
			}

			.store-content-btn a{
				text-decoration: none;
				font-family: 'Mukta Malar', sans-serif;
				font-size: 18px;
				text-decoration: none;
				padding: 1rem;
				padding-left: 4rem;
				padding-right: 4rem;
				border: 1px solid #fc7703;
				color: #fc7703;
				border-radius: 12px;
				transition: 1s;

			}

			.store-content-btn a:hover{
				text-decoration: none;
				font-family: 'Mukta Malar', sans-serif;
				font-size: 18px;
				text-decoration: none;
				padding: 1rem;
				padding-left: 3rem;
				padding-right: 3rem;
				border: 1px solid #fc7703;
				background-color: #fc7703;
				color: #fff;
				border-radius: 12px;
				transition: 1s;
			}

			.txt-header{
				font-size: 32px;
				font-family: 'Koulen', sans-serif; 
				color: #595959; 
				line-height: 3rem;
				text-align: left;
				font-weight: 800;
			}

			.store-content-foto img{
				display: none;
				width: 32rem;
				height: 24rem;
				transform: translateY(50px);
				margin-left: 4rem;
			}

			.store-content-foto-hp{
				display: block;
			}

			.store-content-foto-hp img{
				width: 14rem;
				height: 18rem;
			}




}


.store-sec2{
	width: 100%;
	height: auto;
	background-color: #fff;
}



.black-container{
	width: 100%;
	height: auto;
	background-color: #FFF;
	display: flex;
	flex-direction: column;
	transition: 2s ease;
}

.black-container.show{
	background-color: #000;
	opacity: 1;
}
.black-container-txt{
	width: 100%;
	height: 10%;
	color: #fff;
	display: flex;
	justify-content: center;
	font-size: 42px;
	padding-top: 6rem;
	margin-bottom: 3rem;
	opacity: 0;
	transform: translateY(5rem);
	transition: 2s ease-in-out;
}

.black-container-txt.show{
	opacity: 1;
	transform: translateY(0);


}

.black-container-txt p{
	font-family: 'Poppins', sans-serif;
	font-weight: 700;

}

.black-container-img{
	width: 90%;
	height: 70%;
	display: flex;
	flex-wrap: wrap;
	margin: auto;
	justify-content: center;
	padding-top: 2rem;
	gap: .5rem;
}

.gambar-merch{
	opacity: 0;
	transform: translateY(10px);
	transition: 1.5s ease;
}

.gambar-merch.show{
	opacity: 1;
	transform: translateY(0);
	
}

.gambar-merch img{
	width: 14rem;
	height: 18rem;
	margin: auto;
	transition: 1s;
}

.black-container-img img:hover{
	transform: scale(1.2);
}

.black-container-txt2{
	width: 100%;
	height: 20%;
}

.btn-beli2{
	margin: auto;
	padding-top: 7rem;
	padding-bottom: 7rem;
	transform: translateY(-5rem);
	opacity: 0;
	transition: 1.5s;
}

.btn-beli2.show{
	transform: translateY(0);
	opacity: 1;
}

.btn-beli2 a{
	font-family: 'Poppins', sans-serif;
	color: #fff;
	text-decoration: none;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	padding-left: 4rem;
	padding-right: 4rem;
	border-radius: 1rem;
	border: 2px solid #fff;
}

.btn-beli2:hover{
	transform: translateY(-10px);
}

@media (max-width: 1023px){

			.black-container-txt{
				width: 100%;
				height: 10%;
				color: #fff;
				display: flex;
				justify-content: center;
				font-size: 32px;
				padding-top: 6rem;
				margin-bottom: 3rem;
				opacity: 0;
				transform: translateY(5rem);
				transition: 2s ease-in-out;
			}


}


@media (max-width: 541px){

			.black-container-txt{
				width: 100%;
				height: 10%;
				color: #fff;
				display: flex;
				justify-content: center;
				font-size: 24px;
				padding-top: 6rem;
				margin-bottom: 3rem;
				opacity: 0;
				transform: translateY(5rem);
				transition: 2s ease-in-out;
			}


}


@media (max-width: 461px){

			.black-container-txt{
				width: 100%;
				height: 10%;
				color: #fff;
				display: flex;
				text-align: center;
				justify-content: center;
				font-size: 28px;
				padding-top: 6rem;
				margin-bottom: 3rem;
				opacity: 0;
				transform: translateY(5rem);
				transition: 2s ease-in-out;
			}


}

@media (max-width: 376px){

			.black-container-txt{
				width: 100%;
				height: 10%;
				color: #fff;
				display: flex;
				text-align: center;
				justify-content: center;
				font-size: 24px;
				padding-top: 6rem;
				margin-bottom: 3rem;
				opacity: 0;
				transform: translateY(5rem);
				transition: 2s ease-in-out;
			}


}


@media (max-width: 281px){

			.black-container-txt{
				width: 100%;
				height: 10%;
				color: #fff;
				text-align: center;
				display: flex;
				justify-content: center;
				font-size: 18px;
				padding-top: 6rem;
				margin-bottom: 2rem;
				opacity: 0;
				transform: translateY(5rem);
				transition: 2s ease-in-out;
			}


}



.store-sec3{
	width: 100%;
	height: auto;
	background-color: #e3e3e3;
}

.sec3-container{
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 3rem;
}


.sec3-container-txt{
	padding-top: 4rem;
	margin: auto;
	opacity: 0;
	transition: 1.5s;
}

.sec3-container-txt.show{
	opacity: 1;
}

.sec3-container-txt p{
	font-family: 'Poppins', sans-serif;
	font-size: 42px;
}

.sec3-container-img{
	margin: auto;
	display: flex;
	gap: 2rem;
	flex-wrap: wrap;
	justify-content: center;
	opacity: 0;
	transform: translateY(40px);
	transition: 1.5s;
}

.sec3-container-img.show{
	transform: translateY(0);
	opacity: 1;
}


.gambar-merch-sec3{

}

.gambar-merch-sec3 img{
	width: 24rem;
	transition: .7s;
		
}

.gambar-merch-sec3 img:hover{
	transform: scale(1.1);
		
}

.btn-beli3{
	margin: auto;
	padding-bottom: 4rem;
	transition: .8s;
}

.btn-beli3:hover{
	transform: translateY(-10px);

}

.btn-beli3 a{
	text-decoration: none;
	color: #000;
	font-size: 18px;
	border: 1px solid #000;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	padding-left: 4rem;

	padding-right: 4rem;
	border-radius: 1rem;
}


@media (max-width: 1025px){

				.sec3-container{
					display: flex;
					flex-direction: column;
					justify-content: center;
					gap: 3rem;
				}


				.sec3-container-txt{
					padding-top: 4rem;
					text-align: center;
					margin: auto;
					opacity: 0;
					transition: 1.5s;
				}

				.sec3-container-txt.show{
					opacity: 1;
				}

				.sec3-container-txt p{
					font-family: 'Poppins', sans-serif;
					font-size: 42px;
				}

				.sec3-container-img{
					margin: auto;
					display: flex;
					gap: 2rem;
					flex-wrap: wrap;
					justify-content: center;
					opacity: 0;
					transform: translateY(40px);
					transition: 1.5s;
				}

				.sec3-container-img.show{
					transform: translateY(0);
					opacity: 1;
				}


				.gambar-merch-sec3{

				}

				.gambar-merch-sec3 img{
					width: 16rem;
					transition: .7s;
						
				}

				.gambar-merch-sec3 img:hover{
					transform: scale(1.1);
						
				}

				.btn-beli3{
					margin: auto;
					padding-bottom: 4rem;
					transition: .8s;
				}

				.btn-beli3:hover{
					transform: translateY(-10px);

				}

				.btn-beli3 a{
					text-decoration: none;
					color: #000;
					font-size: 18px;
					border: 1px solid #000;
					padding-top: 1.5rem;
					padding-bottom: 1.5rem;
					padding-left: 4rem;
					padding-right: 4rem;
					border-radius: 1rem;
				}
	
}


@media (max-width: 769px){

				.sec3-container{
					display: flex;
					flex-direction: column;
					justify-content: center;
					gap: 3rem;
				}


				.sec3-container-txt{
					padding-top: 4rem;
					margin: auto;
					opacity: 0;
					transition: 1.5s;
				}

				.sec3-container-txt.show{
					opacity: 1;
				}

				.sec3-container-txt p{
					font-family: 'Poppins', sans-serif;
					font-size: 32px;
				}

				.sec3-container-img{
					margin: auto;
					display: flex;
					gap: 2rem;
					flex-wrap: wrap;
					justify-content: center;
					opacity: 0;
					transform: translateY(40px);
					transition: 1.5s;
				}

				.sec3-container-img.show{
					transform: translateY(0);
					opacity: 1;
				}


				.gambar-merch-sec3{

				}

				.gambar-merch-sec3 img{
					width: 16rem;
					transition: .7s;
						
				}

				.gambar-merch-sec3 img:hover{
					transform: scale(1.1);
						
				}

				.btn-beli3{
					margin: auto;
					padding-bottom: 4rem;
					transition: .8s;
				}

				.btn-beli3:hover{
					transform: translateY(-10px);

				}

				.btn-beli3 a{
					text-decoration: none;
					color: #000;
					font-size: 18px;
					border: 1px solid #000;
					padding-top: 1.5rem;
					padding-bottom: 1.5rem;
					padding-left: 4rem;
					padding-right: 4rem;
					border-radius: 1rem;
				}
	
}


@media (max-width: 390px){

				.sec3-container{
					display: flex;
					flex-direction: column;
					justify-content: center;
					gap: 3rem;
				}


				.sec3-container-txt{
					padding-top: 4rem;
					margin: auto;
					opacity: 0;
					transition: 1.5s;
				}

				.sec3-container-txt.show{
					opacity: 1;
				}

				.sec3-container-txt p{
					font-family: 'Poppins', sans-serif;
					font-size: 27px;
				}

				.sec3-container-img{
					margin: auto;
					display: flex;
					gap: 2rem;
					flex-wrap: wrap;
					justify-content: center;
					opacity: 0;
					transform: translateY(40px);
					transition: 1.5s;
				}

				.sec3-container-img.show{
					transform: translateY(0);
					opacity: 1;
				}


				.gambar-merch-sec3{

				}

				.gambar-merch-sec3 img{
					width: 16rem;
					transition: .7s;
						
				}

				.gambar-merch-sec3 img:hover{
					transform: scale(1.1);
						
				}

				.btn-beli3{
					margin: auto;
					padding-bottom: 4rem;
					transition: .8s;
				}

				.btn-beli3:hover{
					transform: translateY(-10px);

				}

				.btn-beli3 a{
					text-decoration: none;
					color: #000;
					font-size: 18px;
					border: 1px solid #000;
					padding-top: 1.5rem;
					padding-bottom: 1.5rem;
					padding-left: 4rem;
					padding-right: 4rem;
					border-radius: 1rem;
				}
	
}


.footer{
	height: 20vh;
	background-color: red;
}