body.front-end html{
	overflow-x: hidden;
	scroll-behavior: smooth;
  font-family:'Poppins';
  font-family: Arial,
}
/* font thin and thinitalic */
@font-face {
	font-family:'Poppins';
	src: url('/Poppins-Thin.ttf');
	font-weight: 100;
	font-style: normal;
	}
	@font-face {
	font-family:'Poppins';
	src: url('/Poppins-ThinItalic.ttf');
	font-weight: 100;
	font-style: italic;
	}
	
	/* font extralight and extralightitalic */
	@font-face {
	font-family:'Poppins';
	src: url('/Poppins-ExtraLight.ttf');
	font-weight: 200;
	font-style: normal;
	}
	@font-face {
	font-family:'Poppins';
	src: url('/Poppins-ExtraLightItalic.ttf');
	font-weight: 200;
	font-style: italic;
	}
	
	/* font light and lightItalic */
	@font-face {
	font-family:'Poppins';
	src: url('/Poppins-Light.ttf');
	font-weight: 300;
	font-style: normal;
	}
	@font-face {
	font-family:'Poppins';
	src: url('/Poppins-LightItalic.ttf');
	font-weight: 300;
	font-style: italic;
	}
	
	/* font normal and normalItalic */
	@font-face {
	font-family:'Poppins';
	src: url('/Poppins-Black.ttf');
	font-weight: 400;
	font-style: normal;
	}
	@font-face {
	font-family:'Poppins';
	src: url('/Poppins-Regular.ttf');
	font-weight: 400;
	font-style: normal;
	}
	@font-face {
	font-family:'Poppins';
	src: url('/Poppins-BlackItalic.ttf');
	font-weight: 400;
	font-style: italic;
	}
	@font-face {
	font-family:'Poppins';
	src: url('/Poppins-Italic.ttf');
	font-weight: 400;
	font-style: italic;
	}
	
	/* font medium and mediumItalic */
	@font-face {
	font-family:'Poppins';
	src: url('/Poppins-Medium.ttf');
	font-weight: 500;
	font-style: normal;
	}
	@font-face {
	font-family:'Poppins';
	src: url('/Poppins-MediumItalic.ttf');
	font-weight: 500;
	font-style: italic;
	}
	
	/* font semibold and semiboldItalic */
	@font-face {
	font-family:'Poppins';
	src: url('/Poppins-Medium.ttf');
	font-weight: 600;
	font-style: normal;
	}
	@font-face {
	font-family:'Poppins';
	src: url('/Poppins-MediumItalic.ttf');
	font-weight: 600;
	font-style: italic;
	}
	
	/* font bold and boldItalic */
	@font-face {
	font-family:'Poppins';
	src: url('/Poppins-Bold.ttf');
	font-weight: 700;
	font-style: normal;
	}
	@font-face {
	font-family:'Poppins';
	src: url('/Poppins-BoldItalic.ttf');
	font-weight: 700;
	font-style: italic;
	}
	
	/* font extrabold and extraboldItalic */
	@font-face {
	font-family:'Poppins';
	src: url('/Poppins-ExtraBold.ttf');
	font-weight: 800;
	font-style: normal;
	}
	@font-face {
	font-family:'Poppins';
	src: url('/Poppins-ExtraBoldItalic.ttf');
	font-weight: 800;
	font-style: italic;
	}
	.pagination-wrapper {
		justify-content: flex-start;
		padding-left: 5.6rem;	
	}
	.pagination-wrapper-penghargaan {
		justify-content: flex-start;
		padding-left: 0rem;	
	}
	.pagination-icon {
		color: black;
    font-size: 16px;
		
	}
.pagination--news{
	border: none;
	border-radius: 0 !important;
}

.pagination--news li{
	margin: 0 .30rem;
}

.pagination-thumbnail-desktop .page-item.active .page-link {
	color: white;
    background: rgba(98, 155, 218, 0.4);
    border-radius: 4px;
}
.pagination-thumbnail-desktop .page-item.disabled .page-link {
	background: linear-gradient(
		90deg, #3DB9CC 0%, #3B82D0 100%) !important;
				color: white !important;
			cursor: not-allowed ;
}

.pagination-thumbnail-mobile .page-item.active .page-link {
	color: white;
	background: rgba(98, 155, 218, 0.4);
	border-radius: 4px;
}
.pagination-thumbnail-mobile .page-item.disabled .page-link {
	background: linear-gradient(90deg, #3DB9CC 0%, #3B82D0 100%) !important;
	    color: white !important;
			cursor: not-allowed ;
}
.pagination--news li a{
	background-color: transparent;
	border: none;
	border-radius: 50%;
	color: #717171;
	font-size: 16px !important;
    line-height: 20px !important;
    padding: 6px !important;
    width: 35px;
    height: 35px;
    text-align: center;
}

.pagination--news li a:hover{
	color: white;
	background: rgba(98, 155, 218, 0.4);
	border-radius: 4px;
}



.pagination-lg .page-item:first-child .page-link {
	border-radius: 50% !important;
	background: linear-gradient(90deg, #3DB9CC 0%, #3B82D0 100%) !important;
	    color: white !important;
}

.pagination-lg .page-item:last-child .page-link {
	border-radius: 50% !important;
	box-shadow: 0px 0px 4px rgb(0 0 0 / 25%);
	/* padding: 8px 12px !important; */
	color: #ffffff;
    background: #A0A0A0;
	
}
@media (max-width: 767px) { 
	.pagination-wrapper {
		justify-content: center;
		padding-left: 0rem;
	}
	.pagination-wrapper-penghargaan {
		justify-content: center;
		padding-left: 0rem;	
	}
}